android 图片拖动效果(Gallery)

  这还算是一个稍微有点炫的效果吧。IPhone曾经凭借这个效果吸引了无数的苹果粉丝，在Android平台上也可以实现这一效果。要实现这一效果，需要一个容器来存放Gallery显示的图片，这里使用一个继承自BaseAdapter 类的派生类来装这些图片。运行效果如下





示例代码

package xiaohang.zhimeng;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Gallery;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class Activity01 extends Activity {
	/** 
	Gallery类概述(Gallery)此单词翻译过来为画廊，美术馆

	一种view，以水平列表的方式显示在屏幕中央 看一眼图片就知道咋回事了
	此类继承了  AbsSpinner
	 */

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		//获得Gallery对象
		Gallery g = (Gallery) findViewById(R.id.Gallery01);

		//添加ImageAdapter给Gallery对象 注意哦Gallery类并没有setAdapter这个方法 这个方法是从AbsSpinner类继承的
		g.setAdapter(new ImageAdapter(this));

		//设置Gallery的背景图片
		g.setBackgroundResource(R.drawable.bg0);

		//设置Gallery的事件监听
		g.setOnItemClickListener(new GalleryItemListener());

	}

	class GalleryItemListener implements OnItemClickListener {
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			Toast.makeText(Activity01.this, "你选择了" + (position + 1) + " 号图片",
					Toast.LENGTH_SHORT).show();

		}
	}
}

ImageAdapter类继承自BaseAdapter类 继承BaseAdapter类就会实现一些方法 这些方法可以用来 设置图片源、获取图片个数、设置显示的方式等等。

package xiaohang.zhimeng;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {

	// 定义Context
	private Context mContext;
	// 定义整型数组 即图片源
	private Integer[] mImageIds = { R.drawable.img1, R.drawable.img2,
			R.drawable.img3, R.drawable.img4, R.drawable.img5, R.drawable.img6,
			R.drawable.img7, R.drawable.img8, };

	// 声明ImageAdapter
	public ImageAdapter(Context c) {
		mContext = c;
	}

	// 获取图片的个数
	public int getCount() {
		return mImageIds.length;
	}

	// 获取图片在库中的位置
	public Object getItem(int position) {
		return position;
	}

	// 获取图片ID
	public long getItemId(int position) {
		return position;
	}

	public View getView(int position, View convertView, ViewGroup parent) {
		ImageView imageview = new ImageView(mContext);

		// 给ImageView设置资源
		imageview.setImageResource(mImageIds[position]);
		// 设置布局 图片120*120
		imageview.setLayoutParams(new Gallery.LayoutParams(120, 120));
		// 设置显示比例类型
		imageview.setScaleType(ImageView.ScaleType.FIT_CENTER);
		return imageview;
	}

}

最后布局文件
<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/Gallery01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:spacing="2px"
    >
    <!-- android:spacing="2px"用来设置图片之间的间距 -->
</Gallery>
平台android  2.0  API Level 5

源码附件

评论

4 楼 silencetq 2011-09-14  

在拖动时候上面图片会感觉有一层黑色的膜，变得比较暗淡，怎么才能正常显示这些图片呢？

3 楼 贫僧不吃肉 2011-03-03  

// 获取图片ID 
    public long getItemId(int position) { 
        return position; 
    } 


怎么感觉有点奇怪？把传入参数又给返回？

2 楼 help_android 2011-02-12  

 

1 楼 help_android 2011-02-12