Android 六大布局之 LinearLayout( 线性布局)

冷不防 2022-05-11 02:16 296阅读 0赞

**目录**

LinearLayout( 线性布局) 检索

weight( 权重)属性详解

最简单方式

wrap\_content 方式

LinearLayout 设置分割线

图片分隔

--------------------

# LinearLayout( 线性布局) 检索 #

1、Android 中有六大布局: LinearLayout(线性布局)，RelativeLayout(相对布局)，TableLayout(表格布局) FrameLayout(帧布局)，AbsoluteLayout(绝对布局)，GridLayout(网格布局)

2、屏幕适配使用的比较多的就是 LinearLayout 的 weight(权重属性)，本文详细地解析 LinearLayout，包括一些基本的属性，Weight 属性的使用，以及比例如何计算，还有使用 android:divider 绘制下划线！

![format_png][]

本文使用的是 Android Studion 3.1.2

# weight( 权重)属性详解 #

## 最简单方式 ##

![70][] 图 1.1

实现 图1.1 效果的代码如下：

android:id="@+id/LinearLayout1"  ：为该资源控件设置一个资源 id，在 Java 代码中可以通过 findViewById(id) 找到该控件

android:layout\_width="match\_parent"：布局的宽度设置为填满父容器

android:layout\_height="match\_parent"：布局的高度设置为填满父容器

android:orientation="horizontal"：布局中控件的排列方式设置为水平方向

android:layout\_height="fill\_parent：布局高度设置为充满父容器

tools:context=".MainActivity"：声明当前布局提供给 activity 使用

android:layout\_weight：设置权重，按比例划分水平方向，将涉及到的 View 的 android:layout\_width 属性设置为 0dp，然后使用 android:layout\_weight 属性设置比例即可，如上所示，第二个 LinearLayout 是第一个的两倍。

以此类推，竖直方向，只需设 android:layout\_height 为 0dp，然后设置 layout\_weight 属性即可，如果要达到 1:1 等分效果，则显然只需要分别把两个 LinearLayout 的 weight 改成1和1就可以了。

![70 1][] 图 1.2

上图 1.2 效果代码如下：

## wrap\_content 方式 ##

1、如果不用上述最简单的那种设置为 0dp 的方式，直接用 wrap\_content 也是可以的——内容包裹

2、LinearLayout 的 orientation 属性决定向哪个方向等比例划分，horizontal（水平）或是 vertical（竖直）

![70 2][] 图 1.3

实现上图 1.3 效果代码如下：

<LinearLayout ：表示整个窗口采用线性布局

<TextView：位于线性布局中的文本控件

android:orientation:"horizontal"：线性布局采用水平切分

<TextView android:layout\_width="wrap\_content"：文本控件水平方向采用包裹内容

<TextView android:layout\_height="fill\_parent"：文本控件垂直方向采用填满父容器

android:layout\_weight="1"、"2"、"3"：设置三个文本控件的权重，即第二个是第一个两倍，第三个是第一个的三倍

以此类推，其余各种比例设置以及垂直方向也是同理。

![70 3][] 图 1.4

上图 1.4 效果代码如下：

# LinearLayout 设置分割线 #

很多界面开发中都会设置一些下划线，或者分割线，从而使得界面更加整洁美观：

![70 4][]

## **<view 分隔** ##

对于这种线，做法 **① 直接在布局中添加一个view，作**用仅仅是显示出一条线，代码也很简单:

> <View    
>     android:layout\_width="match\_parent"    
>     android:layout\_height="1px"    
>     android:background="\#000000" />

![70 5][] 图 1.5

实现上图 1.5  效果代码如下，这个是水平方向上的红色线，当然也可以改成其他颜色，或者使用图片：

## 图片分隔 ##

**使用 LinearLayout 的一个 divider 属性，**直接为 LinearLayout 设置分割线

1）自己先准备一张分割线的图片

2）android:divider 设置作为分割线的图片

3）android:showDividers 设置分割线的位置，none(无)、begining(开始)、end(结束)、middle(每两个组件之间)

4）android:dividerPadding 设置分割线的Padding

![70 6][]

上述代码效果如下：

![70 7][] 图 1.6

[format_png]: /images/20220511/e22c80c14ec842cdbb81bc97fb4ccce1.png
[70]: /images/20220511/0902199a71d54c078e6626e3e00fd902.png
[70 1]: /images/20220511/dc22301b69f74915a4d73f7a9c24ff74.png
[70 2]: /images/20220511/6ef3cdbddbca412e9cd8b3ef2865369e.png
[70 3]: /images/20220511/2dfbec1801d440b19ac91288da9eb889.png
[70 4]: /images/20220511/d0f3c9610a2a4f11957cf1d3c59e58d8.png
[70 5]: /images/20220511/2027713df1514d2cb731065b474eea19.png
[70 6]: /images/20220511/c1f5fa46d2df483984adcc7171474f01.png
[70 7]: /images/20220511/da6e6fdd831340d49eacb76829c05dea.png