Android:如何强制GridView宽度为wrap_content?

时间:2012-08-08 17:37:37

标签: android

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

enter image description here

4 个答案:

答案 0 :(得分:1)

GridView至少可以说这种东西非常烦人。在您的情况下,问题是说auto_fit实际上告诉GridView不幸地总是适合它。您可以尝试将各个ImageView置于行中。但是,这需要您更改设置方式。不是让列自动适合,而是每行只有1个项目,但是将方向为水平的LinearLayout膨胀。然后将线性布局居中,每行中也包含ImageView。希望这能提供一些想法。

答案 1 :(得分: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>

答案 2 :(得分:0)

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

最后,我发现通过以编程方式设置网格的宽度和X位置来实现所需的结果最简单 - 使用setX(float)方法使网格居中。

答案 3 :(得分: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()