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

分享到:

当我们第一次下载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 开发介绍
    AndroidAPI核心开发包介绍 SDK中集成了很多开发用的API,以下这些都是基本包,它们是通过AndroidSDK来编写应用程序的基石,这里是从最底层...
  • Android获取屏幕方向及键盘状态的小例子_Android
    很多开发Android的网友可能需要判断当前的屏幕方向或键盘状态,下面的代码可以判断出横屏landscape和常规的portrait纵握方式,如果使用的...
  • NotificationManager 使用Bitmap做图标
    自定义带倒影和偏转的超炫Galleryhttp://www.eoeandroid.com/thread-236334-1-1.html GPS封装类,封装了GPS细节,通过start和stop调用http://www.eoeandroid.com/th...
  • [App]Taste VS2015 && Android Studio
    逆水飞 尝试进行各种Android开发工具的安装以及大致流程对比 几个疑惑的地方 1)根据SDK的描述,应该是一个新版本的推出就有对应的...
  • android中用Spannable在TextView中设置超链接、颜色、字体
    转载于:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=183034 昨晚研读ApiDemo源码至com.example.android.apis.text.Link类。首先,看一下其运行效果...
  • Android控件之CheckBox、RadioButton探究
    CheckBox和RadioButton控件都只有选中和未选中状态,不同的是RadioButton是单选按钮,需要编制到一个RadioGroup中,同一时刻一个RadioGroup中只能...
  • android 中 ListView 用法
    在android开发中ListView是比较常常使用的组件,它以列表的形式展示详细内容,并且能够依据数据的长度自适应显示。抽出时间把对ListView...
  • android 检查网络连接状态实现步骤
    copy至:http://www.jb51.net/article/32370.htm 获取网络信息需要在AndroidManifest.xml文件中加入相应的权限。<uses-permissionandroid:name="android.permission.A...
  • Android:一个高效的UI才是一个拉风的UI(二)
    趁今晚老大不在偷偷早下班,所以有时间继续跟大伙扯扯UI设计之痛,也算一个是对上篇《Android:一个高效的UI才是一个拉风的UI(一)...
  • 【android】scaleType属性与ImagView中图片的显示的关系
        关于android中ImageView的外观,即图片在其内显示出的样子,与布局文件中adjustViewBonds和scaleType属性的关系。我进行了一...
  • 【Android学习专题】控件组件篇:ListView汇总
    【Android学习专题】控件组件篇:ListView汇总 SkySeraphFeb21st2012SZTCL Email:zgzhaobo@gmail.comQQ:452728574 -------------------------------------------------------...
  • android Listview2 笔记
    ListView编程的一般步骤 1)在布局文件中声明ListView控件 2)使用一维或多维动态数组保存ListView要显示的数据; 3)构建适配器Adapter,将数据...
  • Android图片异步加载的方法_异步加载
    等情况,不得不说异步加载是个不错的方法。说到异步加载,避免a...,铺垫了这么多,异步加载的方法下面可以展开了。 第三步:异步....
  • Android Launcher抽屉类SlidingDrawer的使用!
    SlidingDrawer 这个类,也就是所谓的"抽屉"类。它的用法很简单,要包括 handle ,和 content ....
  • Android 学习历程摘要(二)
    1.资源文件命名仅仅能小写,否则会报错生成不了R.java文件 2.R文件导包时应该导入自己project的包,而不是android.R 3.数据库操作使用SqliteOp...
  • Android 手电筒源代码
    近期因为公司须要,做了一个手电筒,事实上手电筒原理非常easy,就是调用照相机的闪光灯,控制闪光灯的开关,就能够实现手电筒的...
  • Android 蓝牙模块
    前天想找个蓝牙录音程序,发现居然没有!没办法,就自己动手DIY了。一些关键代码摘出来,希望对大家有用。本代码基于android2.2以上...
  • 转 Fragment 和 FragmentActivity的使用
    今天学习下Android中的Fragment和FragmentActivity,因为没有4.0手机,平台是2.3.3所以我是使用v4support包来进行学习。 要想用Fragment功能必须先让...
  • Android中的Audio播放:音量和远程播放控制
    本文从Audio控制使用的角度,讲解了AudioStream的分类,硬件音量控制键调整对相应AudioStream音量大小的影响,以及如何响应远程MediaButton控...
  • Google 菜市场(Android Market)上不去的解决方法
    最近几天,突然手机(我的是G3,估计其他android手机也有类似的情况)上不了androidmarket了,甚至连gmail也出现网络问题(通过gprs、3g和wif...