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

Question

我的 GridView 包含固定宽度、固定水平间距的列。如果没有足够的列来水平填充屏幕，我希望 GridView 的宽度能够包裹到其内容，并在屏幕中垂直居中。

但是，无论我使用多少列，GridView 的宽度都会增长以填满屏幕。所附图像显示了这一点，其中绿色 GridView 水平填充屏幕，尽管只有 3 列并且其宽度设置为“wrap_content”。

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>

Answer 1

GridView 至少可以说对这种东西非常恼火。在您的情况下，问题在于说 auto_fit 本质上是在告诉 GridView 总是不幸地水平放置它。您可以尝试将个人ImageViews 居中。但这需要您更改设置方式。与其让列自动适应，不如每行只有 1 个项目，但会膨胀一个具有水平方向的 LinearLayout。然后将线性布局与每行中的 ImageViews 居中。希望这能提供一些想法。

Answer 2

只需在 GridView 左右添加两个空视图，权重 = 1，并为 GridView 分配 0.5 权重。例如。

<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>

Answer 3

上面建议的布局对我不起作用。

最后，我发现通过编程设置网格的宽度和 X 位置最容易达到您想要的结果——使用 setX(float) 方法使网格居中。

Answer 4

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

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()