天天看点

Android UI控件之Gallery(拖动效果) --拖动式图片浏览

            我们知道现在智能手机上都有这样一种功能,就是你在浏览图片的时候。不是硬性的点击按钮

     而是可以实现手指的拖动,划开效果。使用户具有更好的交互体验,不过这种效果是如何实现的呢?

      在Android中是通过Gallery来实现拖动效果的。

             通过Gallery可以实现各种各样的效果,此篇文章只是简要谈谈他的用法,至于后续的一些效果

       有机会的时候做一个整理。

             首先看看其简单实现吧!本次实例是通过选取图片实现类似设置背景的功能!

             不过需要说明的是:图片不宜过大,否则容易内存溢出,android对大图片的支持不好!

Android UI控件之Gallery(拖动效果) --拖动式图片浏览

                  我们来看看切换之后的效果吧

Android UI控件之Gallery(拖动效果) --拖动式图片浏览

                    看看重新设置一幅背景图片!

Android UI控件之Gallery(拖动效果) --拖动式图片浏览

                     怎么样一个简单的效果就出来了吧!

                     下面是具体的实现方法:

                      xml文件:

<?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"
    >
 <Gallery 
 android:id="@+id/gallery1"
 android:layout_height="fill_parent" 
 android:layout_width="fill_parent"
 android:spacing="3px" 
 >
 </Gallery>
</LinearLayout>
           

                       MainActivity文件:

package com.kiritor.ui_gallery;

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

/**
 * @author 记忆的永恒
 * 
 */
public class MainActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		final Gallery gallery = (Gallery) findViewById(R.id.gallery1);
		// 将存放图片的ImageAdapter给gallery对象
		gallery.setAdapter(new ImageAdapter(this));

		// 设置gallery 的背景图片
		gallery.setBackgroundResource(R.drawable.first);

		// 设置Gallery的监听事件
		gallery.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				switch (arg2) {
				case 0:
					gallery.setBackgroundResource(R.drawable.first);
					break;
				case 1:
					gallery.setBackgroundResource(R.drawable.second);
					break;
				case 2:
					gallery.setBackgroundResource(R.drawable.third);
					break;
				case 3:
					gallery.setBackgroundResource(R.drawable.forth);
					break;
				case 4:
					gallery.setBackgroundResource(R.drawable.fifth);
					break;
				default:
					break;
				}
			}
		});
	}
}
           

                  自己实现一个ImageAdapter继承与BaseAdapter实现适配器

package com.kiritor.ui_gallery;

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{

//定义Content 
private Context mContext; 
//定义一个数组,存放图片资源 
private Integer[] mImageIds = { 
   R.drawable.first, 
   R.drawable.second, 
   R.drawable.third, 
   R.drawable.forth, 
   R.drawable.fifth, 
   
};

 //构造 
 public ImageAdapter(Context c){ 
   mContext = c; 
 } 
 
 //获取图片的个数 
 public int getCount() { 
   // TODO Auto-generated method stub 
   return mImageIds.length; 
 } 
 
 //获取图片在库中的位置 
 public Object getItem(int position) { 
   // TODO Auto-generated method stub 
   return position; 
 } 
 
 //获取图片在库中的ID 
 public long getItemId(int position) { 
   // TODO Auto-generated method stub 
   return position; 
 }

 //将图片取出来 
 public View getView(int position, View convertView, ViewGroup parent) { 
   //要取出图片,即要定义一个ImageView来存 
   ImageView imageView = new ImageView(mContext); 
   imageView.setImageResource(mImageIds[position]); 
   //设置显示比例类型 

 

   //设置布局图片以105*150显示 (简单解释——设置数字不一样,图片的显示大小不一样)
   imageView.setLayoutParams(new Gallery.LayoutParams(240, 200)); 


   imageView.setScaleType(ImageView.ScaleType.FIT_CENTER); 
   return imageView; 
 }

}
           

             Over!一个简单的图片拖动展示外加设置背景图片的小功能就实现了

              下面是项目完整代码部分

                           http://download.csdn.net/detail/kiritor/5163995