实验1-类微信页面设计

Android Studio微信页面提交

需要完成以下要求：
1.页面具有标题
2.页面中间具有显示框
3.页面具有底部选择框，同时具有选择事件
4.页面底部选择框在进行改变的时，中间显示框的页面同步改变
5.页面布局要清晰

一、功能说明

一个顶部标题
中间显示内容
底部多个小图标，当光标移到其中一个时，图标发亮，点击时，中间显示内容切换到与图标相应的内容

二、界面分析

1.顶部标题

一个容器框包含一个文本框
注意颜色大小居中等变化

2.中间内容

一个容器框包含一个文本框
注意颜色大小居中等变化

3.底部图标

1个容器框里面4个小图标水平排列，每个小图标下面标注文字
注意颜色大小居中排序等变化

三、运行界面展示

四、实现

1.顶部标题

建xml文件，其中用linearlayout、textview可实现框的建立和背景颜色的变化、字体颜色和居中变化

2.中间内容

写4个xml分别代表4个小图标代表的内容，textview显示具体内容

3.底部图标

导入8张.9.png格式的图标图片在drawable文件夹下
建立1个容器框包含底部其他所有图标
建立1个容器框，imageButton导入图片，textview
以上面一行这个模板复制3次，修改名称、文字、图片等

4.按钮和事件的连接

直接放代码吧

4个事件

5.捕捉光标和并且和事件连接

五、踩过的坑

1、这里得修改下，不然最上面会有2个标题相当于

2、这里要注意删除掉新建时候的一串代码，改成这样

3、drawable不能有以数字开头名称的图片，不然程序无法运行，会一直切到那个图片上，想换图片要换成.9.png格式的

六、源码的代码仓库地址

代码.