Android：（2）页面布局及常用控件_android设置页面布局-优快云博客

本文介绍了AndroidGUI的基本结构，包括View和ViewGroup的概念，以及各种常见的布局类型（如相对布局、线性布局、表格布局等），并详细说明了XML布局文件的创建和控件的使用。最后提到了绝对布局、帧布局和扁平化布局的特点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.1View概述

GUI界面由View和VIewGroup对象构建。多个View（视图组件）可以放在ViewGruop（视图容器）中。View是Android所有与用户交互控件的父类（文本框、按钮、ViewGroup类布局控件等）因此它包含的XML属性和方法是所有组件都可以使用的。

注意：一个界面文件有且仅有一个容器作为根节点。

2.2页面布局

2.2.1创建使用布局文件

1.点击layout文件夹->New->XML->Layout XML File。

2.使用方式可以通过图形界面拖拉控件，或进行源码编写。

2.2.2页面布局

注意：px、pt分别为屏幕中可以显示的最小元素单元和字体单位面积。无法保证适配性。在设置控件和字体大小时推荐使用dp（密度无关像素）和sp。使用dp的好处是在无论屏幕的分辨率如何总能显示相同的大小。

<titleName xmlns:android="http://schemas.android.com/apk/res/android" 
           xmlns:tools="http://schemas.android.com/tools"
           xmlns:app="http://schemas.android.com/apk/res-auto"
/>
//xmlns为命名空间，命名空间android用于 Android 系统定义的一些属性。（缺少会报错无法正常进行布局）
//tools为IDEA相关信息，app为Android自定义属性和系统扩展属性

2.2.3相对布局（RelativeLayout）

2.2.4线性布局（LinearLayout）

<LinearLayout android:orientation = "horizontal"/></LinearLayout>//线性水平

<LinearLayout android:orientation = "vertical"></LinearLayout>//线性竖直

2.2.5表格布局（TableLayout）

使用android:stretchColumns=“1”，属性拉伸第二列，android:layout_column=“0”属性表示显示在第一列中。需要注意的是，TableRow不需要设置宽度和高度，其宽度一定是自动填充容器，高度根据内容改变。但对于TableRow的其他控件来说，是可以设置宽度和高度的。

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">    
    <TableRow>
        <Button/>
    </TableRow>
    <TableRow>
        <Button/>
        <Button/>
        <Button/>
    </TableRow>
</TableLayout>
//表格布局行数由TableRow决定，列数由最大组件数决定。实例为2*3表格
//在控件中使用layout_column属性指定具体的列数，该属性的值从0开始，代表第一列。

2.2.6网格布局（GridLayout）

类似TableLayout，无TableRow。

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="4"  //设置行数
    android:orientation="vertical"  //设置排序方向
    android:rowCount="4">   //设置列数

    <Button
        android:layout_row="0"  
        android:layout_column="0" /> //设置控件位置

    <Button
        android:layout_rowSpan="2"  
        android:layout_columnSpan="2" />  //设置占位大小
</GridLayout>