編輯:關於Android編程
前段時間做項目由於采用的MD設計,所以必須要使用RecyclerView全面代替ListView。但是開發中遇到了需要實現RecyclerView上拉加載、下拉刷新和添加Header以及Footer等需求問題,現將問題解決中用到的五大開源項目總結下來,方便他人。
首先介紹下RecyclerView,RecyclerView相比ListView增加了很多新特性:
? Adapter中的ViewHolder模式 - 對於ListView來說,通過創建ViewHolder來提升性能並不是必須的。因為ListView並沒有嚴格的ViewHolder設計模式。但是在使用RecyclerView的時候,Adapter必須實現至少一個ViewHolder,必須遵循ViewHolder設計模式。
? 定制Item條目 - ListView只能實現垂直線性排列的列表視圖,與之不同的是,RecyclerView可以通過設置RecyclerView.LayoutManager來定制不同風格的視圖,比如水平滾動列表或者不規則的瀑布流列表。
? Item動畫 - 在ListView中沒有提供任何方法或者接口,方便開發者實現Item的增刪動畫。相反地,可以通過設置RecyclerView的RecyclerView.ItemAnimator來為條目增加動畫效果。
? 設置數據源 - 在LisView中針對不同數據封裝了各種類型的Adapter,比如用來處理數組的ArrayAdapter和用來展示Database結果的CursorAdapter。相反地,在RecyclerView中必須自定義實現RecyclerView.Adapter並為其提供數據集合。
? 設置條目分割線 - 在ListView中可以通過設置android:divider屬性來為兩個Item間設置分割線。如果想為RecyclerView添加此效果,則必須使用RecyclerView.ItemDecoration,這種實現方式不僅更靈活,而且樣式也更加豐富。
? 設置點擊事件 - 在ListView中存在AdapterView.OnItemClickListener接口,用來綁定條目的點擊事件。但是,很遺憾的是在RecyclerView中,並沒有提供這樣的接口,不過,提供了另外一個接口RcyclerView.OnItemTouchListener,用來響應條目的觸摸事件。
但是……,RecyclerView不像ListView那樣擁有Header和Footer,因此開發中需要我們自己去實現Header和Foote,另外開發中小伙伴們經常使用的PullToRefresh庫暫時又不支持RecyclerView。和身邊的很多小伙們一樣,我也陷入了困境,為了不拖累項目進度,我決定親自解(shi)決(yong)難(kai)題(yuan),做一個伸手黨。
現在將我發現的GitHub上優秀的Header、Footer、上拉加載和下拉刷新解決方案匯總如下:
GitHub地址:https://github.com/Aspsine/SwipeToLoadLayout
SwipeToLoadLayout支持YouTube、Google、京東等多家APP基於RecyclerView的上拉加載和下拉刷新樣式,,好用的不要不要的。廢話不多說,直接上圖:
? ListView & GridView
? RecyclerView(With all kinds of layoutManagers)
? WebView & ScrollView & Other Views<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwPjxpbWcgYWx0PQ=="這裡寫圖片描述" src="/uploadfile/Collfiles/20160416/20160416091631331.jpg" title="\" />
? Google SwipeRefreshLayout style
? 京東style
? Yalantis Phoenix 樣式
AndroidStudio配置方法
第一步:在你的build.gradle添加JitPack庫在
repositories {
maven { url “https://jitpack.io” }
}
第二部:添加依賴庫
dependencies {
compile ‘com.github.Aspsine:SwipeToLoadLayout:v1.0.2’
}
GitHub地址:https://github.com/cymcsg/UltimateRecyclerView
UltimateRecyclerView是解決RecyclerView下拉刷新,加載更多,增加頭部,顯示或隱藏工具欄等許多問題的知名開源框架。
包含特性如下:
? Swipe to refresh(using android.support.v4.widget.SwipeRefreshLayout)
? Many kinds of animations
? Swipe to dismiss
? Parallax or normal head view
? Drag and drop items
? Loading more when reach the last item(infinite scrolling)
? Custom views in loading more
? Showing or hiding toolbar and floating button when scrolling
? Scrollbars
? Colorful styles of swipe to refresh
? Sticky header like instagram
? Support different layout in adapter
? Loading adapter with animation
使用效果如下:
AndroidStudio配置方法
第一步:在你的build.gradle添加庫
repositories {
jcenter()
maven { url "http://dl.bintray.com/jjhesk/maven" }
}
第二步:添加依賴庫
dependencies{
compile 'com.hkm.slidingmenulib:libmenu:0.4.9'
}
第三步:布局文件中使用方法
GitHub地址:https://github.com/Aspsine/IRecyclerView
IRecyclerView支持RecyclerView下拉刷新,上拉加載,定制Header和Footer。
包含特性如下:
? pull-to-refresh
? pull-to-loadmore
? customize refresh header
? customize loadmore footer
? add multiple header view
? add multiple footer view
使用效果如下:
刷新效果
AndroidStudio配置方法
第一步:在你的build.gradle添加庫
repositories:
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
第二步:添加依賴庫
dependencies {
compile 'com.github.Aspsine:IRecyclerView:0.0.2'
}
第三步:布局文件中使用方法
第四步:Activity/Fragment中使用
IRecyclerView iRecyclerView = (IRecyclerView) findViewById(R.id.iRecyclerView);
iRecyclerView.setLayoutManager(new LinearLayoutManager(this));
// an custom footer view, you can customize it yourself.
LoadMoreFooterView loadMoreFooterView = (LoadMoreFooterView) iRecyclerView.getLoadMoreFooterView();
// you can also add header and footer like this
// note: header and refresh header are different, footer and load more footer are different too.
iRecyclerView.addHeaderView(headerView);
iRecyclerView.addFooterView(footerView);
// adapter
ImageAdapter mAdapter = new ImageAdapter();
// note: here use setIAdapter(...) method not setAdapter(...)
iRecyclerView.setIAdapter(mAdapter);
iRecyclerView.setOnRefreshListener(new OnRefreshListener() {
@Override
public void onRefresh() {
}
});
iRecyclerView.setOnLoadMoreListener(new OnLoadMoreListener() {
@Override
public void onLoadMore(View loadMoreView) {
}
});
// set auto refreshing
iRecyclerView.post(new Runnable() {
@Override
public void run() {
iRecyclerView.setRefreshing(true);
}
});
// stop refreshing
iRecyclerView.setRefreshing(false);
GitHub地址:https://github.com/WuXiaolong/PullLoadMoreRecyclerView
PullLoadMoreRecyclerView實現了RecyclerView下拉刷新和上拉加載更多以及RecyclerView線性、網格、瀑布流效果。
效果圖如下:
使用方法
build.gradle文件
dependencies {
compile 'com.wuxiaolong.pullloadmorerecyclerview:library:1.0.4'
}
xml引用
設置線性布局
mPullLoadMoreRecyclerView = (PullLoadMoreRecyclerView) view.findViewById(R.id.pullLoadMoreRecyclerView);
mPullLoadMoreRecyclerView.setLinearLayout();
設置網格布局
mPullLoadMoreRecyclerView.setGridLayout(2);//參數為列數
設置交錯網格布局,即瀑布流效果
mPullLoadMoreRecyclerView.setStaggeredGridLayout(2);//參數為列數
綁定適配器
mRecyclerViewAdapter = new RecyclerViewAdapter();
mPullLoadMoreRecyclerView.setAdapter(mRecyclerViewAdapter);
public class RecyclerViewAdapter extends RecyclerView.Adapter {
public RecyclerViewAdapter() {
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_view_item, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
}
@Override
public int getItemCount() {
return 0;
}
public class ViewHolder extends RecyclerView.ViewHolder {
public ViewHolder(View itemView) {
super(itemView);
}
}
}
調用下拉刷新和加載更多
mPullLoadMoreRecyclerView.setOnPullLoadMoreListener(new PullLoadMoreRecyclerView.PullLoadMoreListener() {
@Override
public void onRefresh() {
}
@Override
public void onLoadMore() {
}
});
刷新結束
mPullLoadMoreRecyclerView.setPullLoadMoreCompleted();
不需要下拉刷新
mPullLoadMoreRecyclerView.setPullRefreshEnable(false);
不需要上拉刷新
mPullLoadMoreRecyclerView.setPushRefreshEnable(false);
設置上拉刷新文字
mPullLoadMoreRecyclerView.setFooterViewText("loading");
設置下拉刷新顏色
mPullLoadMoreRecyclerView.setColorSchemeResources(android.R.color.holo_red_dark,android.R.color.holo_blue_dark);
快速Top
mPullLoadMoreRecyclerView.scrollToTop();
GitHub地址:https://github.com/cundong/HeaderAndFooterRecyclerView
HeaderAndFooterRecyclerView是支持addHeaderView、 addFooterView、分頁加載的RecyclerView解決方案。它可以對 RecyclerView 控件進行拓展(通過RecyclerView.Adapter實現),給RecyclerView增加HeaderView、FooterView,並且不需要對你的具體業務邏輯Adapter做任何修改。同時,通過修改 FooterView State,可以動態 FooterView 賦予不同狀態(加載中、加載失敗、滑到最底等),可以實現 RecyclerView 分頁加載數據時的 Loading/TheEnd/NetWorkError 效果。
? 添加HeaderView、FooterView
mHeaderAndFooterRecyclerViewAdapter = new HeaderAndFooterRecyclerViewAdapter(mDataAdapter);
mRecyclerView.setAdapter(mHeaderAndFooterRecyclerViewAdapter);
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
//add a HeaderView
RecyclerViewUtils.setHeaderView(mRecyclerView, new SampleHeader(this));
//add a FooterView
RecyclerViewUtils.setFooterView(mRecyclerView, new SampleFooter(this));
? LinearLayout/GridLayout/StaggeredGridLayout布局的RecyclerView分頁加載
mRecyclerView.addOnScrollListener(mOnScrollListener);
private EndlessRecyclerOnScrollListener mOnScrollListener = new EndlessRecyclerOnScrollListener() {
@Override
public void onLoadNextPage(View view) {
super.onLoadNextPage(view);
LoadingFooter.State state = RecyclerViewStateUtils.getFooterViewState(mRecyclerView);
if(state == LoadingFooter.State.Loading) {
Log.d("@Cundong", "the state is Loading, just wait..");
return;
}
mCurrentCounter = mDataList.size();
if (mCurrentCounter < TOTAL_COUNTER) {
// loading more
RecyclerViewStateUtils.setFooterViewState(EndlessLinearLayoutActivity.this, mRecyclerView, REQUEST_COUNT, LoadingFooter.State.Loading, null);
requestData();
} else {
//the end
RecyclerViewStateUtils.setFooterViewState(EndlessLinearLayoutActivity.this, mRecyclerView, REQUEST_COUNT, LoadingFooter.State.TheEnd, null);
}
}
};
注意事項
如果已經使用 RecyclerViewUtils.setHeaderView(mRecyclerView, view); 為RecyclerView添加了HeaderView,那麼再調用ViewHolder類的getAdapterPosition()、getLayoutPosition()時返回的值就會因為增加了Header而受影響(返回的position等於真實的position+headerCounter)。
因此,這種情況下請使用 RecyclerViewUtils.getAdapterPosition(mRecyclerView, ViewHolder.this)、RecyclerViewUtils.getLayoutPosition(mRecyclerView, ViewHolder.this) 兩個方法來替代。
使用效果:
? 添加HeaderView、FooterView
? 支持分頁加載的LinearLayout布局RecyclerView
? 支持分頁加載的GridLayout布局RecyclerView
? 支持分頁加載的StaggeredGridLayout布局RecyclerView
? 分頁加載失敗時的GridLayout布局RecyclerView
以上就是GitHub中比較好的RecyclerView開源框架,希望能對小伙伴們的開發帶來幫助,更感謝這些作者們提供了這麼好的東西!
開發背景最近是在做一個與健身相關的APP,裡面有訓練器模塊基本功能是按照特點動作的演示和描述來引導用戶完成訓練。在第一個版本時由於沒接觸過些類項目與功能花了幾周的時間大概
子彈生成 新建子彈類public class Bullet { // 子彈圖片資源 public Bitmap bmpBullet; // 子彈的坐標
本章內容第1節菜單概述第2節選項菜單和子菜單第3節上下文菜單第4節使用XML定義菜單第5節 ActionBar的作用本章目標了解各版本菜單的特征。掌握創建選項菜單的方法。
本次實例是將用戶的設置信息,以實體類為媒介,保存到內部存儲或者SD卡的文件裡。再次打開應用時,程序會自動調用文件中實體類,並對設置信息進行設置,使其恢復到用戶最終保存的狀