day0818-Android五大布局

最新推荐文章于 2025-06-28 17:00:00 发布

原创最新推荐文章于 2025-06-28 17:00:00 发布 · 645 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#relativelayout #控件 #布局

Android 专栏收录该内容

153 篇文章

订阅专栏

本文详细介绍了Android应用开发中常用的布局系统，包括线性布局、相对布局、帧布局、表格布局等，通过实例展示了各布局的特点及使用方法，帮助开发者更好地理解和运用这些布局来构建复杂的UI界面。

一、LinearLayout线性布局：

1.android:orientation指定排列方向：

指定水平horizontal 或者竖直vertical

android:orientation="vertical"

2.长宽设置：

    android:layout_width="match_parent"
    android:layout_height="match_parent"

3.比重layout_gravity:

1）
- andriod:gravity和android:layout_gravity的区别：
andriod:gravity是用于指定文字在控件
范例：
小技巧：对于比重，如果是在水平上分占比重，那么就让组件宽度为0dp；如果是在竖直上分占比重，就让组件长度为0dp。

<?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">
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"/>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="2">
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>

        </LinearLayout>

    </LinearLayout>
    <Button
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>

        </LinearLayout>
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"/>

    </LinearLayout>


</LinearLayout>

结果：
这里写图片描述
2）weight用法：
<1>将宽度指定为0dp，由比重来决定宽度比重。
<2>当两个组件，一个组件仍将长度设为”wrap_content“,那么另一个weight设为1时，将使此组件占下剩下的所有空间。
<3>weightSum=”5”设定总重

4.margin***:

top.bottom.left,right 距离临近组件的距离

5.单位：

px:像素
dp：1英寸存在160px，那么1dp=1px，若存在320px，那么2px（即1英寸的像素数除以160）：根据手机的不同而不同
sp：只用于文本的大小，但跟dp一样。
android中一般用dp和sp。

二、RelativeLayout相对布局

1.相对父布局：

android:layout_alignParentLeft 和父布局的左边对齐
android:layout_alignParentRight 和父布局的右边对齐
android:layout_alignParentTop 和父布局的上边对齐
android:layout_alignParentBottom 和父布局的底部对齐

2.与父布局中心对齐

android:layout_centerInParent 和父布局的中心对齐
android:layout_centerVertical 和父布局的中心垂直对齐
android:layout_centerHorizontal 和父布局的中心水平对齐

3.相对其他控件

android:layout_above=”@id/button” 位于另一个控件上方
android:layout_below=”@id/button” 位于另一个控件下方
android:layout_toLeftOf=”@id/button” 位于另一个控件左边
android:layout_toRightOf=”@id/button” 位于另一个控件右边

4.相对其他控件边缘位置

android:layout_alignLeft 左边缘对齐
android:layout_alignRight 右边缘对齐
android:layout_alignLeft 左边缘对齐
android:layout_alignTop 顶部边缘对齐
android:layout_alignButtom 底部边缘对齐
android:alignBaseLine 基准线对齐

三、FrameLayout帧布局：

android_visibility 值：可见，不可见，gone是不可见也不占位置。
一个个往上摞。

四、TableLayout表格布局：

1.每加入一个TableRow就表示在表格中添加了一行，然后在TableRow中每加入一个控件，就表示在该行中加入了一列。
2.TableRow中的控件时不能指定宽度的。
3.表格合并 android:layout_span=”2”让控件占据两列的空间。
4.宽度的解决：

android:stretchColumns 允许将某一列进行拉伸，以达到自动适应屏幕宽度的作用。即分配剩余空间。
值为1：表示如果表格不能完全占满屏幕宽度，就拉伸第2列。注：指定0表示拉伸第一列，指定1表示拉伸第二列。，
android：shrinkColumns:自动收缩。
android： collapsecolumns:隐藏某一列