实验5：第一个Android应用小程序

一、实验目标

1、Textview imageview使用；2、LinearLayout使用

二、实验步骤

基础知识

TextView

match_parent: 自适应满屏
wrap_content: 自适应大小

layout_width:宽

layout_height:高

text: 所展现的字

textSize: 字体大小

textColor:字体颜色
textStyle:字体样式 (italic:倾斜,bold:加粗,)

gravity:在控件内部的位置(通用)

layout_margin:与其他控件的距离 (通用)

padding:内部间隔距离

ImageView

图像view和文字一样，都要先赋予宽高

layout_width:宽

layout_height:高

background:背景

src:加载图片,不会拉伸

父布局

LinearLayout(线性布局)

RelativeLayout(相对布局)

AbsoluteLayout(绝对布局)

TableLayout(表格布局)

FrameLayout(框架布局)

LinearLayout

布局特点：放主要提供控件水平或者垂直排列的模型，每个子组件

layout_width:宽

layout_height:高

orientation:垂直方向

(vertical:纵向,horizontal横向)

逻辑梳理

页面上主要包含5组列表，每组列表包含1-2个列表项。

1.首先设计一个外部总垂直布局,包含所有的列表组

2.写五个LinearLayout来构建这五个列表组

3.每个列表组的单独构建

4.列表组之间的间隔样式搭建

代码实现

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

2.对父布局进行设置背景色

3.设置父布局的垂直方向

<LinearLayout xmlns:android=""android:layout_width="match_parent"android:background="#e5e5e5"android:layout_height="match_parent:>
</LinearLayout>

1.构建第一个列表组

2.设置宽高

3.设置背景色

4.设置垂直方向

<LinearLayout xmlns:android=""android:layout_width="match_parent"android:background="#e5e5e5"android:layout_height="match_parent:><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"></LinearLayout>
</LinearLayout>

1.创建列表组里的第一个图标

2.设置宽高

3.设置背景色

4.设置与左边的距离

5.设置居中

<LinearLayout xmlns:android=""android:layout_width="match_parent"android:background="#e5e5e5"android:layout_height="match_parent:><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/icon_pengyou"android:layout_width="40dp"android:layout_height="40dp"</LinearLayout>
</LinearLayout>

1.创建列表组中的汉字

2.设置汉字

3.设置宽高

4.设置字体颜色

5.设置字体样式

6.设置字体大小

7.设置与左侧的距离

8.设置字体居中

<LinearLayout xmlns:android=""android:layout_width="match_parent"android:background="#e5e5e5"android:layout_height="match_parent:><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/icon_pengyou"android:layout_width="40dp"android:layout_height="40dp"<TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor:"#333"android:textSize:"18dp"android:gravity:"center_vertical"android:layout_weight="1"android:text="朋友圈"android:layout_width="0dp"android:layout_height="match_parent"/></LinearLayout>
</LinearLayout>

添加箭头

部分代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:background="#e5e5e5"android:layout_height="match_parent"android:orientation="vertical"><!--朋友圈--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/icon_pengyou"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="朋友圈"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--扫一扫--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="30dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/sao"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="扫一扫"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--摇一摇--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_marginTop="5dp"android:layout_height="60dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/yao"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="摇一摇"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--看一看--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="30dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/look"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="看一看"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--搜一搜--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="5dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/sou"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="搜一搜"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--购物--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="30dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/shop"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="购物"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--游戏--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="5dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/game"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="游戏"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout><!--小程序--><LinearLayoutandroid:background="#fff"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="30dp"><ImageViewandroid:layout_marginLeft="15dp"android:layout_gravity="center_vertical"android:background="@mipmap/little"android:layout_width="40dp"android:layout_height="40dp"/><TextViewandroid:layout_marginLeft="10dp"android:textStyle="bold"android:textColor="#333"android:textSize="18dp"android:gravity="center_vertical"android:layout_weight="1"android:text="小程序"android:layout_width="0dp"android:layout_height="match_parent"/><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="15dp"android:background="@mipmap/right"/></LinearLayout></LinearLayout></LinearLayout>

三、程序运行结果

四、问题总结与体会

具体实操起来并不麻烦，问题主要在java环境构建和Android studio安装。

安装资源下载如下：

java se环境下载

Android Studio下载

安装步骤如下：

1、电脑安装jdk

在上述网站下载后，进行安装得到两个文件夹（这里是新建的，默认是带版本号）

2、配置JAVA环境

添加环境变量，添加完后，可以用使用java,javac,java -version来检查

（用java做事例）

3、安装Androidstudio（含SDK）

安装完，新建空白项目，如图所示

OUC软件开发实验5相关推荐

  1. OUC软件开发实验4

    实验4:高校新闻网 本实验来自于周文洁老师的<微信小程序开发实战>第十五章.在学习了小程序的基础知识和各类API以后,尝试独立动手创建一个小程序前端综合设计实例.我们将从零开始详解如何模仿 ...

  2. OUC软件开发实验1

    实验1:第一个微信小程序 2.1自动生成小程序 2.2手动创建小程序 2.2.1 项目创建 2.2.2 页面配置 2.2.3 视图设计 2.2.4 逻辑实现 本实验来自于周文洁老师的<微信小程序 ...

  3. OUC软件开发实验3

    实验3:视频播放小程序 本实验来自于周文洁老师的<微信小程序开发实战>第六章.主要内容是使用小程序媒体API制作一个视频播放小程序,视频素材来自于某高校档案馆的<口述校史>栏目 ...

  4. OUC软件开发实验6

    实验6:做一个APP首页 一.实验目标 1.ScrollView使用:2.RelativeLayout使用:3.插件之间的穿插使用. 二.实验步骤 基础知识 ScrollView了解 layout_w ...

  5. OUC-移动软件开发-实验5

    移动软件开发-实验5 一.实验目标 模仿微信"发现"页创建列表布局 学习使用Textview imageview.LinearLayout 二.实验步骤 1. 搭建 Java 环境 ...

  6. 移动软件开发 实验3

    移动软件开发 实验3 一. 实验目标 1.掌握视频列表的切换方法: 2.掌握视频自动播放方法: 3.掌握视频随机颜色弹幕效果. 二.实验步骤 1.创建项目 ·创建页面文件 ·删除和修改文件 ·创建其他 ...

  7. OUC-移动软件开发-实验1

    2022年夏季<移动软件开发>实验报告 姓名:陈李焘 学号:20020007003 Untitled (备注:将实验报告发布在博客.代码公开至 github 是 加分项,不是必须做的) 一 ...

  8. ouc 2022 移动软件开发 实验五：第一个 Android 应用小程序

    一.实验目标 1.安卓移动端开发环境搭建 2.编写第一个 Android 应用小程序 二.实验步骤 1.安卓移动端开发环境搭建 1.1 电脑安装 jdk 创建一个英文名称的文件夹(尽量别用中文),将下 ...

  9. ouc2022移动软件开发 实验二：天气查询小程序

    一.实验目标 1.掌握服务器域名配置和临时服务器部署:2.掌握 wx.request 接口的用法. 二.实验步骤 1."和风天气"密钥申请 "和风天气"有着可以 ...

最新文章

  1. (超级详细）jit的介绍和用法
  2. 2019腾讯科学WE大会:在小宇宙里看见大宇宙的轮廓
  3. 基于SOUI开发的应用展示
  4. 图像正确（相当于这个小项目就要结尾了）
  5. 大象喝水（信息学奥赛一本通-T1032）
  6. 剑指offer(C++)-JZ28：对称的二叉树(数据结构-树)
  7. 关于ABAP事件的一张图
  8. ESXi主机性能问题
  9. 2022最新RiPro-V2子主题美化包源码+实测可用
  10. FGSM对抗样本trick汇总
  11. 大数据之 Hive 教程
  12. js 编码解码 escape,encodeURI,encodeURIComponent
  13. regl fake-3d 静态图变动态图, 使用深度信息图片
  14. flask-sqlachemy note
  15. 论文笔记：联邦学习——Federated Learning: Challenges, Methods, and Future Directions
  16. 威纶weinview EB8000软件
  17. ctf-WEB-noteasytrick
  18. Linux cma内存的使用
  19. python五子棋游戏说明_python实现五子棋游戏（pygame版）
  20. 计算机毕业设计及论文-原创（基于SpringBoot的奥运村服务管理平台的设计与实现）

热门文章

  1. Error(1.0.5 1107071739): D:\SAE_SDK_Windows_1.0.5\apps\/divjs/1/config.yaml is not existed解决方法...
  2. 数据结构与算法分析（三）数组练习代码
  3. 论文中流程图用什么软件画
  4. 怎样用计算机传输文件,两台电脑之间互相传文件的方法步骤
  5. tf data 切换数据集 使用并行提高效率
  6. 基于爬虫爬取的数据，完成数据展示网站
  7. 应该去看看的十大论坛!!!
  8. 关于儿童踢足球,是否会对长高有不良影响
  9. 中国SaaS企业排名，龙头企业Top10梳理
  10. [转]Top Five Ways SpiderLabs Got Domain Admin on Your Internal Network