文档章节

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

ForingY
 ForingY
发布于 2016/08/01 14:24
字数 552
阅读 18
收藏 0
点赞 0
评论 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
博文 252
码字总数 156129
作品 0
杭州
程序员
侵入式设计和非侵入式设计的理解

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

qq_36523667 ⋅ 04/21 ⋅ 0

Android 的下拉刷新效果(一)

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

ForingY ⋅ 2016/10/24 ⋅ 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

那些年不容错过的智能下拉刷新加载框架

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

codeGoogle ⋅ 2017/09/26 ⋅ 0

android 常用第三方插件收藏

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

ch10mmt ⋅ 2017/03/13 ⋅ 0

【Android】RecyclerView下拉刷新与加载更多

知道自己不能做什么远比知道自己能做什么重要。 RecyclerView是Android L版本中新添加的控件,它的灵活性、可替代性、回收机制等比listview更好。可能对于一些使用过RecyclerView的开发者会说...

zrunker ⋅ 2017/10/26 ⋅ 0

Android官方下拉刷新控件 SwipeRefreshLayout

今天在Google+上看到了SwipeRefreshLayout这个名词,遂搜索了下,发现竟然是刚刚google更新sdk新增加的一个widget,于是赶紧抢先体验学习下。 SwipeRefreshLayout SwipeRefreshLayout字面意思...

嘻哈开发者 ⋅ 2014/05/05 ⋅ 0

Google官方下拉刷新组件---SwipeRefreshLayout

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

stormzhang ⋅ 2014/04/03 ⋅ 7

SwipeRefreshLayout简单说明

SwipeRefreshLayout是谷歌官方的下拉刷新控件,代码在V4包中。 使用SwipeRefreshLayout有几个要注意的: SwipeRefreshLayout和ScrollView一样只能有一个字控件。 setOnRefreshListener设置监...

oschina2136 ⋅ 2015/08/24 ⋅ 0

在SwipeRefreshLayout中加入多个子View

在SwipeRefreshLayout中加入多个子View 小憩之地2014-09-29482 阅读 Android SwipeRefreshLayout是由Android官方提供的下拉刷新Widget。最低在v4中可用。 最近使用了一下,发现虽然是官方出品...

小憩之地 ⋅ 2014/09/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 6分钟前 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 11分钟前 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 23分钟前 ⋅ 0

说说javascript中的那些专业名词

DOM(Document Object Model) 文档对象模型 BOM(Browser Object Model) 浏览器对象模型 ECMA(European Computer Manufacturer's Association) 欧洲计算机制造商协会 W3C(World Wide Web Conso......

hang1989 ⋅ 43分钟前 ⋅ 0

Bootstrap Wizard 多步表单控件

废话 有一块需求是 有多步表单 点击下一步时触发验证一个范围内的表单,点击上一步或取消,清空表单并返回第一步,点击最后一步提交整个表单的 就找到了这个插件,本来自己写了一个原生的 fo...

无极之岚 ⋅ 58分钟前 ⋅ 0

如何利用Spring Cloud构建起自我修复型分布式系统

利用Netflix所打造的组件及各类大家熟知的工具,我们完全可以顺利应对由微服务以及分布式计算所带来的技术挑战。 在过去一年当中,微服务已经成为软件架构领域一个炙手可热的新名词,而且我们...

harries ⋅ 今天 ⋅ 0

临近实习前的感想

再过两星期就要开始新的一段实习了,想想去年的这个时候也在实习,心中不免思绪万千,也一直想写对2017做个总结,但一直迟迟没有下笔。 2017年的春节,我就开始准备开学后找份实习。那时候就...

无精疯 ⋅ 今天 ⋅ 0

Spring AOP(面向切面编程)

Spring AOP概念: Spring AOP 可以劫持一个执行的方法,在方法执行之前或之后添加额外的功能。通常情况下,AOP把项目中需要在多处用到的功能,比如日志、安全和事物等集中到一个类中处理,而...

霍淇滨 ⋅ 今天 ⋅ 0

人工智能、机器学习、数据挖掘以及数据分析有什么联系?

人工智能是目前炙手可热的一个领域,所有的互联网公司以及各路大迦们纷纷表态人工智能将是下一个时代的革命性技术,可与互联网、移动互联网时代的变更相媲美;AlphaGo在围棋领域战胜人类最顶...

董黎明 ⋅ 今天 ⋅ 0

使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中...

初学者的优化 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部