SwipeRefreshLayout + headerView锋拖,打造下拉刷新,上拉加載(滑到底部自動(dòng)加載)

下拉刷新祸轮,上拉加載兽埃,在Android項(xiàng)目中可謂是隨處可見,其實(shí)現(xiàn)方式也是各種各樣适袜。今天介紹一個(gè)android support v4包下提供的下拉刷新控件SwipeRefreshLayout,個(gè)人覺得這個(gè)還是比較好看的

</br>


一柄错、下拉刷新

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

SwipeRefreshLayout【截圖來(lái)自:知乎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
    );

上述監(jiān)聽事件(這里使用 RxJava實(shí)現(xiàn)定時(shí)操作)

    @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();
    }   
    

進(jìn)入時(shí)加載circleview 加載動(dòng)畫:

1、默認(rèn)setRefreshing(true)方法,無(wú)法實(shí)線初次加載顯示動(dòng)畫的效果售貌。我們可以這樣處理:

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

2给猾、使用swipeRefreshLayout.post()方式來(lái)加載顯示動(dòng)畫
    swipeRefreshLayout.post(new Runnable() {
        @Override
        public void run() {
            swipeRefreshLayout.setRefreshing(true);
        }
    });

關(guān)閉circleview 加載動(dòng)畫:

由于子線程中不能更新UI,所以需要通過(guò)hander來(lái)定時(shí)關(guān)閉加載動(dòng)畫

使用handler計(jì)時(shí) 定時(shí)關(guān)閉

    final Handler handler = new Handler();

    handler.postDelayed(new Runnable() {
        @Override
        public void run() {
            swipeRefreshLayout.setRefreshing(false);
        }
    },2000);//2000ms后取消(關(guān)閉)

避免刷新過(guò)程中仍可以操作界面,自定義SwipeRefreshLayout颂跨,通過(guò)父類拿到refresh狀態(tài)敢伸,從而進(jìn)行事件的傳遞機(jī)制控制

public class MySwipeRefreshLayout extends SwipeRefreshLayout {
    public MySwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (super.isRefreshing()) {//調(diào)用父view中的isRefreshing()方法,從而拿到刷新狀態(tài)毫捣。刷新時(shí)消化點(diǎn)擊事件
            return true;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

二、上拉加載(滑到底部自動(dòng)加載)

滑動(dòng)底部帝际,自動(dòng)加載
結(jié)合HeaderViewRecyclerAdapter
private void initView() {
        firstCreateFootView = true;//首次加載headview蔓同,headview始終只能創(chuàng)建一次

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

        adapter = new FansInfoAdapter(getActivity());
        /**
         * 核心代碼:RecyclerView.Adapter的adapter作為參數(shù),初始化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", "滑動(dòng)到底了pos:" + lastVisiableItemPosition);
                    //執(zhí)行加載更多數(shù)據(jù)
                    simulateLoadMoreData();
                }
            }
        });

        /**
         * 下拉刷新監(jiān)聽
         */
        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();
            }
        });
    }
核心的點(diǎn)在于何時(shí)去創(chuàng)建底部的headerview斑粱,這很有講究,因?yàn)槲覀冞@里做的是滑動(dòng)到底部自動(dòng)加載更多數(shù)據(jù)脯爪,因此判斷這個(gè)臨界點(diǎn)成為核心则北,解決思路:從每次的請(qǐng)求網(wǎng)絡(luò)數(shù)據(jù)回調(diào)中判斷數(shù)據(jù)條目是否滿一頁(yè)即是否等于pageSize,瞞著條件即可調(diào)用創(chuàng)建hederview方法,動(dòng)態(tài)添加headerview痕慢,注意:全程只可以創(chuàng)建一次尚揣,因此這邊還要控制好。
    //第一次網(wǎng)絡(luò)請(qǐng)求掖举,數(shù)據(jù)回調(diào)時(shí)進(jìn)行判斷快骗,滿足條件才創(chuàng)建
    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);
    }
同時(shí)當(dāng)數(shù)據(jù)已加載全部時(shí)還需要將headerview隱藏(remove)
      //此處進(jìn)行判斷,滿足條件時(shí)調(diào)用headerViewRecyclerAdapter.notifyItemRemoved(headerViewRecyclerAdapter.getItemCount());去掉headerview
      if (null != fansCardTableBeen.get(0).getUser_phone() && fansCardTableBeen.get(0).getUser_phone().equals("")) {//已滑到最后一頁(yè)
                        if (currentPage != 0) {
                            currentPage--;
                            ToastUtils.show(getActivity(), "沒有更多數(shù)據(jù)");
                            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 源碼(來(lái)源于網(wǎng)絡(luò)博友博客)

/** * 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);
        }
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末塔次,一起剝皮案震驚了整個(gè)濱河市方篮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌励负,老刑警劉巖藕溅,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異继榆,居然都是意外死亡巾表,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門略吨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)攒发,“玉大人,你說(shuō)我怎么就攤上這事晋南』菰常” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)偶妖。 經(jīng)常有香客問(wèn)我姜凄,道長(zhǎng),這世上最難降的妖魔是什么趾访? 我笑而不...
    開封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任态秧,我火速辦了婚禮,結(jié)果婚禮上扼鞋,老公的妹妹穿的比我還像新娘申鱼。我一直安慰自己,他們只是感情好云头,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開白布捐友。 她就那樣靜靜地躺著,像睡著了一般溃槐。 火紅的嫁衣襯著肌膚如雪匣砖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天昏滴,我揣著相機(jī)與錄音猴鲫,去河邊找鬼。 笑死谣殊,一個(gè)胖子當(dāng)著我的面吹牛拂共,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播姻几,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼匣缘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鲜棠?” 一聲冷哼從身側(cè)響起肌厨,我...
    開封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎豁陆,沒想到半個(gè)月后柑爸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盒音,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年表鳍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片祥诽。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡譬圣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出雄坪,到底是詐尸還是另有隱情厘熟,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站绳姨,受9級(jí)特大地震影響登澜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜飘庄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一脑蠕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧跪削,春花似錦谴仙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至廓旬,卻和暖如春哼审,著一層夾襖步出監(jiān)牢的瞬間谐腰,已是汗流浹背孕豹。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留十气,地道東北人励背。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像砸西,于是被迫代替她去往敵國(guó)和親叶眉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,708評(píng)論 22 664
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)芹枷、插件衅疙、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,029評(píng)論 4 62
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,515評(píng)論 25 707
  • 佛法三問(wèn)略答 問(wèn)題一:年輕人會(huì)認(rèn)為他們所處的階段還不需要學(xué)佛,請(qǐng)問(wèn)您怎么看待鸳慈? 隨佛禪師: 在還不了解佛法時(shí)就拒絕...
    Justabookworm閱讀 1,139評(píng)論 0 1
  • 粥饱溢,進(jìn)了學(xué)校才知道也叫稀飯,這里遙寄古人走芋,對(duì)漢字的提煉精簡(jiǎn)绩郎,簡(jiǎn)潔不失韻味。 小時(shí)候就很不喜歡湯湯水水的食物翁逞,想...
    醉酒肆之閱讀 431評(píng)論 3 0