Android_GridView_GridView概述及实现水平滑动

本博文为子墨原创，转载请注明出处！

http://blog.csdn.net/zimo2013/article/details/15027731

1.GridView简介

GridView是ViewGroup子类，主要用于显示在一个二维可滚动的网格，比如九宫格。使用gridview和listview类似，都是使用ListAdapter来填充数据加载布局。

2.XML Attributes

(1).android:columnWidth

主要用来指定每一列的宽度，使用该属性时应该注意和后面的拉伸模式相关联。如果拉伸模式为spacingWidth，则该属性必须指定；如果拉伸模式为columnWidth指定该属性无效。

(2).android:gravity

用于指定每个item的对其方式起始位置，当有多个是可以使用'|'隔开

(3).android:horizontalSpacing

用于指定每一列的之间的间距。注意：如果拉伸模式为spacingWidth，则该值设定无效

(4).android:numColumns

每一列的item数目

(5).android:verticalSpacing

用于指定每一行的之间的间距。

(6).android:stretchMode(***)

如果以列间距拉伸，则不需要指定列之间的间距；如果以列的等宽度拉伸，则不需要指定列的宽度。

常量	值	描述
none	0	拉伸被禁用，不可以被拉伸
spacingWidth	1	每一列之间的间距会被拉伸，因此使用该拉伸模式时，必须指定columnWidth，而指定horizontalSpacing就会无效，即不需要先考虑horizontalSpacing
columnWidth	2	每一列是等宽度，只需要指定numColumns和horizontalSpacing，即先指定columnWidth就是无效的
spacingWidthUniform	3	每一列的间距均匀拉伸。拉伸被禁用，不可以被拉伸

3.GridView水平滚动

private GridView gridView;
private float density;

private int listSize = 10;

@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);

	gridView = (GridView) findViewById(R.id.gridView1);
	gridView.setAdapter(new MyAdapter());

	
	// 得到像素密度
	DisplayMetrics outMetrics = new DisplayMetrics();
	getWindowManager().getDefaultDisplay().getMetrics(outMetrics);
	density = outMetrics.density; // 像素密度

	// 根据item的数目，动态设定gridview的宽度,现假定每个item的宽度和高度均为100dp，列间距为5dp
	ViewGroup.LayoutParams params = gridView.getLayoutParams();
	int itemWidth = (int) (100 * density);
	int spacingWidth = (int) (5*density);
	
	params.width = itemWidth*listSize+(listSize-1)*spacingWidth;
	gridView.setStretchMode(GridView.NO_STRETCH); // 设置为禁止拉伸模式
	gridView.setNumColumns(listSize);
	gridView.setHorizontalSpacing(spacingWidth);
	gridView.setColumnWidth(itemWidth);
	gridView.setLayoutParams(params);

	/*
	 * 使用这种方式也有很大的弊端，由于动态指定了gridview的宽度，导致了gridview的所有item，getView()都会被调用，
	 * 如果item很大时，就不能使用这种方式了~~~
	 */
	gridView.setOnItemClickListener(new OnItemClickListener() {
		@Override
		public void onItemClick(AdapterView<?> parent, View view,
				int position, long id) {
			System.out.println(position);
		}
	});
}

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

    <HorizontalScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

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

            <GridView
                android:id="@+id/gridView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </GridView>
        </LinearLayout>
    </HorizontalScrollView>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_green_light"
    android:gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/main_item_ad" />

</LinearLayout>

4.GridView在ScrollView内部如何处理

          

由于GridView本身已经具有滚动的效果，一般情况下，不要将gridView嵌套在ScrollView内部。不如可以使用动态布局，动态的创建View对象。但是有时这样很麻烦，使用GridView会方便一些。但是如果嵌套后会发现，GridView只会显示一行，如果通过计算，手动指定GridView的高度会很麻烦，这里只介绍简单的复写gridView就可以实现全部显示。达到目的后会带来性能是上的消耗，因为getView()全部会被调用。总之，慎用！

public class CustomGridView extends GridView {

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

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

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

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		heightMeasureSpec = MeasureSpec.makeMeasureSpec(1000, MeasureSpec.AT_MOST);
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

}

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

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <com.example.a30gridview.CustomGridView
                android:id="@+id/gridView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:columnWidth="80dp"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:numColumns="3"
                android:stretchMode="spacingWidth"
                android:verticalSpacing="15dp" >
            </com.example.a30gridview.CustomGridView>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="gridviewgridviewgridviewgridviewgridviewgridviewgridviewgridviewgridview" />
        </LinearLayout>
    </ScrollView>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="85dp"
    android:layout_height="85dp"
    android:background="@android:color/holo_green_light"
    android:gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/main_item_ad" />

</LinearLayout>