IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> APP安卓开发 -> 正文阅读

[移动开发]APP安卓开发

???????????????????????????实验6APP首页

博客:

一、实验目标

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

  • 关键步骤和代码:

<?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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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="*海尔世纪公馆112号楼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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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>

步骤分析:

首先我们创建他们的父布局

新建ScrollView ,创建ScrollView 内部父布局,创建顶部首页显示栏,创建顶部图片

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

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

底部Tab模块,首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局,再次创建一个LinearLayout作为单个按钮的父布局

按钮

代码解析:大linearlayout里面套几个小linealayout就行,然后小linearout用margintop控制各个组件之间的区域就行,然后加入图像和文本组件,填写图标和项目名称

  • 程序运行结果

  • 遇到的问题和体会

问题:其实最大的问题是不了解变量大小,dp,rpx究竟是多大,通过此次实验,学习了如何使用RelativeLayout创建了列表布局,了解了了ScrollView的用法,对Android开发的有了进一步了解

体会:感觉和微信小程序的前端设计原理差不多,都是靠一个个组件完成的,唯一有区别的可能是安卓开发的界面设计更容易明白,他的小函数都挺容易理解的。

???????????????????????????实验6APP首页

姓名:艾圣明 学号:20170001001

博客:

一、实验目标

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

  • 关键步骤和代码:

<?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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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="*海尔世纪公馆112号楼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="@mipmap/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="@mipmap/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="@mipmap/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="@mipmap/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>

步骤分析:

首先我们创建他们的父布局

新建ScrollView ,创建ScrollView 内部父布局,创建顶部首页显示栏,创建顶部图片

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

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

底部Tab模块,首先我们创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局,再次创建一个LinearLayout作为单个按钮的父布局

按钮

代码解析:大linearlayout里面套几个小linealayout就行,然后小linearout用margintop控制各个组件之间的区域就行,然后加入图像和文本组件,填写图标和项目名称

  • 程序运行结果

  • 遇到的问题和体会

问题:其实最大的问题是不了解变量大小,dp,rpx究竟是多大,通过此次实验,学习了如何使用RelativeLayout创建了列表布局,了解了了ScrollView的用法,对Android开发的有了进一步了解

体会:感觉和微信小程序的前端设计原理差不多,都是靠一个个组件完成的,唯一有区别的可能是安卓开发的界面设计更容易明白,他的小函数都挺容易理解的。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-09-04 01:23:00  更:2022-09-04 01:26:38 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 4:32:20-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码