前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android 六大布局之 GridLayout(网格布局)「建议收藏」

Android 六大布局之 GridLayout(网格布局)「建议收藏」

作者头像
全栈程序员站长
发布2022-08-23 19:53:52
7.3K0
发布2022-08-23 19:53:52
举报

大家好,又见面了,我是你们的朋友全栈君。

目录

GridLayout(网格布局) 简述

计算器布局的实现

GridLayout(网格布局) 简述

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

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

Android 六大布局之 GridLayout(网格布局)「建议收藏」
Android 六大布局之 GridLayout(网格布局)「建议收藏」

计算器布局的实现

Android 六大布局之 GridLayout(网格布局)「建议收藏」
Android 六大布局之 GridLayout(网格布局)「建议收藏」

上述效果实现代码如下:

代码语言:javascript
复制
<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”:设置控件内容距离左侧的距离

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139484.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年5月7,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • GridLayout(网格布局) 简述
  • 计算器布局的实现
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档