Android笔记——GridLayout布局

来源:互联网 发布:微信支付java案例demo 编辑:程序博客网 时间:2024/05/16 01:16

一、GridLayout布局主要属性

     1、Orientation:布局方向(horizontal、vertical)

     2、RowCount:最大行数

     3、ColumnCount:最大列数

     4、useDefaultMargins:是否使用默认边距(内部组件之间的边距),默认是:false

     5、alignmentMode:对齐模式(边界对其、边距对其)

     6、rowOrderPreserved:行顺序保护(没有试过,不知道有什么用)

     7、columnOrderPreserved:列顺序保护(没有试过,大家可以试一试)


 二、GridLayout.LayoutParam 特有属性

     1、layout_column:所在列数

     2、layout_row  :所在行数

     3、layout_columnSpan:所跨列数

     4、layout_rowSpan:所跨行数

     5、layout_gravity:定义布局位置(在容器中的位置)

     6、layout_rowWeight:设置行的比重(可以平均切割行高),API21新加的属性,暂未试过

     7、layout_colunmWeight:设置列的比重(平均切割列宽),API22新加的属性,暂未试出来


三、示例代码

   

<?xml version="1.0" encoding="utf-8"?><GridLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:alignmentMode="alignMargins"    android:columnCount="5"    android:contentDescription="R"    android:padding="10dp"    android:useDefaultMargins="false"    xmlns:app = "http://schemas.android.com/apk/res-auto" >    <TextView        android:id="@+id/textView1"        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_column="2"        android:layout_gravity="top"        android:layout_row="0"        android:layout_rowSpan="2"        android:background="@drawable/layout_shape_3"        android:gravity="center"        android:text="跨行"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView2"        android:layout_width="70dp"        android:layout_height="50dp"        android:layout_column="0"        android:layout_columnSpan="2"                android:layout_gravity="top|center_horizontal"        android:layout_row="0"        android:background="@drawable/layout_shape_1"        android:gravity="center"        android:text="游戏"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView3"        android:layout_width="50dp"        android:layout_height="50dp"        android:layout_column="0"              android:layout_gravity="top"        android:layout_row="1"        android:background="@drawable/layout_shape_3"        android:gravity="center"        android:text="提款"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView4"        android:layout_width="50dp"        android:layout_height="50dp"        android:layout_column="1"        android:layout_columnWeight="2"        android:layout_gravity="top"        android:layout_row="1"        android:background="@drawable/layout_shape_3"        android:gravity="center"        android:text="手机"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView5"        android:layout_width="70dp"        android:layout_height="50dp"        android:layout_column="3"        android:layout_columnSpan="2"        android:layout_gravity="top"        android:layout_marginLeft="14dp"        android:layout_row="0"        android:background="@drawable/layout_shape_1"        android:gravity="center"        android:text="户外"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView6"        android:layout_width="50dp"        android:layout_height="50dp"        android:layout_column="3"        android:layout_gravity="top"        android:layout_row="1"        android:background="@drawable/layout_shape_3"        android:gravity="center"        android:text="枕头"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/textView7"        android:layout_width="50dp"        android:layout_height="50dp"        android:layout_column="4"        android:layout_gravity="top|start"        android:layout_row="1"        android:background="@drawable/layout_shape_3"        android:gravity="center"        android:text="运动"        android:textAppearance="?android:attr/textAppearanceLarge" />   </GridLayout>

四、效果图

    

     

     

0 0