【移动应用开发】界面设计(二)实现水果列表页面

续上一篇博客

【移动应用开发】界面设计(一)实现登录页面-CSDN博客

目录

一、采用ViewBinding实现一个RecyclerView

1.1 在app/build.gradle中添加recyclerview依赖,并打开viewBinding

(1)在app/build.gradle中添加依赖

(2)在app/build.gradle中打开viewBinding功能

(3)点击同步Sync,同步项目

1.2 在layout目录下创建一个fruit_item.xml

(1)设置为LinearLayout

(2)插入ImageView

(3)插入TextView

1.3 修改activity_main.xml

(1)将布局改为LinearLayout

(2)插入RecyclerView控件

1.4 新建一个命名为Fruit的类

(1)Fruit类

(2)Kotlin类

1.5 新建一个名为FruitAdapter的适配器类

(1)同理,新建一个类文件,命名为FruitAdapter

(2)重写onCreateViewHolder、onBindViewHolder和getItemCount方法

1.6 修改MainActivity类

(1)新增一个私有val变量fruitList

(2)新增一个私有var变量binding

(3)修改onCreate()方法

(4)新建私有方法initFruits()

(5)修改onCreate()方法

(6)创建一个layoutManager

(7)创建一个adapter

1.7 实现点击事件

(1)修改MainActivity类

(2)运行截图

二、心得体会

2.1 如需加入RecyclerView控件,需要对工程环境做何种配置?

(1)在build.grade文件中导入依赖

(2) 如果想用视图绑定模式,同样在build.grade文件中设置

2.2 设计一个RecyclerView,其中每一个item是否需要一个自定义布局?在实验中该自定义布局是哪个文件?对应的,是否需要一个实体类?布局的控件和实体类的字段是否需要对应?

2.3 为RecyclerView创建一个Fruit适配器,创建一个内置类ViewHolder,是怎样获取自定义布局中的实例?

2.4 如何对ViewHolder中的实例进行数据绑定的?

2.5 如何在Activity中对RecyclerView的布局方式进行设置?

2.6 如何在Activity中对RecyclerView的适配器绑定为Fruit适配器?

2.7 如何打开ViewBinding功能?

2.8 如果在Activity的布局中有一个按钮,我们应如何在onCreate中添加按钮的点击监听事件?

2.9 在RecyclerView的Adapter中,我们可以在ViewHolder内置类中传入item布局的binding。


一、采用ViewBinding实现一个RecyclerView

1.1 在app/build.gradle中添加recyclerview依赖,并打开viewBinding

(1)在app/build.gradle中添加依赖

其中版本号1.x.0将会自动更新。

(2)在app/build.gradle中打开viewBinding功能

在android字段下将viewBinding设置为true

(3)点击同步Sync,同步项目

1.2 在layout目录下创建一个fruit_item.xml

(1)设置为LinearLayout

宽度为match_parent

高度为80dp

layout_margin设为5dp

(2)插入ImageView

id为fruitImage

宽和高均为40dp

layout_gravity为center_vertical

marginLeft为10dp

(3)插入TextView

id为fruitName

宽和高均为wrap_content

layout_gravity为center_vertical

marginLeft为10dp

1.3 修改activity_main.xml

(1)将布局改为LinearLayout

宽和高match_parent

orientation设为vertical

(2)插入RecyclerView控件

androidx.recyclerview.widget.RecyclerView

宽度高度均设为match_parent

id为recyclerView

1.4 新建一个命名为Fruit的类

(1)Fruit类

在app/src/main/java/com.example.recyclerviewtest下右键newàKotlin Class/File

(2)Kotlin类

(以下使用Kotlin来编写)

1.5 新建一个名为FruitAdapter的适配器类

(1)同理,新建一个类文件,命名为FruitAdapter

该类传入参数fruitList,约束为一个列表类型List<Ranking>,继承RecylcerView.Adapter

定义一个内置类,传入一个FruitItemBinding的binding绑定

加入两个变量fruitImage和fruitName,并绑定为FuitItemBinding的fruitImage和fruitName

(2)重写onCreateViewHolder、onBindViewHolder和getItemCount方法

onCreateViewHolder将fruit_item的绑定类FruitItemBinding展开,然后新建ViewHolder并传回;

onBindViewHolder将ViewHolder的两个变量fruitImage和fruiteName进行数据绑定。

1.6 修改MainActivity类

(1)新增一个私有val变量fruitList

类型为ArrayList<Fruit>

(2)新增一个私有var变量binding

设置为稍后初始化,绑定为ActivityMainBinding,用于调用activity_main.xml对应的Binding类

(3)修改onCreate()方法

将ActivityMainBinding传入binding,然后用binding.root来设置ContentView

(4)新建私有方法initFruits()

新增fruitList的列项,将水果名以及对应的图片添加进去

(5)修改onCreate()方法

使用initFruits()方法进行fruitList的初始化

(6)创建一个layoutManager

传入binding.recyclerView.layoutManager中

(7)创建一个adapter

传入binding.recyclerView.adapter中

1.7 实现点击事件

(1)修改MainActivity类

在FruitAdapteronCreateViewHolder中,打开viewHolder中的控件监听事件

viewHolder.itemView.setOnClickListener{};

在监听事件中,取得点击位置

val position = viewHolder. bindingAdapterPosition

在监听事件中,实现Toast功能,注意判断位置是否为空

(2)运行截图

点击Pear,显示成功

鼠标往下滑,页面实现滚动,点击最后一个水果,成功弹窗对应水果名称。

二、心得体会

2.1 如需加入RecyclerView控件,需要对工程环境做何种配置?

(1)在build.grade文件中导入依赖

(2) 如果想用视图绑定模式,同样在build.grade文件中设置

2.2 设计一个RecyclerView,其中每一个item是否需要一个自定义布局?在实验中该自定义布局是哪个文件?对应的,是否需要一个实体类?布局的控件和实体类的字段是否需要对应?

(1)其中每一个item都有对应的自定义布局,根据不同的业务需求显示不同的效果;

(2)本实验对应的自定义布局是fruit_item.xml;

(3)一般需要一个实体类去维护每个item的信息,封装成对象,作为适配器的适配类型,便于开发,同时含义也更清晰;

(4)布局的控件和实体类的字段不需要对应,在操作的时候我们是手动设置的

2.3 为RecyclerView创建一个Fruit适配器,创建一个内置类ViewHolder,是怎样获取自定义布局中的实例?

每一个item对应着一个ViewHolder,而每一个ViewHolder对应着item.xml文件中的组件。

当页面刚加载或者上下滚动的时候 会调用onCreateViewHolder方法。而该方法返回了ViewHolder对象。然后调用onBindViewHolder方法,我们在里面根据数据位置与当前item的viewholder设置了对应的值,然后就可以对应上了。

2.4 如何对ViewHolder中的实例进行数据绑定的?

当获取完viewHolder之后会去调用onBindViewHolder方法,在这个方法里面根数当前item的viewholder设置了对应的值,这样就可以对应上了。

2.5 如何在Activity中对RecyclerView的布局方式进行设置?

(1)动态载入布局文件,由于MainActivity与activity_layout.xml是对应的,首先要获取xml文件对象,然后通过inflate进行实例化

(2)设置布局管理器

2.6 如何在Activity中对RecyclerView的适配器绑定为Fruit适配器?

直接实例化一个对象并将它设置为适配器即可。

2.7 如何打开ViewBinding功能?

在项目工程模块的build.gradle中加入以下配置

2.8 如果在Activity的布局中有一个按钮,我们应如何在onCreate中添加按钮的点击监听事件?

(1)在 Activity 中进行延迟初始化的 binding。首先,确保在 build.gradle 文件中启用 viewBinding 选项,然后在 Activity 的类中声明一个成员变量来持有生成的绑定类实例。

(2)在 onCreate 方法中进行绑定初始化:

(3)设置布局管理器,在这里可以设置布局

(4)添加按钮的点击监听事件:一旦布局文件中的按钮被加载,可以直接通过 binding 对象引用该按钮,并为其添加点击监听事件

2.9 在RecyclerView的Adapter中,我们可以在ViewHolder内置类中传入item布局的binding。

由于是动态创建,所以pojo类对应着数据;而viewholder对应着布局中的组件。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/883203.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Servlet(三)-------Cookie和session

一.Cookie和Session Cookie和Session都是用于在Web应用中跟踪用户状态的技术。Cookie是存储在用户浏览器中的小文本文件&#xff0c;由服务器发送给浏览器。当用户再次访问同一网站时&#xff0c;浏览器会把Cookie信息发送回服务器。例如&#xff0c;网站可以利用Cookie记住用…

金融工程--pine-script 入门

背景 脚本基本组成 策略实现 实现马丁格尔策略 初始化变量&#xff1a;定义初始资本、初始头寸大小、止损百分比、止盈百分比以及当前资本和当前头寸大小等变量。 更新头寸&#xff1a;创建一个函数来更新头寸大小、止损价格和止盈价格。在马丁格尔策略中&#xff0c;每次亏…

如何在算家云搭建GPT-SOVITS(语音转换)

一、模型介绍 GPT-SOVITS是一款强大的小样本语音转换和文本转语音 WebUI工具。它集成了声音伴奏分离、自动训练集分割、中文ASR和文本标注等辅助工具。 具有以下特征&#xff1a; 零样本 TTS&#xff1a; 输入 5 秒的声音样本并体验即时文本到语音的转换。少量样本 TTS&…

micro-app【微前端实战】主应用 vue3 + vite 子应用 vue3+vite

micro-app 官方文档为 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite 子应用 无需任何修改&#xff0c;直接启动子应用即可。 主应用 1. 安装微前端框架 microApp npm i micro-zoe/micro-app --save2. 导入并启用微前端框架 microApp src/main.ts …

智联招聘×Milvus:向量召回技术提升招聘匹配效率

01. 业务背景 在智联招聘平台&#xff0c;求职者和招聘者之间的高效匹配至关重要。招聘者可以发布职位寻找合适的人才&#xff0c;求职者则通过上传简历寻找合适的工作。在这种复杂的场景中&#xff0c;我们的核心目标是为双方提供精准的匹配结果。在搜索推荐场景下&#xff0c…

leetcode-75-颜色分类

题解&#xff08;方案二&#xff09;&#xff1a; 1、初始化变量n0&#xff0c;代表数组nums中0的个数&#xff1b; 2、初始化变量n1&#xff0c;代表数组nums中0和1的个数&#xff1b; 3、遍历数组nums&#xff0c;首先将每个元素赋值为2&#xff0c;然后对该元素进行判断统…

【开源项目】经典开源项目数字孪生工地——开源工程及源码

飞渡科技数字孪生工地管理平台&#xff0c;以物联网、移动互联网技术为基础&#xff0c;充分应用人工智能等信息技术&#xff0c;通过AI赋能建筑行业&#xff0c;对住建项目内人员、车辆、安全、设备、材料等进行智能化管理&#xff0c;实现工地现场生产作业协调、智能处理和科…

【JavaEE】【多线程】单例模式

目录 一、设计模式1.1 单例模式1.1.1 饿汉模式1.1.2 懒汉模式 1.2 线程安全问题1.3 懒汉模式线程安全问题的解决方法1.3.1 原子性问题解决1.3.2 解决效率问题1.3.3 解决内存可见性问题和指令重排序问题 一、设计模式 在讲解案例前&#xff0c;先介绍一个概念设计模式&#xff…

stm32入门教程--ADC模拟-数字转换器

ADC&#xff08;Analog-Digital Converter&#xff09;模拟-数字转换器 ADC可以将引脚上连续变化的模拟电压转你换位内存中存储的数字变量&#xff0c;建立模拟电路到数字电路的桥梁。 12位逐次逼近型ADC&#xff0c;1us转换时间 输入电压范围&#xff1a;0-3.3V转换结果范围…

Pyramidal Flow使用指南:快手、北大、北邮,开源可免费商用视频生成模型,快速上手教程

什么是 Pyramidal Flow&#xff1f; Pyramidal Flow 是由快手科技、北京大学和北京邮电大学联合推出的开源视频生成模型&#xff0c;它是完全开源的&#xff0c;发布在 MIT 许可证下&#xff0c;允许商业使用、修改和再分发。该模型能够通过文本描述生成最高10秒、分辨率为128…

Embedding 模型和Model 批量推理和多卡部署

批量推理 多卡部署 使用huggingface 【AI大模型】Transformers大模型库&#xff08;七&#xff09;&#xff1a;单机多卡推理之device_map_transformers多卡推理-CSDN博客 首先用 CUDA_VISIBLE_DEVICES1,2,3 python 或者os.environ["CUDA_VISIBLE_DEVICES"] &q…

风力发电场的“守护神”

摘要&#xff1a;作为清洁能源之一&#xff0c;风力发电场近几年装机容量快速增长。8月17日&#xff0c;国家能源局发布1-7月份全国电力工业统计数据。截至7月底&#xff0c;全国累计发电装机容量约27.4亿千瓦&#xff0c;同比增长11.5%。其中&#xff0c;太阳能发电装机容量约…

TCP simultaneous open测试

源代码 /*************************************************************************> File Name: common.h> Author: hsz> Brief:> Created Time: 2024年10月23日 星期三 09时47分51秒**********************************************************************…

转录组上游分析流程(三)

环境部署——数据下载——查看数据(非质控)——数据质控——数据过滤(过滤低质量数据) 测序得到的原始序列含有接头序列和低质量序列&#xff0c;为了保证信息分析的准确性&#xff0c;需要对原始数据进行质量控制&#xff0c;得到高质量序列(Clean Reads)&#xff0c;原始序列…

Linux系统块存储子系统分析记录

1 Linux存储栈 通过网址Linux Storage Stack Diagram - Thomas-Krenn-Wiki-en&#xff0c;可以获取多个linux内核版本下的存储栈概略图&#xff0c;下面是kernel-4.0的存储栈概略图&#xff1a; 2 存储接口、传输速度 和 协议 2.1 硬盘 《深入浅出SSD&#xff1a;固态存储核心…

(二十三)Java反射

1.反射概念 反射允许对成员变量&#xff0c;成员方法和构造方法的信息进行编程访问&#xff0c;通俗理解就是允许从类里面拿东西&#xff0c;用途有提示词等&#xff0c;如下所示都是通过反射实现的 所以&#xff0c;学习反射就是学习从字节码class文件中获取成员信息并且对其…

stable diffusion WEBUI Brief summary

1&#xff0c;rembg(去除背景-》蒙版) import rembg from PIL import Image, ImageOps import numpy as np# 打开图像 input_path "./p_6258838.jpg" input_image Image.open(input_path)# 移除背景&#xff0c;得到带有透明背景的图像 output_image rembg.remove…

利用大模型进行复杂决策制定:PlanRAG技术的研究

人工智能咨询培训老师叶梓 转载标明出处 有效的决策制定对于组织的成功至关重要。传统的决策支持系统虽然在数据分析和决策辅助方面取得了一定的进展&#xff0c;但在处理需要复杂数据分析的决策问题时仍显不足。为了解决这一问题&#xff0c;来自韩国高等科学技术院&#xff…

fpga系列 HDL: 竞争和冒险 01

卡诺图是一种逻辑化简工具&#xff0c;用来在布尔函数的最小项和形式中&#xff0c;找到冗余项并实现逻辑化简。也可用于HDL中竞争和冒险的判断。 最小项 任何一个逻辑函数都能化简为最小项的和的形式对于 n 个变量的布尔表达式&#xff0c;每个变量都必须以原变量&#xff0…

Zabbix企业级分布式监控环境部署

“运筹帷幄之中&#xff0c;决胜千里之外”。在IT运维中&#xff0c;监控占据着重要的地位&#xff0c;按比例来算&#xff0c;说占30%一点也不为过。对IT运维工程师来说&#xff0c;构建一个真正可用的监控告警系统是一项艰巨的任务。在监控系统的开源软件中&#xff0c;可供选…