移动软件开发实验6

最新推荐文章于 2024-11-15 18:38:42 发布
最新推荐文章于 2024-11-15 18:38:42 发布
阅读量550 收藏
点赞数
分类专栏： 移动软件开发 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51538929/article/details/126533917
版权

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

一、实验目标

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

二、实验步骤

1、页面设计

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

  • 顶部图片模块
  • 顶部菜单模块
  • 待办消息模块
  • 底部Tab按钮

2、逻辑梳理

  • ScrollView 使用
  • RelativeLayout 使用
  • 插件之间的穿插使用

3、代码实现

  • 首先我们创建他们的父布局
  • 新建ScrollView ，创建ScrollView 内部父布局，创建顶部首页显示栏，创建顶部图片
  • 菜单栏模块，首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局，再次创建一个LinearLayout作为单个按钮的父布局，创建上边的图片按钮，并设置其属性，设置按钮底部文字并赋予其属性
  • 消息模块，首先我们创建一个横向的LinearLayout来作为菜单栏的父布局，创建待办Textview，创建更多Textview
  • 底部Tab模块，首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局，再次创建一个LinearLayout作为单个按钮的父布局
    按钮

activity_main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--创建父布局-->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#f7f6fb">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center"
                android:text="首页"
                android:textColor="#333"
                android:textSize="22dp"
                android:textStyle="bold" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:src="@drawable/test_img" />
            <!--菜单栏模块-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:orientation="horizontal"
                android:weightSum="4">
                <!--验房-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="100dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <ImageView
                        android:id="@id/image1"
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="10dp"
                        android:background="@drawable/test_icon1" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_below="@+id/image1"
                        android:layout_marginTop="10dp"
                        android:gravity="center"
                        android:text="验房"
                        android:textColor="@color/black"/>
                </RelativeLayout>
                <!--日常巡检-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="100dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <ImageView
                        android:id="@id/image2"
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="10dp"
                        android:background="@drawable/test_icon2" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_below="@+id/image2"
                        android:layout_marginTop="10dp"
                        android:gravity="center"
                        android:text="日常巡检"
                        android:textColor="@color/black"/>
                </RelativeLayout>
                <!--钥匙管理-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="100dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <ImageView
                        android:id="@id/image3"
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="10dp"
                        android:background="@drawable/yaoshi" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_below="@+id/image3"
                        android:layout_marginTop="10dp"
                        android:gravity="center"
                        android:text="钥匙管理"
                        android:textColor="@color/black"/>
                </RelativeLayout>
                <!--统计分析-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="100dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <ImageView
                        android:id="@id/image4"
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="10dp"
                        android:background="@drawable/tongji" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_below="@+id/image4"
                        android:layout_marginTop="10dp"
                        android:gravity="center"
                        android:text="统计分析"
                        android:textColor="@color/black"/>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_weight="1"
                    android:text="待办（10）"
                    android:textColor="#333"
                    android:textSize="16dp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:text="更多"
                    android:textColor="#666" />
            </LinearLayout>

            <!--消息-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp">
                <LinearLayout
                        android:layout_width="300dp"
                        android:layout_height="90dp"
                        android:layout_marginLeft="30dp"
                        android:orientation="vertical"
                        android:layout_marginBottom="30dp"
                        android:background="#0099ff">
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="50dp"
                        android:layout_marginBottom="-4dp"
                        android:text="*鼎世华府1号楼8单元801业主提报钥匙借用申请"
                        android:textColor="@color/black"/>


                </LinearLayout>
                <LinearLayout
                    android:layout_width="300dp"
                    android:layout_height="90dp"
                    android:orientation="vertical"
                    android:layout_marginLeft="30dp"
                    android:layout_marginBottom="20dp"
                    android:background="#CCCCFF">
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="50dp"
                        android:layout_marginBottom="-4dp"
                        android:text="*海尔世纪公馆1期12号楼3单元101房间问题待指派"
                        android:textColor="@color/black"/>
                </LinearLayout>

            </LinearLayout>



        </LinearLayout>
    </ScrollView>

    <!--底部按钮-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_gravity="bottom"
        android:layout_weight="0"
        android:weightSum="4">

        <RelativeLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="15dp"
                android:layout_centerHorizontal="true"
                android:id="@+id/image1"
                android:src="@drawable/test_icon3" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/image1"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:text="首页" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="15dp"
                android:layout_centerHorizontal="true"
                android:id="@+id/image2"
                android:src="@drawable/daiban" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/image2"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:text="验房" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="15dp"
                android:layout_centerHorizontal="true"
                android:id="@+id/image3"
                android:src="@drawable/baobiao" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/image3"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:text="统计" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="15dp"
                android:layout_centerHorizontal="true"
                android:id="@+id/image4"
                android:src="@drawable/guanli" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/image4"
                android:layout_centerHorizontal="true"
                android:gravity="center"
                android:text="设置" />
        </RelativeLayout>

    </LinearLayout>


</LinearLayout>

三、程序运行结果

[外链图片转存中...(img-zVzt99Rt-1661438006792)]

四、问题总结与体会

  • 本次实验仅涉及UI设计，未涉及后端相关功能，较为简单。本次实验学习了ScrollView 使用和RelativeLayout 使用。

  • RelativeLayout，顾名思义，相对布局，也是非常常用的布局，他比LinearLayout更加灵活，可以实现非常复杂的UI。

  • ScrollView是一种特殊的布局。当ScrollView的内容大于他本身的size的时候，ScrollView会自动添加滚动条，并可以竖直滑动。

AtrueW
关注
专栏目录
移动开发 实验三
heyingcheng的博客
11-24 544
其中，mycontentprovider可以帮助应用程序管理对自己存储的数据的访问， 由其他应用存储，并提供与其他应用共享数据的方法。然后使用myresovler调用这个mycontentprovider。本次实验选择两个APP，分别是mycontentprovider和myresovler。ContentProvider方法。
20169214 2016-2017-2 《移动平台开发实践》Android程序设计 实验报告
weixin_30376163的博客
05-07 574
实验四 Android程序设计 课堂练习 实验题目 采用后缀表达式法，设计一个建议计算器，实现+、-、*、/四种运算。 代码实现 码云链接 关键代码部分及结果如下： Android程序实验 Android程序设计-1 安装 Android Stuidio 完成Hello World, 要求修改res目录中的内容，Hello World后要显示自己的学号，提交代码运行截图和码云Gi...
移动开发实验5
qq_43766802的博客
12-13 244
简单的地图功能： 代码： https://github.com/1283364352/baidu
移动软件开发实验1实验报告
qdylfine的博客
08-22 568
2023移动软件开发记录1
《移动软件开发》实验报告
m0_53057170的博客
08-17 1888
实现你的第一个微信小程序
2022年夏季《移动软件开发》实验报告
weixin_51262200的博客
08-25 1140
2022年夏季《移动软件开发》实验报告之实验5：第一个安卓应用
移动应用开发实验库项目完整源码.zip
04-07
移动应用开发实验库项目完整源码.zip移动应用开发实验库项目完整源码.zip移动应用开发实验库项目完整源码.zip移动应用开发实验库项目完整源码.zip移动应用开发实验库项目完整源码.zip移动应用开发实验库项目完整源码...
西北农林科技大学·移动软件开发·实验6
11-02
【移动软件开发实验6——构建学生管理系统】 在本次实验中，我们将聚焦于移动软件开发，具体目标是创建一个学生管理应用程序。这个应用的核心功能包括学生信息的录入、存储以及删除，旨在提升Android开发技能，使用...
移动应用开发实验库源码.zip
04-07
移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库源码.zip移动应用开发实验库...
安卓课程实验报告(移动应用软件开发技术)
11-08
实验一 熟悉Android的运行环境 实验二 UI设计 实验三 活动与intent的使用 实验四 碎片使用 实验五 广播应用 实验六 SQLite和SQLiteDatabase应用 实验七 多媒体应用 实验八 服务应用 （初学者的实验报告，仅供学习...
移动开发技术（Android）——实验2 Android布局管理器的应用
weixin_44652589的博客
09-01 4593
移动开发技术（Android）——实验2 Android布局管理器的应用一、实验目的二、实验内容（一）创建一个Android项目，名称为“shiyan0201_专业_×××”1.文字说明2.代码（二）创建一个Android项目，名称为“shiyan0202_专业_×××”①linearlayout.xml②relativelayout.xml③tablelayout.xml④framelayout.xml⑤gridlayout.xml 一、实验目的 1．掌握几种布局管理器的特点； 2．掌握几种布局管理器定义
移位操作编程实验
快乐的小小程序猿
09-21 3915
上机实验05 移位操作编程实验 一、实验要求和目的 1．了解汇编语言移位操作指令； 2．熟悉汇编语言逻辑移位指令的使用方法； 3．掌握利用汇编语言逻辑移位运算指令实现程序设计的方法。 二、软硬件环境 1．硬件环境：微机CPU 486以上，500MB以上硬盘，32M以上内存； 2．软件环境：装有MASM 5.0、DEBUG、L...
太原理工大学移动应用软件开发技术实验报告
qq_36411754的博客
09-24 4998
课程名称 移动应用软件开发技术 实验题目 Android开发环境搭建 一、实验目的 搭建Android开发环境，学习使用Eclipse开发工具进行Android 应用开发的整个流程，为后续实验做好基本准备工作。 二、实验要求 1、掌握Android SDK的安装、配置、使用。 2、掌握Eclipse集成开发环境的使用。 3、实现第一个Android应用程序。 三、实验环境 Windows系统平台 ...
安卓主板_基于联发科MTK MT8788平台平板电脑方案_安卓核心板开发板定制
yangyang__z的博客
11-11 492
我们的产品应用涉及智能手持终端，POS机，广告机，机器人，智能家居，工业控制，车载导航，安防监控，移动医疗，环境监测，培训教育及物联网等相关领域。公司现有研发人员60多人，硕士以上学历占30%，核心人员都是在移动通讯技术领域有着多年研发经验的资深人士，能够提供从工业设计（ID）,结构设计（MD）,硬件设计（HW）,软件设计（SW）,生产制造（Manufacturing）,测试（TE）,品质保障（QA）的全套解决方案。语音编解码器(FR，HR，EFR，AMR FR，AMR HR和宽带AMR)
App WebView白屏检测及解决总结，包括Android 和 iOS
LiangGang365的专栏
11-12 767
相对Android上的白屏，ios白屏的出现在app端上大部分为内存占用产生，其他网络、资源、js语言兼容、中文字样ulr等同样也会发生白屏，这类问题需要针对分析。在APP端上除去相关页面元素，加载错误、兼容性，语法错误造成白屏，以上相关方案可以启到检测并尝试重试刷新页面，达到用户无感知，避免白屏的出现和出现白屏瞬间进行切换或者刷新。内存导致的白屏或者其他异常问题，有时白屏显示，有时界面渲染失败等奇怪现象，但是内存白屏是最不好处理，又需要给用户友好体验的问题。
android10 Wifi扫描源码解析
yang_0323的博客
11-13 760
本文详述了Android中WiFi的扫描过程，从源码层面进行解析
RN开发搬砖经验之—React Native（RN）应用转原生化-Android 平台
最新发布
技术的学习与积累是个技术活
11-15 961
从原生组件传递属性到 React Native
Android 编译系统
xuanyulevel6的博客
11-11 926
Android.mk是以前Android项目中常用的构建脚本文件，Android.bp是用来替换Android.mk的配置文件，它使用Blueprint框架来解析。Blueprint是生成、解析Android.bp的工具，是Soong的一部分。Soong则是专为Android编译而设计的工具，Blueprint只是解析文件的形式，而Soong则解释内容的含义，最终转换成Ninja文件。Android.bp文件用类似JSON的简洁声明来描述需要构建的模块。基础了解请看Android.bp你真的了解吗在性能上。
Android 老项目适配 Compose 混合开发
Dev Blog
11-12 236
在compose中，每个可组合函数调用直至渲染完成，称之为重组通过异步上树虽然带来了性能的提升，但是管理方面变得困难，所以compose规定，每个可组合函数都是独立运行的存在，可组合函数内部应该仅处理的UI操作，重组的发生的时机并不由我们控制，而是由compose内部自动管理，后续我们可以使用状态来通知compose进行重组。如需更多了解，下面文章看下的文章，看完一遍就基本了解，然后直接就是实战。
移动终端软件开发实验指南：搭建Android Studio与源代码实践
"该文档为移动终端软件开发实验指导书，包含天气预报APP等多款程序的源代码，适用于学习和期末准备。内容涉及JDK安装、Android UI开发等多个实践案例，旨在帮助用户搭建软件开发环境并进行Android应用的开发练习。" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值