GridView视图(BaseAdapter)

效果图：

1.src文件夹下 ShowActivity.java文件内容：

[java] view plain copy print ?

          package com.jun.activity;  

1.   
2.   
3. import java.util.ArrayList;  
4. import java.util.HashMap;  
5. import java.util.List;  
6.   
7. import com.jun.adapter.MyAdapter;  
8.   
9. import android.os.Bundle;  
10. import android.app.Activity;  
11. import android.view.Menu;  
12. import android.widget.GridView;  
13. import android.widget.SimpleAdapter;  
14.   
15. public class ShowActivity extends Activity {  
16.     private GridView gridView=null;  
17.     private MyAdapter adapter=null;  
18.     private SimpleAdapter adapter1=null;  
19.     private List<HashMap<String,Object>> list=null;  
20.     private HashMap<String,Object> map=null;  
21.     private String data[]={"图片1","图片2","图片3","图片4","图片5","图6","图片7","图片8","图片9",  
22.             "图片10","图片11","图片12","图片13","图片14","图片15","图片16"};  
23.     private int   imgId[]={R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,  
24.             R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,  
25.             R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a};  
26.     @Override  
27.     public void onCreate(Bundle savedInstanceState) {  
28.         super.onCreate(savedInstanceState);  
29.         setContentView(R.layout.activity_show);  
30.         init();  
31.         setData();  
32.     }  
33. private void init(){  
34.       
35.     gridView=(GridView) findViewById(R.id.grid_view);  
36.     list=new ArrayList<HashMap<String,Object>>();  
37. }  
38. private void setData(){  
39. //    使用BaseAdapter添加数据   
40.     adapter=new MyAdapter(ShowActivity.this, data, imgId);  
41.       
42.     gridView.setAdapter(adapter);  
43.       
44.       
45.       
46. //    使用SimpeAdapter添加数据   
47. //    for(int i=0;i<data.length;i++){   
48. //           
49. //        map=new HashMap<String, Object>();   
50. //           
51. //        map.put("text", data[i]);   
52. //        map.put("img", imgId[i]);   
53. //        list.add(map);   
54. //           
55. //    }   
56. //    adapter1=new SimpleAdapter(ShowActivity.this, list, R.layout.gridview_item, new String[]{"text","img"}, new int[]{R.id.gridview_text,R.id.gridview_img});   
57. //    gridView.setAdapter(adapter1);   
58. }  
59.     @Override  
60.     public boolean onCreateOptionsMenu(Menu menu) {  
61.         getMenuInflater().inflate(R.menu.activity_show, menu);  
62.         return true;  
63.     }  
64. }  

package com.jun.activity;


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

import com.jun.adapter.MyAdapter;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class ShowActivity extends Activity {
    private GridView gridView=null;
    private MyAdapter adapter=null;
    private SimpleAdapter adapter1=null;
    private List<HashMap<String,Object>> list=null;
    private HashMap<String,Object> map=null;
    private String data[]={"图片1","图片2","图片3","图片4","图片5","图6","图片7","图片8","图片9",
            "图片10","图片11","图片12","图片13","图片14","图片15","图片16"};
    private int   imgId[]={R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,
            R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,
            R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a,R.drawable.a};
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show);
        init();
        setData();
    }
private void init(){
    
    gridView=(GridView) findViewById(R.id.grid_view);
    list=new ArrayList<HashMap<String,Object>>();
}
private void setData(){
//    使用BaseAdapter添加数据
    adapter=new MyAdapter(ShowActivity.this, data, imgId);
    
    gridView.setAdapter(adapter);
    
    
    
//    使用SimpeAdapter添加数据
//    for(int i=0;i<data.length;i++){
//        
//        map=new HashMap<String, Object>();
//        
//        map.put("text", data[i]);
//        map.put("img", imgId[i]);
//        list.add(map);
//        
//    }
//    adapter1=new SimpleAdapter(ShowActivity.this, list, R.layout.gridview_item, new String[]{"text","img"}, new int[]{R.id.gridview_text,R.id.gridview_img});
//    gridView.setAdapter(adapter1);
}
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_show, menu);
        return true;
    }
}

2.ShowActivity布局文件activity_show.xml文件内容：

[html] view plain copy print ?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="@drawable/activity_background" >  
6.   
7.     <TextView  
8.         android:id="@+id/title_bar_text"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="45dip"  
11.         android:layout_alignParentTop="true"  
12.         android:gravity="center_vertical|center_horizontal"  
13.         android:background="@drawable/theme_title_red"  
14.         android:text="@string/test"  
15.         android:textSize="20dip"  
16.         android:textColor="#fff"  
17.         tools:context=".ShowActivity" />  
18.     <GridView  
19.         android:id="@+id/grid_view"  
20.         android:layout_width="fill_parent"  
21.         android:layout_height="wrap_content"  
22.         android:layout_below="@+id/title_bar_text"  
23.         android:layout_marginLeft="1dip"  
24.         android:layout_marginRight="1dip"  
25.         android:numColumns="2"  
26.        android:columnWidth="5dip"  
27.         android:cacheColorHint="#00000000"  
28.         ></GridView>  
29.           
30.   
31. </RelativeLayout>  

<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:background="@drawable/activity_background" >

    <TextView
        android:id="@+id/title_bar_text"
        android:layout_width="match_parent"
        android:layout_height="45dip"
        android:layout_alignParentTop="true"
        android:gravity="center_vertical|center_horizontal"
        android:background="@drawable/theme_title_red"
        android:text="@string/test"
        android:textSize="20dip"
        android:textColor="#fff"
        tools:context=".ShowActivity" />
    <GridView
        android:id="@+id/grid_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/title_bar_text"
        android:layout_marginLeft="1dip"
        android:layout_marginRight="1dip"
        android:numColumns="2"
       android:columnWidth="5dip"
        android:cacheColorHint="#00000000"
        ></GridView>
        

</RelativeLayout>

3.继承自BaseAdapter适配器类MyAdapter.java文件内容：

[java] view plain copy print ?

1. package com.jun.adapter;  
2.   
3. import com.jun.activity.R;  
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. public class MyAdapter extends BaseAdapter {  
14.   
15.     private String data[]=null;  
16.     private int imgId[]=null;  
17.     private Context context=null;  
18.     private LayoutInflater inflater=null;  
19.     public MyAdapter(Context context,String[] data, int[] imgId) {  
20.         super();  
21.         this.data = data;  
22.         this.imgId = imgId;  
23.         this.context = context;  
24.           
25.         inflater=LayoutInflater.from(context);  
26.     }  
27.   
28.     @Override  
29.     public int getCount() {  
30.         // TODO Auto-generated method stub   
31.         return data.length;  
32.     }  
33.   
34.     @Override  
35.     public Object getItem(int position) {  
36.         // TODO Auto-generated method stub   
37.         return position;  
38.     }  
39.   
40.     @Override  
41.     public long getItemId(int position) {  
42.         // TODO Auto-generated method stub   
43.         return position;  
44.     }  
45.     private class Holder{  
46.           
47.         TextView tv=null;  
48.         ImageView img=null;  
49.         public TextView getTv() {  
50.             return tv;  
51.         }  
52.         public void setTv(TextView tv) {  
53.             this.tv = tv;  
54.         }  
55.         public ImageView getImg() {  
56.             return img;  
57.         }  
58.         public void setImg(ImageView img) {  
59.             this.img = img;  
60.         }  
61.           
62.     }  
63.     @Override  
64.     public View getView(int position, View convertView, ViewGroup parent) {  
65.         // TODO Auto-generated method stub   
66. //        获得holder以及holder对象中tv和img对象的实例   
67.         Holder holder;  
68.         if(convertView==null){  
69.               
70.               
71.             convertView=inflater.inflate(R.layout.gridview_item, null);  
72.             holder=new Holder();  
73.             holder.tv=(TextView) convertView.findViewById(R.id.gridview_text);  
74.             holder.img=(ImageView) convertView.findViewById(R.id.gridview_img);  
75.               
76.             convertView.setTag(holder);  
77.               
78.         }else{  
79.             holder=(Holder) convertView.getTag();  
80.               
81.         }  
82. //        为holder中的tv和img设置内容   
83.         holder.tv.setText(data[position]);  
84.         holder.img.setImageResource(imgId[position]);  
85. //        注意  默认为返回null,必须得返回convertView视图   
86.         return convertView;  
87.     }  
88.   
89. }  

package com.jun.adapter;

import com.jun.activity.R;

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;

public class MyAdapter extends BaseAdapter {

    private String data[]=null;
    private int imgId[]=null;
    private Context context=null;
    private LayoutInflater inflater=null;
    public MyAdapter(Context context,String[] data, int[] imgId) {
        super();
        this.data = data;
        this.imgId = imgId;
        this.context = context;
        
        inflater=LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return data.length;
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return position;
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return position;
    }
    private class Holder{
        
        TextView tv=null;
        ImageView img=null;
        public TextView getTv() {
            return tv;
        }
        public void setTv(TextView tv) {
            this.tv = tv;
        }
        public ImageView getImg() {
            return img;
        }
        public void setImg(ImageView img) {
            this.img = img;
        }
        
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
//        获得holder以及holder对象中tv和img对象的实例
        Holder holder;
        if(convertView==null){
            
            
            convertView=inflater.inflate(R.layout.gridview_item, null);
            holder=new Holder();
            holder.tv=(TextView) convertView.findViewById(R.id.gridview_text);
            holder.img=(ImageView) convertView.findViewById(R.id.gridview_img);
            
            convertView.setTag(holder);
            
        }else{
            holder=(Holder) convertView.getTag();
            
        }
//        为holder中的tv和img设置内容
        holder.tv.setText(data[position]);
        holder.img.setImageResource(imgId[position]);
//        注意  默认为返回null,必须得返回convertView视图
        return convertView;
    }

}

4.GridView组件上面的布局:   gridview_item.xml文件内容：

 

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="@drawable/activity_background" >  
6. <ImageView  
7.             android:id="@+id/gridview_img"  
8.             android:layout_width="120dip"  
9.             android:layout_height="120dip"  
10.             android:layout_margin="10dip"  
11.             android:background="@drawable/four_bg"  
12.             android:src="@drawable/a" />  
13.     <TextView  
14.         android:id="@+id/gridview_text"  
15.         android:layout_width="match_parent"  
16.         android:layout_height="wrap_content"  
17.         android:layout_below="@+id/gridview_img"  
18.         android:gravity="center_vertical|center_horizontal"  
19.         android:textColor="#000"  
20.         android:textSize="14dip"  
21.         tools:context=".ShowActivity" />  
22.   
23. </RelativeLayout>