5

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

在此处输入图像描述

4

4 回答 4

1

只需在 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>
于 2013-04-24T15:29:57.633 回答
1

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

于 2012-08-08T18:07:48.607 回答
0

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

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()
于 2018-08-17T01:27:16.283 回答
0

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

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

于 2015-12-30T11:54:21.010 回答