安卓案例：网格布局实现计算器界面

一、网格布局(GridLayout)

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

(一)继承关系图

(二)常用属性

1、针对布局的属性

(1)rowCount：行数

(2)columnCount：列数

2、针对子控件的属性

(1)layout_row：子控件在布局的行数

(2)layout_column：子控件在布局的列数

(3)layout_rowSpan：跨行数

(4)layout_columnSpan：跨列数

二、案例运行效果

三、实现步骤

1、创建安卓应用0404Demo

2、布局资源文件activity_main.xml

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@mipmap/background"

android:gravity="center"

android:orientation="vertical"

android:padding="15dp"

tools:context="net.hw.ex0404.MainActivity">

android:layout_width="match_parent"

android:layout_height="60dp"

android:background="#eeeeee"

android:editable="false"

android:gravity="right|center_vertical"

android:padding="10dp"

android:text="0123456789"

android:textColor="#0000ff"

android:textSize="30sp" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:columnCount="5"

android:orientation="horizontal"

android:rowCount="6">

android:id="@+id/button1"

android:text="MC" />

android:id="@+id/button2"

android:text="MR" />

android:id="@+id/button3"

android:text="MS" />

android:id="@+id/button4"

android:text="M+" />

android:id="@+id/button5"

android:layout_gravity="fill"

android:text="M-" />

android:id="@+id/button6"

android:text="←" />

android:id="@+id/button7"

android:text="CE" />

android:id="@+id/button8"

android:text="C" />

android:id="@+id/button9"

android:text="±" />

android:id="@+id/button10"

android:layout_gravity="fill"

android:text="√" />

android:id="@+id/button11"

android:text="7" />

android:id="@+id/button12"

android:text="8" />

android:id="@+id/button13"

android:text="9" />

android:id="@+id/button14"

android:text="/" />

android:id="@+id/button15"

android:layout_gravity="fill"

android:text="%" />

android:id="@+id/button16"

android:text="4" />

android:id="@+id/button17"

android:text="5" />

android:id="@+id/button18"

android:text="6" />

android:id="@+id/button19"

android:text="*" />

android:id="@+id/button20"

android:layout_gravity="fill"

android:text="1/x" />

android:id="@+id/button21"

android:text="1" />

android:id="@+id/button22"

android:text="2" />

android:id="@+id/button23"

android:text="3" />

android:id="@+id/button24"

android:text="-" />

android:id="@+id/button25"

android:layout_gravity="fill"

android:layout_rowSpan="2"

android:text="=" />

android:id="@+id/button26"

android:layout_columnSpan="2"

android:layout_gravity="fill"

android:text="0" />

android:id="@+id/button27"

android:text="." />

android:id="@+id/button28"

android:text="+" />

运行程序，效果如下：

3、创建自定义边框配置文件custom_border.xml

4、修改布局文件activity_main.xml

运行程序，结果如下：

5、修改custom_border.xml

运行程序，效果如下：

本文分享 CSDN - howard2005。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。