• 2022年夏季《移动软件开发》实验报告六


    姓名和学号?
    本实验属于哪门课程?中国海洋大学22夏《移动软件开发》
    实验名称?实验6.App首页
    博客地址?https://blog.csdn.net/weixin_51703554
    Github仓库地址?

    (备注:将实验报告发布在博客、代码公开至 github 是 加分项,不是必须做的)

    一、实验目标

    做一个app首页,包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮

    二、实验步骤

    1、逻辑梳理

    ​ 页面上可以分为四个部分

    ​ 1、顶部图片模块

    ​ 2、顶部菜单模块

    ​ 3、待办消息模块

    ​ 4、底部Tab按钮

    2、代码实现

    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等没有实际业务含义的命名,对于以后的工作帮助很大。

  • 相关阅读:
    连连看核心算法与基本思想(附全部项目代码链接与代码详细注释)
    Unity 3D模型展示框架篇之ILRuntime快速入门
    良好生产跟踪系统的特点
    k8s异常:The node was low on resource: [DiskPressure].
    第九章 APP项目测试(此章完结)
    基于改进人工蜂群算法的K均值聚类算法(Matlab代码实现)
    MySQL VARCHAR(M)最多能存储多少数据
    RediSearch的简单使用与总结
    Candence Virtuoso基本电路设计(一)
    34 IDEA 架包,字体...
  • 原文地址:https://blog.csdn.net/weixin_51703554/article/details/126454529