Android應用開發之電子相冊

在iphone手機上用手指拖動圖片移動，這功能很Cool，咱Android也不能含糊，用Gallery類就可以實現這個功能。

今天我就做了個小小的電子相冊：

假設你已經新建好了項目。

首先我們事先准備好的圖片存放在drawable文件夾下，然後新建一個接口：

1. public interface ImageResource {  
2.    //用一個Integer數組保存圖像資源   
3.    Integer[] dImageID = {  
4.       R.drawable.sample_0,  
5.       R.drawable.sample_1,  
6.       R.drawable.sample_2,  
7.       R.drawable.sample_3,  
8.       R.drawable.sample_4,  
9.       R.drawable.sample_5,  
10.       R.drawable.sample_6,  
11.       R.drawable.sample_7,  
12.    };  
13. }  

這個接口裡有一個int型的數組保存了咱drawable下的圖片，這樣方便以後修改。

要用Gallery實現這個功能，先要有一個容器來存放Gallery要顯示的圖片，我使用的是一個繼承自BaseAdapter的ImageAdapter。這個電子相冊分兩部分，上部分是用戶可以拖動圖像列表，下部分是用戶選中上面圖像後更大的顯示出來。看圖：

負責上部分顯示的ImageView是imageAll，負責下部分顯示的是imageOne，代碼如下:

1. import android.app.Activity;  
2. import android.content.Context;  
3. import android.content.res.TypedArray;  
4. import android.os.Bundle;  
5. import android.view.View;  
6. import android.view.ViewGroup;  
7. import android.widget.BaseAdapter;  
8. import android.widget.ImageView;  
9. import android.widget.Gallery;  
10.     
11. public class HelloGallery extends Activity {  
12.     //這個ImageView是用來顯示單個圖像   
13.     private ImageView imageOne;  
14.     //這個ImageView是用來顯示所有圖像   
15.     private ImageView imageAll;  
16.       
17.     @Override  
18.     public void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.main);  
21.           
22.         imageOne = (ImageView)findViewById(R.id.imageView);  
23.           
24.         //新建一個Gallery類，這是是實現拖動效果的關鍵   
25.         //Gallery is 一個用來水平卷動顯示對象的視圖   
26.         Gallery gallery = (Gallery)findViewById(R.id.gallery);  
27.           
28.         //ImageAdapter就是gallery要顯示的對象   
29.         gallery.setAdapter(new ImageAdapter(this));  
30.           
31.     }  
32.     //實現ImageResource接口獲得我自己創建的圖像資源   
33.     class ImageAdapter extends BaseAdapter implements ImageResource{  
34.     //每一個gallery中圖像的背景資源   
35.     private int galleryItemBackground;  
36.     private Context context;  
37.    
38.     public ImageAdapter(Context context) {  
39.         this.context = context;  
40.          //這裡實現的功能就是上半部分每個圖像的那個背景框   
41. //對應的xml文件就是attr.xml   
42.          TypedArray a = obtainStyledAttributes(R.styleable.Gallery1);  
43.          galleryItemBackground = a.getResourceId(  
44.                      R.styleable.Gallery1_android_galleryItemBackground, 0);  
45.              a.recycle();  
46.     }  
47.    
48.        public int getCount() {  
49.            return dImageID.length;  
50.        }  
51.    
52.        public Object getItem(int position) {  
53.            return position;  
54.        }  
55.    
56.        //這個方法獲得是呈現在用戶面前的圖像下標   
57.        public long getItemId(int position) {  
58.            //將此索引的圖像設為imageOne顯示           imageOne.setImageResource(ImageAdapter.dImageID[position]);   
59.            imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER);  
60.            return position;  
61.        }  
62.    
63.        //這個方法返回的ImageView就是實現拖動效果的圖像   
64.        public View getView(int position, View convertView, ViewGroup parent) {  
65.            imageAll= new ImageView(context);  
66.            //設置圖像資源   
67.            imageAll.setImageResource(dImageID[position]);  
68.            //設置imageAll視圖為120×120   
69.            imageAll.setLayoutParams(new Gallery.LayoutParams(120,120));  
70.            //設置圖像相對於視圖的比例，FIT_XY表示充滿X和Y軸   
71.            imageAll.setScaleType(ImageView.ScaleType.FIT_XY);  
72.            //設置imageAll中每一個Item的背景資源   
73.            imageAll.setBackgroundResource(galleryItemBackground);  
74.            return imageAll;  
75.        }  
76.      }  
77. }