Android--(9)--详解网格布局(GridLayout)

GridLayout布局特点:将整个屏幕分成行*列的形式,每个网格上放一个组件;

在往网格中放置控件的时候, 会自动按照水平或垂直方向添加。

几个常用属性

android:rowCount=”5”         设置行数

android:columnCount=”4”   设置列数

android:orientation=”horizontal” 设置添加方向

//———————以上三个属性是要在GridLayout标签中添加的————————-

android:layout_rowSpan=”2”       设置占几行

android:layout_columnSpan=”2” 设置占几列

android:layout_gravity=”fill”       以上两个属性要显示效果需要设置layout_gravity属性值为fill

实例:实现一个简易的计算器界面:

布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.gridlayoutdemo.MainActivity" >

    <EditText
        android:id="@+id/text"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:gravity="right" />

    <GridLayout
        android:layout_width="wrap_content"//声明长和宽均为包裹网格本身,若为match_parent则会在合并时出现小问题
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:columnCount="4" //必须添加的行和列信息
        android:rowCount="5" 
        android:orientation="horizontal"//注明排列方向;
        >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="1" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2" />

        <Button
             android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3" />

        <Button
             android:id="@+id/buttonadd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="+" />

        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4" />

        <Button
             android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="5" />

        <Button
             android:id="@+id/button6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="6" />

        <Button
              android:id="@+id/buttondown"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="-" />

        <Button
             android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="7" />
        <Button
            android:id="@+id/button8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="8" />
         <Button
             android:id="@+id/button9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="9" />
         <Button
             android:id="@+id/buttonelim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="/" />
         <Button
             android:id="@+id/button0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_columnSpan="2"
            android:layout_gravity="fill"
            android:text="0" />
         <Button
             android:id="@+id/buttongrade"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="=" />
          <Button
             android:id="@+id/buttonride"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_rowSpan="2"
            android:layout_gravity="fill"
            android:text="*" />
         <Button
             android:id="@+id/buttonce"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_columnSpan="3"
            android:layout_gravity="fill"
            android:text="CE" />
    </GridLayout>
</LinearLayout>