Android经过ViewPager实现左右滑动切换图片

分类:手机开发| 发布:佚名| 查看: | 发表时间:2013/12/26

Android通过ViewPager实现左右滑动切换图片

想开发像人人网相册打开单张图片时候能左右滑动切换图片的效果,开始通过FlipperView实现,不能跟手拖动,效果不好,而且需要自己写很多代码来控制FlipperView中的View。后来发现Android 3.0之后的SDK中提供了android-support-v4包用以实现版本兼容,让老版本系统下的应用通过加入jar包实现扩展,得到新版的各种技术优势,例如Fragment等。

 

ViewPager是android-support-v4.jar包中的一个系统控件,继承自ViewGroup,专门用以实现左右滑动切换View的效果,使用时需要首先在Project->properties->Java Build Path->Libraries->Add External Jars中加入sdk目录下的extras/android/support/v4/android-support-v4.jar(如果找不到,则需要用sdk manager下载android support package)。加入这个jar包之后就可以使用ViewPager类了。

 

ViewPager的使用类似于ListView,需要有对应的Adapter进行数据绑定,实现图片切换仅需要继承PaperAdapter就可以了。继承后需要重写如下四个方法。

 

 

  • instantiateItem(ViewGroup, int)
  • destroyItem(ViewGroup, int, Object)
  • getCount()
  • isViewFromObject(View, Object)
类似于BaseAdapter,其中instantiateItem方法用来得到每个View,destroyItem用以控制当某个View不需要的时候的回收处理。isViewFromObject用来实现判断View和Object是否为同一个View。

import java.io.FileNotFoundException;import java.util.List;import android.content.Context;import android.graphics.Bitmap;import android.net.Uri;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;public class TestAdapter extends PagerAdapter {	private List<String> mPaths;		private Context mContext;		public TestAdapter(Context cx) {		mContext = cx.getApplicationContext();	}		public void change(List<String> paths) {		mPaths = paths;	}		@Override	public int getCount() {		// TODO Auto-generated method stub		return mPaths.size();	}	@Override	public boolean isViewFromObject(View view, Object obj) {		// TODO Auto-generated method stub		return view == (View) obj;	}	@Override	public Object instantiateItem (ViewGroup container, int position) {		ImageView iv = new ImageView(mContext);		try {			Bitmap bm = BitmapFactory.decodeFile(mPaths.get(position));//载入bitmap			iv.setImageBitmap(bm);		} catch (FileNotFoundException e) {			// TODO Auto-generated catch block			e.printStackTrace();		} catch (OutOfMemoryError e) {			// TODO Auto-generated catch block			e.printStackTrace();		}		((ViewPager)container).addView(iv, 0);		return iv;	}		@Override	public void destroyItem (ViewGroup container, int position, Object object) {		container.removeView((View)object);	}}
 
    <android.support.v4.view.ViewPager        android:id="@+id/pager"        android:layout_width="fill_parent"        android:layout_height="fill_parent" />
 
Activity:
    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        mViewPager = (ViewPager)findViewById(R.id.pager);        mAdapter = new TestAdapter(this);        mViewPager.setAdapter(mAdapter);        mAdapter.change(getList());    }        private List<String> getList() {    	List<String> list = new ArrayList<String>();    	list.add("file:///sdcard/Sunset.jpg");    	list.add("file:///sdcard/Winter.jpg");    	list.add("file:///sdcard/Water lilies.jpg");    	list.add("file:///sdcard/Blue hills.jpg");    	return list;    }
 
1 楼 ikrboy 2012-01-29  
ImageFile.getBitmapSample怎么来的?晕
2 楼 iamzhaozheng 2012-01-30  
这个是自己写的一个类,没有贴出来,就是封装了将一个文件读取成Bitmap的方法,实现比较简单。

ikrboy 写道
ImageFile.getBitmapSample怎么来的?晕

3 楼 dagf113225 2012-02-01  
请把ImageFile.getBitmapSample贴出来
,谢谢!
4 楼 iamzhaozheng 2012-02-03  
dagf113225 写道
请把ImageFile.getBitmapSample贴出来
,谢谢!

已经修改
5 楼 jdpxiaoming 2012-02-16  
谢谢喽住 又帮我扫盲了 会场的好
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/mobile-dev/801.html