Android的网格布局

向右看齐 2022-05-11 12:06 366阅读 0赞

网格布局GridLayout  
1.常用属性rowCount（行数）、columnCount（列数）

GridLayout中子控件相关属性：layout\_gravity="fill\_horizontal（水平填充）|fill\_vertical（垂直填充）"

2. Space标签的作用：挡住控件，让其不超出网格的范围

<Space android:layout\_width="wrap\_content" android:layout\_height="wrap\_content"/>

实例：  
![70][]

<GridLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:rowCount="5"
            android:columnCount="4"
            android:background="@color/black"
            tools:context="com.example.android_03.MainActivity">
        <Button android:text="1"/>
        <Button android:text="2"/>
        <Button android:text="3"/>
        <Button android:text="/"/>
        <Button android:text="4"/>
        <Button android:text="5"/>
        <Button android:text="6"/>
        <Button android:text="*"/>
        <Button android:text="7"/>
        <Button android:text="8"/>
        <Button android:text="9"/>
        <Button android:text="-"/>
        <Button android:text="0" android:layout_gravity="fill_horizontal" android:layout_columnSpan="2"/>
        <Button android:text="."/>
        <Button android:text="+" android:layout_gravity="fill_vertical" android:layout_rowSpan="2"/>
        <Button android:text="=" android:layout_gravity="fill_horizontal" android:layout_columnSpan="3"/>
        <Space/>
    </GridLayout>

注意它的跨行：

layout\_columnSpan  横跨行

layout\_rowSpan 竖跨行

最后有多出来的瑕疵可用<Space/>将它掩盖

[70]: /images/20220505/c1ec5665a12243ec949e9e9879574736.png

发表评论取消回复

表情：

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

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

相关阅读

相关《网格布局》

文章目录一、学习要点二、课程记录 1、常用属性 2、创建安卓应用 3、字符串资源文件 4、定义边框配

古城微笑少年丶/ 2024年04月01日 18:16/ 0 赞/ 100 阅读

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

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

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

相关 GridLayout——网格布局

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

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

相关 Grid网格布局

简介 > Flex布局时一维的布局，即水平或垂直方向的布局。而Grid布局则划分成“行”和“列”，产生单元格，可以看作是二维的布局。Grid布局远比Flex布局强大

系统管理员/ 2023年01月03日 04:11/ 0 赞/ 235 阅读

相关 css 网格布局_CSS网格布局：Fr单元

css 网格布局介绍 (Introduction) With CSS Grid Layout, we get a new flexible unit: the Fr

短命女/ 2022年12月07日 11:53/ 0 赞/ 267 阅读

相关 css 网格布局_使用CSS网格创建布局

css 网格布局 The following introduction to CSS Grid is an extract from Tiffany’s book, [CSS

今天药忘吃喽~/ 2022年12月03日 09:21/ 0 赞/ 30 阅读

相关 android布局平均,Android recyclerview 支持网格布局的间隙平均分割

GridSpacingItemDecoration public class GridSpacingItemDecoration extends RecyclerView.I

蔚落/ 2022年10月14日 00:46/ 0 赞/ 276 阅读

相关 Android的网格布局

网格布局GridLayout 1.常用属性rowCount（行数）、columnCount（列数） GridLayout中子控件相关属性：layout\_gravity

向右看齐/ 2022年05月11日 12:06/ 0 赞/ 367 阅读

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

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

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

相关 Android入门练习——GridView网格布局

这个网格布局和之前的ListView列表（[https://blog.csdn.net/qq\_43145926/article/details/89403901][https

旧城等待，/ 2022年02月14日 01:11/ 0 赞/ 323 阅读