首页 > 其他分享 >Mobile-terminal-development-experiment-6-experiment-report

Mobile-terminal-development-experiment-6-experiment-report

时间:2022-08-21 21:48:31浏览次数:79  
标签:development relativelayout Mobile 布局 terminal experiment 组件

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

姓名:王思恩 学号:20020007070
姓名和学号? 王思恩,20020007070
本实验属于哪门课程? 中国海洋大学22夏《移动软件开发》
实验名称? 实验6:App首页
博客地址? https://www.cnblogs.com/wang-si-en/
Github仓库地址? https://github.com/w772552092/Mobile-software-development-experiment-6--source-code--.git

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

一、实验目标

做一个APP首页,包括顶部图片、顶部菜单栏、中部消息模块、底部Tab按钮。学习 ScrollView, RelativeLayout,以及插件之间的穿插使用。

二、实验步骤

1.创建新项目后将素材图片放入下图中的文件夹中

2.在layout中创建一个新的xml文件,并修改java中MainActivity文件为自己创建的文件名

3.按要求创建父布局和第一个子布局(子布局中用Scrollvim其中可以进行更复杂的布局,但其中只能放置一个组件)

4.创建其他子布局

​ 设置顶部首页文字和图像内容

图片下方四个小部分用relativelayout进行横向布局内部用lineralayout纵向布局

待办栏目的设置第一个文字靠最左,第二个文字靠最有整体横向布局

底部导航栏的设计总体用linearlayout布局总权重为4,内部有四个重复内容每个权重为1,小部分内部用relativelayout布局

三、程序运行结果

四、问题总结与体会

遇到的问题:

​ 忽视了scrollview组件内部只能有一个组件,有些组件放错了地方,不知道如何用relativelayout进行布局

解决方法:
问同学和老师得知

学会了scrollview组件和relative组件的用法,可以用他们去编写一些复杂的视图

标签:development,relativelayout,Mobile,布局,terminal,experiment,组件
From: https://www.cnblogs.com/wang-si-en/p/16610945.html

相关文章

  • Mobile-terminal-development-experiment-4-experiment-report
    2022年夏季《移动软件开发》实验报告姓名:王思恩学号:20020007070姓名和学号?王思恩,20020007070本实验属于哪门课程?中国海洋大学22夏《移动软件开发》实验名......
  • Mobile-terminal-development-experiment-5-experiment-report
    2022年夏季《移动软件开发》实验报告姓名:王思恩学号:20020007070姓名和学号?王思恩,20020007070本实验属于哪门课程?中国海洋大学22夏《移动软件开发》实验名......
  • Mobile-terminal-development-experiment-3-experiment-report
    2022年夏季《移动软件开发》实验报告姓名:王思恩学号:20020007070姓名和学号?王思恩,200020007070本实验属于哪门课程?中国海洋大学22夏《移动软件开发》实验......
  • Not so Mobile UVA - 839
    题目链接题意有若干个天平,每个天平是否满足力矩原则,即\(wl\timesdl=wr\timesdr\)。思路读入有些麻烦,还得递归,注意细节问题。我们建树,把每个天平抽象成节点,为了......
  • MSDE2 Experiment Report
    2022年夏季《移动软件开发》实验报告姓名:王思恩学号:20020007070姓名和学号?王思恩20020007070本实验属于哪门课程?中国海洋大学22夏《移动软件开发》实验......