Android学习笔记十七之GridLayout网格布局

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学习笔记十七之GridLayout网格布局_第1张图片

这里只是画出界面,并没有完成计算器,有兴趣的同学可以完成具体的计算器。其中,android:layout_columnSpan这个属性是指横跨多少列,android:layout_rowSpan属性是指需要横跨多上行,比如我设置android:layout_columnSpan=”2”,就是横跨2列,android:layout_rowSpan=”2”就是横跨2行。关于GridLayout网格布局就介绍到这里,照例附上GridLayout网格布局的国内镜像API。下面我们介绍AbsoluteLayout绝对布局

你可能感兴趣的:(android,api,布局,控件,网格)