android开发电子相册 分类： Android图形动画 2014-06-20 00:24 154人阅读 评论(0) 收藏

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

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

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

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

 

view plaincopy to clipboardprint?

1. public interface ImageResource {  
2.    //用一个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,  

   };  

}  public interface ImageResource { //用一个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，代码如下:

 

view plaincopy to clipboardprint?

1. import android.app.Activity;  
2. import android.content.Context;  

import android.content.res.TypedArray;  

import android.os.Bundle;  

import android.view.View;  

import android.view.ViewGroup;  

import android.widget.BaseAdapter;  

import android.widget.ImageView;  

import android.widget.Gallery;  

    

public class HelloGallery extends Activity {  

    //这个ImageView是用来显示单个图像   

    private ImageView imageOne;  

    //这个ImageView是用来显示所有图像   

    private ImageView imageAll;  

      

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

          

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

          

        //新建一个Gallery类，这是是实现拖动效果的关键   

        //Gallery is 一个用来水平卷动显示对象的视图   

        Gallery gallery = (Gallery)findViewById(R.id.gallery);  

          

        //ImageAdapter就是gallery要显示的对象   

        gallery.setAdapter(new ImageAdapter(this));  

          

    }  

    //实现ImageResource接口获得我自己创建的图像资源   

    class ImageAdapter extends BaseAdapter implements ImageResource{  

    //每一个gallery中图像的背景资源   

    private int galleryItemBackground;  

    private Context context;  

   

    public ImageAdapter(Context context) {  

        this.context = context;  

         //这里实现的功能就是上半部分每个图像的那个背景框   

//对应的xml文件就是attr.xml   

         TypedArray a = obtainStyledAttributes(R.styleable.Gallery1);  

         galleryItemBackground = a.getResourceId(  

                     R.styleable.Gallery1_android_galleryItemBackground, 0);  

             a.recycle();  

    }  

   

       public int getCount() {  

           return dImageID.length;  

       }  

   

       public Object getItem(int position) {  

           return position;  

       }  

   

       //这个方法获得是呈现在用户面前的图像下标   

       public long getItemId(int position) {  

           //将此索引的图像设为imageOne显示           imageOne.setImageResource(ImageAdapter.dImageID[position]);   

           imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER);  

           return position;  

       }  

   

       //这个方法返回的ImageView就是实现拖动效果的图像   

       public View getView(int position, View convertView, ViewGroup parent) {  

           imageAll= new ImageView(context);  

           //设置图像资源   

           imageAll.setImageResource(dImageID[position]);  

           //设置imageAll视图为120×120   

           imageAll.setLayoutParams(new Gallery.LayoutParams(120,120));  

           //设置图像相对于视图的比例，FIT_XY表示充满X和Y轴   

           imageAll.setScaleType(ImageView.ScaleType.FIT_XY);  

           //设置imageAll中每一个Item的背景资源   

           imageAll.setBackgroundResource(galleryItemBackground);  

           return imageAll;  

       }  

     }  

}  import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.Gallery; public class HelloGallery extends Activity { //这个ImageView是用来显示单个图像 private ImageView imageOne; //这个ImageView是用来显示所有图像 private ImageView imageAll; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); imageOne = (ImageView)findViewById(R.id.imageView); //新建一个Gallery类，这是是实现拖动效果的关键 //Gallery is 一个用来水平卷动显示对象的视图 Gallery gallery = (Gallery)findViewById(R.id.gallery); //ImageAdapter就是gallery要显示的对象 gallery.setAdapter(new ImageAdapter(this)); } //实现ImageResource接口获得我自己创建的图像资源 class ImageAdapter extends BaseAdapter implements ImageResource{ //每一个gallery中图像的背景资源 private int galleryItemBackground; private Context context; public ImageAdapter(Context context) { this.context = context; //这里实现的功能就是上半部分每个图像的那个背景框 //对应的xml文件就是attr.xml TypedArray a = obtainStyledAttributes(R.styleable.Gallery1); galleryItemBackground = a.getResourceId( R.styleable.Gallery1_android_galleryItemBackground, 0); a.recycle(); } public int getCount() { return dImageID.length; } public Object getItem(int position) { return position; } //这个方法获得是呈现在用户面前的图像下标 public long getItemId(int position) { //将此索引的图像设为imageOne显示 imageOne.setImageResource(ImageAdapter.dImageID[position]); imageOne.setScaleType(ImageView.ScaleType.FIT_CENTER); return position; } //这个方法返回的ImageView就是实现拖动效果的图像 public View getView(int position, View convertView, ViewGroup parent) { imageAll= new ImageView(context); //设置图像资源 imageAll.setImageResource(dImageID[position]); //设置imageAll视图为120×120 imageAll.setLayoutParams(new Gallery.LayoutParams(120,120)); //设置图像相对于视图的比例，FIT_XY表示充满X和Y轴 imageAll.setScaleType(ImageView.ScaleType.FIT_XY); //设置imageAll中每一个Item的背景资源 imageAll.setBackgroundResource(galleryItemBackground); return imageAll; } } }

 

布局文件如下：

Mail.xml:

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:orientation="vertical"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

    >  

<TextView    

    android:layout_width="fill_parent"   

    android:layout_height="wrap_content"   

    android:text="@string/hello"  

    />  

<Gallery android:id="@+id/gallery"   

    android:layout_width="fill_parent"   

    android:layout_height="wrap_content">  

</Gallery>  

   

<ImageView android:id="@+id/imageView"  

    android:layout_height="fill_parent"  

    android:layout_width="fill_parent">  

</ImageView>  

</LinearLayout>  <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <Gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Gallery> <ImageView android:id="@+id/imageView" android:layout_height="fill_parent" android:layout_width="fill_parent"> </ImageView> </LinearLayout>

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

 

Attr.xml:

 

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  

    <declare-styleable name="Gallery1">  

        <attr name="android:galleryItemBackground" />  

    </declare-styleable>  

     <declare-styleable name="LabelView">  

        <attr name="text" format="string" />  

        <attr name="textColor" format="color" />  

        <attr name="textSize" format="dimension" />  

    </declare-styleable>  

</resources>  <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="Gallery1"> <attr name="android:galleryItemBackground" /> </declare-styleable> <declare-styleable name="LabelView"> <attr name="text" format="string" /> <attr name="textColor" format="color" /> <attr name="textSize" format="dimension" /> </declare-styleable> </resources>

 http://libin52008.blog.163.com/blog/static/105327187201110309334647/