Android学习笔记十七之GridLayout网格布局
GridLayout网格布局是Android系统API在4.0以后推出的一个新的布局方式,GridLayout布局使用虚细线将布局划分为行、列和单元格,也支持一个控件在行、列上都有交错排列。与LinearLayout布局一样,也分为水平和垂直两种方式,默认是水平布局,一个控件挨着一个控件从左到右依次排列,但是通过指定android:columnCount设置列数的属性后,控件会自动换行进行排列。
在GridLayout网格布局中可以自己设置布局中组件的排列方式,可以自定义网格布局的行数、列数,可以直接设置组件位于某行某列,可以设置组件横跨几行或者几列。
注意:如果需要兼容4.0之前的版本,就需要使用v7包中的GridLayout。
下面通过实现一个计算器布局说明一下GridLayout的用法:
布局代码:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="16dp"
android:columnCount="4"
android:orientation="horizontal"
android:rowCount="6">
<TextView
android:id="@+id/tv_show"
android:layout_columnSpan="4"
android:layout_gravity="fill"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="8dp"
android:background="#EEEEE0"
android:paddingLeft="8dp"
android:text="0"
android:textSize="50sp" />
<Button
android:id="@+id/btn_back"
android:text="返回" />
<Button
android:id="@+id/btn_del"
android:text="清空" />
<Button
android:id="@+id/btn_divide"
android:text="/" />
<Button
android:id="@+id/btn_ride"
android:text="X" />
<Button
android:id="@+id/btn_cal_7"
android:text="7" />
<Button
android:id="@+id/btn_cal_8"
android:text="8" />
<Button
android:id="@+id/btn_cal_9"
android:text="9" />
<Button
android:id="@+id/btn_reduce"
android:text="-" />
<Button
android:id="@+id/btn_cal_4"
android:text="4" />
<Button
android:id="@+id/btn_cal_5"
android:text="5" />
<Button
android:id="@+id/btn_cal_6"
android:text="6" />
<Button
android:id="@+id/btn_plus"
android:text="+" />
<Button
android:id="@+id/btn_cal_1"
android:text="1" />
<Button
android:id="@+id/btn_cal_2"
android:text="2" />
<Button
android:id="@+id/btn_cal_3"
android:text="3" />
<Button
android:id="@+id/btn_spot"
android:text="." />
<Button
android:id="@+id/btn_cal_0"
android:layout_columnSpan="2"
android:layout_gravity="fill"
android:text="0" />
<Button
android:id="@+id/btn_equal"
android:layout_columnSpan="2"
android:layout_gravity="fill"
android:text="=" />
</GridLayout>
效果图:
这里只是画出界面,并没有完成计算器,有兴趣的同学可以完成具体的计算器。其中,android:layout_columnSpan这个属性是指横跨多少列,android:layout_rowSpan属性是指需要横跨多上行,比如我设置android:layout_columnSpan=”2”,就是横跨2列,android:layout_rowSpan=”2”就是横跨2行。关于GridLayout网格布局就介绍到这里,照例附上GridLayout网格布局的国内镜像API。下面我们介绍AbsoluteLayout绝对布局