安卓常用布局（线性、相对、帧、表格布局）

ゝ一世哀愁。 2022-09-27 15:19 311阅读 0赞

1、线性布局效果图：

![这里写图片描述][SouthEast]

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="vertical" >
    
       <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal"
    
            >
            <TextView 
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:background="@android:color/holo_blue_light"
    
                />
            <TextView 
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:background="@android:color/holo_green_light"
    
                />
            <TextView 
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:background="@android:color/holo_purple"
    
                />
            <TextView 
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:background="@android:color/holo_orange_light"
    
                />
        </LinearLayout>
    
        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="vertical"
            >
            <TextView 
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="0dp"
                android:background="@android:color/holo_red_light"
    
                />
            <TextView 
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="0dp"
                android:background="@android:color/holo_purple"
    
                />
            <TextView 
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="0dp"
                android:background="@android:color/holo_green_light"
    
                />
            <TextView 
                android:layout_width="match_parent"
                android:layout_weight="1"
                android:layout_height="0dp"
                android:background="@android:color/holo_blue_light"
    
                />
    
        </LinearLayout>
    
    
    </LinearLayout>

2、相对布局效果图：

![这里写图片描述][SouthEast 1]

XMl文件：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        <Button 
            android:id="@+id/center"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="中间"
            android:textSize="18dp"
            android:layout_centerInParent="true"
            />
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="上面"
            android:textSize="18dp"
            android:layout_above="@id/center"
            android:layout_alignRight="@id/center"
            android:layout_alignLeft="@id/center"
    
            />
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下面"
            android:textSize="18dp"
            android:layout_below="@id/center"
            android:layout_alignRight="@id/center"
            android:layout_alignLeft="@id/center"
    
    
            />
        <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="左边"
            android:textSize="18dp"
            android:layout_toLeftOf="@id/center"
            android:layout_alignTop="@id/center"
    
    
    
            />
        <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="右边"
            android:textSize="18dp"
           android:layout_toRightOf="@id/center"
           android:layout_alignTop="@id/center"
    
            />  
    
        <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="左上边"
            android:textSize="18dp"
            android:layout_toLeftOf="@id/center"
            android:layout_above="@id/center"
    
            />  
        <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="右上边"
            android:textSize="18dp"
            android:layout_toRightOf="@id/center"
            android:layout_above="@id/center"
    
            />  
         <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="左下边"
            android:textSize="18dp"
            android:layout_toLeftOf="@id/center"
            android:layout_below="@id/center"
    
            />     
        <Button 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="右下边"
            android:textSize="18sp"
            android:layout_toRightOf="@id/center"
            android:layout_below="@id/center"
    
            />     
    
    
    </RelativeLayout>

3、帧布局效果图：

![这里写图片描述][SouthEast 2]

xml文件：

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <TextView 
            android:layout_width="240dp"
            android:layout_height="240dp"
            android:background="@android:color/holo_red_light"
            android:layout_gravity="center"
    
            />
         <TextView 
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:background="@android:color/holo_blue_light"
            android:layout_gravity="center"
    
            />
         <TextView 
            android:layout_width="160dp"
            android:layout_height="160dp"
            android:background="@android:color/holo_green_light"
            android:layout_gravity="center"
    
            />
         <TextView 
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:background="@android:color/holo_orange_light"
            android:layout_gravity="center"
    
            />
         <TextView 
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@android:color/white"
            android:layout_gravity="center"
    
            />
    
    
    </FrameLayout>

4、表格布局效果图如下：

![这里写图片描述][SouthEast 3]

xml文件：

<?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:stretchColumns="1" >
        <TableRow 
            android:background="@android:color/black"
            >
           <TextView 
               android:layout_column="1"
               android:text="open"
               android:textColor="@android:color/white"
    
               /> 
             <TextView 
    
               android:text="ctrl-0"
               android:textColor="@android:color/white"
               android:gravity="right"
               /> 
    
        </TableRow>
        <TableRow 
            android:background="@android:color/black"
            >
          <TextView 
              android:layout_column="1"
               android:text="save"
               android:textColor="@android:color/white"
             />  
    
          <TextView 
               android:text="ctrl-s"
               android:textColor="@android:color/white"
               android:gravity="right"
               />  
    
        </TableRow>
        <TableRow 
            android:background="@android:color/black"
            >
            <TextView 
              android:layout_column="1"
               android:text="save as"
               android:textColor="@android:color/white"
    
    
              />  
          <TextView 
    
               android:text="ctrl-shift-s"
               android:textColor="@android:color/white"
    
               />  
    
         </TableRow>
         <TextView 
             android:layout_height="1dp"
             android:background="@android:color/white"
             />
    
          <TableRow 
              android:background="@android:color/black"
            >
            <TextView 
               android:text="x "
               android:textColor="@android:color/white"
               />  
            <TextView 
               android:layout_span="2"
               android:text="import"
               android:textColor="@android:color/white"
    
               />  
         </TableRow>
    
         <TableRow 
              android:background="@android:color/black"
            >
            <TextView 
    
               android:text="x "
               android:textColor="@android:color/white"
    
    
              />  
            <TextView 
    
               android:text="export"
               android:textColor="@android:color/white"
    
               />  
             <TextView 
    
               android:text="ctrl-e"
               android:textColor="@android:color/white"
               android:gravity="right"
               />  
    
    
         </TableRow>
         <TextView 
             android:layout_height="1dp"
             android:background="@android:color/white"
             />
    
         <TableRow 
            android:background="@android:color/black"
            >
            <TextView 
              android:layout_column="1"
              android:text="save as"
              android:textColor="@android:color/white"
              android:layout_span="2" 
    
              />  
    
    
         </TableRow>
    
    
    </TableLayout>

[SouthEast]: /images/20220708/4a6205822b08479ea957e921cb541e08.png
[SouthEast 1]: /images/20220708/600505825b9c4bab8c6e43565013eeca.png
[SouthEast 2]: /images/20220708/51bb63784f2b4f22a393df7e725116f3.png
[SouthEast 3]: /images/20220708/57c23804e431463a9abbcc28f2d4f3c7.png