天天看點

Android之GridLayout網格布局

1、相關屬性

  GridLayout網格布局是4.0之後引入的布局方式!

android:columnCount="4" //設定列數(4列)
    android:rowCount="6"      //設定行數(6行)
    android:orientation="horizontal"    //設定排列方式(預設豎直)
    android:layout_gravity="fill"         //設定對齊方式
    android:layout_columnSpan="4"   //橫向橫跨幾列(4列)
    android:layout_rowSpan="4"        //縱向橫跨幾行(4行)
    android:layout_row="2"               //設定元件在第幾行(第二行)
    android:layout_column="2"          //設定元件在第幾列(第二列)      

2、簡單使用

  元件預設占一行一列

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:columnCount="4"
    android:orientation="horizontal"
    android:id="@+id/GirdLayout1"
    android:rowCount="6"
    tools:context="com.example.xianfengzhang.cleartext.GirdActivity">

    <TextView
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="5dp"
        android:background="#ffcccc"
        android:text="0"
        android:gravity="right|bottom"
        android:textSize="50sp"/>
    <Button
        android:layout_columnSpan="2"
        android:layout_height="wrap_content"
        android:layout_gravity="fill_horizontal"
        android:text="回退"/>
    <Button
        android:layout_columnSpan="2"
        android:layout_height="wrap_content"
        android:layout_gravity="fill_horizontal"
        android:text="清空"/>
    <Button android:text="+" />

    <Button android:text="1" />

    <Button android:text="2" />

    <Button android:text="3" />

    <Button android:text="-" />

    <Button android:text="4" />

    <Button android:text="5" />

    <Button android:text="6" />

    <Button android:text="*" />

    <Button android:text="7" />

    <Button android:text="8" />

    <Button android:text="9" />

    <Button android:text="/" />

    <Button android:text="." />

    <Button android:text="0" />

    <Button android:text="=" />

</GridLayout>      

效果圖

Android之GridLayout網格布局