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

安卓案例：网格布局实现计算器界面
一、网格布局（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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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">

<EditText
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" />

<GridLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:columnCount="5"
android:orientation="horizontal"
android:rowCount="6">

<Button
android:id="@+id/button1"
android:text="MC" />

<Button
android:id="@+id/button2"
android:text="MR" />

<Button
android:id="@+id/button3"
android:text="MS" />

<Button
android:id="@+id/button4"
android:text="M+" />

<Button
android:id="@+id/button5"
android:layout_gravity="fill"
android:text="M-" />

<Button
android:id="@+id/button6"
android:text="←" />

<Button
android:id="@+id/button7"
android:text="CE" />

<Button
android:id="@+id/button8"
android:text="C" />

<Button
android:id="@+id/button9"
android:text="±" />

<Button
android:id="@+id/button10"
android:layout_gravity="fill"
android:text="√" />

<Button
android:id="@+id/button11"
android:text="7" />

<Button
android:id="@+id/button12"
android:text="8" />

<Button
android:id="@+id/button13"
android:text="9" />

<Button
android:id="@+id/button14"
android:text="/" />

<Button
android:id="@+id/button15"
android:layout_gravity="fill"
android:text="%" />

<Button
android:id="@+id/button16"
android:text="4" />

<Button
android:id="@+id/button17"
android:text="5" />

<Button
android:id="@+id/button18"
android:text="6" />

<Button
android:id="@+id/button19"
android:text="*" />

<Button
android:id="@+id/button20"
android:layout_gravity="fill"
android:text="1/x" />

<Button
android:id="@+id/button21"
android:text="1" />

<Button
android:id="@+id/button22"
android:text="2" />

<Button
android:id="@+id/button23"
android:text="3" />

<Button
android:id="@+id/button24"
android:text="-" />

<Button
android:id="@+id/button25"
android:layout_gravity="fill"
android:layout_rowSpan="2"
android:text="=" />

<Button
android:id="@+id/button26"
android:layout_columnSpan="2"
android:layout_gravity="fill"
android:text="0" />

<Button
android:id="@+id/button27"
android:text="." />

<Button
android:id="@+id/button28"
android:text="+" />

</GridLayout>

</LinearLayout>

运行程序，效果如下：


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


4、修改布局文件activity_main.xml


运行程序，结果如下：


5、修改custom_border.xml


运行程序，效果如下：