安卓案例:网格布局实现计算器界面
一、网格布局(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源创计划”,欢迎正在阅读的你也加入,一起分享。