Android GridLayout使用案例详解

顺亿

2026-10-05 • 👁 0人浏览过

一、简介

二、常用属性介绍

三、平分问题

四、小米计算器效果

五、动态加载

一、简介

GridLayout是Android4.0引入的网格布局，使用它可以减少布局嵌套。也算是常用，但一直没仔细看过，今天研究一下

二、常用属性介绍

GridLayout 使用属性属性作用android:columnCount最大列数android:rowCount最大行数android:orientation GridLayout中子元素的布局方向android:alignmentMode alignBounds：对齐子视图边界 alignMargins ：对齐子视距内容，默认值android:columnOrderPreserved使列边界显示的顺序和列索引的顺序相同，默认是true android:rowOrderPreserved使行边界显示的顺序和行索引的顺序相同，默认是true android:useDefaultMargins没有指定视图的布局参数时使用默认的边距，默认值是false item属性属性作用android:layout_column指定该单元格在第几列显示android:layout_row指定该单元格在第几行显示android:layout_columnSpan指定该单元格占据的列数android:layout_rowSpan指定该单元格占据的行数android:layout_gravity指定该单元格在容器中的位置android:layout_columnWeight（API21加入）列权重android:layout_rowWeight（API21加入）行权重android:layout_gravity作用center不改变元素的大小，仅居中center_horizontal不改变大小，水平居中center_vertical不改变大小，垂直居中top不改变大小，置于顶部left不改变大小，置于左边bottom不改变大小，置于底部right不改变大小，置于右边start不改变大小，根据系统语言，置于开始位置end不改变大小，置于结尾fill拉伸元素控件，填满其应该所占的格子fill_vertical仅垂直方向上拉伸填充fill_horizontal仅水平方向上拉伸填充clip_vertical垂直方向上裁剪元素，仅当元素大小超过格子的空间时clip_horizontal水平方向上裁剪元素，仅当元素大小超过格子的空间时注意使用layout_columnSpan 、layout_rowSpan时要加上layout_gravity属性，否则没有效果；另外item在边缘时宽高计算会出现错误，需要我们手动设置宽高，否则达不到想要的效果

三、平分问题

GridLayout在API21时引入了android:layout_columnWeight和android:layout_rowWeight来解决平分问题那么在API21以前的，想要平分的话：引用兼容包compile 'com.android.support:gridlayout-v7:25.+'

注意：

使用该控件，命名空间使用app单独设置app:layout_columnWeight时，这一列的所有item都设置为这个属性，才能达到预期效果，否则这一列中设置了该属性的item，都会被隐藏，显示不出来单独设置app:layout_rowWeight时，没有问题

四、小米计算器效果

效果： 4.4.4模拟器

五、动态加载

1.xml引用GridLayout

2.动态添加

package com.strivestay.gridlayoutdemo;


import android.graphics.Color;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.GridLayout;import android.view.Gravity;import android.widget.TextView;/*** GridLayout示例* @author StriveStay* @date 2018/3/27*/ public class MainActivity extends AppCompatActivity {
private String[] mStrings = {"0","AC","退格","/","*","7","8","9","—","4","5","6","+","1","2","3","=","%","0","."};
@Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// xml布局//        setContentView(R.layout.activity_main);
// 动态添加setContentView(R.layout.activity_main2);
GridLayout gridLayout = (GridLayout) findViewById(R.id.grid_layout);
// 6行   4列gridLayout.setColumnCount(4);gridLayout.setRowCount(6);
for (int i = 0; i < mStrings.length; i++) {TextView textView = new TextView(this);GridLayout.LayoutParams params = new GridLayout.LayoutParams();params.width =0;params.height =0;
if(i == 0){// 设置行列下标， 所占行列  ，比重// 对应： layout_row  , layout_rowSpan , layout_rowWeight// 如下代表： item坐标（0,0）， 占 1 行，比重为 3 ； 占 4 列，比重为 1 params.rowSpec = GridLayout.spec(0,1,3f);params.columnSpec = GridLayout.spec(0,4,1f);
textView.setGravity(Gravity.BOTTOM|Gravity.RIGHT);}else{// 设置行列下标，和比重params.rowSpec = GridLayout.spec((i+3)/4,1f);params.columnSpec = GridLayout.spec((i+3)%4,1f);
// 背景textView.setBackgroundColor(Color.WHITE);
// 字体颜色if("AC".equals(mStrings[i])){textView.setTextColor(Color.parseColor("#f68904"));}
if("=".equals(mStrings[i])){textView.setBackgroundColor(Color.parseColor("#f68904"));textView.setTextColor(Color.WHITE);params.rowSpec = GridLayout.spec((i+3)/4,2,1f);}
// 居中显示textView.setGravity(Gravity.CENTER);
// 设置边距params.setMargins(2,2,2,2);}
// 设置文字textView.setText(mStrings[i]);
// 添加item gridLayout.addView(textView,params);}}}

效果和用xml中直接布局一样：

注意：

GridLayout.spec(); 这个方法是一个重点，需要好好看一下，而且由于它有几个重载方法，使用时也要注意。比如说下面两个方法：public static Spec spec(int start, int size) public static Spec spec(int start, float weight)我刚开始就忽略了这点，本想用的是第二个带有weight的方法，但是传入参数时，没有加上f，就调用了第一个方法，搞了半天才发现所以，如果调用的是第二个方法，一定要注意float参数的表示方法，加个f，如：GridLayout.spec(0,1f);到此这篇关于Android GridLayout使用案例详解的文章就介绍到这了,更多相关Android GridLayout使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:Android开发之计算器GridLayout布局实现方法示例Android RecyclerView使用GridLayoutManager间距设置的方法Android使用GridLayout绘制自定义日历控件Android自定义ViewGroup之CustomGridLayout（一）

Android中使用GridLayout网格布局来制作简单的计算器App Android布局之GridLayout网格布局