第一行代码第二版(郭霖)笔记之第三章UI开发的点点滴滴(中)
bigegpt 2024-10-22 10:04 21 浏览
这篇文章主要介绍了ListView和RecyclerView的使用方法,虽然ListView已经过时了,但是如何使用我们还是应该了解的,毕竟RecyclerView是从ListView进化过来的,了解ListView的使用方法可以让我们对RecyclerView有更好的了解。
1. ListView
由于手机屏幕空间有限,能否一次性在屏幕上显示的内容并不多,当我们的程序中有大量的数据需要展示的时候,就可以借助ListView来实现。ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时屏幕上原有的数据则会滚动出屏幕。
简单用法
创建ListView布局activity_main.xml:
准备数据
这些数据可以是从网上下载的,也可以是从数据库中读取的,应该视具体的应用程序场景而定。这里就简单使用了一个data数据来测试,里面包含了很多水果的名称。
创建适配器
1.数据中的数据是没有办法直接传递给ListView的,需要借助适配器来完成。Android中提供了很多适配器的实现类,其中郭霖认为最好用的就是ArrayAdapter,它可以通过泛型来指定要适配的数据类型,然后在构造函数中把要适配的数据传入。
2.ArrayAdapter有多个构造函数的重载,应该根据实际情况选择最合适的一种。这里由于我们提供的数据都是字符串,因此将ArrayAdaper的泛型指定为String,然后在ArrayAdatper的构造函数中依次传入当前的上下文、ListView子项布局的id,以及要适配的数据。
3.注意:我们使用了android.R.layout.simple_list_item_1作为listview子项布局的id,这是一个Android内置的布局文件,里面只有一个ListView,可用于简单地显示一段文本。这样适配器就构建好了。
调用ListView的setAdapter方法,将构建的适配器对象传递进去,这样ListView和数据之间的关联就建立完成了。
定制ListView的界面
只能显示一段文本的TextView实在是太单调了,我们现在就来对ListView的界面进行定制,让它展示更多丰富的内容。
activity_main.xml代码不变,准备子项布局fruit_item.xml,代码如下:
准备数据
用initFruits()方法初始化所有的水果数据。在Fruit类的构造函数中将水果的名字和对应的图片id传入,然后把创建好的对象添加到水果集合列表中。这里我们用for循环将所有的水果数据添加了两遍,因为只添加一遍的话,数据量不足以充满整个屏幕。代码如下:
创建自定义的适配器
这个适配器继承自ArrayA ,并将泛型指定为Fruti类,新建类FruitAdapter,代码如下
在OnCreate方法中创建FruitAdapter对象,并将FruitAdapter作为适配器传递给ListView即可。
提升ListView运行效率
目前我们的ListView运行效率比较低,因为在FruitAdapter的getView()方法中,每次都将布局重新加载一遍,当ListView快速滚动的时候,这就会成为性能的瓶颈。我们在两个地方进行优化。
getView()方法中还有一个convertView参数,这个参数用于将之前加载的布局进行缓存,以便之后可以进行重用。修改FruitAdapter代码如下:
getView方法,虽然不会重复去加载布局了,但是每次在getView()方法中还是会调用View的findViewById()方法来获取一次控件的实例。我们可以借助一个ViewHolder来对这部分性能进行优化,修改FruitAdapter中的代码,如下所示:
ListView的点击事件
2. RecyclerView
Android提供了一个更强大的滚动控件RecyclerView。它可以说是一个增强版的ListView,不仅可以轻松实现和ListView同样的效果,还可以优化ListView存在的各种不足的地方。官方更加推荐RecyclerView,因为它充分的解耦,不但可实现纵向滚动,还可以轻松实现横向滚动以及瀑布流的效果的实现。
RecyclerView的基本用法
添加依赖
修改activity_main.xml中的代码如下:
准备数据(水果图片和Fruit类和fruit_item.xml) 单独强调下fruit_item
自定义适配器
FruitAdapter类,让这个适配器继承自RecyclerView.Adapter,并将泛型指定为FruitAdapter.ViewHolder.其中ViewHolder是我们在FruitAdapter中定义的一个内部类,代码如下所示:
① 首先定义一个内部类ViewHolder,ViewHolder要继承自RecyclerView.ViewHolder。然后ViewHolder的构造函数中要传入一个View参数,这个View参数通常就是RecyClerView子项的最外城布局,那么我们就可以通过findViewById()方法来获取到布局中的ImageView和TextView的实例了。
② 接着,FruitAdapter中也有一个构造函数,这个方法用于把要展示的数据源传进来,并赋值给一个全局变量 mFruitList,我们后续的操作都将在这个数据源的基础上进行。
③ 然后,由于FruitAdapter是继承自RecyclerView.Adapter的,那么就必须重写onCreateViewHolder()、onBindViewHolder()和getItemCount()这3个方法。
④ onCreateViewHolder()方法是用于创建ViewHolder实例的,我们在这个方法中将fruit_item布局加载进来,然后创建一个ViewHolder实例,并把加载出来的布局传入到构造函数当中,最后将ViewHolder的实例返回。
⑤ onBindViewHolder()方法是用于对RecyclerView子项的数据进行赋值的,会在每个子项被滚动到屏幕内的时候执行,这里通过position参数得到当前项的Fruit实例,然后再将数据设置到ViewHolder的ImageView和TextView当中即可。
⑥ getItemCount()方法告诉RecyclerView一共有多少子项,直接返回数据源的 长度就可以了。 5.修改MainActivity中的代码,如下
***** initFruits 初始化所有的水果数据
***** onCreate 方法中我们先获取到RecyclerView的实例,然后创建了一个LinearLayoutManager对象,并将它设置到RecyclerView当中。LayoutManager用于指定RecyclerView的布局方式,这里使用的是LinearLayoutManager是线性布局的意思。
***** 创建FruitAdapter实例,并将水果数据传入到FruitAdapter的构造函数中,最后调用RecyclerView的setAdapter()方法来完成适配器设置,这样RecyclerView和数据之间的关联就建立完成了。
实现横向滚动
ListView想要实现横向滚动就做不到了,而RecyclerView却轻松实现。
首先要对fruit_item 布局进行修改,如果要实现横向滚动的话,应该把fruit_item里的元素改成垂直排列才比较合理。代码如下:
**** 我们将LinearLayout改成垂直方向排列,并把宽度设为100dp。这里 宽度指定为固定值是因为每种水果的文字长度不一致,如果用 wrap_content的话,RecyclerView的子项就会有长有短,非常不美观;而如果用match_parent的话,就会导致宽度过长,一个子项占满整个屏幕。 **** 我们将Imageview和TextView都设置成在布局中水平居中,并且使用layout_marginTop属性让文字和图片之间保持一些距离。
在原来MainActivity基础代码上修改布局的排列方向为横向排列
**** MainActivity中加入了一行代码,调用LinearLayoutManger的setOrientation方法来设置布局的排列方向,默认是纵向排列的,我们传入LinearLayoutManager.HORIZONTAL表示让布局横向排列,这样RecyclerView就可以横向滚动了。 **** ListView的布局排列是由自身管理,而RecyclerView则将这个工作交给了LayoutManager,LayoutManager中制定了一套可扩展的布局排列接口,子类只要按照接口的规范来实现,就能定制出各种不同排列方式的布局了。
实现瀑布流布局
实现瀑布流布局只需修改布局的排列方式即可
修改MainActivity中的代码,只需一行代码即可实现效果
请点击此处输入图片描述修改下fruit_item的布局
**** 首先将LinearLayout的宽度由100dp改成了match_parent,因为瀑布流布局的宽度应该是根据布局的列数来自动适配的,而不是一个固定值。 **** 使用layout_margin属性来让子项之间互留一点间距,这样不至于所有子项都紧贴。还有就是将TextView的对齐属性改成了居左对齐,因为待会我们会将文字的长度变长,如果还是居中显示就会感觉怪怪的了。
由于瀑布流的效果需要各个子项的高度不一致才能看出明显的效果,为此我们又使用了一个小技巧我们利用getRandomLengthName这个方法,这个方法使用Random 对象来创造一个1到20之间的随机数,然后将参数中传入的字符串重复随遍。代码如下:
RecyclerView的点击事件
ListView看似在点击事件上比较人性化,其实并不如此。setOnItemClickListener方法注册的是子项的点击事件,但如果我想点击的是子项里面具体的某一个按钮,实现起来就比较麻烦了。为此RecyclerView摒弃了子项点击事件的监听器,所有的点击事件都由View去注册,就没有这个困扰了。
**** 我们先是修改了ViewHolder,在ViewHolder中添加了fruitView变量来保存子项最外层布局的实例,然后在onCreateViewHolder方法中注册点击事件就可以了。这里分别为最外层布局和ImageView都注册了点击事件,RecyClerView的强大之处也在这里,它可以轻松实现子项中任意控件或布局的点击事件。我们在两个点击事件中先获取了用户点击的position,然后通过position拿到相应的Fruit实例,再用Toast分别弹出两种不同的内容以示区别。
***** 点击图片会触发ImageView的点击事件;点击文字部分,由于TextView并没有注册点击事件,因此点击文字这个事件会被子项的最外层布局捕获到。
总结
喜欢的还请点个赞,加个收藏;想继续关注的,还请添加关注;如果有什么话想说,可以发表评论。希望以上本篇内容能让大家有说收获,感谢大家。
相关推荐
- Docker篇(二):Docker实战,命令解析
-
大家好,我是杰哥上周我们通过几个问题,让大家对于Docker有了一个全局的认识。然而,说跟练往往是两个概念。从学习的角度来说,理论知识的学习,往往只是第一步,只有经过实战,才能真正掌握一门技术所以,本...
- docker学习笔记——安装和基本操作
-
今天学习了docker的基本知识,记录一下docker的安装步骤和基本命令(以CentOS7.x为例)一、安装docker的步骤:1.yuminstall-yyum-utils2.yum-con...
- 不可错过的Docker完整笔记(dockerhib)
-
简介一、Docker简介Docker是一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源。Docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,...
- 扔掉运营商的 IPTV 机顶盒,全屋全设备畅看 IPTV!
-
其实现在看电视节目的需求确实大大降低了,折腾也只是为了单纯的让它实现,享受这个过程带来的快乐而已,哈哈!预期构想家里所有设备直接接入网络随时接收并播放IPTV直播(电信点播的节目不是太多,但好在非常稳...
- 第五节 Docker 入门实践:从 Hello World 到容器操作
-
一、Docker容器基础运行(一)单次命令执行通过dockerrun命令可以直接在容器中执行指定命令,这是体验Docker最快捷的方式:#在ubuntu:15.10容器中执行ech...
- 替代Docker build的Buildah简单介绍
-
Buildah是用于通过较低级别的coreutils接口构建OCI兼容镜像的工具。与Podman相似,Buildah不依赖于Docker或CRI-O之类的守护程序,并且不需要root特权。Builda...
- Docker 命令大全(docker命令大全记录表)
-
容器生命周期管理run-创建并启动一个新的容器。start/stop/restart-这些命令主要用于启动、停止和重启容器。kill-立即终止一个或多个正在运行的容器rm-于删除一个或...
- docker常用指令及安装rabbitMQ(docker安装rabbitmq配置环境)
-
一、docker常用指令启动docker:systemctlstartdocker停止docker:systemctlstopdocker重启docker:systemctlrestart...
- 使用Docker快速部署Storm环境(docker部署confluence)
-
Storm的部署虽然不是特别麻烦,但是在生产环境中,为了提高部署效率,方便管理维护,使用Docker来统一管理部署是一个不错的选择。下面是我开源的一个新的项目,一个配置好了storm与mono环境的D...
- Docker Desktop安装使用指南:零基础教程
-
在之前的文章中,我多次提到使用Docker来安装各类软件,尤其是开源软件应用。鉴于不少读者对此有需求,我决定专门制作一期关于Docker安装与使用的详细教程。我主要以Macbook(Mac平台)为例进...
- Linux如何成功地离线安装docker(linux离线安装httpd)
-
系统环境:Redhat7.2和Centos7.4实测成功近期因项目需要用docker,所以记录一些相关知识,由于生产环境是不能直接连接互联网,尝试在linux中离线安装docker。步骤1.下载...
- Docker 类面试题(常见问题)(docker面试题目)
-
Docker常见问题汇总镜像相关1、如何批量清理临时镜像文件?可以使用sudodockerrmi$(sudodockerimages-q-fdanging=true)命令2、如何查看...
- 面试官:你知道Dubbo怎么优雅上下线的吗?你:优雅上下线是啥?
-
最近无论是校招还是社招,都进行的如火如荼,我也承担了很多的面试工作,在一次面试过程中,和候选人聊了一些关于Dubbo的知识。Dubbo是一个比较著名的RPC框架,很多人对于他的一些网络通信、通信协议、...
- 【Docker 新手入门指南】第五章:Hello Word
-
适合人群:完全零基础新手|学习目标:30分钟掌握Docker核心操作一、准备工作:先确认是否安装成功打开终端(Windows用户用PowerShell或GitBash),输入:docker--...
- 松勤软件测试:详解Docker,如何用portainer管理Docker容器
-
镜像管理搜索镜像dockersearch镜像名称拉取镜像dockerpullname[:tag]列出镜像dockerimages删除镜像dockerrmiimage名称或id删除...
- 一周热门
- 最近发表
-
- Docker篇(二):Docker实战,命令解析
- docker学习笔记——安装和基本操作
- 不可错过的Docker完整笔记(dockerhib)
- 扔掉运营商的 IPTV 机顶盒,全屋全设备畅看 IPTV!
- 第五节 Docker 入门实践:从 Hello World 到容器操作
- 替代Docker build的Buildah简单介绍
- Docker 命令大全(docker命令大全记录表)
- docker常用指令及安装rabbitMQ(docker安装rabbitmq配置环境)
- 使用Docker快速部署Storm环境(docker部署confluence)
- Docker Desktop安装使用指南:零基础教程
- 标签列表
-
- mybatiscollection (79)
- mqtt服务器 (88)
- keyerror (78)
- c#map (65)
- resize函数 (64)
- xftp6 (83)
- bt搜索 (75)
- c#var (76)
- mybatis大于等于 (64)
- xcode-select (66)
- mysql授权 (74)
- 下载测试 (70)
- linuxlink (65)
- pythonwget (67)
- androidinclude (65)
- logstashinput (65)
- hadoop端口 (65)
- vue阻止冒泡 (67)
- oracle时间戳转换日期 (64)
- jquery跨域 (68)
- php写入文件 (73)
- kafkatools (66)
- mysql导出数据库 (66)
- jquery鼠标移入移出 (71)
- 取小数点后两位的函数 (73)