Android控件之GridView初体验

1、GridView介绍

GridView就是一个网格布局，他将我们的手机屏幕分成一个一个的单元格，然后在单元格内填充我们的内容。效果如下图

2、相关代码

GridView是一个需要在xml布局文件中声明的控件，经过上面的学习，除了各种Dialog不需要再xml布局文件中声明，其他的控件一般情况都需要在xml布局文件中声明。代码如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.gridview1.MainActivity" >

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:numColumns="auto_fit"
        android:columnWidth="90dp"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        android:stretchMode="columnWidth"
        android:gravity="center">
    </GridView>
   
</RelativeLayout>

 很简单，就是一个GridView。设置列宽为90dp,这样当我们的numColumns设置为auto_fit时，Android就会自动计算我们手机屏幕的大小以决定每一行展示几个元素。这是很方便。android:horizontalSpacing定义列之间的间隔，android:verticalSpacing定义行之间的间隔。android:stretchMode设置为columnWidth是意味着根据列宽自动缩放。

从布局文件可以看出，这个网格视图里面的具体内容没有被设置，android使用的是Adapter，在java代码中为GridView填充内容，绑定单击事件等。java代码如下

package com.example.gridview1;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

/**
 * GridView组件：
 * 1、自定义适配器
 * （1）创建一个类，机场BaseAdapter类
 * （2）实现4个方法：
 * 	   getCount：获取要要显示的选项总数
 * 	   getItem：获取每一个网格（Item）的相关信息
 * 	   getItemId：选项ID
 * 	   getView：该方法用来为每一个选项生成视图（ImageView、TextView等等）。该方法会被多次调用
 * 				具体调用次数，根据屏幕当前显示的Item个数。
 * @author Administrator
 *
 */
public class MainActivity extends Activity {

	private GridView gridView;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gridView = (GridView) findViewById(R.id.gridView1);
		gridView.setAdapter(new MyAdapter(this));
	}

	/**
	 * 自定义Adapter（内部类）
	 * @author Administrator
	 *
	 */
	static class MyAdapter extends BaseAdapter{

		private int[] images = {R.drawable.sample_0,
				R.drawable.sample_1,
				R.drawable.sample_2,
				R.drawable.sample_3,
				R.drawable.sample_4,
				R.drawable.sample_5,
				R.drawable.sample_6,
				R.drawable.sample_7,
				R.drawable.sample_0,
				R.drawable.sample_1,
				R.drawable.sample_2,
				R.drawable.sample_3,
				R.drawable.sample_4,
				R.drawable.sample_5,
				R.drawable.sample_6,
				R.drawable.sample_7};
		private Context context;
		public MyAdapter(Context context){
			this.context = context;
		}
		@Override
		public int getCount() {
			// 返回图片个数
			return images.length;
		}

		@Override
		public Object getItem(int position) {
			// 数组的下标
			return images[position];
		}

		@Override
		public long getItemId(int position) {
			// 返回每一个item的位置
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// 向每一个网格填充数据
			ImageView imageView = new ImageView(context);
			imageView.setImageResource(images[position]);
			return imageView;
		}
		
		
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}
}

由上面的代码可知，我们在为GridView填充内容时，通过自定义内部类的方式，定义了一个自己的Adapter，从而实现了GridView内容的填充。