GridLayout(网格布局)

最新推荐文章于 2024-07-26 10:06:15 发布

楠先生

最新推荐文章于 2024-07-26 10:06:15 发布

阅读量793

点赞数

分类专栏： Android

Android 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前言:

作为android 4.0 后新增的一个布局,与前面介绍过的TableLayout(表格布局)其实有点大同小异;

不过新增了一些东东

①跟LinearLayout(线性布局)一样,他可以设置容器中组件的对齐方式

②容器中的组件可以跨多行也可以跨多列(相比TableLayout直接放组件,占一行相比较)

因为是android 4.0新增的,API Level 14,在这个版本以前的sdk

都需要导入项目,等下会详细介绍

常用属性:

排列对齐:

①设置组件的排列方式: android:orientation="" vertical(竖直,默认)或者horizontal(水平)

②设置组件的对齐方式: android:layout_gravity="" center,left,right,buttom啊,这些,如果想同时用两种的话:eg: buttom|left

设置布局为几行几列:

①设置有多少行: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列

使用实例:

最最最普遍的例子----计算器界面:

效果图:

PS:这里要说一点,网格布局和其他布局不同,可以不为组件设置Layout_width和Layout_height属性

因为组件的宽高由几行几列决定了,当然,你也可以写个wrap_content

代码:

    <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        xmlns:tools="http://schemas.android.com/tools"  
        android:id="@+id/GridLayout1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:rowCount="6"  
        android:columnCount="4"  
        android:orientation="horizontal">  
      
        <TextView   
            android:layout_columnSpan="4"  
            android:text="0"  
            android:textSize="50sp"  
            android:layout_marginLeft="5dp"  
            android:layout_marginRight="5dp"  
        />  
      
        <Button   
            android:text="回退"   
            android:layout_columnSpan="2"  
            android:layout_gravity="fill"     
        />  
         
        <Button   
            android:text="清空"  
            android:layout_columnSpan="2"  
            android:layout_gravity="fill"      
        />  
          
        <Button   
            android:text="+"      
        />  
         
        <Button   
            android:text="1"      
        />  
        <Button   
            android:text="2"      
        />  
        <Button   
            android:text="3"      
        />  
        <Button   
            android:text="-"      
        />  
        <Button   
            android:text="4"      
        />  
        <Button   
            android:text="5"      
        />  
        <Button   
            android:text="6"      
        />  
        <Button   
            android:text="*"      
        />  
        <Button   
            android:text="7"      
        />  
        <Button   
            android:text="8"      
        />  
        <Button   
            android:text="9"      
        />  
        <Button   
            android:text="/"      
        />  
        <Button   
            android:layout_width="wrap_content"  
            android:text="."      
        />  
        <Button   
            android:text="0"      
        />  
         <Button   
            android:text="="      
        />  
    </GridLayout>