本篇需要完成的内容为:
1. 页面上方具有标题WeChat。
2. 页面底部具有消息、联系人、朋友、设置4个图标,并且可以通过点击实现页面选择。
3. 发生页面选择时,对应的底部图标颜色变化明显。
实验步骤:
- 首先新建一个安卓项目,选择empyt界面,并选择SDK5.0,然后观察可得,四个不同的界面中顶部的内容无变化,优先编写顶部的xml文件即top.xml。
- 在res文件夹下的layout文件夹中单机右键通过如下方式新建一个xml文件并命名为top.xml,建立文件后,设置其linearlayout组件为vertical,然后在其中添加一个textview布局,设置背景颜色( LinearLayout )为黑色,再设置textview字体为白色,然后将Linearlayout布局放在页面上方,设置合适的行高,再将textview设置在linearlayout中心,调整适当的大小,部分代码如图。
- 再配置底部设置,同样方法新建xml文件,命名为bottom,在此xml文件中,设置最外层的Linearlayout布局,使其在布局上方,设置合适的行高,设置水平对齐方式、并设置背景颜色为之前备好的.9文件对应的png文件名,然后在布局中添加一个linearlayout部件,再在此布局下再添加一个textview和一个imagebutton,两个部件都居中,并给Imagebutton组件给指定的图片对应。
- 将第二层的linearlayout复制使其有4份,每一份Linearlayout下对应的textview的id、txet、属性相应改动,再对imagebut