SwipeRefreshLayout + headerView,打造下拉刷新,上拉加载(滑到底部自动加载)

下拉刷新,上拉加载,在Android项目中可谓是随处可见,其实现方式也是各种各样。今天介绍一个android support v4包下提供的下拉刷新控件SwipeRefreshLayout,个人觉得这个还是比较好看的

</br>


一、下拉刷新

看看知乎中的下拉刷新效果图:

SwipeRefreshLayout【截图来自:知乎app】
如何使用
//xml布局
<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/wifi_swipe_refresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/fl_title">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_wifi_table"
        android:layout_width="match_parent"
         android:layout_height="match_parent" />
    </android.support.v4.widget.SwipeRefreshLayout>

//Activity中使用
wifi_swipe_refresh = (SwipeRefreshLayout) findViewById(R.id.wifi_swipe_refresh);
wifi_swipe_refresh.setOnRefreshListener(this);//SwipeRefreshLayout.OnRefreshListener
wifi_swipe_refresh.setColorSchemeResources(
                R.color.google_blue,
                R.color.google_green,
                R.color.google_red,
                R.color.google_yellow
    );

上述监听事件(这里使用 RxJava实现定时操作)

    @Override
    public void onRefresh() {
        Observable.timer(1, TimeUnit.SECONDS, AndroidSchedulers.mainThread()).map(new Func1<Long, Object>() {
            @Override
            public Object call(Long aLong) {
                initData();
                if (null != wifi_swipe_refresh) {
                    wifi_swipe_refresh.setRefreshing(false);
                }
                return null;
            }
        }).subscribe();
    }   
    

进入时加载circleview 加载动画:

1、默认setRefreshing(true)方法,无法实线初次加载显示动画的效果。我们可以这样处理:

    swipeRefreshLayout.setProgressViewOffset(false, 0,
        (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources().
        getDisplayMetrics()));
    swipeRefreshLayout.setRefreshing(true);.0

2、使用swipeRefreshLayout.post()方式来加载显示动画
    swipeRefreshLayout.post(new Runnable() {
        @Override
        public void run() {
            swipeRefreshLayout.setRefreshing(true);
        }
    });

关闭circleview 加载动画:

由于子线程中不能更新UI,所以需要通过hander来定时关闭加载动画

使用handler计时 定时关闭

    final Handler handler = new Handler();

    handler.postDelayed(new Runnable() {
        @Override
        public void run() {
            swipeRefreshLayout.setRefreshing(false);
        }
    },2000);//2000ms后取消(关闭)

避免刷新过程中仍可以操作界面,自定义SwipeRefreshLayout,通过父类拿到refresh状态,从而进行事件的传递机制控制

public class MySwipeRefreshLayout extends SwipeRefreshLayout {
    public MySwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (super.isRefreshing()) {//调用父view中的isRefreshing()方法,从而拿到刷新状态。刷新时消化点击事件
            return true;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

二、上拉加载(滑到底部自动加载)

滑动底部,自动加载
结合HeaderViewRecyclerAdapter
private void initView() {
        firstCreateFootView = true;//首次加载headview,headview始终只能创建一次

        manager = new LinearLayoutManager(getActivity());
        manager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView_fans.setLayoutManager(manager);

        adapter = new FansInfoAdapter(getActivity());
        /**
         * 核心代码:RecyclerView.Adapter的adapter作为参数,初始化HeaderViewRecyclerAdapter
         * headerViewRecyclerAdapter才是作为RecyclerView的adapter,也是在这一步完成绑定headerView
         */
        headerViewRecyclerAdapter = new HeaderViewRecyclerAdapter(adapter);
        recyclerView_fans.setAdapter(headerViewRecyclerAdapter);
        recyclerView_fans.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                int lastVisiableItemPosition = manager.findLastVisibleItemPosition();
                if (lastVisiableItemPosition + 1 == headerViewRecyclerAdapter.getItemCount() && headerViewRecyclerAdapter.getItemCount() >= pageSize) {
                    LogUtil.i("info", "滑动到底了pos:" + lastVisiableItemPosition);
                    //执行加载更多数据
                    simulateLoadMoreData();
                }
            }
        });

        /**
         * 下拉刷新监听
         */
        swipe_refresh_layout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                Observable.timer(1, TimeUnit.SECONDS, AndroidSchedulers.mainThread()).map(new Func1<Long, Object>() {
                    @Override
                    public Object call(Long aLong) {
                        initData();
                        swipe_refresh_layout.setRefreshing(false);
                        headerViewRecyclerAdapter.notifyDataSetChanged();
//                        ToastUtils.show(getActivity(), "刷新成功");
                        return null;
                    }
                }).subscribe();
            }
        });
    }
核心的点在于何时去创建底部的headerview,这很有讲究,因为我们这里做的是滑动到底部自动加载更多数据,因此判断这个临界点成为核心,解决思路:从每次的请求网络数据回调中判断数据条目是否满一页即是否等于pageSize,瞒着条件即可调用创建hederview方法,动态添加headerview,注意:全程只可以创建一次,因此这边还要控制好。
    //第一次网络请求,数据回调时进行判断,满足条件才创建
    private void createLoadMoreView() {
        if (getActivity() == null) {
            return;
        }
        //headerView 布局可以自行定义
        View loadMoreView = LayoutInflater.from(getActivity()).inflate(R.layout.item_view_load_more, recyclerView_fans, false);
        headerViewRecyclerAdapter.addFooterView(loadMoreView);
    }
同时当数据已加载全部时还需要将headerview隐藏(remove)
      //此处进行判断,满足条件时调用headerViewRecyclerAdapter.notifyItemRemoved(headerViewRecyclerAdapter.getItemCount());去掉headerview
      if (null != fansCardTableBeen.get(0).getUser_phone() && fansCardTableBeen.get(0).getUser_phone().equals("")) {//已滑到最后一页
                        if (currentPage != 0) {
                            currentPage--;
                            ToastUtils.show(getActivity(), "没有更多数据");
                            headerViewRecyclerAdapter.notifyItemRemoved(headerViewRecyclerAdapter.getItemCount());
                        } else {
                            tv_empty_data.setVisibility(View.VISIBLE);
                            recyclerView_fans.setVisibility(View.GONE);
                        }
                    } else {
                        for (FansCardTableBean bean : fansCardTableBeen) {
                            list.add(bean);
                        }
                        adapter.setData(list);
                        adapter.notifyDataSetChanged();
                    }
      }

这里贴上HeaderViewRecyclerAdapter 源码(来源于网络博友博客)

/** * Created by Android Studio * User: Ailurus(ailurus@foxmail.com) * Date: 2015-10-26 * Time: 18:23 */
public class HeaderViewRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private static final int HEADERS_START = Integer.MIN_VALUE;
    private static final int FOOTERS_START = Integer.MIN_VALUE + 10;
    private static final int ITEMS_START = Integer.MIN_VALUE + 20;
    private static final int ADAPTER_MAX_TYPES = 100;

    private RecyclerView.Adapter mWrappedAdapter;
    private List<View> mHeaderViews, mFooterViews;
    private Map<Class, Integer> mItemTypesOffset;

    public HeaderViewRecyclerAdapter(RecyclerView.Adapter adapter) {
        mHeaderViews = new ArrayList<>();
        mFooterViews = new ArrayList<>();
        mItemTypesOffset = new HashMap<>();
        setWrappedAdapter(adapter);
    }

    public void setAdapter(RecyclerView.Adapter adapter) {
        if (mWrappedAdapter != null && mWrappedAdapter.getItemCount() > 0) {
            notifyItemRangeRemoved(getHeaderCount(), mWrappedAdapter.getItemCount());
        }
        setWrappedAdapter(adapter);
        notifyItemRangeInserted(getHeaderCount(), mWrappedAdapter.getItemCount());
    }

    @Override
    public int getItemViewType(int position) {
        int hCount = getHeaderCount();
        if (position < hCount) return HEADERS_START + position;
        else {
            int itemCount = mWrappedAdapter.getItemCount();
            if (position < hCount + itemCount) {
                return getAdapterTypeOffset() + mWrappedAdapter.getItemViewType(position - hCount);
            } else return FOOTERS_START + position - hCount - itemCount;
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        if (viewType < HEADERS_START + getHeaderCount())
            return new StaticViewHolder(mHeaderViews.get(viewType - HEADERS_START));
        else if (viewType < FOOTERS_START + getFooterCount())
            return new StaticViewHolder(mFooterViews.get(viewType - FOOTERS_START));
        else {
            return mWrappedAdapter.onCreateViewHolder(viewGroup, viewType - getAdapterTypeOffset());
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
        int hCount = getHeaderCount();
        if (position >= hCount && position < hCount + mWrappedAdapter.getItemCount())
            mWrappedAdapter.onBindViewHolder(viewHolder, position - hCount);
    }

    public void addHeaderView(View view) {
        mHeaderViews.add(view);
    }

    public void addFooterView(View view) {
        mFooterViews.add(view);
    }

    @Override
    public int getItemCount() {
        return getHeaderCount() + getFooterCount() + getWrappedItemCount();
    }

    public int getWrappedItemCount() {
        return mWrappedAdapter.getItemCount();
    }

    public int getHeaderCount() {
        return mHeaderViews.size();
    }

    public int getFooterCount() {
        return mFooterViews.size();
    }


    private void setWrappedAdapter(RecyclerView.Adapter adapter) {
        if (mWrappedAdapter != null) mWrappedAdapter.unregisterAdapterDataObserver(mDataObserver);
        mWrappedAdapter = adapter;
        Class adapterClass = mWrappedAdapter.getClass();
        if (!mItemTypesOffset.containsKey(adapterClass)) putAdapterTypeOffset(adapterClass);
        mWrappedAdapter.registerAdapterDataObserver(mDataObserver);
    }


    private void putAdapterTypeOffset(Class adapterClass) {
        mItemTypesOffset.put(adapterClass, ITEMS_START + mItemTypesOffset.size() * ADAPTER_MAX_TYPES);
    }


    private int getAdapterTypeOffset() {
        return mItemTypesOffset.get(mWrappedAdapter.getClass());
    }


    private RecyclerView.AdapterDataObserver mDataObserver = new RecyclerView.AdapterDataObserver() {
        @Override
        public void onChanged() {
            super.onChanged();
            notifyDataSetChanged();
        }

        @Override
        public void onItemRangeChanged(int positionStart, int itemCount) {
            super.onItemRangeChanged(positionStart, itemCount);
            notifyItemRangeChanged(positionStart + getHeaderCount(), itemCount);
        }


        @Override
        public void onItemRangeInserted(int positionStart, int itemCount) {
            super.onItemRangeInserted(positionStart, itemCount);
            notifyItemRangeInserted(positionStart + getHeaderCount(), itemCount);
        }


        @Override
        public void onItemRangeRemoved(int positionStart, int itemCount) {
            super.onItemRangeRemoved(positionStart, itemCount);
            notifyItemRangeRemoved(positionStart + getHeaderCount(), itemCount);
        }


        @Override
        public void onItemRangeMoved(int fromPosition, int toPosition, int itemCount) {
            super.onItemRangeMoved(fromPosition, toPosition, itemCount);
            int hCount = getHeaderCount();
            // TODO: No notifyItemRangeMoved method?
            notifyItemRangeChanged(fromPosition + hCount, toPosition + hCount + itemCount);
        }
    };

    private static class StaticViewHolder extends RecyclerView.ViewHolder {
        public StaticViewHolder(View itemView) {
            super(itemView);
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,911评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,014评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,129评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,283评论 1 264
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,159评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,161评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,565评论 3 382
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,251评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,531评论 1 292
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,619评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,383评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,255评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,624评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,916评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,199评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,553评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,756评论 2 335

推荐阅读更多精彩内容

  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,659评论 22 664
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,947评论 4 60
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,085评论 25 707
  • 佛法三问略答 问题一:年轻人会认为他们所处的阶段还不需要学佛,请问您怎么看待? 随佛禅师: 在还不了解佛法时就拒绝...
    Justabookworm阅读 1,110评论 0 1
  • 粥,进了学校才知道也叫稀饭,这里遥寄古人,对汉字的提炼精简,简洁不失韵味。 小时候就很不喜欢汤汤水水的食物,想...
    醉酒肆之阅读 425评论 3 0