Android用户界面UI组件--AdapterView及其子类(四) GridView

GridView常用的XML属性：
android:columnWidth
 设置列的宽度.
android:horizontalSpacing
 两列之间的间距.
 android:numColumns
 设置列数.可以为具体数字,也可以为auto_fit 表示自动适应 
 android:stretchMode
 缩放模式
 android:verticalSpacing
 两行之间的间距

例子:

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/gridview"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"
    android:columnWidth="90dp"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
    />

package com.light.android.study;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

		private GridView gridView; 
	    //图片的文字标题 
	    private String[] titles = new String[] 
	    { "pic1", "pic2", "pic3", "pic4", "pic5", "pic6", "pic7", "pic8", "pic9"}; 
	    //图片ID数组 
	    private int[] images = new int[]{        
	            R.drawable.gallery_photo_1, R.drawable.gallery_photo_2, R.drawable.gallery_photo_3,  
	            R.drawable.gallery_photo_4, R.drawable.gallery_photo_5, R.drawable.gallery_photo_6,  
	            R.drawable.photo1, R.drawable.photo2, R.drawable.photo3  
	    }; 
	 
	    @Override
	    public void onCreate(Bundle savedInstanceState){ 
	        super.onCreate(savedInstanceState); 
	        requestWindowFeature(Window.FEATURE_NO_TITLE);
	        
	        setContentView(R.layout.activity_main); 
	        gridView = (GridView) findViewById(R.id.gridview); 
	        
	        PictureAdapter adapter = new PictureAdapter(titles, images, this); 
	        gridView.setAdapter(adapter); 
	        
	        //點擊事件
	        gridView.setOnItemClickListener(new OnItemClickListener() 
	            { 
	                public void onItemClick(AdapterView<?> parent, View v, int position, long id) 
	                { 
	                    Toast.makeText(MainActivity.this, "pic" + (position+1), Toast.LENGTH_SHORT).show(); 
	                } 
	            }); 
	    } 
	    
	//自定义适配器 
	class PictureAdapter extends BaseAdapter{ 
	    private LayoutInflater inflater; 
	    private List<Picture> pictures; 
	 
	    public PictureAdapter(String[] titles, int[] images, Context context) 
	    { 
	        super(); 
	        pictures = new ArrayList<Picture>(); 
	        inflater = LayoutInflater.from(context); 
	        for (int i = 0; i < images.length; i++) 
	        { 
	            Picture picture = new Picture(titles[i], images[i]); 
	            pictures.add(picture); 
	        } 
	    } 
	 
	    @Override
	    public int getCount() 
	    { 
	        if (null != pictures) 
	        { 
	            return pictures.size(); 
	        } else
	        { 
	            return 0; 
	        } 
	    } 
	 
	    @Override
	    public Object getItem(int position) 
	    { 
	        return pictures.get(position); 
	    } 
	 
	    @Override
	    public long getItemId(int position) 
	    { 
	        return position; 
	    } 
	 
	    @Override
	    public View getView(int position, View convertView, ViewGroup parent) 
	    { 
	        ViewHolder viewHolder; 
	        if (convertView == null) 
	        { 
	            convertView = inflater.inflate(R.layout.picture_item, null); 
	            viewHolder = new ViewHolder(); 
	            viewHolder.title = (TextView) convertView.findViewById(R.id.title); 
	            viewHolder.image = (ImageView) convertView.findViewById(R.id.image); 
	            convertView.setTag(viewHolder); 
	        } else
	        { 
	            viewHolder = (ViewHolder) convertView.getTag(); 
	        } 
	        viewHolder.title.setText(pictures.get(position).getTitle()); 
	        viewHolder.image.setImageResource(pictures.get(position).getImageId()); 
	        return convertView; 
	    } 
	 
	} 
	 
	class ViewHolder 
	{ 
	    public TextView title; 
	    public ImageView image; 
	} 
	 
	class Picture 
	{ 
	    private String title; 
	    private int imageId; 
	 
	    public Picture() 
	    { 
	        super(); 
	    } 
	 
	    public Picture(String title, int imageId) 
	    { 
	        super(); 
	        this.title = title; 
	        this.imageId = imageId; 
	    } 
	 
	    public String getTitle() 
	    { 
	        return title; 
	    } 
	 
	    public void setTitle(String title) 
	    { 
	        this.title = title; 
	    } 
	 
	    public int getImageId() 
	    { 
	        return imageId; 
	    } 
	 
	    public void setImageId(int imageId) 
	    { 
	        this.imageId = imageId; 
	    } 
	}
}

知识点:

GridView中的item实现自适应正方形

http://yunfeng.sinaapp.com/?p=465

http://yunfeng.sinaapp.com/?p=466