三六软件园:只推荐前10名的精品好软件!
游戏
您当前所在位置:首页 > 软件教程 > 软件资讯

从头到尾开发一款APP:为列表添加下拉刷新和上拉加载更多功能

时间:2020-11-21 15:55:12 来源:三六软件园 作者:佚名
类型:商务软件
大小:18.62 M
版本:1.0.0

我是编程探索家阿源。大家如果想继续跟着学做一款APP(安卓+苹果双版本),请关注西瓜视频或者头条号:编程探索家。


先看一下我们这个系列教程需要做出来的APP效果


请注意我们是连载式教程,每期教程之间是相互关联的,如果你还没有看前面的教程,请关注我的头条号"编程探索家"查看。


这期我们需要来为首页列表增加下拉刷新和上拉加载更多的效果,同时也为列表里面的每一项添加点击时的水波纹效果。


1、 首先改变Android Studio默认的maven中央库,默认的maven在使用第三方库(比如图片库Fresco)的时候会变得超慢,甚至不可以编译


这三行的意思是提供另外的maven源,这三个maven源解决了访问速度的问题。


2、 然后导入swiperefreshlayout下拉刷新库,请注意这一次操作的build.gradle是在app目录里面的(一共有两个build.gradle文件)


3、 然后在res->layout->fragment_home.xml里面增加swiperefreshlayout布局


4、 然后在comimcodercommunicationappuihome HomeFragment.kt文件里启用下拉刷新(请注意现在的HomeFragment.kt文件跟上一期的HomeFragment.kt内容位置稍微有点不同,大家可以在我的腾讯工蜂仓库看到调整的内容)


看一下调整过的initRequest函数,定义start和end变量是为了后面上拉加载更多做铺垫rand变量是一个0到10的随机数,后面我根据这个数字来显示用户头像,也是方便让大家看到效果而已。


编译一下看看效果:


看到下拉刷新的按钮已经有了,但是界面没有什么变化~当然啦,现在再加一个上拉加载更多,有对比就可以看到效果了


添加上拉加载更多的方法,是对RecyclerView进行滚动监听,当往下不能滚动了就是到了底部,就把page+1并加载数据


编译一下看看效果:


到这里下拉刷新和上拉加载更多两个功能都已经做好了。现在来把头像更换一下,这里会使用一个第三方的图片库Fresco,来看操作


5、先在build.gradle里面增加对Fresco的引用(Android的第三方图片库有很多,但性能更好的是Fresco)


6、然后修改res->layout->msg_item.xml文件,把里面用户头像的ImageView修改成Fresco的SimpleDraweeView


7、然后在comimcodercommunicationappuihome MsgAdapter.kt里面启用

还没完的,继续往下看

8、把comimcodercommunicationappuihomeHomeFragment.kt里面对avatar的值改成网络图片(图片的地址大家随意了,可以访问到就可以)


编译一下看看效果:


现在看到的效果就更明显了,随机变化的头像让我们知道下拉刷新和上拉加载更多是否已经生效。


9、最后给每条消息点击添加一个点击时的水波纹效果。先在appsrcmainresdrawable目录下添加一个文件,这里我命名为item_click_shape.xml

10、然后在res->layout->msg_item.xml里面使用刚刚定义的item_click_shape就可以了


好了,编译一下看看效果


效果已经出来了,水波纹我设置的颜色不是很深,大家可以自己调整颜色。本期视频先介绍到这里。大家如果想继续跟着学做一款APP(安卓+苹果双版本),请关注西瓜视频或者头条号:编程探索家。


没基础没关系,上面的教程你看需要基础吗~


每期视频结束请大家把操作的结果截图发在评论区,有问题可以留言或者私信给我。每期视频的源代码和教程文档请在腾讯工蜂代码仓库(https://git.code.tencent.com/Imcoder/studio.git)下载,代码仓库使用的教程请看我的视频《我家的猫和我为你讲解:Git是什么?为什么要使用代码仓库?》


写个教程需要大半天的时间,为了能让即使没有基础的朋友也能看懂,也能做一个自己的APP,好汉帮忙点个赞,加个关注呗!谢谢!!


往期内容:

1、从头到尾开发一款APP:设置APP首页的基础结构

2、从头到尾开发一款APP:教你设置APP的通用头部

3、从头到尾开发一款APP:为APP首页添加消息列表


下期视频内容:开发通讯录界面

相关应用
弟子规有声版
5.0M / v16.10.21
360免费电话
6.0M / v3.5.9
通易付
10.3M / v2.0.1
学拼音宝典
16.8M / v5.2.8
全民K歌
95.79 M / 6.18.35.278
有球
8.9M / v1.1.2
秒看
7.2M / v1.0
财经精选
4.1M / v1.0.1.2356
天使来了
19.6M / v3.0
探秘陌聊
20.24 M / 3.0.3
哔哩哔哩
66.22M / 5.51.1
精品推荐