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

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

假設你已經新建好了專案。

首先我們事先準備好的圖片存放在drawable資料夾下，然後新建一個介面：

1. public interface ImageResource {  
2.    //用一個Integer陣列儲存影象資源   

   Integer[] dImageID = {         R.drawable.sample_0,         R.drawable.sample_1,         R.drawable.sample_2,         R.drawable.sample_3,         R.drawable.sample_4,         R.drawable.sample_5,         R.drawable.sample_6,         R.drawable.sample_7,      };   }  public interface ImageResource { //用一個Integer陣列儲存影象資源 Integer[] dImageID = { R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7, }; }

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

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

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

1. import android.app.Activity;  
2. import android.content.Context;  

import android.content.res.TypedArray;   import android.os.Bundle;   import android.view.View;   import android.view.ViewGroup;   import android.widget.BaseAdapter;   import android.widget.ImageView;   import android.widget.Gallery;        public class HelloGallery extends Activity {       //這個ImageView是用來顯示單個影象        private ImageView imageOne;       //這個ImageView是用來顯示所有影象        private ImageView imageAll;              @Override       public void onCreate(Bundle savedInstanceState) {           super.onCreate(savedInstanceState);           setContentView(R.layout.main);                      imageOne = (ImageView)findViewById(R.id.imageView);                      //新建一個Gallery類，這是是實現拖動效果的關鍵            //Gallery is 一個用來水平捲動顯示物件的檢視            Gallery gallery = (Gallery)findViewById(R.id.gallery);                      //ImageAdapter就是gallery要顯示的物件            gallery.setAdapter(new ImageAdapter(this));                  }       //實現ImageResource介面獲得我自己建立的影象資源        class ImageAdapter extends BaseAdapter implements ImageResource{       //每一個gallery中影象的背景資源        private int galleryItemBackground;       private Context context;           public ImageAdapter(Context context) {           this.context = context;            //這裡實現的功能就是上半部分每個影象的那個背景框    //對應的xml檔案就是attr.xml             TypedArray a = obtainStyledAttributes(R.styleable.Gallery1);            galleryItemBackground = a.getResourceId(                        R.styleable.Gallery1_android_galleryItemBackground, 0);                a.recycle();       }              public int getCount() {              return dImageID.length;          }              public Object getItem(int position) {              return position;          }              //這個方法獲得是呈現在使用者面前的影象下標           public long getItemId(int position) {              //將此索引的影象設為imageOne顯示           imageOne.setImageResource(ImageAdapter.dImageID[position]);               imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER);              return position;          }              //這個方法返回的ImageView就是實現拖動效果的影象           public View getView(int position, View convertView, ViewGroup parent) {              imageAll= new ImageView(context);              //設定影象資源               imageAll.setImageResource(dImageID[position]);              //設定imageAll檢視為120×120               imageAll.setLayoutParams(new Gallery.LayoutParams(120,120));              //設定影象相對於檢視的比例，FIT_XY表示充滿X和Y軸               imageAll.setScaleType(ImageView.ScaleType.FIT_XY);              //設定imageAll中每一個Item的背景資源               imageAll.setBackgroundResource(galleryItemBackground);              return imageAll;          }        }   }  import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.Gallery; public class HelloGallery extends Activity { //這個ImageView是用來顯示單個影象 private ImageView imageOne; //這個ImageView是用來顯示所有影象 private ImageView imageAll; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); imageOne = (ImageView)findViewById(R.id.imageView); //新建一個Gallery類，這是是實現拖動效果的關鍵 //Gallery is 一個用來水平捲動顯示物件的檢視 Gallery gallery = (Gallery)findViewById(R.id.gallery); //ImageAdapter就是gallery要顯示的物件 gallery.setAdapter(new ImageAdapter(this)); } //實現ImageResource介面獲得我自己建立的影象資源 class ImageAdapter extends BaseAdapter implements ImageResource{ //每一個gallery中影象的背景資源 private int galleryItemBackground; private Context context; public ImageAdapter(Context context) { this.context = context; //這裡實現的功能就是上半部分每個影象的那個背景框 //對應的xml檔案就是attr.xml TypedArray a = obtainStyledAttributes(R.styleable.Gallery1); galleryItemBackground = a.getResourceId( R.styleable.Gallery1_android_galleryItemBackground, 0); a.recycle(); } public int getCount() { return dImageID.length; } public Object getItem(int position) { return position; } //這個方法獲得是呈現在使用者面前的影象下標 public long getItemId(int position) { //將此索引的影象設為imageOne顯示 imageOne.setImageResource(ImageAdapter.dImageID[position]); imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER); return position; } //這個方法返回的ImageView就是實現拖動效果的影象 public View getView(int position, View convertView, ViewGroup parent) { imageAll= new ImageView(context); //設定影象資源 imageAll.setImageResource(dImageID[position]); //設定imageAll檢視為120×120 imageAll.setLayoutParams(new Gallery.LayoutParams(120,120)); //設定影象相對於檢視的比例，FIT_XY表示充滿X和Y軸 imageAll.setScaleType(ImageView.ScaleType.FIT_XY); //設定imageAll中每一個Item的背景資源 imageAll.setBackgroundResource(galleryItemBackground); return imageAll; } } }

佈局檔案如下：

Mail.xml:

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"     android:layout_width="fill_parent"       android:layout_height="fill_parent"       >   <TextView         android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="@string/hello"       />   <Gallery android:id="@+id/gallery"        android:layout_width="fill_parent"        android:layout_height="wrap_content">   </Gallery>       <ImageView android:id="@+id/imageView"       android:layout_height="fill_parent"       android:layout_width="fill_parent">   </ImageView>   </LinearLayout>  <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <Gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Gallery> <ImageView android:id="@+id/imageView" android:layout_height="fill_parent" android:layout_width="fill_parent"> </ImageView> </LinearLayout>

下面就是上文中提到的attr.xml：

Attr.xml:

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <resources>

    <declare-styleable name="Gallery1">           <attr name="android:galleryItemBackground" />       </declare-styleable>        <declare-styleable name="LabelView">           <attr name="text" format="string" />           <attr name="textColor" format="color" />           <attr name="textSize" format="dimension" />       </declare-styleable>   </resources>  <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="Gallery1"> <attr name="android:galleryItemBackground" /> </declare-styleable> <declare-styleable name="LabelView"> <attr name="text" format="string" /> <attr name="textColor" format="color" /> <attr name="textSize" format="dimension" /> </declare-styleable> </resources>

 http://libin52008.blog.163.com/blog/static/105327187201110309334647/