详解android四种布局之LinearLayout

阳光穿透心脏的1/2处 2022-07-17 03:37 288阅读 0赞

# 第一种布局： LinearLayout #

LinearLayout又称作线性布局，是一种非常常用的布局。正如它名字所描述的一样，这 个布局会将它所包含的控件在线性方向上依次排列。
        既然是线性排列，肯定就不仅只有一个方向。我们通过 android:orientation属性指定了排列方向。

## 1. Linearlayout的android:orientation属性 ##

### 1.1 “vertical” 垂直分布 ###

当设置成vertical时，不能设置android:layoy_height属性设置为match_parent,否则其他控件都将被覆盖

### 1.2 “horizontal” 水平分布 ——默认值 ###

当设置成horizontal时，不能设置android:layoy_width属性设置为match_parent,否则其他控件都将被覆盖

## 2. 在LinearLayout的布局中，控件与布局相关的属性 ##

### 2.1 android:gravity 指文字在控件中的对齐方式 ###

### 2.2 android:layout\_gravity 指控件在布局中的对其方式 ###

layout_gravity的值有三种：bottom、top、center_vertical
        需要注意，当 LinearLayout的排列方向是 horizontal时，只有垂直方向上的对齐方式才会生效，因为此时水 平方向上的长度是不固定的，每添加一个控件，水平方向上的长度都会改变，因而无法指定该方向上的对齐方式。
        同样的道理，当 LinearLayout的排列方向是 vertical时，只有水平方 向上的对齐方式才会生效。

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:orientation="horizontal" >  
        <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="top" android:text="Button 1" /> 
        <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="Button 2" /> 
        <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom" android:text="Button 3" />  
    </LinearLayout>

***`当布局为水平布局时，空间选择在布局文件中的对齐方式分别为上中下对齐的效果效果图：`***  
![这里写图片描述][20160829231926400]

### 2.3 android:layout\_weight 这个属性允许我们使用比例的方式来指定控件的大小 ###

当设置了layout_weight属性后，layout_width/layout_height属性的值若为数字将失效(其余都覆盖layout_weight属性)，一般设置了layout_weight的属性后，若是水平布局，控件的高度不可设置为0dp，若是垂直布局，控件的宽度不可以设置为0dp。
        空间分配：系统会先把 LinearLayout下所有控件指定的 layout_weight值相加，得到一个总值， 然后每个控件所占大小的比例就是用该控件的 layout_weight值除以刚才算出的总值。

***`Width为数值时，width效果被weight覆盖`***  
![这里写图片描述][20160829232114537]  
***`Width为数值时，width效果被weight覆盖,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:orientation="horizontal" >   
        <EditText android:id="@+id/input_message" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:hint="Type something" />
    
        <Button android:id="@+id/send" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Send" />  
    </LinearLayout>

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

***`设置为wrap_content时……weight被覆盖`***  
![这里写图片描述][20160829232217138]

<?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="horizontal" >
        <EditText android:id="@+id/input_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:hint="Type something" />   
        <Button android:id="@+id/send" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="Send" />  
    </LinearLayout>

[20160829231926400]: /images/20220717/8f18351a572e44d6a7e4f9238652b569.png
[20160829232114537]: /images/20220717/43b9ed81735440caa61407494697c008.png
[20160829232217138]: /images/20220717/c13bbf01d9bf4178bba7f11c64a4e99e.png