Android ViewPager相册横向移动的实现方法

 更新时间:2013年04月18日 17:47:00   作者:  
本篇文章小编为大家介绍,Android ViewPager相册横向移动的实现方法。需要的朋友参考下

当我们第一次下载QQ并且打开的时候,会有一个新手引导,引导是几张图片,再加上一些文字说明,向右滑动,直到结束,今天一大早起来研究了一下关于此种效果的实现之ViewPager控件。

下面这个例子将用ViewPager实现横向移动相册,ViewPager有一个对应的PagerAdapter,用于绑定数据;我们需要继承此类并实现自己的功能。

1、首先定义一个显示项所需要使用的数据对象ImageItem

复制代码 代码如下:

public class ImageItem {
 private int id;// 资源id
 private String name;// 显示的名称
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public ImageItem(int id, String name) {
  super();
  this.id = id;
  this.name = name;
 }
 public int getId() {
  return id;
 }
 public void setId(int id) {
  this.id = id;
 }
}

2、ViewPager中每一面为一个Item,所以在layout目录下定义一个ViewPager的每一页的Item,名为pageritem.xml

复制代码 代码如下:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >

  <ImageView
    android:id="@+id/imgview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:contentDescription="@string/app_name"
    android:scaleType="fitXY" />

  <TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|center_horizontal" />

</FrameLayout>

3、新建一个java文件,对应ViewPager的每一项Item

复制代码 代码如下:

public class ViewpagerItem extends FrameLayout {
 private ImageView imageview;// 显示图片的ImageView
 private TextView textview;
 private Bitmap bitmap;// 图片对应的Bitmap
 private ImageItem imageitem;// 每一个图片项对象

 public ViewpagerItem(Context context) {
  super(context);
  setViews();
 }
 public ViewpagerItem(Context context, AttributeSet attrs) {
  super(context, attrs);
  setViews();
 }

 public void setData(ImageItem item) {// 用ImageItem填充数据
  this.imageitem = item;
  int resid = item.getId();
  String name = item.getName();
  imageview.setImageResource(resid);
  textview.setText(name);
 }

 public void reload() {// 重新载入数据
  int resid = imageitem.getId();
  imageview.setImageResource(resid);
 }

 public void recycle() {// 回收数据
  imageview.setImageBitmap(null);
  if (this.bitmap == null || this.bitmap.isRecycled()) {
   return;
  }
  this.bitmap.recycle();
  this.bitmap = null;
 }

 public void setViews() {
  LayoutInflater infalter = LayoutInflater.from(getContext());
  View view = infalter.inflate(R.layout.pageritem, null);
  textview = (TextView) view.findViewById(R.id.textView);
  imageview = (ImageView) view.findViewById(R.id.imgview);

  addView(view);
 }
}

4、新建一个数据填充器PagerItemAdapter,继承自PagerAdapter

复制代码 代码如下:

public class PagerItemAdapter extends PagerAdapter {
 private Context context;
 private ImageItem[] image;

 public PagerItemAdapter(Context context, ImageItem[] image) {
  this.context = context;
  this.image = image;
  hashMap = new HashMap<Integer, ViewpagerItem>();
 }

 private HashMap<Integer, ViewpagerItem> hashMap;// 保存相片的id以及对应的ViewpagerItem

 @Override
 public int getCount() {
  return image.length;
 }

 @Override
 public boolean isViewFromObject(View arg0, Object arg1) {
  return arg0 == arg1;
 }

 @Override
 public void finishUpdate(ViewGroup container) {
  super.finishUpdate(container);
 }

 @Override// 初始化一个ViewpagerItem,如果已经存在就重新载入,没有的话new一个
 public Object instantiateItem(ViewGroup container, int position) {
  ViewpagerItem item;
  if (hashMap.containsKey(position)) {
   item = hashMap.get(position);
   item.reload();
  } else {
   item = new ViewpagerItem(context);
   ImageItem itemimg = image[position];
   item.setData(itemimg);
   hashMap.put(position, item);
   ((ViewPager) container).addView(item);
  }
  return item;
 }

 @Override// 当我们左右滑动图片的时候会将图片回收掉
 public void destroyItem(View container, int position, Object object) {
  ViewpagerItem item = (ViewpagerItem) object;
  item.recycle();
 }
}

5、在main.xml文件中添加一个ViewPager控件

复制代码 代码如下:

<android.support.v4.view.ViewPager
  android:id="@+id/viewpager"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" />

6、修改MainActivity如下:

复制代码 代码如下:

public class MainActivity extends Activity {
 private final static int RES[] = { R.drawable.p1, R.drawable.p2 };// p1,p2为drawable文件夹下的两张图片
 private ViewPager viewpager;
 private PagerItemAdapter adapter;
 private ImageItem[] item;

 private void setView(){
  item = new ImageItem[2];
  item[0] = new ImageItem(RES[0], "page1");
  item[1] = new ImageItem(RES[1], "page2");
  viewpager = (ViewPager) findViewById(R.id.viewpager);
  adapter = new PagerItemAdapter(getApplicationContext(), item);
  viewpager.setAdapter(adapter);
 }

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  setView();
 }
}


 运行程序,左右滑动屏幕出现如下效果!

相关文章

  • android:照片涂画功能实现过程及原理详解

    android:照片涂画功能实现过程及原理详解

    这篇文章主要介绍了android:照片涂画功能实现过程及原理,需要的朋友可以参考下
    2014-02-02
  • Android嵌套滚动和协调滚动的多种实现方法

    Android嵌套滚动和协调滚动的多种实现方法

    嵌套的滚动主要方式就是这些,这些简单的效果我们用协调滚动,如 CoordinatorLayout 也能实现同样的效果,这篇文章主要介绍了Android嵌套滚动和协调滚动的多种实现方法,需要的朋友可以参考下
    2022-06-06
  • android中RecycleView添加下滑到底部的监听示例

    android中RecycleView添加下滑到底部的监听示例

    本篇文章主要介绍了android中RecycleView添加下滑到底部的监听示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • Android 仿QQ头像自定义截取功能

    Android 仿QQ头像自定义截取功能

    在我们的qq聊天工具中,经常会使用qq头像截取功能,基于代码是怎么实现的呢?下面小编通过本文给大家分享android 仿qq头像自定义截取功能的思路分析及编码实现过程,感兴趣的朋友一起学习吧
    2016-10-10
  • Android判断SD卡是否已经挂载的方法

    Android判断SD卡是否已经挂载的方法

    这篇文章主要介绍了Android判断SD卡是否已经挂载的方法,涉及Android监听方法BroadcastReceiver的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Android获得当前正在显示的activity类名的方法

    Android获得当前正在显示的activity类名的方法

    这篇文章主要介绍了Android获得当前正在显示的activity类名的方法,分析了权限的修改与Java代码的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • 使用Kotlin开发Android应用教程

    使用Kotlin开发Android应用教程

    这篇文章主要为大家详细介绍了使用Kotlin开发Android应用的教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Flutter list 数组排序示例解析

    Flutter list 数组排序示例解析

    这篇文章主要为大家介绍了Flutter list 数组排序实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Android编程实现Toast自定义布局简单示例

    Android编程实现Toast自定义布局简单示例

    这篇文章主要介绍了Android编程实现Toast自定义布局的方法,结合简单实例形式分析了Toast自定义布局的实现步骤与相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • Android实现开机自动启动Service或app的方法

    Android实现开机自动启动Service或app的方法

    这篇文章主要介绍了Android实现开机自动启动Service或app的方法,结合实例形式分析了Android开机自启动程序的具体步骤与相关实现技巧,需要的朋友可以参考下
    2016-07-07

最新评论