妹子图APP(二)—— SwipeRefreshLayout实现下拉刷新上拉加载
App 实现 加载 刷新 上拉 妹子
2023-09-11 14:18:54 时间
前面实现了图片加载,但只显示了20张图片,现在需要实现上拉刷新和下拉加载
布局使用 SwipeRefreshLayout+RecyclerView实现,直接使用SwipeRefreshLayout包裹RecyclerView即可
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/refreshlayout"
tools:context="com.example.girlimage.activity.MainActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</android.support.v4.widget.SwipeRefreshLayout>
SwipeRefreshLayout 是谷歌公司推出的用于下拉刷新的控件,在Version 19.1之后SwipeRefreshLayout 被放到support v4中。
前面添加Glide 依赖时已经添加了v4包
compile 'com.android.support:support-v4:25.3.0'
1.下拉刷新
首先在MainActivity中找到SwipeRefreshLayout 设置属性并设置监听事件
//找到SwipeRefreshLayout
mRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.refreshlayout);
//设置刷新进度条的颜色
mRefreshLayout.setColorSchemeResources(
android.R.color.holo_red_dark,
android.R.color.holo_blue_dark,
android.R.color.holo_green_light,
android.R.color.holo_orange_light
);
//设置刷新监听事件下拉刷新
mRefreshLayout.setOnRefreshListener(this);
监听事件采用MainActivity实现OnRefreshListener接口然后重写方法,在重写方法中请求网络获得数据,通知Recyclerview改变
//下拉刷新
@Override
public void onRefresh() {
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
//定义一个新集合
//调用getGirlList方法重新请求数据
mRequest.getGirlList(new RequsetCallback<GirlsBean>() {
@Override
public void onFinish(GirlsBean data) {
//适配器中写的方法,添加数据,并通知RecyclerView改变UI
mAdapter.addData(data.getShowapi_res_body().getNewslist());
}
@Override
public void onError(String msg) {
//吐司错误信息
Toast.makeText(MainActivity.this,msg,Toast.LENGTH_SHORT).show();
}
},page);
//结束刷新进度条的旋转
mRefreshLayout.setRefreshing(false);
}
},2000);
}
Adapter.addData 是我在适配器类中添加的方法
//添加数据 用于下拉刷新
public void addData(List<GirlsBean.ShowapiResBodyBean.NewslistBean> newDatas) {
//向一个新的集合,添加以前所有的数据
newDatas.addAll(mList);
//以前集合的数据全部移除
mList.removeAll(mList);
//添加最新的集合里的数据
mList.addAll(newDatas);
//数据改变,通知RecyclerView改变视图
notifyDataSetChanged();
}
2.上拉加载
采用RecyclerView设置滚动事件监听实现,判断如果是最后一个item则请求网络,更新数据,通知Recyclerview改变View
//上拉加载 mRecyclerView设置滚动事件监听
mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
//判断RecyclerView的状态 是空闲时,同时,是最后一个可见的item时才加载
if (newState == RecyclerView.SCROLL_STATE_IDLE &&
//mAdapter.getItemCount()通过适配器得到当前Item的数量
lastVisibleItem + 1 == mAdapter.getItemCount()) {
Toast.makeText(MainActivity.this,"正在加载...",Toast.LENGTH_SHORT).show();
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
//和下拉刷新时类似
page++;
//调用getGirlList方法重新请求数据
mRequest.getGirlList(new RequsetCallback<GirlsBean>() {
@Override
public void onFinish(GirlsBean data) {
//适配器中写的方法,添加数据,并通知RecyclerView改变UI
mAdapter.addMoreItem(data.getShowapi_res_body().getNewslist());
}
@Override
public void onError(String msg) {
//吐司错误信息
Toast.makeText(MainActivity.this,msg,Toast.LENGTH_SHORT).show();
}
},page);
}
},2000);
}
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
//最后一个可见的item
lastVisibleItem = mGridLayoutManager.findLastVisibleItemPosition();
}
});
Adapter.addMoreItem为我在适配器类中添加的方法
//用于上拉加载
public void addMoreItem(List<GirlsBean.ShowapiResBodyBean.NewslistBean> newDatas) {
mList.addAll(newDatas);
notifyDataSetChanged();
}
暂时的效果如图
相关文章
- Android 使用Toolbar+DrawerLayout快速实现仿“知乎APP”侧滑导航效果
- PHP 服务端 和 APP 客户端 实现 RSA+AES 双向加密解密
- 带你实现开发者头条APP(三) 首页实现
- android:Program type already present: android.support.v4.app.INotificationSideChannel
- uni-app:表单的验证(hbuilderx 3.7.3)
- uni-app:使用uni-list显示列表数据之一(hbuilderx 3.6.18)
- Android特效专辑(八)——实现心型起泡飞舞的特效,让你的APP瞬间暖心
- 选择 Java 编写 iOS 与 安卓 App的八大理由
- Kbone 基础 - [03] Vue + Kbone 实现 Todos App
- 傻瓜式安卓APP开发工具
- uni-app实现组件菜单左右滑动并点击切换(选中居中显示)demo效果(整理)
- vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)
- Android面试-Android性能优化和内存优化、APP启动速度一线大厂的实战案例解析
- Android App调用MediaRecorder实现录音功能的实例
- Android 11.0 12.0Settings 搜索功能屏蔽某个app
- Android 12.0 第三方无源码app替换app的图标功能实现
- Android 仿Launcher3实现app图标随意拖拽交换位置功能
- Android 进入其他app和退出App杀死进程的方法详解
- 在电脑上实现手机app抓包
- 低代码可视化开发理念在物联网APP开发中的应用
- 个人或者企业怎么进行app开发?开发一款APP应用大概须要多少钱?
- Android: app不被系统kill掉
- 职场经验:聊下App测试~
- 使用pytest-xdist实现分布式APP自动化测试
- Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术——不就是chrome OS吗?