Android应用开发之电子相册

在iphone手机上用手指拖动图片移动，这功能很Cool，咱Android也不能含糊，用Gallery类就可以实现这个功能。

今天我就做了个小小的电子相册：

假设你已经新建好了项目。

首先我们事先准备好的图片存放在drawable文件夹下，然后新建一个接口：

publicinterfaceImageResource{
//用一个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，代码如下:

importandroid.app.Activity;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.ImageView;
importandroid.widget.Gallery;

publicclassHelloGalleryextendsActivity{
//这个ImageView是用来显示单个图像
privateImageViewimageOne;
//这个ImageView是用来显示所有图像
privateImageViewimageAll;

@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

imageOne=(ImageView)findViewById(R.id.imageView);

//新建一个Gallery类，这是是实现拖动效果的关键
//Galleryis一个用来水平卷动显示对象的视图
Gallerygallery=(Gallery)findViewById(R.id.gallery);

//ImageAdapter就是gallery要显示的对象
gallery.setAdapter(newImageAdapter(this));

}
//实现ImageResource接口获得我自己创建的图像资源
classImageAdapterextendsBaseAdapterimplementsImageResource{
//每一个gallery中图像的背景资源
privateintgalleryItemBackground;
privateContextcontext;

publicImageAdapter(Contextcontext){
this.context=context;
//这里实现的功能就是上半部分每个图像的那个背景框
//对应的xml文件就是attr.xml
TypedArraya=obtainStyledAttributes(R.styleable.Gallery1);
galleryItemBackground=a.getResourceId(
R.styleable.Gallery1_android_galleryItemBackground,0);
a.recycle();
}

publicintgetCount(){
returndImageID.length;
}

publicObjectgetItem(intposition){
returnposition;
}

//这个方法获得是呈现在用户面前的图像下标
publiclonggetItemId(intposition){
//将此索引的图像设为imageOne显示imageOne.setImageResource(ImageAdapter.dImageID[position]);
imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER);
returnposition;
}

//这个方法返回的ImageView就是实现拖动效果的图像
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
imageAll=newImageView(context);
//设置图像资源
imageAll.setImageResource(dImageID[position]);
//设置imageAll视图为120×120
imageAll.setLayoutParams(newGallery.LayoutParams(120,120));
//设置图像相对于视图的比例，FIT_XY表示充满X和Y轴
imageAll.setScaleType(ImageView.ScaleType.FIT_XY);
//设置imageAll中每一个Item的背景资源
imageAll.setBackgroundResource(galleryItemBackground);
returnimageAll;
}
}
}

布局文件如下：

Mail.xml:

1. <?xmlversion="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. <TextView
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. android:text="@string/hello"
11. />
12. <Galleryandroid:id="@+id/gallery"
13. android:layout_width="fill_parent"
14. android:layout_height="wrap_content">
15. </Gallery>
17. <ImageViewandroid:id="@+id/imageView"
18. android:layout_height="fill_parent"
19. android:layout_width="fill_parent">
20. </ImageView>
21. </LinearLayout>

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

Attr.xml:

<?xmlversion="1.0"encoding="utf-8"?>
<resources>
<declare-styleablename="Gallery1">
<attrname="android:galleryItemBackground"/>
</declare-styleable>
<declare-styleablename="LabelView">
<attrname="text"format="string"/>
<attrname="textColor"format="color"/>
<attrname="textSize"format="dimension"/>
</declare-styleable>
</resources>