类微信小程序的首页框架

这篇博客主要叙述了类微信小程序首页框架的设计过程

一、项目的主要功能

1.类似微信程序的主界面

2.底部功能按钮

3.顶部微信应用标题

二、项目的具体步骤

1.准备工作

1.1 去掉自带的app标题栏

修改src\main\res\values\themes.xml文件中标签为style的配置信息为Theme.AppCompat.Light.NoActionBar，如下图：

1.2 导入图片

把该项目中用到的ui图片复制粘贴到项目的文件夹MyWeChat\app\src\main\res\drawable中。

2.设计ui布局

2.1 top.xml

LinearLayout中添加一个TextView，设置尺寸，文本内容，字体颜色和背景颜色等

注意：

要将gravity设为水平居中，需要先把外层LinearLayout的o设为垂直才有效；

其中weight设为1height设为0dp或者只用height设为默认值wrap_content；

text用@string/app_name。

2.2 bottom.xml

2.2.1 在已有的LinearLayout中增加一个LinearLayout，在该LinearLayout中放入ImageButton（需要选择