Android常用布局管理器总结

最新推荐文章于 2024-04-20 23:04:46 发布

WilliamSun0122

最新推荐文章于 2024-04-20 23:04:46 发布

阅读量1.4k

点赞数

分类专栏： Android Studio 文章标签： android ui 布局

本文链接：https://blog.csdn.net/WilliamSun0122/article/details/72811250

版权

Android Studio 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Android中的所有UI组件都继承自android.view.View类，所有的UI组件都位于android.view包和 android.widget包中。主要分为两大部分，View（视图：普通控件）和ViewGroup（容器：布局管理器）。

LinearLayout 线性布局管理器

线性布局内的控件不换行或换列，组件依次排列，超出容器的控件则不会被显示。
主要属性说明：

android:orientation
当设置成 vertical 时表示布局容器内的控件纵向排列成1列，当设置成 horizontal 时表示布局容器内的所有控件横向排列成1行
android:layout_weight
为容器内的组件设置权重，表示当所有控件全部排列完毕后，该被设置的组件占父容器剩余空白部分的多少比重
android:layout_gravity
为容器内的控件设置该控件在父容器中的对齐方式
当父容器线性设置为vertical 纵向时，则只有设置与左右相关的值才起作用，比如：left、right
当父容器线性设置为 horizontal 横向时，则只有设置与上下相关的值才起作用，比如：top、bottom
android:gravity
设置控件上面的文字在该组件里面的对齐方式
android:visibility
visibility显示；invisibility不显示,但是还是占据那个位置留一个空白区域；gone真正的完全隐藏

样例代码：

<?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 vertical 纵向排列-->  
    <LinearLayout   
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="1"     
        android:orientation="vertical">  
            <Button  
                android:layout_width="wrap_content"   
                android:layout_height="wrap_content"  
                android:text="1.1 第一层按钮"  
            />  
            <Button  
                android:layout_width="200dp"   
                android:layout_height="wrap_content"  
                android:layout_gravity="right"  
                android:gravity="left|bottom"  
                android:text="1.2 第二层按钮"  
            />  
    </LinearLayout>  
    <!-- 线性布局中嵌套布局， LinearLayout horizontal 横向排列-->  
    <LinearLayout   
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal">  
            <Button  
                android:layout_width="wrap_content"   
                android:layout_height="wrap_content"  
                android:text="2.1 第1列按钮"  
            />  
            <Button  
                android:layout_width="match_parent"   
                android:layout_height="wrap_content"  
                android:text="2.2 第二列按钮"  
            />  
            <Button  
                android:layout_width="wrap_content"   
                android:layout_height="wrap_content"  
                android:text="2.3 第三列按钮"  
            />  
    </LinearLayout>  
</LinearLayout>

运行结果：
可以看到”2.3 第三列按钮” 因为超出容器，所以不显示；”1.2 第二层按钮” 在容器中右对齐，按钮自身文字靠左靠下
这里写图片描述

TableLayout 表格布局管理器

表格布局继承自LinearLayout线性布局。用行、列方式来管理容器内的控件。它不需要制定多少行列，布局内每添加一行TableRow表示添加一行，然后再在TableRow添加子控件，容器的列数由包含列数最多的行决定。

主要属性说明：

android:stretchColumns
为TableLayout容器里面设置属性，表示被设置的这些列可拉伸（注意：TableLayout中列的索引从0开始）
android:shrinkColumns
为TableLayout容器里面设置属性，表示被设置的这些列可收缩
android:layout_column
为容器里面的控件设置属性，指定该控件在TableRow中的指定列
android:layout_span
为容器里面的控件设置属性，指定该控件在TableRow中占据多少列

样例代码：

<?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="0,2"  
    android:shrinkColumns="1"  

    android:collapseColumns="2">  

    <!-- 注意：第3列超出了屏幕大小，所以不显示 -->  
    <TableRow>  
        <Button android:text="第1行  第1列"/>  
        <Button android:text="第1行  第2列"/>  
        <Button android:text="第1行  第3列"/>  
    </TableRow>  

    <!-- 不用TableRow，直接使用控件占据一行 -->  
    <Button android:text="第2行 第1列:单独的Button，非TableRow"/>  

    <!-- android:layout_column 属性指定该组件到该行的指定列-->  
    <TableRow>  
        <Button android:text="第3行  指定到第2列"            android:layout_column="1"/>  
    </TableRow>  

    <!-- layout_span 属性指定该组件占据多少列-->  
    <TableRow>  
        <Button android:text="第4行 第1列   指定占据2列空间...."  android:layout_span="2"/>  
    </TableRow>  

</TableLayout>

运行结果：
可以看到 “第1行第3列超出屏幕大小没有显示；3行2列被指定到第2列；4行1列占据了2列的空间”
这里写图片描述

RelativeLayout 相对布局管理器

容器内的控件布局总是相对于父容器或兄弟组件的位置。相对布局是实际中应用最多，也是最灵活的布局管理器，这里不一一介绍它的属性，只说明一下易混淆的margin和padding的区别。
这里写图片描述

样例代码：

<?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" >  

    <TextView   
        android:id="@+id/txtInfor"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:textSize="30sp"  
        android:text="请输入短信内容"/>  
    <EditText   
        android:id="@+id/txtSMS"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:minHeight="100dp"  
        android:background="#00eeff"  
        android:gravity="left|top"  
        android:layout_below="@id/txtInfor"  
        android:layout_alignLeft="@id/txtInfor"  
        />  
    <Button   
        android:id="@+id/btnClearSMS"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_below="@id/txtSMS"  
        android:layout_alignParentRight="true"  
        android:layout_marginRight="80dp"  

        android:text="清除"  
        />  
    <Button   
        android:id="@+id/btnSendSMS"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignBaseline="@id/btnClearSMS"  
        android:layout_alignParentRight="true"  
        android:layout_marginRight="10dp"  
        android:text="发送"  
        />  
</RelativeLayout>  
</TableLayout>

运行结果：
这里写图片描述

FrameLayout 帧布局管理器

为容器内的控件创建一块空白区域(帧)，一帧一个控件，后面添加的控件的覆盖在前面的控件上面。

样例代码：

<?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="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center"  
        android:height="280dp"  
        android:width="280dp"   
        android:background="#eeff00"/>  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center"  
        android:height="180dp"  
        android:width="180dp"   
        android:background="#3322ff"/>  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center"  
        android:height="80dp"  
        android:width="80dp"   
        android:background="#ff2233"/>  
</FrameLayout>

运行结果：
这里写图片描述

AbsoulteLayout 绝对布局管理器

容器管理容器内控件的位置大小，开发人员通过指定X、Y坐标指定组件的位置。
1. android:layout_x，指定控件在容器中的 x 坐标值
2. android:layout_y，指定控件在容器中的 y 坐标值
实际应用中一般不适用AbsoulteLayout，因为应用该APP的手机屏幕大小，分辨率肯定会有所不同。

样例代码：

<?xml version="1.0" encoding="utf-8"?>  
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  

    <TextView   
        android:id="@+id/tv1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:height="200dp"  
        android:width="200dp"  
        android:layout_x="100dp"  
        android:layout_y="80dp"  
        android:textSize="50sp"  
        android:textColor="#ffffff"  
        android:background="#680000"/>  
    <TextView   
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:height="200dp"  
        android:width="200dp"  
        android:layout_x="10dp"  
        android:layout_y="250dp"  
        android:textSize="50sp"  
        android:textColor="#680000"  
        android:background="#00cc88"  
        android:text="绝对布局我在这"/>  
</AbsoluteLayout>

运行结果：
这里写图片描述

GridLayout 网格布局管理器

GridLayout网格布局管理器是android 4.0 以后才增加的布局管理器。它将容器划分为x行y列的网格，每个控件置于网格中，当然也可以通过设置相关属性使一个控件占据多行或多列。

样例代码：

<?xml version="1.0" encoding="utf-8"?>  
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:rowCount="6"   
    android:columnCount="4"  
    android:id="@+id/grid_cal">  

    <TextView   
        android:id="@+id/tv_result"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:textSize="50sp"  
        android:textColor="#000000"  
        android:background="#eeeeee"  
        android:text="0"  
        android:gravity="right"  
        android:padding="5dp"  
        android:layout_columnSpan="4"/>  
    <Button   
        android:id="@+id/btn_clear"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_columnSpan="4"  
        android:text="Clear"  
        android:textSize="30dp"/>  
</GridLayout>

package com.example.testgrid;  

import android.app.Activity;  
import android.os.Bundle;  
import android.view.Gravity;  
import android.widget.Button;  
import android.widget.GridLayout;  

public class MainActivity extends Activity {  

    String[] btnLable = new String[]{  
        "7","8","9","+",  
        "4","5","6","-",  
        "1","2","3","*",  
        "0",".","=","/"  
        };  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        //setContentView(R.layout.activity_main);  
        setContentView(R.layout.test_gridlayout);  

        GridLayout gridCal = (GridLayout) findViewById(R.id.grid_cal);  

        for(int i=0; i<btnLable.length; i++){    //添加16个网格，每个网格1个按钮  
            Button button = new Button(this);  
            button.setText(btnLable[i]);  
            button.setTextSize(30);  

            GridLayout.Spec rowSpec = GridLayout.spec(i / 4 + 2);   //行位置  
            GridLayout.Spec colSpec = GridLayout.spec(i % 4);       //列位置  

            GridLayout.LayoutParams gridLayoutParams = new GridLayout.LayoutParams(rowSpec, colSpec);   //属性  
            gridLayoutParams.setGravity(Gravity.FILL_HORIZONTAL);   //横向排满容器  

            gridCal.addView(button, gridLayoutParams);              //将按钮添加到网格容器内  
        }  
    }  
}

运行结果：
这里写图片描述

WilliamSun0122

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Android常用布局管理器总结

Android中的所有UI组件都继承自android.view.View类，所有的UI组件都位于android.view包和 android.widget包中。主要分为两大部分，View（视图：普通控件）和ViewGroup（容器：布局管理器）。LinearLayout 线性布局管理器线性布局内的控件不换行或换列，组件依次排列，超出容器的控件则不会被显示。主要属性说明：android:ori
复制链接

扫一扫