文档章节

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

ForingY
 ForingY
发布于 2016/08/01 14:24
字数 552
阅读 20
收藏 0

SwipeRefreshLayout 是谷歌官方下拉刷新控件,4.0以下的版本需要用到 android-support-v4.jar包才能用到

android-support-v4.jar 包下载地址:输入链接说明

官网API地址:输入链接说明

GitHub Demo下载地址:输入链接说明

输入图片说明

SwipeRefreshLayout 使用起来是非常简单的,只需要在可以滑动的控件外层添加即可,如:WebView、ListView和ScroolView.

<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  
  
    <android.support.v4.widget.SwipeRefreshLayout  
        android:id="@+id/swipe_container"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
  
        <WebView  
            android:id="@+id/webview"  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"/>  
          
    </android.support.v4.widget.SwipeRefreshLayout>  
  
</FrameLayout>  

常用方法: void setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener) 设置刷新监听器 void setColorSchemeColors(int color1, int color2, int color3, int color4) 设置四种颜色进度条样式 void setRefreshing(boolean refreshing) 隐藏或显示进度条 boolean isRefreshing() 判断进度条是否显示

结合WebView使用也挺简单的,可以实现一些功能,下拉刷新当前网页、点击网页在当前页面中浏览并显示SwipeRefreshLayout进度条,整体来说还是不错的

public class Fragment5 extends Fragment {  
    private View view;  
    public WebView webview;  
    private SwipeRefreshLayout swipeLayout;  
      
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        view = inflater.inflate(R.layout.activity_fragment5, null);  
          
        swipeLayout = (SwipeRefreshLayout) view.findViewById(R.id.swipe_container);  
        swipeLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {  
              
            @Override  
            public void onRefresh() {  
                //重新刷新页面  
                webview.loadUrl(webview.getUrl());  
            }  
        });  
        swipeLayout.setColorScheme(R.color.holo_blue_bright,  
                R.color.holo_green_light, R.color.holo_orange_light,  
                R.color.holo_red_light);  
          
        webview = (WebView)view.findViewById(R.id.webview);  
          
        webview.loadUrl("http://blog.csdn.net/h7870181");  
        //添加javaScript支持  
        webview.getSettings().setJavaScriptEnabled(true);   
        //取消滚动条  
        webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);  
        //触摸焦点起作用  
        webview.requestFocus();  
        //点击链接继续在当前browser中响应   
        webview.setWebViewClient(new WebViewClient(){  
            @Override  
            public boolean shouldOverrideUrlLoading(WebView view, String url) {  
                view.loadUrl(url);         
                return true;         
            }  
        });  
        //设置进度条  
        webview.setWebChromeClient(new WebChromeClient(){  
            @Override  
            public void onProgressChanged(WebView view, int newProgress) {  
                if (newProgress == 100) {  
                    //隐藏进度条  
                    swipeLayout.setRefreshing(false);  
                } else {  
                    if (!swipeLayout.isRefreshing())  
                        swipeLayout.setRefreshing(true);  
                }  
                  
                super.onProgressChanged(view, newProgress);  
            }  
        });  
          
        return view;  
    }  
}  

差点忘了贴出color.xml资源文件了,我呵了个呵!

<?xml version="1.0" encoding="utf-8"?>  
<resources>  
  
    <!-- A light Holo shade of blue -->  
    <color name="holo_blue_light">#ff33b5e5</color>  
    <!-- A light Holo shade of green -->  
    <color name="holo_green_light">#ff99cc00</color>  
    <!-- A light Holo shade of red -->  
    <color name="holo_red_light">#ffff4444</color>  
    <!-- A dark Holo shade of blue -->  
    <color name="holo_blue_dark">#ff0099cc</color>  
    <!-- A dark Holo shade of green -->  
    <color name="holo_green_dark">#ff669900</color>  
    <!-- A dark Holo shade of red -->  
    <color name="holo_red_dark">#ffcc0000</color>  
    <!-- A Holo shade of purple -->  
    <color name="holo_purple">#ffaa66cc</color>  
    <!-- A light Holo shade of orange -->  
    <color name="holo_orange_light">#ffffbb33</color>  
    <!-- A dark Holo shade of orange -->  
    <color name="holo_orange_dark">#ffff8800</color>  
    <!-- A really bright Holo shade of blue -->  
    <color name="holo_blue_bright">#ff00ddff</color>  
  
</resources>  

本文转载自:http://blog.csdn.net/h7870181/article/details/38682295

共有 人打赏支持
ForingY
粉丝 23
博文 272
码字总数 156129
作品 0
杭州
程序员
android 常用第三方插件收藏

1、android-vertical-slide-view : 仿照淘宝和聚美优品,在商品详情页,向上拖动时,可以加载下一页。使用ViewDragHelper,滑动比较流畅。 2、Android-MaterialRefreshLayout :这是一个下拉...

ch10mmt
06/26
0
0
Android 的下拉刷新效果(一)

如图所示,实现类似与gmail的下拉刷新。 项目地址:输入链接说明 一、在xml文件中定义 这个控件在supportV4就提供了,叫做SwipeRefreshLayout。这个view其实就是一个父控件,我们可以如下定义...

ForingY
2016/10/24
19
0
侵入式设计和非侵入式设计的理解

比如Android的RecyclerView做下拉刷新 如果你从Adapter内部入手去制作,这叫侵入式 如果像官方的SwipeRefreshLayout一样,这叫非侵入式 官方的下拉刷新就很神奇 他只需要在RecyclerView外面套...

qq_36523667
04/21
0
0
江启12/MeiZiNews

2016/4/29 GitHub:https://github.com/qq137712630/MeiZiNews 碗豆夹下载地址:http://www.wandoujia.com/apps/com.ms.meizinewsapplication #MeiZiNews 性能监听:BlockCanary MVP代码框架......

江启12
2016/04/28
0
0
那些年不容错过的智能下拉刷新加载框架

一些值得学习的几个下拉刷新上拉加载开源库 功能齐全的AnimRefreshRecyclerView 根据列表的不同效果选择不同的布局管理器 根据不同的布局管理器设置分割线: 设置Header和Footer 手动刷新 An...

codeGoogle
2017/09/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

angular 解决其他电脑不能访问的问题。

ng serve --host 0.0.0.0 --disable-host-check

miaojiangmin
今天
1
0
优酷视频文件怎么转换格式

  以前在优酷上下载视频都只是在手机上观看,但随着科技的发展,对于视频的要求也逐渐增多,不再只是观看视频那么简单,在精彩的部分还会将其单独分割出来,然后进行视频剪辑,可以做出我们...

萤火的萤火
今天
0
0
数据结构:散列

在一个数据结构中查找key元素,用顺序查找、二分查找都需要经过一系列关键之比较才能查找到结果,平均查找长度与数据量有关,元素越多比较次数就越多。 如果根据元素的关键字就能知道元素的存...

京一
今天
0
0
Apache RocketMQ 正式开源分布式事务消息

近日,Apache RocketMQ 社区正式发布4.3版本。此次发布不仅包括提升性能,减少内存使用等原有特性增强,还修复了部分社区提出的若干问题,更重要的是该版本开源了社区最为关心的分布式事务消...

阿里云云栖社区
今天
30
0
使用JavaScript和MQTT开发物联网应用

如果说Java和C#哪个是最好的开发语言,无疑会挑起程序员之间的相互怒怼,那如果说JavaScript是动态性最好的语言,相信大家都不会有太大的争议。随着越来越多的硬件平台和开发板开始支持JavaS...

少年不搬砖老大徒伤悲
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部