以编程方式设置GridLayout子项的rowSpan或colSpan?

时间:2012-11-23 15:38:06

标签: android html grid-layout html-table columnspan

我有一个GridLayout,包含5列和3行。现在我可以插入任意子视图,这很棒。更好的是,我可以将columnSpan=2分配给某个项目,以便将其跨越到2列(与rowSpan相同)。

现在的问题是,我不能以编程方式(即在运行时)分配rowSpan或columnSpan。有些搜索建议如下:

layoutParams.columnSpec = GridLayout.spec(0, columnSpan);

但我不太清楚spec的参数是什么意思(开始和大小)。此时的文档也很差。

非常感谢任何帮助!

5 个答案:

答案 0 :(得分:45)

    GridLayout gridLayout = (GridLayout)findViewById(R.id.tableGrid);

    gridLayout.removeAllViews();

    int total = 12;
    int column = 5;
    int row = total / column;
    gridLayout.setColumnCount(column);
    gridLayout.setRowCount(row + 1);
    for(int i =0, c = 0, r = 0; i < total; i++, c++)
    {
        if(c == column)
        {
            c = 0;
            r++;
        }
        ImageView oImageView = new ImageView(this);
        oImageView.setImageResource(R.drawable.ic_launcher);
        GridLayout.LayoutParams param =new GridLayout.LayoutParams();
        param.height = LayoutParams.WRAP_CONTENT;
        param.width = LayoutParams.WRAP_CONTENT;
        param.rightMargin = 5;
        param.topMargin = 5;
        param.setGravity(Gravity.CENTER);
        param.columnSpec = GridLayout.spec(c);
        param.rowSpec = GridLayout.spec(r);
        oImageView.setLayoutParams (param);
        gridLayout.addView(oImageView);
    }

 have look on this image - you can change number of rows and column as you need

答案 1 :(得分:14)

这个怎么样?

GridLayout.LayoutParams layoutParams = new GridLayout.LayoutParams();
layoutParams.rowSpec = GridLayout.spec(GridLayout.UNDEFINED, item.getRowSpan());
layoutParams.columnSpec = GridLayout.spec(GridLayout.UNDEFINED, item.getColumnSpan());

根据文档,如果在将子视图插入GridLayout后更改列或行跨度,则还应在GridLayout上调用setLayoutParams。如果在设置范围

时添加它们,则不需要此项

答案 2 :(得分:9)

您可以像这样修改GridLayout layout_rowSpan属性:

// View allocated in first row and first column
View child = findViewById(R.id.row0column0);

GridLayout.LayoutParams params =
   new GridLayout.LayoutParams(child.getLayoutParams());

params.rowSpec = GridLayout.spec(0, 2);    // First cell in first row use rowSpan 2.
params.columnSpec = GridLayout.spec(0, 2); // First cell in first column use columnSpan 2.
child.setLayoutParams(params);

我同意文档在这方面需要一点改进。

答案 3 :(得分:4)

我正在通过以下代码以编程方式更改大约2个单元格的列范围, 更改

GridLayout.LayoutParams itemLP = (GridLayout.LayoutParams)gridItemV.getLayoutParams();
itemLP.columnSpec = GridLayout.spec(0, 2);
gridItemV.setLayoutParams(itemLP);

重要的是在更改setLayoutParams后致电columnSpec 我希望它对你也有帮助

答案 4 :(得分:3)

好的,我花了几个小时搞清楚这里发生了什么。好吧,我没有找到任何在运行时设置columnSpan或rowSpan的方法。

但我找到了一个有效的解决方案(至少对我而言):

Java代码

private LinearLayout addNewSpannedView(Integer resourceId, ViewGroup rootElement) {
    return (LinearLayout) ((ViewGroup) getLayoutInflater().inflate(resourceId, rootElement, true)).getChildAt(rootElement.getChildCount() - 1);
}
// set columnSpan depending on some logic (gridLayout is the layout to add the view's to -> in my case these are LinearLayouts)
shape = addNewSpannedView(columnSpan == 1 ? R.layout.grid_ll_col_span_1 : R.layout.grid_ll_col_span_2, gridLayout);

grid_ll_col_span_2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="@dimen/shapeWidth"
    android:layout_height="wrap_content"
    android:layout_columnSpan="2"/>

提示:非常重要的是,设置width和height属性,之前 inflate()将视图添加到根元素(即父元素)。

我希望,有人可以使用它; - )