首页 / 操作系统 / Linux / Android Gallery与ImageView的结合使用

Gallery是一个内部元素可以水平滚动，并且可以把当前选择的子元素定位在它中心的布局组件。本程序的运行效果如下所示：                 
     具体实现如下：1、建立一个新项目 2、拷贝10个图片文件到res/drawable目录3、res/layout/main.xml文件的内容如下：

1. <？xml version="1.0" encoding="utf-8"？>  
2.   
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" >  
8.   
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.          />  
16.       
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;  
2.   
3. import android.app.Activity;  
4.   
5. import android.content.Context;  
6.   
7. import android.content.res.TypedArray;  
8.   
9. import android.os.Bundle;  
10.   
11. import android.view.View;  
12.   
13. import android.view.ViewGroup;  
14.   
15. import android.widget.AdapterView;  
16.   
17. import android.widget.AdapterView.OnItemClickListener;  
18.   
19. import android.widget.BaseAdapter;  
20.   
21. import android.widget.Gallery;  
22.   
23. import android.widget.ImageView;  
24.   
25. import android.widget.Toast;  
26.   
27. public class Test_galleryActivity extends Activity {  
28.   
29.     /** Called when the activity is first created. */  
30.   
31.     @Override  
32.     public void onCreate（Bundle savedInstanceState） {  
33.   
34.         super.onCreate（savedInstanceState）;  
35.   
36.         setContentView（R.layout.main）;  
37.   
38.         // 定义UI组件   
39.   
40.         final ImageView iv = （ImageView） findViewById（R.id.iv）;  
41.   
42.         Gallery g = （Gallery） findViewById（R.id.gallery）;  
43.   
44.         // 设置图片匹配器   
45.   
46.         g.setAdapter（new ImageAdapter（this））;  
47.   
48.         // 设置AdapterView点击监听器，Gallery是AdapterView的子类   
49.   
50.         g.setOnItemClickListener（new OnItemClickListener（） {  
51.   
52.             @Override  
53.             public void onItemClick（AdapterView<？> parent, View view,  
54.   
55.             int position, long id） {  
56.   
57.                 // 显示点击的是第几张图片   
58.   
59.                 Toast.makeText（Test_galleryActivity.this, "" + position,  
60.   
61.                 Toast.LENGTH_LONG）.show（）;  
62.   
63.                 // 设置背景部分的ImageView显示当前Item的图片   
64.   
65.                 iv.setImageResource（（（ImageView） view）.getId（））;  
66.   
67.             }  
68.   
69.         }）;  
70.   
71.     }  
72.   
73.     // 定义继承BaseAdapter的匹配器   
74.   
75.     public class ImageAdapter extends BaseAdapter {  
76.   
77.         // Item的修饰背景   
78.   
79.         int mGalleryItemBackground;  
80.   
81.         // 上下文对象   
82.   
83.         private Context mContext;  
84.   
85.         // 图片数组   
86.   
87.         private Integer[] mImageIds = { R.drawable.a01,  
88.   
89.         R.drawable.a02, R.drawable.a03,  
90.   
91.         R.drawable.a04, R.drawable.a05,  
92.   
93.         R.drawable.a06, R.drawable.a07,  
94.   
95.         R.drawable.a08 };  
96.   
97.         // 构造方法   
98.   
99.         public ImageAdapter（Context c） {  
100.   
101.             mContext = c;  
102.   
103.             // 读取styleable资源   
104.   
105.             TypedArray a = obtainStyledAttributes（R.styleable.HelloGallery）;  
106.   
107.             mGalleryItemBackground = a.getResourceId（  
108.   
109.             R.styleable.HelloGallery_android_galleryItemBackground, 0）;  
110.   
111.             a.recycle（）;  
112.   
113.         }  
114.   
115.         // 返回项目数量   
116.   
117.         @Override  
118.         public int getCount（） {  
119.   
120.             return mImageIds.length;  
121.   
122.         }  
123.   
124.         // 返回项目   
125.   
126.         @Override  
127.         public Object getItem（int position） {  
128.   
129.             return position;  
130.   
131.         }  
132.   
133.         // 返回项目Id   
134.   
135.         @Override  
136.         public long getItemId（int position） {  
137.   
138.             return position;  
139.   
140.         }  
141.   
142.         // 返回视图   
143.   
144.         @Override  
145.         public View getView（int position, View convertView, ViewGroup parent） {  
146.   
147.             ImageView iv = new ImageView（mContext）;  
148.   
149.             iv.setImageResource（mImageIds[position]）;  
150.   
151.             // 给生成的ImageView设置Id，不设置的话Id都是-1   
152.   
153.             iv.setId（mImageIds[position]）;  
154.   
155.             iv.setLayoutParams（new Gallery.LayoutParams（120, 160））;  
156.   
157.             iv.setScaleType（ImageView.ScaleType.FIT_XY）;  
158.   
159.             iv.setBackgroundResource（mGalleryItemBackground）;  
160.   
161.             return iv;  
162.   
163.         }  
164.   
165.     }  
166.   
167. }   

至此，完成以上功能。 总结：1、定义Gallery2、在res/values下 自定义attrs.xml文件 我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。我们点击某一张图片，会把该子元素的图片显示在放在后面一层的ImageView组件中。更多Android相关信息见Android 专题页面 http://www.linuxidc.com/topicnews.aspx？tid=11