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新增的网格布局》 电子工业出版社

时间: 2024-10-11 17:36:39

Android UI之GridLayout(网格布局)的相关文章

Android零基础入门第32节:新推出的GridLayout网格布局

原文:Android零基础入门第32节:新推出的GridLayout网格布局 本期主要学习的是网格布局是Android 4.0新增的布局,和前面所学的TableLayout表格布局 有点类似,不过他有很多前者没有的东西,也更加好用. 一.认识GridLayout 网格布局实现了控件的交错显示,能够避免因布局嵌套对设备性能的影响,更利于自由布局的开发.网格布局用一组无限细的直线将绘图区域分成行.列和单元,并指定控件的显示区域和控件在该区域的显示方式 下表显示了 GridLayout常用的XML属性

android学习——GridLayout网格布局

GridLayout网格布局 android4.0以上版本出现的GridLayout布局解决了以上问题.GridLayout布局使用虚细线将布局划分为行.列和单元格,也支持一个控件在行.列上都有交错排列.而GridLayout使用的其实是跟LinearLayout类似的API,只不过是修改了一下相关的标签而已,所以对于开发者来说,掌握GridLayout还是很容易的事情.GridLayout的布局策略简单分为以下三个部分: 首先它与LinearLayout布局一样,也分为水平和垂直两种方式,默认

Android基础入门教程——2.2.5 GridLayout(网格布局)

Android基础入门教程--2.2.5 GridLayout(网格布局) 标签(空格分隔): Android基础入门教程 本节引言: 今天要介绍的布局是Android 4.0以后引入的一个新的布局,和前面所学的TableLayout(表格布局) 有点类似,不过他有很多前者没有的东西,也更加好用, 可以自己设置布局中组件的排列方式 可以自定义网格布局有多少行,多少列 可以直接设置组件位于某行某列 可以设置组件横跨几行或者几列 另外,除了上述内容外,本节还会给大家使用gridLayout时会遇到的

Android之GridLayout网格布局

1.相关属性 GridLayout网格布局是4.0之后引入的布局方式! android:columnCount="4" //设置列数(4列) android:rowCount="6" //设置行数(6行) android:orientation="horizontal" //设置排列方式(默认竖直) android:layout_gravity="fill" //设置对齐方式 android:layout_columnSpan

Android精通:TableLayout布局,GridLayout网格布局,FrameLayout帧布局,AbsoluteLayout绝对布局,RelativeLayout相对布局

在Android中提供了几个常用布局: LinearLayout线性布局 RelativeLayout相对布局 FrameLayout帧布局 AbsoluteLayout绝对布局 TableLayout表格布局 GridLayout网格布局 TableLayout表格布局 TableLayout的介绍 TableLayout是将子类向分别排列成行和列的布局视图容器,TableLayout是由许多TableRow对象组成的,表格布局以行列的形式管理子控件,每一个单元是一个TableRow或者Vie

New UI-布局之GridLayout(网格布局)详解

New UI-布局之GridLayout(网格布局)详解  --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的 力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文 更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Android开发交流群:小猪Android开发交流群群号:421858269 新Android UI实例大全目录:http://bl

浅谈GridLayout网格布局

Android 4.0 布局-->GridLayout 网格布局 以行列单元格的形式展示内部控件排列,可以实现类似计算机键盘效果 ,也可以实现可自动变行的标签群效果 使用GridLayout ,有效减少了布局的深度,渲染速度也是很快的 类似于LinearLayout 的使用,额外添加了一些特有的属性 先来看下GridLayout的一些属性介绍 1. android:orientation="horizontal|vertical" 内部控件是水平排列的还是竖直排列的 与Linea

布局Layouts之GridLayout网格布局

原文地址http://blog.csdn.net/jianghuiquan/article/details/8299973 GridLayout网格布局 android4.0以上版本出现的GridLayout布局解决了以上问题.GridLayout布局使用虚细线将布局划分为行.列和单元格,也支持一个控件在行.列上都有交错排列.而GridLayout使用的其实是跟LinearLayout类似的API,只不过是修改了一下相关的标签而已,所以对于开发者来说,掌握GridLayout还是很容易的事情.G

Layouts之GridLayout网格布局

GridLayout网格布局 android4.0以上版本出现的GridLayout布局解决了以上问题.GridLayout布局使用虚细线将布局划分为行.列和单元格,也支持一个控件在行.列上都有交错排列.而GridLayout使用的其实是跟LinearLayout类似的API,只不过是修改了一下相关的标签而已,所以对于开发者来说,掌握GridLayout还是很容易的事情.GridLayout的布局策略简单分为以下三个部分: 首先它与LinearLayout布局一样,也分为水平和垂直两种方式,默认