当前位置: 首页 > news >正文

RecyclerView使用-涂鸦智能App的首页和添加效果-从0到1过程

本周作业

本篇仅为了完成作业,
三选一,选个最bt的,开始
由于压根没做过,绝对大量踩坑
边写边更新,越写越头疼

参考资料

绘图网址: draw.io

图标网站: https://www.iconfont.cn/

参考资料: https://blog.csdn.net/weixin_31163455/article/details/147547153
虽然里面的代码直接复制无法使用,但是扔给ai还是修复一下可以实现效果的

参考资料: https://www.cnblogs.com/guanxinjing/p/13037271.html
这个里面的代码复制过来就可以直接用了

参考资料: https://www.kancloud.cn/digest/tttkkk/125254
参考资料: https://blog.csdn.net/qq_36243942/article/details/82187204
参考资料: https://codeleading.com/article/46803650845/


image

页面分析

首页布局分析
image

  • 如何实现两列摆放

image

利用上一个最简使用的Recycler进行测试,加上下面的代码可以实现两列摆放

// 使用 GridLayoutManager,每行两列
GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 2);
recycle_view.setLayoutManager(gridLayoutManager);

  • 如何实现横向摆放

image

在上一个最简使用的Recycler进行测试,加上下面一行代码实现横向摆放并拖定的效果

recycle_view.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));

页面分析完毕,开始动手操作

实操

创建文件

右键文件夹开始创建

image

image

页面设计

顺序 : 从上到下,从左到右,开始

2.1. toolbar布置

image

2.2 导航栏

发现除非自定义,不然文字加不上去,只好截图了

image

将截图放在xhdpi,选中toolbar右侧搜索nav,引用截图

2.3 Menu

在res下创建Menu文件夹

image

右键Menu文件夹,需要创建一个menu文件,两个item,一个item语音图标,一个item添加图标,图标从https://www.iconfont.cn/ 获取

先创建语言按钮

image

下载图片放入xhdpi文件夹

image

右键menu文件夹创建menu文件

image

编写代码

image

添加一个item
icon表示图标,title表示标题,showAsAction表显示

在页面中引用
image

由于踩坑,图片懒得换了

添加第二个item
image
add图标下载后直接扔进xhdpi文件夹下就可以了

效果图
image

2.4 横向的RecyclerView

添加RecyclerView
image
设置id

创建样式
image

image

创建适配器(由于上一个已经写过就不写详细过程了),下面过程皆为复制粘贴,加小修改
image

image

编写主页面代码

image

image

image

效果

image

之间的间隔过大需要调整,调整外部线性布局的大小

image

添加point,去下载后,添加imageview
image

添加后的运行效果
image

2.5 两列的RecyclerView

添加新的RecyclerView,id为recycler_v
image

编写样式
image

使用相对布局,内部放置了两个TextView 三个imageView

image

编写适配器

image

image

编写主页面

image

image

image

运行效果图
image

添加数据后的运行效果图
image

http://www.jsqmd.com/news/26754/

相关文章:

  • 实用指南:自然语言处理(03)
  • 微信商户号的对接,不同主体实现 - A公司换B公司银行收款账号
  • 2025年站立康复床厂家权威推荐榜单:电动旋转护理床/电动轮椅床/养老家居康养床源头厂家精选
  • 2025年智慧厕所厂家权威推荐榜单:智慧厕所智能水表/智慧公厕系统/智慧厕所源头厂家精选
  • 用Circom和Snarkjs实践零知识证明技术
  • 【IEEE出版 | 往届均于会后4个月左右完成见刊并被EI检索】第三届智能通信与网络国际学术会议(ICN 2025)
  • C++对象模型和this指针Project5
  • ubuntu24 输入法优化
  • 基于DCT变换和Huffman编码的图像压缩解压缩算法matlab性能仿真
  • 轻松获取 Excel 工作表的名字【Java 自动化教程】 - E
  • 2025年10月25日,工信部人才交流中心PostgreSQL认证考试完成!
  • 微擎商户的流量增长秘籍:低成本高转化的种草新玩法
  • 2025年络合铁脱硫剂厂家爱权威推荐榜单:沼气脱硫剂/天然气脱硫剂 /铁基脱硫剂源头厂家精选
  • 勿以小恶而为之
  • 【SPIE出版 | 连续4届EI检索 | 检索稳定】第五届智慧交通与城市工程国际学术会议 (STCE 2025)
  • 大规模随机数据
  • 2025 年 PE 管厂家最新推荐榜,技术实力与市场口碑深度解析PE 排水管/PE 穿线管/PE 消防管公司推荐
  • K8s学习笔记(十二) volume存储卷 - 实践
  • 2025年大型横梁式货架厂家权威推荐榜单:工厂仓储货架/重型货架 /中型货架剂源头厂家精选
  • 【Java】导入项目后project模式没有src等目录,只有pom.xml
  • 2025 年波纹管厂家最新推荐榜,深度剖析企业技术实力、产品品质与市场口碑碳素波纹管/PVC 双壁波纹管/PVC 单壁波纹管公司推荐
  • 2025 年 10 月网站建设厂家推荐排行榜,外贸独立站推广,阿里巴巴/1688店铺代运营,短视频拍摄运营,商标注册,小程序开发公司精选
  • 读书笔记:关于Oracle分区表:当数据想搬家时会发生什么?
  • revit 链接模型的图元获取
  • 2025 年微孔分析仪厂家最新推荐榜,技术实力与市场口碑深度解析,筛选高性能可靠优质品牌
  • 机器视觉在半导体行业的重要性(以51camera晶圆隐裂检测系统为例)
  • 性能调优:分页SQL语句的优化
  • 2025年水式喷砂机定做厂家爱权威推荐榜单:小五金件喷砂/数控喷砂机 /管壁喷砂机厂家精选
  • 超简单的公众号排版,新手经验分享
  • 2025年质量好的面条生产线实力厂家TOP推荐榜