Android自定义下拉刷新上拉加载
本文实例为大家分享了Android自定义下拉刷新上拉加载的具体实现步骤,供大家参考,具体内容如下
实现的方式是SwipeRefreshLayout + RecyclerView 的VIewType
首先看效果:
总的思路:
布局文件
<android.support.v4.widget.SwipeRefreshLayout android:layout_marginTop="?attr/actionBarSize" android:id="@+id/one_refresh" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/one_recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" > </android.support.v7.widget.RecyclerView> </android.support.v4.widget.SwipeRefreshLayout>
下拉刷新的实现思路
用于测试的Model
public class TestModel { private String mTitle; private String mDesc; private String mTime; public TestModel(String mTitle, String mDesc, String mTime) { this.mTitle = mTitle; this.mDesc = mDesc; this.mTime = mTime; } //...一堆getXxx ,setXxx方法 //equals必写,添加数据时候用于判断 @Override public boolean equals(Object o) { TestModel model = (TestModel) o; if (!mTitle.equals(model.getmTitle())) { return false; } else if (!mDesc.equals(model.getmDesc())) { return false; } else if (!mTime.equals(model.getmTitle())) { return false; } return true; }
模拟获取网络数据的代码
private class GetData { int size = 0 ; int max = 25; //数据的最大值 public void setStart(int size) { this.size = size; } //根据size获取指定大小的List,最大不能超过max public List<TestModel> initData(int size) { List<TestModel> mDatas = new ArrayList<>(); TestModel model = null; for (int i = start; i < ((size + start) > max ? max : (size + start)); i++) { model = new TestModel("Title" + i, "Desc" + i, "今天 11:30"); mDatas.add(model); } start += size; return mDatas; } }
数据获取并通知初始化RecyclerView
public void initData() { if (getData == null) { getData = new GetData(); } mLists = getData.initData(size); //获取默认显示的数量的item mhandler.sendEmptyMessage(REFRESH); //通知handler更新 }
Handler中用于处理第一次显示数据和以后刷新操作的代码
if (msg.what == REFRESH) { if (mAdapter == null) { mAdapter = new OneAdapter(mContext); mAdapter.setmDatas(mLists);//设置数据 //...对适配器的设置,这里先省去,免得混淆 mRecyclerView.setLayoutManager(new LinearLayoutManager(mContext)); mRecyclerView.setAdapter(mAdapter); } else { mAdapter.setmDatas(mLists); mAdapter.cleadnCount(); mAdapter.notifyDataSetChanged(); } initRefresh(); //判断refreshLayout是否在刷新,是的话取消刷新操作 .就不贴代码了显的乱糟糟
RefreshLayout的刷新事件
mRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { new Thread(mRunnable).start();//runnable调用了initData()方法; } });
此时就可以对刷新操作做出响应了,与平时使用RefreshLayout的操作一样
上拉刷新的实现思路(主要在适配器中,activity中只需要一个当需要加载更多的时候更新数据源就行)
普通内容的布局
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="5dp" android:orientation="vertical" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <ImageView android:scaleType="centerInside" android:id="@+id/item_head" android:layout_width="70dp" android:layout_height="70dp" android:layout_gravity="center" android:layout_margin="5dp" android:src="@mipmap/ic_launcher" /> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_marginLeft="5dp" android:layout_weight="1" android:orientation="vertical"> <TextView android:id="@+id/item_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_weight="1" android:gravity="center_vertical" android:text="Title" android:textSize="20sp" /> <TextView android:id="@+id/item_desc" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_weight="1" android:gravity="center_vertical" android:text="Desc" android:textSize="16sp" /> <TextView android:id="@+id/item_time" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical|right" android:layout_marginRight="14dp" android:layout_weight="1" android:gravity="center_vertical|right" android:text="Time" android:textSize="20sp" /> </LinearLayout> </LinearLayout> </android.support.v7.widget.CardView>
加载更多的内容布局(默认显示ProgressBar,没有更多的图标隐藏)
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="40dp" android:orientation="horizontal"> <ImageView android:id="@+id/load_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|right" android:layout_weight="1" android:scaleType="centerInside" android:src="@mipmap/ic_launcher" android:visibility="gone" /> <ProgressBar android:id="@+id/load_progress" style="@style/Widget.AppCompat.ProgressBar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|right" android:layout_weight="1" /> <TextView android:id="@+id/load_tv" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:gravity="center_vertical|left" android:text="正在加载更多...." android:textColor="@color/colorBlank" android:textSize="20sp" /> </LinearLayout>
itemCount(因为我们要在最后显示信息,所以item的总数应该是加1,但是也是分情况的:
@Override public int getItemCount() { if (mDatas.size() > minShowLoad) { //当前item能将屏幕显示满 return mDatas.size() + 1; //则默认显示加载或者没有更多 } return mDatas.size(); //如果不能显示满,则不显示加载和没有更多 }
getViewType(根据不同的位置显示不同的type)
@Override public int getItemViewType(int position) { if (position == mDatas.size()) { return VIEWTYPE_LOAD; //最后一个显示加载信息 } return VIEWTYPE_CONTENT;//否则显示正常布局 }
正常内容的ViewHolder
//内容布局 private class ContentViewHolder extends RecyclerView.ViewHolder { private TextView mTitle; private TextView mDesc; private TextView mTime; private ImageView mHead; private View itemView; public ContentViewHolder(View itemView) { super(itemView); this.itemView = itemView; mTitle = (TextView) itemView.findViewById(R.id.item_title); mDesc = (TextView) itemView.findViewById(R.id.item_desc); mTime = (TextView) itemView.findViewById(R.id.item_time); mHead = (ImageView) itemView.findViewById(R.id.item_head); } }
加载信息的ViewHolder
//加载更多的布局 (用于显示正在加载和没有更多 private class LoadMoreViewHolder extends RecyclerView.ViewHolder { private ImageView mImage; private ProgressBar mProgress; private TextView mMsg; public LoadMoreViewHolder(View itemView) { super(itemView); mImage = (ImageView) itemView.findViewById(R.id.load_image); mProgress = (ProgressBar) itemView.findViewById(R.id.load_progress); mMsg = (TextView) itemView.findViewById(R.id.load_tv); } }
onCreateViewHolder中初始化不同的ViewHolder
@Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View itemView = null; switch (viewType) { case 1: itemView = LayoutInflater.from(mContext).inflate(R.layout.load_layout, parent, false); return new LoadMoreViewHolder(itemView); case 2: itemView = LayoutInflater.from(mContext).inflate(R.layout.item_test, parent, false); return new ContentViewHolder(itemView); } return null; }
定义一个回调,用于当显示加载的时候通知activity更新数据
public interface onLoadMoreListener { void loadMore(); } //全局变量 private onLoadMoreListener onLoadMoreListener;
onBindViewHolder(对不同的情况进行数据显示)
@Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { if (holder instanceof ContentViewHolder) { TestModel model = mDatas.get(position); ((ContentViewHolder) holder).mTitle.setText(model.getmTitle()); ((ContentViewHolder) holder).mDesc.setText(model.getmDesc()); ((ContentViewHolder) holder).mTime.setText(model.getmTime()); } else if (holder instanceof LoadMoreViewHolder) { if (mDatas.size() < itemsCount) { //没有更多 ((LoadMoreViewHolder) holder).mMsg.setText("没有更多了~~~"); ((LoadMoreViewHolder) holder).mProgress.setVisibility(View.GONE); ((LoadMoreViewHolder) holder).mImage.setVisibility(View.VISIBLE); } else { onLoadMoreListener.loadMore(); ((LoadMoreViewHolder) holder).mMsg.setText("正在加载更多...."); ((LoadMoreViewHolder) holder).mProgress.setVisibility(View.VISIBLE); ((LoadMoreViewHolder) holder).mImage.setVisibility(View.GONE); } } }
加载更多的回调在Activity中的使用
mAdapter.setOnLoadMoreListener(new OneAdapter.onLoadMoreListener() { @Override public void loadMore() { //增加数据到数据源中 //调用adapter的addData方法 //更新适配器显示 } }
至此下拉刷新上拉加载就完成了,Demo地址:SwipeToRefreshTest。
以上就是Android自定义下拉刷新上拉加载的全部内容,希望能给大家一个参考,也希望大家多多支持脚本之家。
- 加载页面遮挡耗时操作任务页面--第三方开源之AndroidProgressLayout
- Android开发中如何解决Fragment +Viewpager滑动页面重复加载的问题
- Android中替换WebView加载网页失败时的页面
- Android中自定义加载样式图片的具体实现
- Android自定义加载loading view动画组件
- Android自定义加载控件实现数据加载动画
- Android自定义view实现阻尼效果的加载动画
- Android自定义View实现loading动画加载效果
- Android自定义Dialog实现文字动态加载效果
- Android实现自定义加载框的代码示例
- Android开发实现自定义新闻加载页面功能实例
相关文章
Android应用开发中使用GridView网格布局的代码示例
GridView布局比较基础,可以取代已经逐渐淡出人们视线的TableLayout,这里我们就来看一下Android应用开发中使用GridView网格布局的代码示例:2016-06-06android studio library 模块中正确引用aar的实例讲解
下面小编就为大家分享一篇android studio library 模块中正确引用aar的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01Android开发框架之自定义ZXing二维码扫描界面并解决取景框拉伸问题
这篇文章主要介绍了Android开发框架之自定义ZXing二维码扫描界面并解决取景框拉伸问题的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下2016-06-06react native android6+拍照闪退或重启的解决方案
android 6+权限使用的时候需要动态申请,那么在使用rn的时候要怎么处理拍照权限问题呢?本文提供的是一揽子rn操作相册、拍照的解决方案,需要的朋友可以参考下2017-11-11
最新评论