安卓应用——仿微信“发现”页
代码仓库地址
一、实验目标
模仿微信“发现”页创建列表布局,学习使用 Textview、imageview、LinearLayout 组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/48b9f51577004c478df42d6969368d13.png#pic_center)
二、实验步骤
首先将素材修改为无中文无大写的名字后导入项目后开始编写。
观察微信“发现”页发现该页面大致由八个基本一样的组件组成,因此可以先使用 LinerLayout 组件将框架搭建出来
![在这里插入图片描述](https://img-blog.csdnimg.cn/c48c8104106f4d72ac3a226a04f89c02.png#pic_center)
而每一个组件由两个图像,一个文字组成
![在这里插入图片描述](https://img-blog.csdnimg.cn/df5f5460fc7243fdad9861bb0497224a.png#pic_center)
每个组件的图像及文字只有图像资源及文字不同
![在这里插入图片描述](https://img-blog.csdnimg.cn/7c96bc28c9084256843b4099413292d8.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/9270705a16544ead978a6d5ed5d6f212.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/69bc45c0e70f4952bfaec57f0a3f22ba.png#pic_center)
另外,为了实现微信“发现”页中部分组件之间有间隔,在间隔之下的一个组件需要有顶部间隔,如下图选中部分
![在这里插入图片描述](https://img-blog.csdnimg.cn/7c0e042c216749e194fb14a9b601fd41.png#pic_center)
将所有组件完成即可得到微信“发现”页。
三、程序运行结果
![在这里插入图片描述](https://img-blog.csdnimg.cn/73c2fbfcca3a4f6f9aeb07db60b6a8d3.png#pic_center)