使用布局与组件创建用户界面
本章,我们来给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
首先转换list item_crime.xml布局,改用ConstraintLayout。在组件树窗口,右键单击根LinearLayout,然后选择Convert LinearLayout to ConstraintLayout菜单项。 随后Android Studio会弹出一个窗口,让你确认如何转换。lit item_crime.xml是个简单布局,不需要深度优化。所以,接受默认值,点击OK按钮确认。 <