安卓应用——APP首页

2024-05-18 02:12:31

安卓应用——APP首页

代码仓库地址

一、实验目标

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

二、实验步骤

实验目标参考

界面分为以下几个部分：标题、顶部图片、顶部菜单栏、中部消息模块以及底部Tab按钮

其中标题、顶部图片、顶部菜单栏、中部消息模块可以滚动，而底部Tab按钮需要固定，因此可以先将界面大框架分为滚动栏与底部Tab栏两个部分

滚动栏

滚动栏内只能包含一个组件，使用 LinerLayout 组件包含其中内容，另外，要保证底部Tab按钮能够正常显示，需要对滚动栏增加权重，不占用全部屏幕

滚动栏内包含三部分内容，分别用对应组件包含，其中标题为文字组件 TextView，顶部图片为图像组件 ImageView，顶部菜单栏及中间消息模块使用 LinerLayout 包含

a. 标题栏

b. 顶部图片

c. 顶部菜单栏

菜单栏包括四个按钮及文字显示，可以直接使用四个垂直的 LinerLayout 组件完成，也可以使用功能更丰富的 RelativeLayout 组件完成。这里使用 RelativeLayout 组件完成

每个 RelativeLayout 组件内包含一张图片以及一段文字，其中图片居中，文字设置在图片下方居中

其余三个类似完成，由于设置了相同权重，四个按钮将有序规整排列

d. 中间消息模块

中间消息模块包括两段文字，使用 LinerLayout 组件包含，按参考目标设置好各自大小即可

底部Tab按钮

底部Tab按钮与顶部菜单栏结构相同，因此可以用同样方法实现，可以使用 LinerLayout 或 RelativeLayout ，我使用的是 RelativeLayout 组件

其中每个按钮与顶部按钮相同实现即可

同样方法实现另外三个按钮即可实现最终效果

三、程序运行结果

安卓应用——APP首页相关推荐

【安卓小程序】app 首页
课程中国海洋大学22夏<移动软件开发> 实验名称实验6:仿微app首页一.实验目标了解安卓的历史及架构: 搭建安卓开发环境 : 第一个 Android 应用小程序. 二.实验步骤 ...
移动软件开发：安卓APP首页构建
一.实验目标做一个app首页包括: 顶部图片顶部菜单栏中部消息模块底部Tab按钮熟悉如下组件的使用 ScrollView 使用 RelativeLayout 使用插件之间的穿插使用二.实 ...
reddit android app,reddit安卓版app
reddit安卓版app是一款社交聊天app软件,趣味互动丰富新闻内容,最佳排行兴趣排序,全新新闻社交方式,感兴趣的小伙伴快来下载reddit安卓版app体验吧. reddit安卓版app介绍 Red ...
安卓市场官方版_尖端实用的安卓手机APP推荐是你们想要的！
hello,大家好,欢迎收看本期的精品应用集推荐,本公众号专注黑科技神器&石皮解软件分享!时过境迁,推荐的有些神器可能失效了,用到挂既可!关注APP精品集公众号不定期推送新版本,所以每日的神器 ...
好分数阅卷3.0_好分数app下载-好分数网查成绩安卓版app v3.6.4.1-清风安卓软件网...
好分数网查成绩安卓版app:是一个提供快速成绩查询服务的平台,让用户可以随时随地查看成绩,以及分析离自己理想的大学相差的分数.在这里,可以查看自己的试卷,分析错题,快速提高学习.好分数app,查成绩也 ...
移动软件开发六——APP首页
2022年夏季<移动软件开发>实验报告文章目录 2022年夏季<移动软件开发>实验报告一.实验目标二.实验步骤视图设计顶部栏设计图片区顶部菜单栏中部清单界面右 ...
电商APP首页设计，终于有人讲明白了！
移动端产品设计的难点在于在很小的屏幕上展示所有的业务.屏幕限制和移动端的客户碎片化阅读的习惯和高流失率.对于业务复杂的App产品设计难度更高.电商产品就是典型的复杂业务产品之一,是要展示内容最多.最难 ...
如何把网站打包成安卓/苹果APP？
现在手机APP已经很流行了,其实把网站打包成安卓/苹果APP是很简单的,如果我们的网站是H5网站或者是手机版网站,10分钟就可以把网站打包成APP,并且有完美的用户体验! 前提条件:网站是手机版网站, ...
【商城应用】商城APP首页方案设计
今天给大家介绍一下电商APP首页设计,这边讲的设计不是技术上的设计,是产品上的设计.本来其实没有这么多问题的,可是因为安卓和IOS不是很精通react native或者vue技术来开发APP商城首页, ...

最新文章

热门文章