这篇博客主要叙述了类微信小程序首页框架的设计过程
一、项目的主要功能
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(需要选择