Android网格布局GridLayout

Android4.0(API Level 14)新引入的网格矩阵形式的布局控件。

使用的时候需要注意兼容:

compile 'com.android.support:gridlayout-v7:22.+'

作为android 4.0 后新增的一个布局,与前面介绍过的TableLayout(表格布局)其实有点大同小异;
不过新增了一些东东
①跟LinearLayout(线性布局)一样,他可以设置容器中组件的对齐方式
②容器中的组件可以跨多行也可以跨多列(相比TableLayout直接放组件,占一行相比较)
因为是android 4.0新增的,API Level 14,在这个版本以前的sdk都需要导入项目。这里不解释。

常用属性:
排列对齐:
①设置组件的排列方式:   android:orientation=""     vertical(竖直,默认)或者horizontal(水平)
②设置组件的对齐方式:   android:layout_gravity=""   center,left,right,buttom

设置布局为几行几列:
①设置有多少行: android:rowCount="4"        //设置网格布局有4行
②设置有多少列: android:columnCount="4"    //设置网格布局有4列

设置某个组件位于几行几列
注:都是从0开始算的哦!
①组件在第几行: android:layout_row = "1"   //设置组件位于第二行 
②组件在第几列: android:layout_column = "2"   //设置该组件位于第三列

设置某个组件横跨几行几列(合并):
横跨几行: android:layout_rowSpan = "2"     //纵向横跨2行
横跨几列: android:layout_columnSpan = "3"     //横向横跨2列

android:layout_gravity="fill"填充

xml文件代码

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/GridLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="4"
    android:rowCount="3"
    android:orientation="horizontal"
    >
    <!--
        columnCount列
        rowCount行
        orientation排列方式,horizontal水平,vertical垂直
      -->

    <!--
        layout_columnSpan合并列单元格
        layout_rowSpan合并行单元格
        layout_gravity="fill"填充
     -->
    <Button
        android:id="@+id/button1"
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="bun11" />

    <Button
        android:id="@+id/button2"
        android:text="bun12" />

    <Button
        android:id="@+id/button3"
        android:layout_rowSpan="2"
        android:layout_gravity="fill"
        android:text="bun13" />

    <Button
        android:id="@+id/button5"
        android:text="bun21" />

    <Button
        android:id="@+id/button6"
        android:text="bun22" />

    <Button
        android:id="@+id/button7"
        android:text="bun23" />

</GridLayout>

效果展示:

猜你喜欢

转载自blog.csdn.net/I_am_a_loser/article/details/120145063