社区首页 >专栏 >【Android从零单排系列二十九】《Android布局介绍——LinerLayout》

【Android从零单排系列二十九】《Android布局介绍——LinerLayout》

再见孙悟空_

发布于 2023-07-17 12:30:30

32000

代码可运行

文章被收录于专栏：【Android开发基础】【Android开发基础】

运行总次数：0

代码可运行

前言

小伙伴们，在前面的系列文章中，我们重点介绍了Android开发中用到的视图组件，从本文开始我们继续盘点Android中的布局，本文主要介绍一下LinerLayout。

一 LinerLayout基本介绍

LinearLayout（线性布局）是一种在Android中常用的布局管理器，用于在水平或垂直方向上排列子视图。它可以作为容器来包含其他视图组件，并根据指定的布局属性进行排列。

二 LinerLayout使用方法

在XML布局文件中定义LinearLayout：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    
    <!-- 子视图元素 -->
    
</LinearLayout>

在上述代码中，我们创建了一个垂直方向的LinearLayout，并将其宽度设置为与父视图相匹配（match_parent），高度根据子视图自适应（wrap_content）。

添加子视图元素：在LinearLayout标签内部添加其他视图组件作为其子元素，例如TextView、Button等。根据需要可以使用不同的布局参数来控制子视图的大小和对齐方式。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, world!" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me" />
        
</LinearLayout>

在上述代码中，我们在LinearLayout中添加了一个TextView和一个Button作为子视图。

设置布局属性：可以通过在每个子视图的布局参数中设置不同的属性来控制子视图在LinearLayout中的位置和大小，例如android:layout_weight属性可以用来设置子视图的权重，实现按比例分配剩余空间。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="Hello, world!" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:text="Click Me" />
        
</LinearLayout>

在上述代码中，我们将TextView和Button的高度都设置为0dp，并使用android:layout_weight属性将剩余的空间按比例分配给它们。在这种情况下，Button的权重是TextView的两倍，所以Button会占据

以下是LinearLayout的特点和使用方法的总结：

方向：LinearLayout可以在水平方向（horizontal）或垂直方向（vertical）上排列子视图。
排列方式：子视图可以按照添加的顺序依次排列（默认），也可以根据权重（weight）或布局权重（layout_weight）进行分配空间和对齐。
布局属性：通过在子视图的布局参数中设置不同的权重、对齐方式和填充方式，可以灵活控制每个子视图在LinearLayout中的位置和大小。
嵌套：可以嵌套多个LinearLayout以实现更复杂的布局结构。
大小测量：LinearLayout会根据子视图的测量要求和布局参数来计算自身的大小和子视图的位置。

使用LinearLayout时，可以考虑以下几点：

在XML布局文件中使用<LinearLayout>标签来定义LinearLayout。
设置android:orientation属性为"horizontal"或"vertical"来指定水平或垂直布局。
可以使用android:layout_width和android:layout_height属性来设置LinearLayout的宽度和高度。
在LinearLayout中添加子视图（如Button、TextView等）作为其子元素，并使用布局参数（layout_width和layout_height等）设置每个子视图的大小和对齐方式。
可以使用android:layout_weight属性在LinearLayout中对子视图进行权重分配，实现灵活的空间占用和对齐。

三 LinerLayout常见属性及方法

方法：

setOrientation(int orientation)：设置LinearLayout的排列方向。
addView(View view, ViewGroup.LayoutParams params)：将子视图添加到LinearLayout中。
setWeightSum(float weightSum)：设置LinearLayout中权重的总和。
setGravity(int gravity)：设置LinearLayout内部子视图的对齐方式。
setBaselineAligned(boolean aligned)：设置是否按基线对齐子视图。
setBaselineAlignedChildIndex(int index)：设置按基线对齐时参考的子视图索引。
setDividerDrawable(Drawable drawable)：设置LinearLayout的分隔线Drawable。
setShowDividers(int showDividers)：设置是否显示分隔线以及显示的位置。
setDividerPadding(int padding)：设置分隔线的间距。

属性：

android:orientation：设置LinearLayout的排列方向。
android:layout_weight：设置子视图的权重。
android:gravity：设置LinearLayout内部子视图的对齐方式。
android:baselineAligned：设置是否按基线对齐子视图。
android:baselineAlignedChildIndex：设置按基线对齐时参考的子视图索引。
android:divider：设置LinearLayout的分隔线Drawable。
android:showDividers：设置是否显示分隔线以及显示的位置。
android:dividerPadding：设置分隔线的间距。

这些方法和属性可以用于灵活地控制LinearLayout布局的方向、对齐方式、权重分配等，以满足不同的布局需求。其中，方法可以通过编程方式进行设置，而属性可以在XML布局文件中进行设置。

四 LinerLayout简单案例

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, LinearLayout!"
        android:textSize="24sp"
        android:layout_gravity="center_horizontal"/>
        
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me!"
        android:layout_gravity="center_horizontal"/>

</LinearLayout>