| 姓名和学号? | |
|---|---|
| 本实验属于哪门课程? | 中国海洋大学22夏《移动软件开发》 |
| 实验名称? | 实验6.App首页 |
| 博客地址? | https://blog.csdn.net/weixin_51703554 |
| Github仓库地址? |
(备注:将实验报告发布在博客、代码公开至 github 是 加分项,不是必须做的)
做一个app首页,包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮
页面上可以分为四个部分
1、顶部图片模块
2、顶部菜单模块
3、待办消息模块
4、底部Tab按钮
1、首先我们创建他们的父布局、新建ScrollView、创建ScrollView 内部父布局

2、创建顶部首页显示栏:设置宽高、文字、字体样式、字体颜色、字体居中

3、创建顶部图片:设置宽高、src加载图片、设置边距

4、菜单栏模块
1、首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局
2、再次创建一个LinearLayout作为单个按钮的父布局
3、创建上边的图片按钮,并设置其属性
4、设置按钮底部文字并赋予其属性

按照其内容写出其余三个

5、消息模块
•首先我们创建一个横向的LinearLayout来作为菜单栏的父布局
•创建待办Textview
•创建更多Textview

6、底部Tab模块
1、首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局
2、再次创建一个LinearLayout作为单个按钮的父布局
3、按钮这个地方使用了RelativeLayout编写,请同学们仔细学习
4、参考后,完成其他布局功能

7、最后写出中间的消息栏就完成了


遇到的问题:
在写底部Tab模块时,有一个属性是layout_below="@+id/“,这里需要注意在ImageView和TextView中id需要相同,并注意命名规范问题。
收获:
学习到了ScrollView 、RelativeLayout的使用、插件之间的穿插使用等知识,完成了app首页的设计
听了企业的老师讲述,特意强调编码的命名规范,是商业化编程基本要求之一,应避免使用:temp、test1等没有实际业务含义的命名,对于以后的工作帮助很大。