帶頭尾和動畫的下拉刷新RecyclerView
前幾天分享了一個相關的經驗,此經驗是對原經驗的更新,原經驗地址:http://www.baiduhome.net/lib/view/open1438998632661.html
不廢話,先看效果,嗯...看起來有點卡,截圖軟件的問題:
</span>
上圖中演示了三種不同的布局和下拉效果,三種布局和三種下拉效果可以通過Header的設置任意組合。
圖中普通列表是ListView樣式,沒有設置Header和Footer,使用默認的下拉刷新和上拉加載。
宮格列表使用的是自定義Header和Footer的下拉刷新和上拉上拉加載,并設置了下拉使放大的圖片。
瀑布流列表使用的是自定義Header和Footer的下拉刷新和上拉上拉加載,沒有設置了下拉使放大的圖片,使用默認的刷新動畫。
用法:
</span>Gradle:
dependencies { compile 'com.sch.rfview:AnimRefreshRecyclerView:1.0.1' }
Eclipse的同學們可以自己下載源碼拷貝java文件到自己的工程(別忘了引用RecyclerView的包哦)。
代碼中的配置參考下面的用法代碼片段,除了RecyclerView自帶的方法,其他方法都是可選的。
用法代碼片段:
</span>根據列表的不同效果選擇不同的布局管理器:
// 使用重寫后的線性布局管理器 mRecyclerView.setLayoutManager(new AnimRFLinearLayoutManager(this));// 使用重寫后的格子布局管理器 mRecyclerView.setLayoutManager(new AnimRFGridLayoutManager(this, 2));
// 使用重寫后的瀑布流布局管理器 mRecyclerView.setLayoutManager(new AnimRFStaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));</pre>設置Header和Footer:
// 頭部 headerView = LayoutInflater.from(this).inflate(R.layout.header_view, null); // 腳部 footerView = LayoutInflater.from(this).inflate(R.layout.footer_view, null);// 添加頭部和腳部,如果不添加就使用默認的頭部和腳部(頭部可以有多個) mRecyclerView.addHeaderView(headerView); // 設置頭部的最大拉伸倍率,默認1.5f,必須寫在setHeaderImage()之前 mRecyclerView.setScaleRatio(2.0f); // 設置下拉時拉伸的圖片,不設置就使用默認的 mRecyclerView.setHeaderImage((ImageView) headerView.findViewById(R.id.iv_hander)); mRecyclerView.addFootView(footerView);</pre>可以通過`addHeaderView()`</span>和`setHeaderImage()`</span>方法任意組合下拉效果,可以調用多次`addHeaderView()`</span>方法添加多個頭部,但是`setHeaderImage()`</span>方法最多被調用一次。</span>
最多調用一次`addFootView()`</span>方法,即最多設置一個FooterView。</span>
其他設置:// 設置刷新動畫的顏色(可選) mRecyclerView.setColor(Color.RED, Color.WHITE); // 設置頭部恢復動畫的執行時間,默認1000毫秒(可選) mRecyclerView.setHeaderImageDurationMillis(1200); // 設置拉伸到最高時頭部的透明度,默認0.5f(可選) mRecyclerView.setHeaderImageMinAlpha(0.6f);// 設置適配器 mRecyclerView.setAdapter(new MyAdapter());
// 設置刷新和加載更多數據的監聽,分別在onRefresh()和onLoadMore()方法中執行刷新和加載更多操作 mRecyclerView.setLoadDataListener(new AnimRFRecyclerView.LoadDataListener() { @Override public void onRefresh() { // 開啟線程刷新數據 new Thread(new MyRunnable()).start(); }
@Override public void onLoadMore() { // 開啟線加載更多數據 new Thread(new MyRunnable()).start(); }
});</pre>在刷新和加載過更多完成之后調用代碼停止動畫:
</span>// 刷新完成后調用,必須在UI線程中 mRecyclerView.refreshComplate();// 加載更多完成后調用,必須在UI線程中 mRecyclerView.loadMoreComplate();</pre>
此控件更新時首先在博客中進行更新。
博客地址:http://blog.csdn.net/u014165119/article/details/47321943。
項目地址:https://github.com/shichaohui/AnimRefreshRecyclerViewDemo
項目中包含一個demo(普通Android工程)和Android Library,感興趣的同學可以自己下載源碼和Demo。
</span>