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;
11. public class HelloGallery extends Activity {
12. //這個ImageView是用來顯示單個圖像
13. private ImageView imageOne;
14. //這個ImageView是用來顯示所有圖像
15. private ImageView imageAll;
17. @Override
18. public void onCreate(Bundle savedInstanceState) {
19. super.onCreate(savedInstanceState);
20. setContentView(R.layout.main);
22. imageOne = (ImageView)findViewById(R.id.imageView);
24. //新建一個Gallery類，這是是實現拖動效果的關鍵
25. //Gallery is 一個用來水平卷動顯示對象的視圖
26. Gallery gallery = (Gallery)findViewById(R.id.gallery);
28. //ImageAdapter就是gallery要顯示的對象
29. gallery.setAdapter(new ImageAdapter(this));
31. }
32. //實現ImageResource接口獲得我自己創建的圖像資源
33. class ImageAdapter extends BaseAdapter implements ImageResource{
34. //每一個gallery中圖像的背景資源
35. private int galleryItemBackground;
36. private Context context;
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. }
48. public int getCount() {
49. return dImageID.length;
50. }
52. public Object getItem(int position) {
53. return position;
54. }
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. }
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. }