本文为第五篇,主要介绍了一些常用的布局方式，以及最常用的视图——滚动视图的创建。常用布局中包含线性布局，相对布局，网格布局，表格布局等等。
本文是对B站教程动脑学院 Android教程学习过程中所做的笔记！
本文大部分为从视频中选取的知识点，其中有文字和小部分图片是由我自己编写的。
本文承接上一篇文章《Android移动应用开发教程④》
下一篇文章《Android移动应用开发教程⑥》

一：常用布局

1.1：线性布局LinearLayout

1.1.1：线性布局的排列方式

线性布局内部的各视图有两种排列方式:

orientation属性值为horizontal时，内部视图在水平方向从左往右排列。
orientation属性值为vertical时，内部视图在垂直方向从上往下排列。

如果不指定orientation属性，则LinearLayout默认水平方向排列。

1.1.2：线性布局的权重

线性布局的权重概念，指的是线性布局的下级视图各自拥有多大比例的宽高。

权重属性名叫layout_weight，但该属性不在LinearLayout节点设置，而在线性布局的直接下级视图设置,表示该下级视图占据的宽高比例。

layout_width填0dp时，layout_weight表示水平方向的宽度比例。layout_height填0dp时，layout_weight表示垂直方向的高度比例。

若不填0dp，则权重会将同行同列剩下的空的部分按权重分配给各个控件。

1.2:相对布局RelativeLayout

相对布局的下级视图位置由其他视图决定。用于确定下级视图位置的参照物分两种

与该视图自身平级的视图。
该视图的上级视图（也就是它归属的RelativeLayout)。

如果不设定下级视图的参照物，那么下级视图默认显示在RelativeLayout内部的左上角。

相对位置的取值

1.3：网格布局GridLayout

网格布局支持多行多列的表格排列。
网格布局默认从左往右、从上到下排列，它新增了两个属性:

columnCount属性，它指定了网格的列数，即每行能放多少个视图;
rowCount属性，它指定了网格的行数，即每列能放多少个视图;

在使用网格布局的过程中，经常配合layout_weight属性和gravity属性使用，使得内部文字居中或填满界面。

1.4：表格布局

表格布局与网格布局类似。

表格布局TableLayout是LinearLayout的子类，所以它也可以看做是线性布局，该布局中的行由TableRow表示，有多少TableRow就有多少行，表列的个数由包含最多子元素的TableRow所决定。比如，有两行，第一行有两个元素，第二行有三个元素，则表列的个数为3。

TableRow不需要设置宽度和高度，它的宽度一定是match_parent，它的高度一定是wrap_content，它其中的控件的宽度和高度均为wrap_content。

TableRow中的控件在哪一列由android:layout_column指定，该值从0开始，也可以一个元素跨多列，由android:layout_span指定跨列的个数。

TableLayout中有如下属性可以控制表格宽度

二：滚动视图ScrollView

2.1：滚动视图的种类

滚动视图有两种：

ScrollView，它是垂直方向的滚动视图。垂直方向滚动时，layout_width属性值设置为match_parent，layout_height属性值设置为wrap_content。
HorizontalScrollView，它是水平方向的滚动视图。水平方向滚动时，layout_width属性值设置为wrap_content，layout_height属性值设置为match_parent。

2.2：滚动视图的创建

注：滚动视图内部只能有一个子控件，所以一般在滚动视图内部加上一个其他布局来进行多控件的添加。

<?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">

    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="200dp">

        <!-- 水平方向的线性布局，两个子视图的颜色分别为青色和黄色 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <View
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#aaffff"/>

            <View
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#ffff00"/>

        </LinearLayout>

    </HorizontalScrollView>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!-- 垂直方向的线性布局，两个子视图的颜色分别为绿色和橙色 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#00ff00"/>

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#ffffaa"/>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

这样即可创建可以翻动的滚动视图。

Android移动应用开发教程⑤