Gallery控件初体验——简单的相册

初学Android，学着做了一个小例子，例子非常简单，就是用Gallery实现一个简单的相册，由于我是初学者，所以我遇到的问题可能也是初学者也会遇到的问题，在完成这个小例子过程中遇到了很多意想不到的问题，最后借助网络都解决了，现在把我做的这个小例子拿出分享给各位初学者！我做了尽可能详细的注释，我想一定会对初学者有所帮助！由于初学android，例子也是超级简单，路过的各位大侠请勿见笑！

 

Gallery：即图片浏览控件 layout部分：

复制到剪贴板  XML/HTML代码

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.     android:orientation="vertical"  
6.   
7.     android:layout_width="fill_parent"  
8.   
9.     android:layout_height="fill_parent" >  
10.   
11.   
12.   
13.    <Gallery android:id="@+id/gallery"  
14.   
15.             android:layout_width="fill_parent"  
16.   
17.             android:layout_height="wrap_content"  
18.   
19.             >  
20.   
21.    </Gallery>  
22.   
23.    <ImageView android:id="@+id/img_show"  
24.   
25.               android:layout_width="wrap_content"  
26.   
27.               android:layout_height="wrap_content">  
28.   
29.   </ImageView>        
30.   
31. </LinearLayout>  

代码部分：

 

主类部分代码：

 

GalleryActivity类

复制到剪贴板  Java代码

1. package com.google.android.test;   
2.   
3.   
4.   
5.   
6.   
7. import android.app.Activity;   
8.   
9. import android.os.Bundle;   
10.   
11. import android.view.View;   
12.   
13. import android.widget.AdapterView;   
14.   
15. import android.widget.Gallery;   
16.   
17. import android.widget.ImageView;   
18.   
19. import android.widget.Toast;   
20.   
21.   
22.   
23. public class GalleryActivity extends Activity {   
24.   
25.     /*定义要使用的对象*/  
26.   
27.     private Gallery gallery;   
28.   
29.     private ImageView imageView;   
30.   
31.     private ImageAdapter imageadapter;   
32.   
33.     @Override  
34.   
35.     public void onCreate(Bundle savedInstanceState){   
36.   
37.         super.onCreate(savedInstanceState);   
38.   
39.         setContentView(R.layout.gallery);   
40.   
41.          /* 通过findViewById 取得 资源对象*/  
42.   
43.         gallery=(Gallery)this.findViewById(R.id.gallery);   
44.   
45.         imageView=(ImageView)findViewById(R.id.img_show);   
46.   
47.         /*给Gallery设置适配器 把GalleryActivity类传入参数*/  
48.   
49.         imageadapter=new ImageAdapter(this);   
50.   
51.         gallery.setAdapter(imageadapter);   
52.   
53.          /*设置Gallery的点击事件监听器*/  
54.   
55.         gallery.setOnItemClickListener(new Gallery.OnItemClickListener(){    
56.   
57.              @Override     
58.   
59.             public void onItemClick(AdapterView<?> parent, View v, int position, long id) {    
60.   
61.                 // TODO Auto-generated method stub   
62.   
63.                  /*设置大图片*/  
64.   
65.                 imageView.setBackgroundResource(imageadapter.mImageIds[position]);   
66.   
67.                 /*显示该图片是几号*/  
68.   
69.                 Toast.makeText(GalleryActivity.this,"你选择了"+(position)+"号图片",Toast.LENGTH_SHORT).show();   
70.   
71.             }   
72.   
73.         });   
74.   
75.     }   
76.   
77.   
78.   
79. }   
80.   
81.   
82.   
83.   
84.   
85. ImageAdapter 类   
86.   
87.   
88.   
89. package com.google.android.test;   
90.   
91.   
92.   
93. import android.content.Context;   
94.   
95. import android.util.Log;   
96.   
97. import android.view.View;   
98.   
99. import android.view.ViewGroup;   
100.   
101. import android.widget.BaseAdapter;   
102.   
103. import android.widget.Gallery;   
104.   
105. import android.widget.ImageView;   
106.   
107.   
108.   
109. public class ImageAdapter extends BaseAdapter{   
110.   
111.     /*变量声明*/  
112.   
113.    private Context mContext;//上下文   
114.   
115.    /* 构建一Integer array 并取得预加载Drawable 的图片id */  
116.   
117.    public Integer[] mImageIds={   
118.   
119.         R.drawable.img1,     
120.   
121.         R.drawable.img2,   
122.   
123.         R.drawable.img3,   
124.   
125.         R.drawable.img4,   
126.   
127.         R.drawable.img5   
128.   
129.    };   
130.   
131.    /*自定义的构造方法*/  
132.   
133.    public ImageAdapter(Context c){   
134.   
135.     // TODO Auto-generated constructor stub   
136.   
137.        this.mContext=c;   
138.   
139.    }   
140.   
141.    @Override  
142.   
143.    /* 重写的方法getCount,返回图片数目 */  
144.   
145.    public int getCount(){   
146.   
147.     // TODO Auto-generated constructor stub   
148.   
149.        return mImageIds.length;//获取图片的个数    
150.   
151.    }   
152.   
153.    @Override  
154.   
155.    /* 重写的方法getItemId,返回图像的数组id */  
156.   
157.    public Object getItem(int position){   
158.   
159.     // TODO Auto-generated constructor stub   
160.   
161.        return position;//获取图片在库中的位置   
162.   
163.    }   
164.   
165.    @Override  
166.   
167.    public long getItemId(int position){   
168.   
169.     // TODO Auto-generated constructor stub   
170.   
171.        return position;//获取图片在库中的位置     
172.   
173.    }   
174.   
175.    @Override  
176.   
177.    /* 重写的方法getView,返回一View 对象 */  
178.   
179.    public View getView(int position,View convertView,ViewGroup parent){   
180.   
181.     // TODO Auto-generated constructor stub   
182.   
183.        Log.i("Tag", position+"");   
184.   
185.        /* 产生ImageView 对象 */  
186.   
187.        ImageView imageView=new ImageView(mContext);   
188.   
189.        /* 设置图片给imageView 对象 */  
190.   
191.        imageView.setImageResource(mImageIds[position]);   
192.   
193.        /* 重新设置Layout 的宽高 */  
194.   
195.        imageView.setLayoutParams(new Gallery.LayoutParams(128,128));   
196.   
197.        /* 重新设置图片的宽高 */  
198.   
199.        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);   
200.   
201.        /* 返回imageView 对象 */  
202.   
203.        return imageView;   
204.   
205.    }   
206.   
207. }