Android UI之GridLayout(网格布局)

说明:网格布局是4.0之后添加的布局,跟TableLayout有点像,但更加好用,它把容器分为一个rows*columns的网格,每个网格都是一个组件位,可是通过设置让组件位占据多行/列。
与之相似地,还有一个叫做GridView的组件,无论功能和名称都很相似,不过GridView使用Adapter来填充组件位,GridLayout则要简化得多。
按照CSDN博主studyboyjlu4(博客地址:http://blog.csdn.net/studyboyjlu4)的看法,GridView和GridLayout的区别就和ListView和LinearLayout的区别类似。

GridLayout有两类需要关注的属性:

1 GridLayout本身的属性

说明:这类属性是针对GridLayout自身来设置的,主要是对行和列,以及对其方式的设置。
属性表如下:

属性 对应方法 属性说明
android:columnCount setColumCount(int) 设置布局的最大列数
android:rowCount setRowCount(int) 设置布局的最大行数
android:alignmentMode setAilgnmentMode(int) 设置布局的对其方式(alignBounds: 对齐子视图边界;alignMargins: 对齐子视图边距;)
android:columnOrderPeserved setColumOrderPreserved(boolean) 设置容器是否保留列序号
android:rowOrderPeserved setRowOrderPeserved(boolean) 设置容器是否保留行序号
android:useDefaultMargins setUseDefaultMargins(boolean) 设置容器是否使用默认的页边距

2 针对容器内的子组件的属性

说明:这类属性是针对GridLayout中的子组件设置的,可以设置组件在网格中的大小和摆放方式。
属性表如下:

属性 对应方法 属性说明
android:layout_Gravity setGravity(int) 设置组件如何占据其所属网格的空间
android:layout_column 设置组件在容器的第几列
android:layout_row 设置组件在容器的第几行
android:layout_columnSpan 设置组件占据了几列
android:layout_rowSpan 设置组件占据了几行

这里的LayoutGravity跟一般的LayoutGravity有点区别,这里的摆放位置是相对于所属网格的,而不是对于布局父容器来说的。

<GridLayout
    android:columnCount="4"
    android:id="@+id/root1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ImageView
        android:layout_rowSpan="2"
        android:layout_width="100dp"
        android:layout_height="200dp"
        android:background="#600096" />
    <ImageView
        android:layout_columnSpan="2"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="#006096" />
    <ImageView
        android:layout_rowSpan="2"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:layout_gravity="bottom"
        android:background="#009660" />
    <ImageView
        android:layout_columnSpan="2"
        android:layout_rowSpan="2"
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:background="#960060" />
    <ImageView
        android:layout_width="100dp"
        android:layout_height="200dp"
        android:background="#AA6060" />
    <ImageView
        android:layout_width="100dp"
        android:layout_height="200dp"
        android:background="#AA55AA" />
</GridLayout>

技术分享

附:引用声明

studyboyjlu4的专栏:GridLayout和GridView的区别
《疯狂Android讲义(第二版)》 李刚 《2.2.5 Android4.0新增的网格布局》 电子工业出版社

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。