各种布局方式

本文详细介绍了Android应用开发中的各种布局方式,包括线性布局(LinearLayout)、层叠布局(FrameLayout)、表格布局(TableLayout)、绝对定位布局(AbsoluteLayout)及相对定位布局(RelativeLayout)。文中通过具体的XML配置实例展示了不同布局的特点和使用场景。

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

res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?> 

<!-- 
LinearLayout - 线形布局。 
    orientation - 容器内元素的排列方式。vertical: 子元素们垂直排列;horizontal: 子元素们水平排列 
    gravity - 内容的排列形式。常用的有 top, bottom, left, right, center 等,详见文档 
--> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:gravity="right" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <!-- 
    FrameLayout - 层叠式布局。以左上角为起点,将  FrameLayout 内的元素一层覆盖一层地显示 
    --> 
    <FrameLayout android:layout_height="wrap_content" 
        android:layout_width="fill_parent"> 
        <TextView android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:text="FrameLayout"> 
        </TextView> 
        <TextView android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:text="Frame Layout"> 
        </TextView> 
    </FrameLayout>

    <TextView android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:text="@string/hello" />

    <!--
	TableLayout - 表格式布局。
	TableRow - 表格内的行,行内每一个元素算作一列
	collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开
	stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多个用“,”隔开
	shrinkColumns - 设置TableLayout内的TableRow中需要收缩(为了使其他列不会被挤到屏幕外,此列会自动收缩)的列的列索引,多个用“,”隔开 
    --> 

    <TableLayout android:id="@ id/TableLayout01" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:collapseColumns="1"> 

        <TableRow android:id="@ id/TableRow01" 
	    android:layout_width="fill_parent" 
            android:layout_height="wrap_content"> 
            <TextView android:layout_width="wrap_content" 
                android:layout_weight="1" android:layout_height="wrap_content" 
                android:text="行1列1" /> 
            <TextView android:layout_width="wrap_content" 
                android:layout_weight="1" android:layout_height="wrap_content" 
                android:text="行1列2" /> 
            <TextView android:layout_width="wrap_content" 
                android:layout_weight="1" android:layout_height="wrap_content" 
                android:text="行1列3" /> 
        </TableRow> 
        <TableRow android:id="@ id/TableRow01" android:layout_width="wrap_content" 
            android:layout_height="wrap_content"> 
            <TextView android:layout_width="wrap_content" 
                android:layout_height="wrap_content" android:text="行2列1" /> 
        </TableRow> 
    </TableLayout>

    <!-- 
    AbsoluteLayout - 绝对定位布局。 
        layout_x - x 坐标。以左上角为顶点 
        layout_y - y 坐标。以左上角为顶点 
    --> 
    <AbsoluteLayout android:layout_height="wrap_content" 
        android:layout_width="fill_parent"> 
        <TextView android:layout_width="wrap_content" 
            android:layout_height="wrap_content" android:text="AbsoluteLayout" 
            android:layout_x="100px" 
            android:layout_y="100px" /> 
    </AbsoluteLayout>

    <!-- 
        RelativeLayout - 相对定位布局。 
        layout_centerInParent - 将当前元素放置到其容器内的水平方向和垂直方向的中央位置(类似的属性有 :layout_centerHorizontal, layout_alignParentLeft 等) 
        layout_marginLeft - 设置当前元素相对于其容器的左侧边缘的距离 
        layout_below - 放置当前元素到指定的元素的下面 
        layout_alignRight - 当前元素与指定的元素右对齐 
    --> 
    <RelativeLayout android:id="@ id/RelativeLayout01" 
        android:layout_width="fill_parent" android:layout_height="fill_parent"> 
        <TextView android:layout_width="wrap_content" android:id="@ id/abc" 
            android:layout_height="wrap_content" android:text="centerInParent=true" 
            android:layout_centerInParent="true" /> 
        <TextView android:layout_width="wrap_content" 
            android:layout_height="wrap_content" android:text="marginLeft=20px" 
            android:layout_marginLeft="20px" /> 
        <TextView android:layout_width="wrap_content" 
            android:layout_height="wrap_content" android:text="xxx" 
            android:layout_below="@id/abc" android:layout_alignRight="@id/abc" /> 
    </RelativeLayout>

</LinearLayout>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值