安卓开发项目——微信页面设计

安卓项目——微信页面设计

一、本项目完成的功能

1. 做出类微信app的首页
2. 顶部显示app应用标题
3. 中间是一整块的空白主页面（后面的实验会添加内容）
4. 底部是四个功能选择按钮，点击不同的按钮，按钮会变色，同时中间的内容页面会跟随按钮切换

二、项目的开发步骤

1. 导入图片
   1.1 把该项目中用到的ui图片复制粘贴到项目的文件夹MyweChat\app\src\main\res\drawable中。
   

• 设计ui布局
  整体布局风格
  

2.1 top.xml
LinearLayout中添加一个TextView，设置尺寸，文本内容，字体颜色和背景颜色等
注意：

• gravity设为水平居中，外层LinearLayout的orientation设为垂直；其中weight设为1（百分比布局）height设为60dp；

2.2 bottom.xml

• 在已有的LinearLayout中增加一个LinearLayout，在该LinearLayout中放入ImageButton和TextView，设置最外层LinearLayout的高度，背景，配置TextView的字体颜色大小和居中，配置最顶层LinearLayout和ImageButton的背景颜色。
• 复制粘贴三个LinearLayout后，需