Android学习笔记第2章 Android应用的界面编程 2.2 第1组UI组件：布局管理器 2.2.1 线性布局

小灰灰 2024-03-22 13:34 47阅读 0赞

#### Android学习笔记 ####

#### 文章目录 ####

*   *   *  Android学习笔记
         *  第2章 Android应用的界面编程
         *   *  2.2 第1组UI组件：布局管理器
             *   *  2.2.1 线性布局

> 疯狂Android讲义

#### 第2章 Android应用的界面编程 ####

##### 2.2 第1组UI组件：布局管理器 #####

第1组UI组件：以ViewGroup 为基类派生的布局管理器。

为了更好地管理Android应用的用户界面里的组件，Android提供了布局管理器。通过使用布局管理器，Android应用的图形用户界面具有良好的平台无关性。通常，推荐使用布局管理器来管理组件的分布、大小，而不是直接设置组件位置和大小。

Android的布局管理器本身就是一个UI组件，所有的布局管理器都是ViewGroup的子类。

![在这里插入图片描述][68650f8ecd604aa0a6fa7975b6156192.png_pic_center]

从上图可以看出，所有布局都可作为容器类使用，因此可以调用多个重载的addView()向布局管理器中添加组件。实际上，我们完全可以用一个布局管理器嵌套到其他布局管理器中。

因为布局管理器也继承了View,也可以作为普通UI组件使用。

> 【注意】GridLayout 网格布局和RelativeLayout 相对布局已被Android 9不推荐使用，推荐使用 ConstraintLayout 约束布局代替。

###### 2.2.1 线性布局 ######

线性布局由LinearLayout 类来代表，它会将容器里的组件一个挨着一个排列起来，LinearLayout 可以控制各组件横向排列或者纵向排列。

**Android的线性布局不会换行，当组件一个挨着一个排列到头之后，剩下的组件将不会被显示出来。**

LinearLayout 支持的常用XML 属性及相关方法

![在这里插入图片描述][f3164ee4d4254a8da64a8169855cd8bb.png_pic_center]

LinearLayout包含的所有子元素都受LinearLayout.LayoutParams控制，因此LinearLayout包含的子元素可以额外指定如下所示的属性。

![在这里插入图片描述][6d87b9cce510404b9a44be962f80504a.png_pic_center]

> 基本上很多布局管理器都提供了相应的LayoutParams内部类，该内部类用于控制它们的子元素支持指定android:layout\_gravity属性，该属性设置该子元素在父容器中的对齐方式。
> 
> 与android:layout\_gravity相似的属性还有android:gravity属性（一般容器才支持指定该属性)，该属性用于控制它所包含的子元素的对齐方式。

举个栗子，新建模块

![在这里插入图片描述][09ead694954b4930a919a40726d832a3.png_pic_center]

布局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:gravity="bottom|center_horizontal"
        android:orientation="vertical">
    
        <Button
            android:id="@+id/bn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bn1" />
    
        <Button
            android:id="@+id/bn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bn2" />
    
        <Button
            android:id="@+id/bn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bn3" />
    
        <Button
            android:id="@+id/bn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bn4" />
    
        <Button
            android:id="@+id/bn5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bn5" />
    </LinearLayout>

字符串资源

<resources>
        <string name="app_name">LinearLayout</string>
        <string name="bn1">按钮一</string>
        <string name="bn2">按钮二</string>
        <string name="bn3">按钮三</string>
        <string name="bn4">按纽四</string>
        <string name="bn5">按钮五</string>
    </resources>

运行效果

![在这里插入图片描述][cf33de1a14bf4b7dbc66ff13356d259e.png_pic_center]

现在五个按钮就是对齐到容器底部并且水平居中的

android:gravity="bottom | center\_horizontal’"改为android:gravity="right | center\_vertical’"一也就是所有组件水平右对齐、垂直居中，再次使用Activity显示该界面布局，将看到所有按钮都会在屏幕右边的中间垂直排列。

![在这里插入图片描述][8f857a4fe74a4ac195cb666641e4735a.png_pic_center]

如果将上面的线性布局的方向改为水平，也就是设置android:orientation=“horizontal”,并设置gravity=“top”

![在这里插入图片描述][8d4a1b6d2d364672a6581a81750cce5a.png_pic_center]

可以看到如果5个按钮无法在一行中同时显示出来，那么LinearLayout 不会换行显示多余的组件。

[68650f8ecd604aa0a6fa7975b6156192.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/ae876b50059440939c0f2fd7a43975a1.png
[f3164ee4d4254a8da64a8169855cd8bb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/324bd6eed45a493eb94ae337dcc377ab.png
[6d87b9cce510404b9a44be962f80504a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/2eaae97ee7af488aae026b4456bc53ae.png
[09ead694954b4930a919a40726d832a3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f99bce21a87448cc999db028dd045098.png
[cf33de1a14bf4b7dbc66ff13356d259e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/2dc0b425807d45e2943afbe27a1eff60.png
[8f857a4fe74a4ac195cb666641e4735a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/dffd6a158fb74e4f93a83d232b7b969c.png
[8d4a1b6d2d364672a6581a81750cce5a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/ae75b84d72e24b8c884a2142f7ae2773.png