安卓网络布局

(一)网格布局概述

1、布局特点

  • GridLayout布局使用虚细线将布局划分为行、列和单元格,也支持一个控件在行、列上都有交错排列。
  • 可以自己设置布局中组件的排列方式
  • 可以自定义网格布局有多少行、多少列
  • 可以直接设置组件位于某行某列
  • 可以设置组件横跨几行或者几列

2、继承关系图

  • GridLayout类是ViewGroup子类
    在这里插入图片描述
    3、常用属性
    (1)针对布局的属性
    在这里插入图片描述
    (2)针对子控件的属性
    在这里插入图片描述

(二)案例演示:计算器界面

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - GridLayoutCalculator

在这里插入图片描述

  • 单击【Finish】按钮

在这里插入图片描述
2、准备背景图片

  • 将一张背景图片拷贝到drawable目录里
    在这里插入图片描述
    3、字符串资源文件

  • 字符串资源文件 - strings.xml

在这里插入图片描述
4、自定义边框配置文件

  • 在drawable目录里添加custom_border.xml

在这里插入图片描述
5、主布局资源文件

主布局资源文件 - activity_main.xml
在这里插入图片描述

  • 将默认的约束布局修改为垂直的线性布局,设置相关属性

在这里插入图片描述

  • 添加显示运算结果的标签,并设置相关属性

在这里插入图片描述

  • 查看预览效果

在这里插入图片描述

  • 添加一个网格布局,设置为6行5列
    在这里插入图片描述
  • 添加第一行的五个按钮

在这里插入图片描述
在这里插入图片描述

  • 查看预览效果

在这里插入图片描述

  • 添加第二行五个按钮
    在这里插入图片描述
    在这里插入图片描述
  • 查看预览结果

在这里插入图片描述

  • 添加第三行五个按钮
    在这里插入图片描述
    在这里插入图片描述
  • 查看效果

在这里插入图片描述

  • 第四行添加五个按钮

在这里插入图片描述
在这里插入图片描述

  • 查看效果
    在这里插入图片描述
  • 在第五行添加五个按钮,但是第五个按钮跨两行,高度要重新设置

在这里插入图片描述
在这里插入图片描述

  • 查看预览效果
    在这里插入图片描述
  • 第六行添加三个按钮,第一个按钮跨两列,宽度要重新设置

在这里插入图片描述

  • 查看预览效果
    在这里插入图片描述
    6、启动应用,查看效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_63975980/article/details/127799284