文档章节

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

ForingY
 ForingY
发布于 2016/08/01 14:24
字数 552
阅读 23
收藏 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
Google官方下拉刷新组件---SwipeRefreshLayout

原文链接 : http://stormzhang.github.io/android/2014/03/29/android-swiperefreshlayout/ 今天在Google+上看到了SwipeRefreshLayout这个名词,遂搜索了下,发现竟然是刚刚google更新sdk新...

stormzhang
2014/04/03
813
7
侵入式设计和非侵入式设计的理解

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

qq_36523667
04/21
0
0
那些年不容错过的智能下拉刷新加载框架

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

codeGoogle
2017/09/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何删除本地服务

Microsoft Windows [版本 10.0.17134.407] (c) 2018 Microsoft Corporation。保留所有权利。 C:\WINDOWS\system32>SC 描述: SC 是用来与服务控制管理器和服务进行通信 的命令行程序。 用法:...

码农屌丝
17分钟前
1
0
Web安全学习规划

一名合格的Web安全工程师是要具备很多的知识点,不但要对网站架构熟悉,通讯协议,测试流程与测试工具使用,漏洞利用脚本编写,还有需要经验的积累等。 互联网进入下半场,竞争越发的激烈,能...

Linux就该这么学
21分钟前
1
0
爬虫Requests基本使用

Requests基本使用 安装 pip install requests 一、Requests模块请求 获取网页(不带参数) r = requests.get('http://www.chinahufei.com')r = requests.post('http://www.chinahufei.com')......

chinahufei
22分钟前
1
0
为什么要学习Python?这10个理由足够了!

摘要: 看完这十个理由,我决定买本python从入门到精通! 如果你定期关注现今的科技发展,那么你可能想知道我为什么要写这篇文章告诉人们学习Python?因为几年前我提倡Java而不是Python。 在...

阿里云官方博客
34分钟前
6
0
spring服务方式配置okhttp3

问题 如果把OKhttp以Spring服务方式配置,就解决了从配置中心运行时刷新配置参数的问题。 OkHttpConfig.java package com.zyl.config;import okhttp3.OkHttpClient;import org.springfra...

亚林瓜子
35分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部