Android 微信刷新&自带下拉刷新SwipeRefreshLayout(一)

本文介绍了Android自带的下拉刷新组件SwipeRefreshLayout的使用方法和工作原理,通过源码分析了其事件拦截和刷新机制。并展示了如何实现类似微信的下拉刷新效果,包括使用MaterialProgressDrawable创建进度条动画。

前言:不知道还能这样坚持android多久啊,不管未来怎样,努力总还是会有收获的,h5之余还是要练练android的,不然就真忘记啦~~哈哈!!

今天要研究的是android v4自带的下拉刷新SwipeRefreshLayout,本来很久很久以前就想去研究一下它的,总是说自己没时间,其实时间挤挤还是有的,不废话了,先看一下最后用SwipeRefreshLayout实现的仿微信下拉刷新的效果图:

这里写图片描述

效果图看不出来那个美女拖动的效果,真实效果是有拖动的。

总体来说效果还是不错的,我们来看看源码然后一步一步实现其效果吧。

首先我们找到android.support.v4.widget.SwipeRefreshLayout这个类,用法呢很简单,就是在viewgroup外面套一层就可以了:

比如这样的:

<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/id_swipe"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        ></LinearLayout>
  </android.support.v4.widget.SwipeRefreshLayout>

然后你就可以控制刷新了,刷新的回调:

swipe= (SwipeRefreshLayout) findViewById(R.id.id_swipe);
        swipe.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        swipe.setRefreshing(false);
                    }
                },3000);
            }
        });

重置刷新状态(控制刷新动作):

swipe.setRefreshing(false);

是不是soeasy呢?

其实现的原理是:

  1. 在onInterceptTouchEvent事件中做事件的拦截,当子控件到达顶部位置的时候并且滑动的距离大于最小滑动距离,则拦截子控件事件,自己处理。
@Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
     ensureTarget();
      //当子控件滑动了,或者刷新指示器view正在回到初始状态的时候
        //不拦截事件
        if (!isEnabled() || mReturningToStart || canChildScrollUp()
                || mRefreshing || mNestedScrollInProgress) {
            // Fail fast if we're not in a state where a swipe is possible
            return false;
        }
          switch (action) {
          ....
          case MotionEvent.ACTION_MOVE:
                if (mActivePointerId == INV
作者aliouswang,源码FriendRefreshView,微信朋友圈我们都经常用,朋友圈的下拉刷新比较有意思,我们今天将要模仿打造微信朋友圈的下拉刷新控件,当然微信的这种刷新设计可能不是最好的,实际项目中你可以用V4包里面的SwipeRefreshView或者Chris Banes的AndroidPullRerfresh,看产品经理的设计。 思路 我们初步分析下,界面上主要有二个控件,个彩虹状的圆形LoadingView,个是ListView,那么我大致可以有下面三个步骤: 第步:需要自定义个ViewGroup,把上面的2个控件add进来。 第二步:利用ViewDragHelper处理控件拖动。当ListView处于顶部时,如果继续向下拖动,就拦截触摸事件,将触摸事件传递给ViewDragHelper处理,这里比较关键,主要是是否拦截触摸事件的判断条件要处理好,否则如果ListView的点击和滚动事件被我们拦截了,那就悲剧了。 第三步:在ViewDragHelper的拖动回调方法里面,设置listView和彩虹LoadingView的位置,调用requestLayout。 第四步:手势松开后,开始刷新,LoadingView在固定位置做旋转动画。 第五步:如果设置了onRefreshListener,执行onRefresh接口。 第六步:调用stopRefresh,完成刷新,这步需要控件使用者手动去调用,控件本身不自动触发。 文/ALIOUS(简书作者) 原文链接:http://www.jianshu.com/p/1ca0caf5fd8b 著作权归作者所有,转载请联系作者获得授权,并标注&ldquo;简书作者&rdquo;。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值