6种layout的使用

超、凢脫俗 2024-02-17 22:10 5阅读 0赞

### 1 LinearLayout ###

**线性布局的一些属性:**

xmlns:android：xml命名空间  
android:orientation：布局方向  
android:layout\_width:  
android:layout\_height: 宽度和高度  
  
  
控件的一些属性（  
  
  
android中的界面显示单位主要有px，dp（dip），sp等  
除了sp和dp，不要使用别的单位，除非你没有办法不那么做。  
使用sp/dp会让你的Android应用适应多种密度和分辨率。  
  
  
）  
android:id  
android:text  
android:gravity：控件中内容的摆放位置  
android:textSize：文本大小pt或px  
android:background="\#aa0000"  
android:layout\_width  
android:layout\_height  
android:padding：内边框，分为上下左右四个方向  
android:layout\_weight：控件占父元素的比率  
android:singleLine：控制是否换行显示

### 2 TableLayout ###

每个子控件会占用一列

**相关属性：**

android:stretchColumns="1" 如果不能填满，则拉伸第一列

### 3 Layout的嵌套使用 ###

<?xml version="1.0" encoding="UTF-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
       >
    	
        <LinearLayout 
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            >
            
            <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="#aa0000"
            android:text="red"
            android:layout_weight="1" />
            
            <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="#00aa00"
            android:text="green"
            android:layout_weight="1" />
            
            <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="#0000aa"
            android:text="blue"
            android:layout_weight="1" />
            
        </LinearLayout>
        
        <TableLayout 
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:stretchColumns="0"
            >
            <TableRow>
                <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="row1_column1" />
            
            <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="row1_column2" />
            </TableRow>
            
            <TableRow>
                <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="row2_column1"
            android:gravity="center_horizontal" />
            
                <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="row2_column2"
            android:gravity="center_horizontal" />
                
            <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="row2_column3"
            android:gravity="center_horizontal" />
            </TableRow>
        </TableLayout>
    
    </LinearLayout>

### 4 RelativeLayout ###

**控件常用属性：**

与兄弟控件之间的位置关系：上下左右
        android:layout_above="@id/label"
        android:layout_below
        android:layout_toLeftOf
        android:layout_toRightOf
        
        与兄弟控件的对齐方式：
        android:layout_alignBaseline
        android:layout_alignBottom="@id/ok"
        android:layout_alignTop
        android:layout_alignRight
        android:layout_alignLeft
        
       与 父控件的对齐方式：
        android:layout_alignParentBottom="true"
        android:layout_alignParentTop
        android:layout_alignParentRight
        android:layout_alignParentLeft
        
        在父控件中的居中方式：
        android:layout_centerHorizontal="true"
        android:layout_centerInParent
        android:layout_centerVertical

![Center][]

### 5 AbsoluteLayout ###

指定子控件的xy精确坐标的布局。绝对布局缺乏灵活性，再没有绝对定位的情况下相比其他类型的布局更难维护。

![Center 1][]

### 6 FrameLayout ###

所有添加到这个布局中的视图都以**层叠**的方式显示。

第一个添加的组件放到最底层，最后添加到框架中的视图显示在最上面。上一层的会覆盖下一层的控件。

主要设置：android:layout\_**gravity**="center"

![Center 2][]

**layout.xml**

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/732d37a9d457466fbc7487feea75bc49.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/1f815974e66d4868b60247747e3150de.png
[Center 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/692ed4b1508143d3a28249457a7dc70e.png