AndroidStudio网格布局(制作计算机界面)

目录

网格布局特点(类似于表格)

常用属性:

针对布局的属性

针对子控件的属性

实例演示

创建一个安卓应用插入一张背景图片(可以不加)

 打开字符串资源文件  strings.xml改应用标题名字(可不改)

 drawable目录里添加custom_border.xml

 ​编辑 具体代码:

 具体代码


网格布局特点(类似于表格)

1.GridLayout布局使用虚细线将布局划分为行、列和单元格,也支持一个控件在行、列上都有交错排列。

2.可以自己设置布局中组件的排列方式

3.可以自定义网格布局有多少行、多少列

4.可以直接设置组件位于某行某列

5.可以设置组件横跨几行或者几列

使用GridLayout类是ViewGroup子类

常用属性:

针对布局的属性

属性 含义
rowCount 行数
columnCount 列数
layout_width 布局宽度
layout_height 布局高度

针对子控件的属性

属性 含义
layout_row 子控件在布局的行数
layout_column 子控件在布局的列数
layout_rowSpan 跨行数
layout_columnSpan 跨列数

实例演示

创建一个安卓应用插入一张背景图片(可以不加)

AndroidStudio网格布局(制作计算机界面)_第1张图片

 打开字符串资源文件  strings.xml改应用标题名字(可不改)

AndroidStudio网格布局(制作计算机界面)_第2张图片

 AndroidStudio网格布局(制作计算机界面)_第3张图片

 drawable目录里添加custom_border.xml

AndroidStudio网格布局(制作计算机界面)_第4张图片

 AndroidStudio网格布局(制作计算机界面)_第5张图片 具体代码:




    
    
    
    


打开主布局资源文件 activity_main.xml把她的布局改为线性布局并添加修改一些属性

AndroidStudio网格布局(制作计算机界面)_第6张图片

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

AndroidStudio网格布局(制作计算机界面)_第7张图片

 运行结果

AndroidStudio网格布局(制作计算机界面)_第8张图片

 添加一个网格布局,设置为6行5列

AndroidStudio网格布局(制作计算机界面)_第9张图片

 添加第一行的五个按钮

AndroidStudio网格布局(制作计算机界面)_第10张图片

 查看结果

AndroidStudio网格布局(制作计算机界面)_第11张图片

 添加第二行按钮改变layout_row

AndroidStudio网格布局(制作计算机界面)_第12张图片

 以此类推到第四行,第五行与前面类似不过应为最后一个等号按钮要和并行所以有一点差别

AndroidStudio网格布局(制作计算机界面)_第13张图片

 运行结果为:

AndroidStudio网格布局(制作计算机界面)_第14张图片

 第六行也有一个合并两列的具体改动为:

AndroidStudio网格布局(制作计算机界面)_第15张图片

 最后运行结果为:

AndroidStudio网格布局(制作计算机界面)_第16张图片

 具体代码




    
    
        

你可能感兴趣的:(前端,android,android,studio)