Android编程权威指南——RecycLerView

本篇博客介绍了如何使用ConstraintLayout改进RecyclerView列表项的布局,通过添加和约束ImageView,实现列表元素的美化。首先,将LinearLayout转换为ConstraintLayout,接着添加ImageView,设置约束以腾出空间。然后,通过调整TextView的约束和尺寸,使组件布局更加合理。最后,通过动态设置ImageView的ID和可见性,根据crime的解决状态展示手铐图片。
摘要由CSDN通过智能技术生成

使用布局与组件创建用户界面

本章,我们来给RecycLerView列表项添加一些样式,借此学习更多有关布局和组件的知识。同时,我们还会重点学习使用一个叫作ConstraintLayout的新工具。至本章结束时, CrimeListFragment视图会有明显改观(图9-1),整个应用看起来更加大气漂亮。
在这里插入图片描述

图9-1 美观大气的Criminallntent应用
首先把图9-1中漂亮的手铐图像复制一份放入项目。浏览随书文件,找到并打开09 LayoutsAndWidgets/ Criminallntent/app/src/main/res目录,把各个版本的ic_solved.png复制到项目对应的drawable目录里。

  • 使用图形布局工具

打开list_item_crime.xml布局文件,然后选择窗口底部的Design标签页。
图形布局工具界面的中间区域是布局的界面预览窗口。右边紧挨的是蓝图(blueprint)视图。
图形布局工具界面的左边是组件面板视图,它包含了所有你可能用到的组件,按类别组织(如图9-2所示)。
组件面板
在这里插入图片描述

图9-2 图形布局工具中的视图

引入 ConstraintLayout

  1. 使用 ConstraintLayout

首先转换list item_crime.xml布局,改用ConstraintLayout。在组件树窗口,右键单击根LinearLayout,然后选择Convert LinearLayout to ConstraintLayout菜单项。
随后Android Studio会弹出一个窗口,让你确认如何转换。lit item_crime.xml是个简单布局,不需要深度优化。所以,接受默认值,点击OK按钮确认。

<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值