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

news2024/10/25 23:57:53

续上一篇博客

【移动应用开发】界面设计（一）实现登录页面-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.coloradmin.cn/o/2223640.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

基于Python+SQL Server2008实现（GUI）快递管理系统

基于Python+SQL Server2008实现（GUI）快递管理系统

快递业务管理系统的设计与实现 摘要: 着网络新零售的到来&#xff0c;传统物流在网购的洗礼下迅速蜕变&#xff0c;在这场以互联网为基础的时代变革中&#xff0c;哪家企业能率先转变其工作模式就能最先分得一杯羹&#xff0c;物流管理也不例外。传统的物流管理模式效率低下&a…
阅读更多...
Git_GitLab

Git_GitLab

Git_GitLab 安装 服务器准备 安装包准备 编写安装脚本 初始化 GitLab 服务 启动 GitLab 服务 浏览器访问 GitLab GitLab 创建远程库 IDEA 集成 GitLab 安装 GitLab 插件 设置 GitLab 插件 安装 服务器准备 准备一个系统为 CentOS7 以上版本的服务器&#xff0c;使…
阅读更多...
日常记录，使用springboot，vue2，easyexcel使实现字段的匹配导入

日常记录，使用springboot，vue2，easyexcel使实现字段的匹配导入

目前的需求是数据库字段固定&#xff0c;而excel的字段不固定&#xff0c;需要实现excel导入到一个数据库内。 首先是前端的字段匹配&#xff0c;显示数据库字段和表头字段 读取表头字段&#xff1a; 我这里实现的是监听器导入&#xff0c;需要新建一个listen类。 读Excel …
阅读更多...
Docker 搭建mysql

Docker 搭建mysql

拉取mysql镜像 docker pull mysql # 拉取镜像 [rooteason ~]# docker pull mysql Using default tag: latest latest: Pulling from library/mysql 72a69066d2fe: Pull complete 93619dbc5b36: Pull complete 99da31dd6142: Pull complete 626033c43d70: Pull complete 37d…
阅读更多...
大数据治理平台建设规划方案（71页WORD）

大数据治理平台建设规划方案（71页WORD）

随着信息化时代的到来&#xff0c;大数据已成为企业管理和决策的重要基础。然而&#xff0c;大数据的快速增长和复杂性给数据的管理和治理带来了巨大挑战。为了有效应对这些挑战&#xff0c;构建一个高效、稳定的大数据治理平台显得尤为重要。 文档介绍&#xff1a; 该平台旨在…
阅读更多...
JS无限执行隔行变色

JS无限执行隔行变色

代码&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> <…
阅读更多...
【算法优化】混合策略改进的蝴蝶优化算法

【算法优化】混合策略改进的蝴蝶优化算法

摘要 蝴蝶优化算法 (Butterfly Optimization Algorithm, BOA) 是一种新兴的智能优化算法&#xff0c;其灵感来自蝴蝶的觅食行为。本文基于经典BOA&#xff0c;通过引入混合策略进行改进&#xff0c;从而提高其在全局寻优和局部搜索中的性能。实验结果表明&#xff0c;改进的蝴…
阅读更多...
混个1024勋章

混个1024勋章

一眨眼毕业工作已经一年了&#xff0c;偶然进了游戏公司成了一名初级游戏服务器开发。前两天总结的时候&#xff0c;本来以为自己这一年没学到多少东西&#xff0c;但是看看自己的博客其实也有在进步&#xff0c;虽然比不上博客里的众多大佬&#xff0c;但是回头看也算是自己的…
阅读更多...
鸿蒙到底是不是纯血？到底能不能走向世界？

鸿蒙到底是不是纯血？到底能不能走向世界？

关注卢松松&#xff0c;会经常给你分享一些我的经验和观点。 2016年5月鸿蒙系统开始立项。 2018年美国开始经济战争&#xff0c;其中一项就是制裁华为&#xff0c;不让华为用安卓。 2019年8月9日华为正式发布鸿蒙系统。问题就出在这里&#xff0c;大家可以仔细看。 安卓一…
阅读更多...
Python | Leetcode Python题解之第500题键盘行

Python | Leetcode Python题解之第500题键盘行

题目&#xff1a; 题解&#xff1a; class Solution:def findWords(self, words: List[str]) -> List[str]:ans []rowIdx "12210111011122000010020202"for word in words:idx rowIdx[ord(word[0].lower()) - ord(a)]if all(rowIdx[ord(ch.lower()) - ord(a)]…
阅读更多...
运维变更管理流程

运维变更管理流程

概述 变更管理的原则和目的 在最短的中断时间内完成基础架构或服务的任一方面的变更而对其进行控制的服务管理流程。变更管理的目标是确保在变更实施过程中使用标准的方法和步骤&#xff0c;尽快地实施变更&#xff0c;以将由变更所导致的对业务的影响和风险减小到最低。 适用…
阅读更多...
使用Python来下一场深夜雪

使用Python来下一场深夜雪

效果图&#xff1a;&#xff08;真实情况是动态的&#xff09; 完整代码&#xff1a; import turtle import random# 初始化画布 turtle.bgcolor("#001f3f") # 偏深蓝色的背景 turtle.title("下雪的画面") turtle.speed(0) turtle.hideturtle() turtle.t…
阅读更多...
深入拆解TomcatJetty——Tomcat生命周期与多层容器

深入拆解TomcatJetty——Tomcat生命周期与多层容器

深入拆解Tomcat&Jetty&#xff08;三&#xff09; 专栏地址&#xff1a;https://time.geekbang.org/column/intro/100027701 1 Tomcat组件生命周期 Tomcat如何如何实现一键式启停 Tomcat 架构图和请求处理流程如图所示&#xff1a; 对组件之间的关系进行分析&#xff0c;…
阅读更多...
微信小程序canvas 生成二维码图片，画图片，生成图片，将两个canvas结合并保存图片

微信小程序canvas 生成二维码图片，画图片，生成图片，将两个canvas结合并保存图片

**需求实现步骤如下 先定义两个canvas一个canvas myQrcode画二维码的图片另一个canvas mycanvas画一个背景图&#xff0c;并把二维码画到这个canvas上&#xff0c;mycanvas这个canvas生成一张图片&#xff0c;返回图片的临时路径最后保存图片到手机** 首先wxml,新版微信小程序…
阅读更多...
Redis Search系列 - 第一讲 创建索引

Redis Search系列 - 第一讲 创建索引

目录 一、引言二、全文检索基本概念三、创建索引 一、引言 Redis Search 是 Redis 的一个模块&#xff0c;用于提供全文搜索和二级索引功能。它允许在 Redis 数据库中执行复杂的搜索查询&#xff0c;并支持多种数据类型和查询操作。以下是 Redis Search 的一些关键特性&#x…
阅读更多...
初识Linux · 软硬链接

初识Linux · 软硬链接

目录 前言&#xff1a; 见见软硬链接 软硬链接的特征 软硬链接的用处 前言&#xff1a; 前文我们介绍了磁盘系统的理解&#xff0c;并且基于磁盘系统对文件系统的整体框架有了一个简单的理解&#xff0c;我们都是通过“想要见识没有打开的文件”这个话题引出来了以上的两个…
阅读更多...
探索Python与Excel的无缝对接：xlwings库的神秘面纱

探索Python与Excel的无缝对接：xlwings库的神秘面纱

文章目录 探索Python与Excel的无缝对接&#xff1a;xlwings库的神秘面纱1. 背景介绍&#xff1a;为何选择xlwings&#xff1f;2. xlwings是什么&#xff1f;3. 如何安装xlwings&#xff1f;4. 简单的库函数使用方法打开工作簿创建工作簿读取单元格数据写入单元格数据保存并关闭…
阅读更多...
400V交流智能剩余电流监测系统设计与应用

400V交流智能剩余电流监测系统设计与应用

摘要&#xff1a;针对变电站400V交流系统频繁发生剩余电流保护器跳闸的问题&#xff0c;本研究设计了一套智能化的分布式剩余电流监测系统。该系统利用CT传感器采集400V系统各负载端的剩余电流数据&#xff0c;经过运算处理后&#xff0c;将信息传递给交流绝缘监测装置。随后&a…
阅读更多...
＞甘晴void：小蒟蒻的CCSP2024

＞甘晴void：小蒟蒻的CCSP2024

小蒟蒻前两天参加了CCSP2024 最终幸运蹭铜&#xff08;蹭着本科的边边捞到了铜牌&#xff0c;没有遗憾了&#xff09;。 评价感受 本来只是来打酱油&#xff08;蹭吃蹭喝&#xff09;的&#xff0c;因为自从推免结束后&#xff0c;已经正好一个月没碰代码了&#xff0c;上一次…
阅读更多...
DeepLearn-实现天气的识别

DeepLearn-实现天气的识别

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 本次使用的数据集有晴天、雨天、多云和日出。 导入基本的包 包括读取文件、图像处理、科学计算和tensorflow的api包layers是层模块&#xff0c;提供了神经网络…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023