Android基础：GridLayout

最新推荐文章于 2019-12-04 09:53:12 发布

火鸟菲戈

最新推荐文章于 2019-12-04 09:53:12 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

分类专栏： Android_UI

本文链接：https://blog.youkuaiyun.com/ss1168805219/article/details/53412494

Android_UI 专栏收录该内容

47 篇文章

订阅专栏

本文详细介绍了GridLayout的基本用法，包括如何设置行列数、控件位置及跨行列等特性，并提供了一个计算器样式的布局实例。

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

简介

工作这么才长时间，一直没用过GridLayout，今天看到群里有人问，随便学习。

GridLayout是网格布局，我们可以指定布局有多少行和多少列，也可以指定子控件位于第m行，第n列。m n的值从0开始。
api>=14

android:layout_row=”0”标识第1行，android:layout_column=”0”表示第一列
5行4列

 android:columnCount="4"
 android:rowCount="5"

该控件位于GridLayout的第3行，第4列

android:layout_column="3"
android:layout_row="2"

该控件占用了3列

android:layout_columnSpan="3"
android:layout_gravity="fill"

该控件占用了2行

android:layout_gravity="fill"
android:layout_rowSpan="2"

xml

这里写图片描述
下面这张图源自 coder-pig的猪栏—3.2.5 GridLayout(网格布局)

Demo

这里写图片描述

 <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:columnCount="4"
        android:rowCount="5">

        <Button
            android:id="@+id/btn1"
            android:text="1"/>

        <Button
            android:id="@+id/btn2"
            android:text="2"/>

        <Button
            android:id="@+id/btn3"
            android:text="3"/>

        <Button
            android:id="@+id/btn_divide"
            android:text="/"/>

        <Button
            android:id="@+id/btn4"
            android:text="4"/>

        <Button
            android:id="@+id/btn5"
            android:text="5"/>

        <Button
            android:id="@+id/btn6"
            android:text="6"/>

        <Button
            android:id="@+id/btn_multiply"
            android:text="*"/>

        <Button
            android:id="@+id/btn7"
            android:text="7"/>

        <Button
            android:id="@+id/btn8"
            android:text="8"/>

        <Button
            android:id="@+id/btn9"
            android:text="9"/>

        <Button
            android:id="@+id/btn_subtract"
            android:text="-"/>

        <Button
            android:id="@+id/btn0"
            android:layout_columnSpan="2"
            android:layout_gravity="fill"
            android:text="0"/>

        <Button
            android:id="@+id/btn_dot"
            android:text="."/>

        <Button
            android:id="@+id/btn_add"
            android:layout_gravity="fill"
            android:layout_rowSpan="2"
            android:text="+"/>

        <Button
            android:id="@+id/btn_equal"
            android:layout_columnSpan="3"
            android:layout_gravity="fill"
            android:text="="/>

        <Button
            android:id="@+id/btn_equal2"
            android:layout_column="2"
            android:layout_row="2"
            android:text="="
            android:visibility="gone"/>

    </GridLayout>