Android GridView 例子

下面介绍GridView，先看看效果

 

 

 

1、显示界面

 

Java代码  

1. package com.grid.test;   
2.   
3. import java.util.ArrayList;   
4. import java.util.List;   
5.   
6. import android.app.Activity;   
7. import android.os.Bundle;   
8. import android.widget.GridView;   
9.   
10. public class GridTest extends Activity {   
11.     private GridView gridview ;   
12.     private List<GridInfo> list;   
13.     private GridAdapter adapter;   
14.     /** Called when the activity is first created. */  
15.     @Override  
16.     public void onCreate(Bundle savedInstanceState) {   
17.         super.onCreate(savedInstanceState);   
18.         setContentView(R.layout.gridlayout);   
19.         gridview = (GridView) findViewById(R.id.gridview);    
20.         list = new ArrayList<GridInfo>();   
21.         list.add(new GridInfo("name1"));   
22.         list.add(new GridInfo("name2"));   
23.         list.add(new GridInfo("name3"));   
24.         list.add(new GridInfo("name4"));   
25.         list.add(new GridInfo("name5"));   
26.         list.add(new GridInfo("name6"));   
27.         list.add(new GridInfo("name6"));   
28.         list.add(new GridInfo("name7"));   
29.         list.add(new GridInfo("name8"));   
30.         list.add(new GridInfo("name9"));   
31.         list.add(new GridInfo("name10"));   
32.         adapter = new GridAdapter(this);   
33.         adapter.setList(list);   
34.         gridview.setAdapter(adapter);   
35.     }   
36. }  

package com.grid.test;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;

public class GridTest extends Activity {
	private GridView gridview ;
	private List<GridInfo> list;
	private GridAdapter adapter;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.gridlayout);
        gridview = (GridView) findViewById(R.id.gridview); 
        list = new ArrayList<GridInfo>();
        list.add(new GridInfo("name1"));
        list.add(new GridInfo("name2"));
        list.add(new GridInfo("name3"));
        list.add(new GridInfo("name4"));
        list.add(new GridInfo("name5"));
        list.add(new GridInfo("name6"));
        list.add(new GridInfo("name6"));
        list.add(new GridInfo("name7"));
        list.add(new GridInfo("name8"));
        list.add(new GridInfo("name9"));
        list.add(new GridInfo("name10"));
        adapter = new GridAdapter(this);
        adapter.setList(list);
        gridview.setAdapter(adapter);
    }
}

 

 

2、组件信息

 

Java代码  

1. package com.grid.test;   
2. /**  
3.  * Copyright (C) 2010,Under the supervision of China Telecom Corporation  
4.  * Limited Guangdong Research Institute  
5.  * The New Vphone Project  
6.  * @Author fonter.yang  
7.  * @Create date：2010-10-11  
8.  *   
9.  */  
10. public class GridInfo {   
11.   
12.     private String name;   
13.   
14.        
15.     public GridInfo(String name) {   
16.         super();   
17.         this.name = name;   
18.     }   
19.   
20.     public String getName() {   
21.         return name;   
22.     }   
23.   
24.     public void setName(String name) {   
25.         this.name = name;   
26.     }   
27.        
28. }  

package com.grid.test;
/**
 * Copyright (C) 2010,Under the supervision of China Telecom Corporation
 * Limited Guangdong Research Institute
 * The New Vphone Project
 * @Author fonter.yang
 * @Create date：2010-10-11
 * 
 */
public class GridInfo {

	private String name;

	
	public GridInfo(String name) {
		super();
		this.name = name;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}
	
}

 

 

 

3、Adapter 实现

 

Java代码  

1. package com.grid.test;   
2.   
3. import java.util.List;   
4.   
5. import android.content.Context;   
6. import android.view.LayoutInflater;   
7. import android.view.View;   
8. import android.view.ViewGroup;   
9. import android.widget.BaseAdapter;   
10. import android.widget.ImageView;   
11. import android.widget.TextView;   
12.   
13. /**  
14.  * Copyright (C) 2010,Under the supervision of China Telecom Corporation Limited  
15.  * Guangdong Research Institute The New Vphone Project  
16.  *   
17.  * @Author fonter.yang  
18.  * @Create date：2010-10-11  
19.  *   
20.  */  
21. public class GridAdapter extends BaseAdapter {   
22.   
23.     private class GridHolder {   
24.         ImageView appImage;   
25.         TextView appName;   
26.     }   
27.   
28.     private Context context;   
29.   
30.     private List<GridInfo> list;   
31.     private LayoutInflater mInflater;   
32.   
33.     public GridAdapter(Context c) {   
34.         super();   
35.         this.context = c;   
36.     }   
37.   
38.     public void setList(List<GridInfo> list) {   
39.         this.list = list;   
40.         mInflater = (LayoutInflater) context   
41.                 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);   
42.   
43.     }   
44.   
45.     public int getCount() {   
46.         // TODO Auto-generated method stub   
47.         return list.size();   
48.     }   
49.   
50.     @Override  
51.     public Object getItem(int index) {   
52.   
53.         return list.get(index);   
54.     }   
55.   
56.     @Override  
57.     public long getItemId(int index) {   
58.         return index;   
59.     }   
60.   
61.     @Override  
62.     public View getView(int index, View convertView, ViewGroup parent) {   
63.         GridHolder holder;   
64.         if (convertView == null) {      
65.             convertView = mInflater.inflate(R.layout.grid_item, null);      
66.             holder = new GridHolder();   
67.             holder.appImage = (ImageView)convertView.findViewById(R.id.itemImage);   
68.             holder.appName = (TextView)convertView.findViewById(R.id.itemText);   
69.             convertView.setTag(holder);      
70.   
71.         }else{   
72.              holder = (GridHolder) convertView.getTag();      
73.   
74.         }   
75.         GridInfo info = list.get(index);   
76.         if (info != null) {      
77.             holder.appName.setText(info.getName());   
78.         }   
79.         return convertView;   
80.     }   
81.   
82. }  

package com.grid.test;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

/**
 * Copyright (C) 2010,Under the supervision of China Telecom Corporation Limited
 * Guangdong Research Institute The New Vphone Project
 * 
 * @Author fonter.yang
 * @Create date：2010-10-11
 * 
 */
public class GridAdapter extends BaseAdapter {

	private class GridHolder {
		ImageView appImage;
		TextView appName;
	}

	private Context context;

	private List<GridInfo> list;
	private LayoutInflater mInflater;

	public GridAdapter(Context c) {
		super();
		this.context = c;
	}

	public void setList(List<GridInfo> list) {
		this.list = list;
		mInflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

	}

	public int getCount() {
		// TODO Auto-generated method stub
		return list.size();
	}

	@Override
	public Object getItem(int index) {

		return list.get(index);
	}

	@Override
	public long getItemId(int index) {
		return index;
	}

	@Override
	public View getView(int index, View convertView, ViewGroup parent) {
		GridHolder holder;
		if (convertView == null) {   
			convertView = mInflater.inflate(R.layout.grid_item, null);   
			holder = new GridHolder();
			holder.appImage = (ImageView)convertView.findViewById(R.id.itemImage);
			holder.appName = (TextView)convertView.findViewById(R.id.itemText);
			convertView.setTag(holder);   

		}else{
			 holder = (GridHolder) convertView.getTag();   

		}
		GridInfo info = list.get(index);
		if (info != null) {   
			holder.appName.setText(info.getName());
		}
		return convertView;
	}

}

 

 

4、单个组件的XML

 

Java代码  

1. <?xml version="1.0" encoding="utf-8"?>   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_height="wrap_content" android:paddingBottom="4dip"  
4.     android:layout_width="fill_parent">   
5.     <ImageView android:layout_height="wrap_content" android:id="@+id/itemImage"  
6.         android:layout_width="wrap_content" android:layout_centerHorizontal="true" android:src="@drawable/icon">   
7.     </ImageView>   
8.     <TextView android:layout_width="wrap_content"  
9.         android:layout_below="@+id/itemImage" android:layout_height="wrap_content"  
10.         android:text="TextView01" android:layout_centerHorizontal="true"  
11.         android:id="@+id/itemText">   
12.     </TextView>   
13. </RelativeLayout>   

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_height="wrap_content" android:paddingBottom="4dip"
	android:layout_width="fill_parent">
	<ImageView android:layout_height="wrap_content" android:id="@+id/itemImage"
		android:layout_width="wrap_content" android:layout_centerHorizontal="true" android:src="@drawable/icon">
	</ImageView>
	<TextView android:layout_width="wrap_content"
		android:layout_below="@+id/itemImage" android:layout_height="wrap_content"
		android:text="TextView01" android:layout_centerHorizontal="true"
		android:id="@+id/itemText">
	</TextView>
</RelativeLayout> 

 

 

5、显示界面的XML

 

Java代码  

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

<?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:numColumns="auto_fit"
	android:verticalSpacing="10dp" android:horizontalSpacing="10dp"
	android:columnWidth="90dp" android:stretchMode="columnWidth"
	android:gravity="center" /> 

 原文：http://www.iteye.com/topic/781403#2000088