Android 六大布局之 GridLayout(网格布局)

傷城~ 2022-05-11 02:42 1090阅读 0赞

**目录**

GridLayout(网格布局) 简述

计算器布局的实现

--------------------

# GridLayout(网格布局) 简述 #

1、GridLayout 布局是 Android 4.0 以后引入的新布局，和 TableLayout(表格布局) 有点类似，不过它功能更多，也更加好用

> 可以自己设置布局中组件的排列方式
> 
> 可以自定义网格布局有多少行,多少列
> 
> 可以直接设置组件位于某行某列
> 
> 可以设置组件横跨几行或者几列

![format_png][]

# 计算器布局的实现 #

![70][]

上述效果实现代码如下：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/GridLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:columnCount="4"
        android:orientation="horizontal"
        android:rowCount="6">
    
        <TextView
            android:layout_columnSpan="4"
            android:layout_gravity="fill"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:background="#FFCCCC"
            android:text="0"
            android:textSize="50sp" />
    
        <Button
            android:layout_columnSpan="2"
            android:layout_gravity="fill"
            android:text="回退" />
    
        <Button
            android:layout_columnSpan="2"
            android:layout_gravity="fill"
            android:text="清空" />
    
        <Button
            android:layout_gravity="fill"
            android:text="+" />
    
        <Button
            android:layout_gravity="fill"
            android:text="1" />
    
        <Button
            android:layout_gravity="fill"
            android:text="2" />
    
        <Button
            android:layout_gravity="fill"
            android:text="3" />
    
        <Button
            android:layout_gravity="fill"
            android:text="-" />
    
        <Button
            android:layout_gravity="fill"
            android:text="4" />
    
        <Button
            android:layout_gravity="fill"
            android:text="5" />
    
        <Button
            android:layout_gravity="fill"
            android:text="6" />
    
        <Button
            android:layout_gravity="fill"
            android:text="*" />
    
        <Button
            android:layout_gravity="fill"
            android:text="7" />
    
        <Button
            android:layout_gravity="fill"
            android:text="8" />
    
        <Button
            android:layout_gravity="fill"
            android:text="9" />
    
        <Button
            android:layout_gravity="fill"
            android:text="/" />
    
        <Button
            android:layout_width="wrap_content"
            android:layout_gravity="fill"
            android:text="." />
    
        <Button
            android:layout_gravity="fill"
            android:text="0" />
    
        <Button
            android:layout_gravity="fill"
            android:text="=" />
    
    </GridLayout>

<GridLayout android:layout\_width="fill\_parent"：网格布局宽度为填满屏幕

<GridLayout android:layout\_height="wrap\_content"：网格布局高度为包裹内容

<GridLayout  android:columnCount="4"：网格布局设置 4 列

<GridLayout  android:rowCount="6"：网格布局设置 6 行

<GridLayout  android:orientation="horizontal"：网格布局设置为水平布局

回退 与 清空 按钮横跨两列，其它按钮都是直接添加，占用一行一列

通过 **android:layout\_rowSpan **与 **android:layout\_columnSpan **设置了组件横跨多行或者多列时，如果想要让组件填满横越过的行或列的话，则可以设置 **android:layout\_gravity = "fill" **

android:layout\_gravity="fill"：设置内容对其方式为填充

android:text="0"：设置控件内容

android:textSize="50sp"：设置控件字体大小

android:background="\#FFCCCC"：设置控件背景色

android:layout\_marginLeft="5dp"：设置控件内容距离左侧的距离

[format_png]: /images/20220511/98b030fa571d4e70b783a81b0a3cf477.png
[70]: /images/20220511/da101da7dc014832b8d8a6aea842ff1e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1090人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA Android 网格布局(GridLayout）示例(计算器界面布局)

网格布局(GridLayout）示例程序效果（实现类似vivo手机自带计算器UI） ![22341974fec14cf5b2b818c8facef9df.png][]

浅浅的花香味﹌/ 2023年10月04日 22:36/ 0 赞/ 2 阅读

相关 GridLayout——网格布局

GridLayout网格布局　　android4.0以上版本出现的GridLayout布局解决了以上问题。GridLayout布局使用虚细线将布局划分为行、列和单元格，也支

缺乏、安全感/ 2023年06月19日 14:30/ 0 赞/ 75 阅读

相关 GridLayout布局

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="

朱雀/ 2022年09月23日 13:55/ 0 赞/ 181 阅读

相关 android 布局 GridLayout

![Center][] <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"

r囧r小猫/ 2022年08月18日 01:50/ 0 赞/ 166 阅读

相关 Android六大布局

Android六大布局 Android应用程序的用户图形界面中有着形形色色的组件，而为了控制各个组件的位置、大小以及他们的相关性，就引入了布局。android六大布局方式

柔光的暖阳◎/ 2022年06月06日 14:28/ 0 赞/ 272 阅读

相关 GridLayout布局

package GuiOper; /\ \ 使用GridLayout布局创建的对象也称为网格布局对象，它的默认布局方式是将容器平均分为若干行 \ 若干列，从而构成大

灰太狼/ 2022年05月31日 01:46/ 0 赞/ 268 阅读

相关 Android 六大布局之 GridLayout(网格布局)

目录 GridLayout(网格布局) 简述计算器布局的实现 -------------------- GridLayout(网格布局) 简述 1、GridLa

傷城~/ 2022年05月11日 02:42/ 0 赞/ 1091 阅读

相关 Android 六大布局之 LinearLayout( 线性布局)

目录 LinearLayout( 线性布局) 检索 weight( 权重)属性详解最简单方式 wrap\_content 方式 LinearLayout 设置分割线

冷不防/ 2022年05月11日 02:16/ 0 赞/ 343 阅读

相关 JavaSwing_1.2: GridLayout（网格布局）

本文链接: [http://blog.csdn.net/xietansheng/article/details/72814548][http_blog.csdn.net_xie

港控/mmm°/ 2021年09月22日 06:28/ 0 赞/ 344 阅读

相关 Android精通：TableLayout布局，GridLayout网格布局，FrameLayout帧布局，AbsoluteLayout绝对布局，RelativeLayout相对布局

![标题图][1240] 在安卓中提供了几个常用布局： 1. `LinearLayout`线性布局 2. `RelativeLayout`相对布局 3. `Frame

梦里梦外;/ 2021年09月16日 03:52/ 0 赞/ 483 阅读