Gallery 做的相册 很好的一个学习例子

 

学习目的：

1、掌握在Android中如何建立Gallery

2、初步理解Android适配器的原理

3、实现简单的控件缩放动画

简介：

1、Gallery是Android内置的一个控件，它可以继承若干图片甚至是其他控件

2、Gallery自带了滚动播放图片功能，此功能您可以通过模拟器拖曳鼠标或者在手机上拖拽验证

3、Gallery需要适配器来传输数据，如果您不熟悉“适配器设计模式”，可以将适配器理解为某厂商的电脑适配器，只要这个厂商的所有型号的电脑都能使用该适配器，也就是说，设计新型号电脑时，我们为了也能使用这种适配器，只要在接收端实现如何接受电源就可以了，而这种适配器不关心哪种型号的电脑在使用它，它只需提供电源即可。

4、接口SpinnerAdapter就是一种线性的简单适配器，你可以将它理解为二眼插头，因此一定还有三眼插头（其他适配器），鉴于Gallery存放的一组图片是线性的，它们之间没有父子关系，只有先后次序，因此Android为它定义了SpinnerAdapter作为适配器。结合3中描述的例子，您已经有了适配器，也有了电源（Gallery），因此，不需要关心如何拿到电源了，只需要关心如何利用该电源。

5、SpinnerAdapter是一种接口，并没有实现，因此本例中我们使用它的一个实现类：BaseAdapter，并加以扩充。

本例介绍如何使用Gallery最简单特性，但希望您可以在此基础上加以修改或美化，甚至将其变为3D效果亦非难事：

 

 

 

 

图中包含若干图片，选中的图片将会慢慢放大。

XML布局：

1 <?xml version="1.0" encoding="utf-8"?>
2  <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3 android:orientation="vertical"
4 android:layout_width="fill_parent"
5 android:layout_height="fill_parent"
6 >
7  <Gallery
8 android:id="@+id/gallery"
9 android:layout_width="fill_parent"
10 android:layout_height="200px"
11  >
12  </Gallery>
13 </LinearLayout>

 

后台代码：

1 @Override
2 publicvoid onCreate(Bundle savedInstanceState) {
3 super.onCreate(savedInstanceState);
4
5 setContentView(R.layout.main);
6
7 //根据ID寻找到相册
8 Gallery gallery= (Gallery)this.findViewById(R.id.gallery);
9 //初始化自定义的图片适配器
10 ImageAdapter adp= new ImageAdapter(this);
11 //绑定适配器
12 gallery.setAdapter(adp);
13 //监听图片选中事件
14 gallery.setOnItemClickListener(new OnItemClickListener() {
15
16 @Override
17 publicvoid onItemClick(AdapterView<?> arg0, View arg1,int arg2,
18 long arg3) {
19 // TODO Auto-generated method stub
20 //初始化“缩放动画”类的实例，表示从1倍放大到1.5倍，并且放大的中心点是图片的中心点
21 ScaleAnimation animation= new ScaleAnimation(1,1.5f, 1, 1.5f,
22 Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
23
24 //从1倍到1.5倍需要1秒钟
25 animation.setDuration(1000);
26 //开始执行动画
27 arg1.startAnimation(animation);
28
29 }
30 });
31 }
32 //自定义适配器
33 publicclass ImageAdapterextends BaseAdapter{
34
35 //该值仅仅为了传递Activity
36 private Context context;
37
38 public ImageAdapter(Context context){
39 this.context= context;
40 }
41
42 //存放图片ID的数组，每个ID可以被ImageView所调用，从而显示图片
43 privateint[] imageArray= {
44 R.drawable.p01,
45 R.drawable.p03,
46 R.drawable.p04,
47 R.drawable.p05,
48 R.drawable.p07,
49 R.drawable.p09,
50 R.drawable.p21,
51 R.drawable.p23,
52 R.drawable.p33
53
54 };
55
56 @Override
57 publicint getCount() {
58 // TODO Auto-generated method stub
59 //返回数组的总数
60 return imageArray.length;
61 }
62
63 @Override
64 public Object getItem(int arg0) {
65 // TODO Auto-generated method stub
66 return arg0;
67 }
68
69 @Override
70 publiclong getItemId(int arg0) {
71 // TODO Auto-generated method stub
72 return arg0;
73 }
74
75 @Override
76 public View getView(int arg0, View arg1, ViewGroup arg2) {
77 // TODO Auto-generated method stub
78
79 //实现Adapter的核心，即根据给定的数据返回什么样的控件
80
81 //您需要返回的是ImageView，因为您要实现的是相册
82 ImageView view= new ImageView(this.context);
83 //获取指定索引的图片的ID
84 int id= imageArray[arg0];
85 //将ID告诉ImageView,它就能找到图片
86 view.setImageResource(id);
87 //对ImageView进行布局
88 view.setLayoutParams(new Gallery.LayoutParams(120,120));
89 //设置ImageView的拉升类型，这里采用居中，您可以尝试不同的类型
90 view.setScaleType(ImageView.ScaleType.FIT_CENTER);
91 return view;
92 }
93
94 }

总结：

本文介绍了如何使用Gallery打造简单的相册，并实现了与用户点击的互动动画，并介绍了适配器的原理。您可以在此基础上修改，实现自己的相册，嵌入到任何程序中都会增色不少。