Android Gallery與ImageView的結合使用

Gallery是一個內部元素可以水平滾動，並且可以把當前選擇的子元素定位在它中心的布局組件。

本程序的運行效果如下所示：

具體實現如下： 1、建立一個新項目 2、拷貝10個圖片文件到res/drawable目錄 3、res/layout/main.xml文件的內容如下：

1. <?xml version="1.0" encoding="utf-8"?>
3. <!-- FrameLayout用來顯示層疊效果 -->
4. <FrameLayout xmlns:Android="http://schemas.android.com/apk/res/android"
5. android:layout_width="fill_parent"
6. android:layout_height="fill_parent"
7. android:orientation="vertical" >
9. <!-- ImageView用來顯示背景 -->
10. <ImageView
11. android:id="@+id/iv"
12. android:layout_width="fill_parent"
13. android:layout_height="fill_parent"
14. android:src="@drawable/a01"
15. />
17. <!-- Gallery來展示畫廊 -->
18. <Gallery xmlns:android="http://schemas.android.com/apk/res/android"
19. android:id="@+id/gallery"
20. android:layout_width="fill_parent"
21. android:layout_height="wrap_content"
22. android:spacing="5dp"
23. />
24. </FrameLayout>

其中我們使用FrameLayout來實現疊加效果，使用ImageView來顯示大圖，Gallery來展示畫廊，android:spacing="5dp" 屬性則是用來設置元素之間的間隔。4、在res/values/目錄中新建一個attrs.xml內容如下：其中我們使用FrameLayout來實現疊加效果，使用ImageView來顯示大圖，Gallery來展示畫廊，android:spacing="5dp" 屬性則是用來設置元素之間的間隔。4、在res/values/目錄中新建一個attrs.xml內容如下：其中我們使用FrameLayout來實現疊加效果，使用ImageView來顯示大圖，Gallery來展示畫廊，android:spacing="5dp" 屬性則是用來設置元素之間的間隔。 4、在res/values/目錄中新建一個attrs.xml內容如下： [html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <declare-styleable name="HelloGallery">
4. <attr name="android:galleryItemBackground"/>
5. </declare-styleable>
6. </resources>

5、在MainHelloGallery.java中的內容如下：5、在MainHelloGallery.java中的內容如下：5、在Test_galleryActivity.java中的內容如下：

1. package m.m.m;
3. import android.app.Activity;
5. import android.content.Context;
7. import android.content.res.TypedArray;
9. import android.os.Bundle;
11. import android.view.View;
13. import android.view.ViewGroup;
15. import android.widget.AdapterView;
17. import android.widget.AdapterView.OnItemClickListener;
19. import android.widget.BaseAdapter;
21. import android.widget.Gallery;
23. import android.widget.ImageView;
25. import android.widget.Toast;
27. public class Test_galleryActivity extends Activity {
29. /** Called when the activity is first created. */
31. @Override
32. public void onCreate(Bundle savedInstanceState) {
34. super.onCreate(savedInstanceState);
36. setContentView(R.layout.main);
38. // 定義UI組件
40. final ImageView iv = (ImageView) findViewById(R.id.iv);
42. Gallery g = (Gallery) findViewById(R.id.gallery);
44. // 設置圖片匹配器
46. g.setAdapter(new ImageAdapter(this));
48. // 設置AdapterView點擊監聽器，Gallery是AdapterView的子類
50. g.setOnItemClickListener(new OnItemClickListener() {
52. @Override
53. public void onItemClick(AdapterView<?> parent, View view,
55. int position, long id) {
57. // 顯示點擊的是第幾張圖片
59. Toast.makeText(Test_galleryActivity.this, "" + position,
61. Toast.LENGTH_LONG).show();
63. // 設置背景部分的ImageView顯示當前Item的圖片
65. iv.setImageResource(((ImageView) view).getId());
67. }
69. });
71. }
73. // 定義繼承BaseAdapter的匹配器
75. public class ImageAdapter extends BaseAdapter {
77. // Item的修飾背景
79. int mGalleryItemBackground;
81. // 上下文對象
83. private Context mContext;
85. // 圖片數組
87. private Integer[] mImageIds = { R.drawable.a01,
89. R.drawable.a02, R.drawable.a03,
91. R.drawable.a04, R.drawable.a05,
93. R.drawable.a06, R.drawable.a07,
95. R.drawable.a08 };
97. // 構造方法
99. public ImageAdapter(Context c) {
101. mContext = c;
103. // 讀取styleable資源
105. TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery);
107. mGalleryItemBackground = a.getResourceId(
109. R.styleable.HelloGallery_android_galleryItemBackground, 0);
111. a.recycle();
113. }
115. // 返回項目數量
117. @Override
118. public int getCount() {
120. return mImageIds.length;
122. }
124. // 返回項目
126. @Override
127. public Object getItem(int position) {
129. return position;
131. }
133. // 返回項目Id
135. @Override
136. public long getItemId(int position) {
138. return position;
140. }
142. // 返回視圖
144. @Override
145. public View getView(int position, View convertView, ViewGroup parent) {
147. ImageView iv = new ImageView(mContext);
149. iv.setImageResource(mImageIds[position]);
151. // 給生成的ImageView設置Id，不設置的話Id都是-1
153. iv.setId(mImageIds[position]);
155. iv.setLayoutParams(new Gallery.LayoutParams(120, 160));
157. iv.setScaleType(ImageView.ScaleType.FIT_XY);
159. iv.setBackgroundResource(mGalleryItemBackground);
161. return iv;
163. }
165. }
167. }

至此，完成以上功能。 總結： 1、定義Gallery 2、在res/values下 自定義attrs.xml文件 我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。我們點擊某一張圖片，會把該子元素的圖片顯示在放在後面一層的ImageView組件中。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11