Android实现计算器布局(四种布局方式)之GridLayout网格布局
来源:互联网 发布:火山移动编程破解版 编辑:程序博客网 时间:2024/05/17 23:41
网格布局:GridLayout
其他三种布局:
RelativeLayout相对布局实现计算器界面布局
LinearLayout线性布局实现计算器界面布局
TableLayout表格布局实现计算器界面布局
网格布局实现计算器界面布局非常简单,实现跨行跨列功能主要用到:
layout_columnSpan属性和layout_rowSpan
如:
android:layout_columnSpan=”3”
android:layout_gravity=”fill”
设置为fill能让控件占满所跨的行或列
界面效果:
outline视图
布局源码:
<?xml version="1.0" encoding="utf-8"?><GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:columnCount="6" android:orientation="vertical" android:rowCount="9" > <!-- n行n列 --> <Button android:id="@+id/button1" android:layout_column="0" android:layout_gravity="left" android:layout_row="0" android:text="1" /> <Button android:id="@+id/button4" android:layout_column="0" android:layout_gravity="right|bottom" android:layout_row="1" android:text="4" /> <Button android:id="@+id/button7" android:layout_column="0" android:layout_gravity="left|bottom" android:layout_row="2" android:text="7" /> <Button android:id="@+id/button13" android:layout_column="0" android:layout_columnSpan="2" android:layout_gravity="fill" android:layout_row="3" android:text="0" /> <Button android:id="@+id/button14" android:layout_column="0" android:layout_columnSpan="3" android:layout_gravity="fill" android:layout_row="4" android:text="+" /> <Button android:id="@+id/button2" android:layout_column="1" android:layout_gravity="left|bottom" android:layout_row="0" android:text="2" /> <Button android:id="@+id/button5" android:layout_column="1" android:layout_gravity="left|bottom" android:layout_row="1" android:text="5" /> <Button android:id="@+id/button8" android:layout_column="1" android:layout_gravity="right" android:layout_row="2" android:text="8" /> <Button android:id="@+id/button3" android:layout_column="2" android:layout_gravity="left|bottom" android:layout_row="0" android:text="3" /> <Button android:id="@+id/button6" android:layout_column="2" android:layout_gravity="left" android:layout_row="1" android:text="6" /> <Button android:id="@+id/button9" android:layout_column="2" android:layout_gravity="left" android:layout_row="2" android:text="9" /> <Button android:id="@+id/button17" android:layout_column="2" android:layout_gravity="left" android:layout_row="3" android:text="." /> <Button android:id="@+id/button16" android:layout_column="3" android:layout_columnSpan="2" android:layout_gravity="left" android:layout_row="0" android:text="/" /> <Button android:id="@+id/button10" android:layout_column="3" android:layout_columnSpan="2" android:layout_gravity="left" android:layout_row="1" android:text="*" /> <Button android:id="@+id/button11" android:layout_column="4" android:layout_gravity="left|bottom" android:layout_row="2" android:text="-" /> <Button android:id="@+id/button12" android:layout_column="4" android:layout_gravity="fill" android:layout_row="3" android:layout_rowSpan="2" android:text="=" /> <Space android:layout_width="1dp" android:layout_height="32dp" android:layout_column="0" android:layout_row="2" /> <Space android:layout_width="63dp" android:layout_height="15dp" android:layout_column="5" android:layout_row="2" /> <Space android:layout_width="100dp" android:layout_height="220dp" android:layout_row="7" /> <TextView android:id="@+id/textView1" android:layout_column="0" android:layout_columnSpan="5" android:layout_gravity="fill" android:layout_row="6" android:text="0" android:textAppearance="?android:attr/textAppearanceLarge" /></GridLayout>
0 0
- Android实现计算器布局(四种布局方式)之GridLayout网格布局
- Android实现计算器布局(四种布局方式)之TableLayout表格布局
- Android实现计算器布局(四种布局方式)之LinearLayout线性布局
- Android实现计算器布局(四种布局方式)之RelativeLayout相对布局
- android之网格布局GridLayout
- Android UI之GridLayout(网格布局)
- GridLayout网格布局(实现计算器小例子)
- (五)Android布局之网格布局(GridLayout)
- Java图形化界面设计——布局管理器之GridLayout(网格布局) 之计算器
- android布局学习:GridLayout 网格布局
- Android布局——GridLayout(网格布局)
- 网格布局实现计算器
- Android,GridLayout布局(简易计算器)
- Android 布局之GridLayout
- Android 布局之GridLayout
- Android布局之GridLayout
- 第16章、布局Layouts之GridLayout网格布局(从零开始学Android)
- 第16章、布局Layouts之GridLayout网格布局(从零开始学Android)
- [APIO2012]bzoj2809 dispatching 左偏树
- React学习之扩展动画(三十)
- [kuangbin带你飞]专题八 生成树 F
- Linux基础命令
- Mac下intellij idea的go配置
- Android实现计算器布局(四种布局方式)之GridLayout网格布局
- JAVA面试题总结【2】
- 源码安装Ceph
- 蓝桥杯 有奖猜谜
- HTTP协议详解
- Python 数组
- Log4j配置详解
- [kuangbin带你飞]专题八 生成树 G
- LeetCode3. Longest Substring Without Repeating Characters