如何设置具有不同列大小的Android GridView

时间:2012-10-12 14:48:41

标签: android android-layout android-gridview column-width

我的主布局中有一个GridView,如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <GridView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center"
        android:horizontalSpacing="1dp"
        android:stretchMode="columnWidth"
        android:verticalSpacing="1dp" />

</LinearLayout>

生成这样的网格 enter image description here

每个单元格的内容都是这样的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="@drawable/btn_measurement" >

    <Button
        android:id="@+id/numerical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="---" />

</LinearLayout>

但我希望第4列是其他列的三分之一,而我却不能。

我检查了链接:

GridView with different column sizesAndroid GridView Column Stretching

但是他们没有任何帮助。 :(

如果您认为我需要完全改变我的解决方案,请比提供一般线索更精确。 感谢名单

3 个答案:

答案 0 :(得分:1)

使用此代码使列的大小变小,但在这里你必须应用一些逻辑。你希望它的第4列是小的,所以你必须覆盖getView()方法,然后使用一些变量并检查如果该变量是3或7或11 ...然后使按钮的大小变小。我想你明白我的观点......

    int logic =3;
    public View getView(int position, View convertView, ViewGroup parent) {
          Button btn;
          LinearLayout layout;
          if (convertView == null) {

            convertView = inflate the layout and initialize convertview

          if(position % logic==0)
    converView..setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,
                                                                LinearLayout.LayoutParams.FILL_PARENT,
                                                              (float) 0.3));


        btn = new Button(context);
        btn.setGravity(Gravity.RIGHT);
        btn.setPadding(5, 5, 5, 5);


        layout = new LinearLayout(context);
        layout.setOrientation(0);
        layout.setPadding(5, 5, 5, 10);

        btn.setText(names[position]);

        layout.addView(btn);
    }
    else {
        layout = (LinearLayout) convertView;
        btn = (Button) layout.getChildAt(0);
        btn.setText(names[position]);

    }

    return layout;
}

答案 1 :(得分:1)

使用RecyclerView(而不是GridView)和自定义GridLayoutManager,如“变量跨度大小”下所示: http://blog.sqisland.com/2014/12/recyclerview-grid-with-header.html

您基本上会使每个常规列占用3倍,而较小的列占用1倍。

FrameworkTemplate

答案 2 :(得分:0)

我曾经使用过这个解决方案

GridView with different column sizes

使用列表视图而不是网格视图,并为每个项目在一个水平线性布局中放置4个按钮。但是你需要额外的工作来检测按钮点击,但我认为这是可行的

我能找到的另一项工作是使用第三方库,例如这个 https://github.com/felipecsl/AsymmetricGridView