Android常见界面布局(详细介绍)

一、View视图

所有的UI元素都是通过View与ViewGroup构建的，对于一个Android应用的用户界面来说，ViewGroup作为容器盛装界面中的控件，它可以包含普通的View控件，也可以包含ViewGroup。

二、界面布局编写方式

有两种界面布局方式，第一种是在XML文件中编写布局，最常用的也是这种；第二种是在java代码中编写布局，如图：

1、在XML文件中编写布局

UI界面如图：

2、在java代码中编写布局

UI界面如图：

三、常见界面布局

1、常用布局及特点：

2、布局的通用属性
Android系统提供的五种常用布局直接或者间接继承自ViewGroup，因此它们也支持在ViewGroup中定义的属性，这些属性可以看作是布局的通用属性。

3、RelativeLayout相对布局
（1）概述
相对布局（RelativeLayout）是通过相对定位的方式指定子控件位置，即以其它控件或父容器为参照物，摆放控件位置。
（2）定义格式

（3）相对布局—控件位置属性

（4）UI界面

4、LinearLayout线性布局
（1）概述
线性布局（LinearLayout）主要以水平或垂直方式来显示界面中的控件。当控件水平排列时，显示顺序依次为从左到右，当控件垂直排列时，显示顺序依次为从上到下。

（2）orientation属性

orientation属性控制控件排列方向，包含两个属性值：vertical(垂直)、horizontal(水平)；
weight属性表示权重。

比如一共有三个按钮水平排列，分别为按钮1、按钮2、按钮3，那么orientation属性为horizontal,按钮1的weight为1，按钮2的weight为1，按钮3的weight为2。那么它们的宽度将按照比重来，按钮1占1/4,按钮2占1/4，按钮3占1/2也就是一半，如图：

（3）线性布局—注意事项

5、TableLayout表格布局

（1）概述
采用行、列的形式来管理控件，它不需要明确声明包含多少行、多少列，而是通过在TableLayout布局中添加TableRow布局来控制表格的行数，通过在TableRow布局中添加控件来控制表格的列数。

（2）代码样式

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"属性 = ”属性值”><TableRow>UI控件</TableRow>......
</TableLayout>

（3）布局属性和控件属性

（4）UI界面

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:stretchColumns="2">//第3列可被拉伸<TableRow><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="0"//设置控件所在列android:text="按钮1" />......</TableRow></TableLayout>

6、FrameLayout帧布局

（1）概述
帧布局（FrameLayout）用于在屏幕上创建一块空白区域，添加到该区域中的每个子控件占一帧，这些帧会一个一个叠加在一起，后加入的控件会叠加在上一个控件上层
所有控件都默认显示在屏幕左上角。

（2）定义格式

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"属性 ="属性值">
</FrameLayout>

（3）UI界面

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:foreground="@mipmap/ic_launcher"//设置帧布局容器的前景图像（始终在所有子控件之上）android:foregroundGravity="left" >//设置前景图像显示位置</FrameLayout>

7、ConstraintLayout约束布局

（1）概述
ConstraintLayout是Android Studio2.2新添加的布局。
它适合使用可视化的方式编写界面布局——当然，可视化操作的背后仍然是使用XML代码实现的，只不过这些代码是Android Studio根据我们的操作自动生成的。包含相对定位、居中定位和倾向、Chain三项。

（2）相对定位
相对定位是在ConstraintLayout中创建布局的基本构建方法之一。相对定位即一个控件相对于另一个控件进行定位。
ConstraintLayout布局中的控件可以在横向和纵向上以添加约束关系的方式进行相对定位，其中，横向边包括Left、Start、Right、End，纵向边包括Top、Bottom、Baseline（文本底部的基准线）。

（3）相对定位关系的属性

（4）居中定位和倾向

（5）Chain

四、总结：

博客内容主要针对Android界面布局的相关知识进行讲解。通过本次的学习，我们希望读者能够掌握View和ViewGroup的功能、掌握不同界面布局以及布局中控件属性的使用，因为在Android应用中，所有功能大部分都体现在界面上，界面的美观会给用户一个友好的体验。

有些东西，并不是越浓越好，要恰到好处。深深的话我们浅浅地说，长长的路我们慢慢地走。

Android常见界面布局(详细介绍)相关推荐

Android常见界面布局
第2章 Android常见界面布局第2章 Android常见界面布局 2.1 View视图 2.2 界面布局编写方式 2.2.1 在XML文件中编写布局 2.2.2 在Java代码中编写布局 2.3 ...
第2章 Android常见界面布局
课后习题 1. 列举Android中的常用布局,并简述他们各自的特点 Android中有五种常用布局,分别为RelativeLayout(相对布局).LinearLayout(线性布局).FrameL ...
《Android移动应用基础教程》（Android Studio）（第二版）黑马教程课后题答案第2章 Android常见界面布局
一.填空题 1.ViewGroup 2.LinearLayout 3.TableRow 4.RelativeLayout LinearLayout 5.iInt 二.判断题 1.√ 2.× 3.√ 4 ...
(2)Android常见界面布局
文章目录 2.1 View控件 2.2 界面布局编写方式 XML中编写 Java中编写 2.3 界面布局的通用属性 android:id android:layout_width&&a ...
CH2-Android常见界面布局
文章目录目标一.View视图二.界面布局编写方式 2.1 在XML文件中编写布局 2.2 在Java代码中编写布局三.界面布局的通用属性四.线性布局 4.1 LinearLayout 4.2 ...
Android 常见界面控件（ListView、RecyclerView、自定义View篇）
Android 常见界面控件(ListView.RecyclerView.自定义View篇) 目录 3.3 ListView的使用 3.3.1 ListView控件的简单使用 3.3.2 常用数据适配 ...
安卓app开发-05-Android xml布局详细介绍
安卓app开发-05-Android xml布局详细介绍虽然说有墨刀,墨客这些图形化开发工具来做 Android 的界面设计,但是我们还是离不开要去学习做安卓原生app,学习 xml 布局还是必 ...
elementui登录界面的详细介绍
elementui登录界面的详细介绍 1.效果 2.代码 <template><div class="container"><el-image:src ...
Android常见界面控件(基础入门)
Android本意指"机器人",Google公司将Android的标识设计为一个绿色机器人, 表示Android系统符合环保概念,是一个轻薄短小,功能强大的移动系统,是第一个真正为 ...

Android常见界面布局(详细介绍)

Android常见界面布局(详细介绍)相关推荐

最新文章

热门文章