Android （线性、表格、网格、帧）布局小结

最新推荐文章于 2024-06-26 21:38:00 发布

原创最新推荐文章于 2024-06-26 21:38:00 发布 · 700 阅读

1 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

21 篇文章

订阅专栏

本文主要介绍了Android中的四种布局：LinearLayout（线性布局）、TableRow（表格布局）及其特性，如如何插入特定列、元素跨列、隐藏列、拉伸和收缩列等，帮助理解Android界面设计的基础知识。

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

什么是布局？

就是显示界面上那些按钮 Button+imageButton, 输入框 edittext, 标题框 textview, 这类的，这些小窗口小功能是如何分布。

基本属性简介：

1、android:layout_width="match_parent" : 设定布局的宽度，放入组件内就是设定组件的宽度

值：match_parent 匹配父（上一级组件）的属性，例如第一个布局，意思是说：布局的宽度与设配屏幕一样
wrap_content 只适应文本，组件大小根据我的文本大小决定

2、android：backgeround="#ff0000"; 颜色设定
值：颜色是#开头，剩下的六个字符由“三原色”（红、绿、蓝）组成，例如我现在要蓝色#0000ff

3、android:paddingBottom="12dp" 布局内的下内边距设置

值：dp是android的一个单位，和像素作用一样

4、android:orientation="vertical" ：指定排列方式
值：vertical（垂直）
horizontal（水平）

5、android:gravity="

right

" ：控制所有子控件在父容器中的位置

android:layout_gravity="bottom" 控制子控件在布局内的位置

6、android:layout_gravity="" 控制布局中的单个子控制位置
此标签与父控件的值相反才有作用，例子：父布局是水平，子空间必须设定为竖行才能有效

7、android:layout_weight=""; 权重
值：设置此标签在，布局所占比例

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


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1"
            android:layout_weight="1"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2"
            android:layout_gravity="clip_vertical|right"
            />

</LinearLayout>

LinearLayout(线性布局)：

此布局默认组件水平，从左至右摆放

表格布局（TableLayout）：

默认每个组件占一行

GridLayout网格布局（4.0）：

组件成网格样式分布，可指定某列跨行或者跨列

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:layout_rowSpan="2" 
android:layout_gravity="fill_vertical"
/>

</GridLayout>

android:layout_columnSpan="2" 设定跨列

android:layout_rowSpan="2" 设定跨行

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_gravity="center"
        android:background="#FF0000"
        android:layout_width="match_parent"
        android:layout_height="300dp" />

    <TextView
        android:layout_gravity="center"
        android:background="#FFA500"
        android:layout_width="330dp"
        android:layout_height="250dp" />

    <TextView
        android:layout_gravity="center"
        android:background="#FFFF00"
        android:layout_width="290dp"
        android:layout_height="220dp" />

    <TextView
        android:layout_gravity="center"
        android:background="#008000"
        android:layout_width="260dp"
        android:layout_height="190dp" />

    <TextView
        android:layout_gravity="center"
        android:background="#E0FFFF"
        android:layout_width="230dp"
        android:layout_height="160dp" />
</FrameLayout>

效果图：