Android：如何强制GridView宽度为wrap_content？

Question

我的GridView包含固定宽度的列，并具有固定的水平间距。如果没有足够的列来水平填充屏幕，我希望我的GridView的宽度可以根据其内容自适应，并在屏幕中垂直居中。

然而，无论我使用多少列，GridView的宽度都会增长以填充屏幕。附图显示了这一点，即使只有3列并且其宽度设置为“wrap_content”，绿色的GridView也会水平填充屏幕。

public class Temp extends Activity
{
    private GridView grid;
    private int columnWidth = 80;

    @Override
    public void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);

        View view = getLayoutInflater().inflate(R.layout.gridview, null);
        grid = (GridView) view.findViewById(R.id.grid);
        grid.setColumnWidth(columnWidth);
        grid.setAdapter(new GridAdapter());

        setContentView(view);
    }

    class GridAdapter extends BaseAdapter 
    {
        public GridAdapter() 
        {
        }

        public int getCount() 
        {
            return 3;
        }

        public Object getItem(int position) 
        {
            return null;
        }

        public long getItemId(int position) 
        {
            return position;
        }

        public View getView (int position, View convertView, ViewGroup parent) 
        {
            View ret;

            if (convertView == null) 
            {
                ret = new ImageView(Temp.this);
                ret.setLayoutParams(new GridView.LayoutParams(columnWidth, 100));
                ret.setBackgroundColor(Color.WHITE);
            }
            else
            {   
                ret= convertView;
            }

            return ret;
        }
    }
}




<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="#FF0000"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <GridView 
        android:id="@+id/grid"
        android:background="#00FF00"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:numColumns="auto_fit"
        android:verticalSpacing="2dip"
        android:horizontalSpacing="2dip"
        android:stretchMode="columnWidth"
        android:gravity="center">
    </GridView>
</RelativeLayout>

- ab11

---

尝试移除 android:numColumns="auto_fit"。 - techi.services

我发现有效的方法是将gridview的layoutparam的宽度设置为numcolums *（columnWidth + horizontalSpacing）+ leftMargin + rightMargin。但这似乎是wrap_content应该做的事情... - ab11

我建议查看GridView的源代码，以了解其操作方式。同时搜索一下FlowLayout。Reto Meier提供了一个自定义ViewGroup的示例。 - techi.services

好的，看一下GridView.onMeasure()的源代码，无论它的MeasureSpec是AT_MOST还是EXACTLY（wrap_content或match_parent），宽度都设置为父容器的宽度。因此，调整GridView的layoutparams和属性是没有用的。我猜测我上面提到的计算宽度的想法是合理的？ - ab11

我猜你是在代码中实现这个功能？因为你需要知道设备的屏幕宽度。这样做不会让GridView也占据整个屏幕宽度吗？只是移动包含的视图？看看FlowLayout，我很确定它可以满足你的需求。 - techi.services

Answer 1

只需在GridView的左右两侧添加两个空视图，其权重为1，并将0.5权重分配给GridView。例如：

<LinearLayout 
    android:layout_width="fill_parent"
    android:gravity="center"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <View
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <GridView
        android:id="@+id/myGridView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="2"
        android:scrollbars="none"
        android:verticalSpacing="10dp" >
    </GridView>

    <View
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
</LinearLayout>

- Adnan

Answer 2

GridView 这种东西实在是非常令人恼火。在你的情况下，问题在于说 auto_fit 实际上是告诉 GridView 始终水平适应它，不幸的是。你可以尝试的是将每个 ImageView 在行中居中。但这需要你改变设置方式。不要让列自动适应，而是每行只有一个项目，但填充一个方向为水平的 LinearLayout。然后在每一行中将包含 ImageView 的 LinearLayout 居中。希望这提供了一些想法。

- Andy

---

虽然这样做是可行的，但在LinearLayout中手动放置我的图像视图到列中似乎会破坏GridView的意义。 - ab11

谁说需要手动操作？你可以从单独的文件中填充LinearLayout，甚至可以在代码中动态创建它，并且可以继续使用上面的内容。主要区别在于您需要填充一些额外的内容，但除此之外，它将正常工作。auto_fit基本上根据您使用的ImageView的大小进行适配。假设有多行，则每行都将具有相同的数量。这意味着您可以选择最大数量的视图来适应LinearLayout。这需要一些额外的工作，但是非常可行。 - Andy

Answer 3

我知道这是一个旧问题，但这是答案：

public class GridViewEx extends GridView {

//private int mRequestedNumColumns = 0;

public GridViewEx(Context context) {
    super(context);
}

public GridViewEx(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public GridViewEx(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}



@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int numcol=getNumColumns();
    int numitems=getAdapter().getCount();

    if(numitems<numcol){
        int width = (numitems * getColumnWidth())
                + ((numitems -1) * getHorizontalSpacing())
                + getListPaddingLeft() + getListPaddingRight();

        setMeasuredDimension(width, getMeasuredHeight());
    }

}

}

当您从适配器中添加或删除元素时，必须调用以下方法：

adapter.notifyDataSetChanged();
gridView.invalidate()

- Samuel Castro

---

谢谢，6年前我对此非常沮丧。 - ab11

Answer 4

上述建议的布局对我没有起作用。

最终，我发现通过编程设置网格的宽度和X位置最容易实现您想要的结果 - 使用setX（float）方法将网格居中。

- dazed