Android App中用Handler实现ViewPager页面的自动切换

概述在很多电商网页及app上都有自动切换的商品的推广快，感觉体验挺不错的，正好今天学习使用ViewPager，因此也实现了一个功能类似的demo。

在很多电商网页及app上都有自动切换的商品的推广快，感觉体验挺不错的，正好今天学习使用VIEwPager，因此也实现了一个功能类似的demo。

下面是其中的两个截图：

实现一个自动播放功能的VIEwPager，要做的主要有以下的几个部分：

实现一个VIEwPagerAdapter，用于为VIEwPager提供展示内容（例如上面的两张小猫图片）

 public class VIEwPagerAdapter extends PagerAdapter {    private List<VIEw> mData;    public VIEwPagerAdapter(List<VIEw> mData) {      this.mData = mData;    }    @OverrIDe    public int getCount() {      return mData.size();    }    @OverrIDe    public boolean isVIEwFromObject(VIEw arg0,Object arg1) {      return arg0 == arg1;    }        @OverrIDe    public Object instantiateItem(VIEwGroup container,int position) {      VIEw v = mData.get(position);      container.addVIEw(v);      return v;    }        @OverrIDe    public voID destroyItem(VIEwGroup container,int position,Object object) {//  super.destroyItem(container,position,object);      container.removeVIEw(mData.get(position));    }      }

实现一个OnPagechangelistener，这样在页面切换后可以提示当前页面所在的位置（例如上图中，左下角的3个圆点，红色表示当前页面）

 private class VIEwPagechangelistener implements OnPagechangelistener {    @OverrIDe    public voID onPageScrollStateChanged(int arg0) {    }    @OverrIDe    public voID onPageScrolled(int arg0,float arg1,int arg2) {    }    //监听页面改变事件来改变vIEwIndicator中的指示图片    @OverrIDe    public voID onPageSelected(int arg0) {      int len = vIEwIndicator.getChildCount();      for(int i = 0; i < len; ++i)        vIEwIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);      vIEwIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);    }      }

实现一个Handler，用于在一定的时间间隔后修改UI（将当前显示的图片切换到下一个）

private Handler mHandler = new Handler() {    public voID handleMessage(androID.os.Message msg) {      switch(msg.what) {      case 1:        int totalcount = pagers.size();//autochangeVIEwPager.getChildCount();        int currentItem = autochangeVIEwPager.getCurrentItem();                int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1;                Log.i(TAG,"totalcount: " + totalcount + "  currentItem: " + currentItem + "  toItem: " + toItem);                autochangeVIEwPager.setCurrentItem(toItem,true);                //每两秒钟发送一个message，用于切换vIEwPager中的图片        this.sendEmptyMessageDelayed(1,2000);      }    }  };

上面这3段就是主要的代码，除此之外，还需要在onResume()中发送一个起始message以及在onStop()中停止VIEwPager页面的自动切换等内容。
完整的代码如下：

public class MainActivity extends Activity {  private static final String TAG = MainActivity.class.getSimplename();  private VIEwPager autochangeVIEwPager;    //用来指示当前显示图片所在位置  private linearLayout vIEwIndicator;    //包含要在VIEwPager中显示的图片  private List<VIEw> pagers;  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentVIEw(R.layout.activity_main);        autochangeVIEwPager = (VIEwPager) findVIEwByID(R.ID.autoVP);    vIEwIndicator = (linearLayout) findVIEwByID(R.ID.vpindicator);        initAdapter();        //监听页面改变事件来改变vIEwIndicator中的指示图片    autochangeVIEwPager.setonPagechangelistener(new VIEwPagechangelistener());      }    private voID initAdapter() {    //即将在vIEwPager中展示的图片资源    int[] imgs = {R.drawable.i1,R.drawable.i2,R.drawable.i3};        //init pagers;    pagers = new ArrayList<VIEw>();    linearLayout.LayoutParams img_params = new LayoutParams(        LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT        );    for(int i = 0; i < imgs.length; ++i) {      ImageVIEw iv = new ImageVIEw(this);      iv.setBackgroundResource(imgs[i]);      iv.setLayoutParams(img_params);      final int index = i;      iv.setonClickListener(new OnClickListener() {        //当vIEwPager中的图片被点击后，跳转到新的activity        @OverrIDe        public voID onClick(VIEw v) {          Intent i = new Intent(MainActivity.this,InvokedActivity.class);          i.putExtra("name","cat " + index);          MainActivity.this.startActivity(i);        }      });      pagers.add(iv);    }    autochangeVIEwPager.setAdapter(new VIEwPagerAdapter(pagers));        //init indicator    linearLayout.LayoutParams ind_params = new LayoutParams(        LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT        );    for(int i = 0; i < imgs.length; ++i) {      ImageVIEw iv = new ImageVIEw(this);      if(i == 0)        iv.setBackgroundResource(R.drawable.tip_select);      else        iv.setBackgroundResource(R.drawable.tip_normal);      iv.setLayoutParams(ind_params);      vIEwIndicator.addVIEw(iv);    }  }    @OverrIDe  protected voID onResume() {    super.onResume();    //activity启动两秒钟后，发送一个message，用来将vIEwPager中的图片切换到下一个    mHandler.sendEmptyMessageDelayed(1,2000);  }    @OverrIDe  protected voID onStop() {    super.onStop();    //停止vIEwPager中图片的自动切换    mHandler.removeMessages(1);  }  public class VIEwPagerAdapter extends PagerAdapter {    private List<VIEw> mData;    public VIEwPagerAdapter(List<VIEw> mData) {      this.mData = mData;    }    @OverrIDe    public int getCount() {      return mData.size();    }    @OverrIDe    public boolean isVIEwFromObject(VIEw arg0,object);      container.removeVIEw(mData.get(position));    }      }    private class VIEwPagechangelistener implements OnPagechangelistener {    @OverrIDe    public voID onPageScrollStateChanged(int arg0) {    }    @OverrIDe    public voID onPageScrolled(int arg0,int arg2) {    }    //监听页面改变事件来改变vIEwIndicator中的指示图片    @OverrIDe    public voID onPageSelected(int arg0) {      int len = vIEwIndicator.getChildCount();      for(int i = 0; i < len; ++i)        vIEwIndicator.getChildAt(i).setBackgroundResource(R.drawable.tip_normal);      vIEwIndicator.getChildAt(arg0).setBackgroundResource(R.drawable.tip_select);    }      }    private Handler mHandler = new Handler() {    public voID handleMessage(androID.os.Message msg) {      switch(msg.what) {      case 1:        int totalcount = pagers.size();//autochangeVIEwPager.getChildCount();        int currentItem = autochangeVIEwPager.getCurrentItem();                int toItem = currentItem + 1 == totalcount ? 0 : currentItem + 1;                Log.i(TAG,2000);      }    }  };}

布局文件如下：（上面代码中的InvokedActivity非常简单，此处就省略了）

<FrameLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent" >  <androID.support.v4.vIEw.VIEwPager    androID:ID="@+ID/autoVP"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent" />  <linearLayout    androID:ID="@+ID/vpindicator"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:layout_gravity="bottom"    androID:orIEntation="horizontal" /></FrameLayout>

总结

以上是内存溢出为你收集整理的Android App中用Handler实现ViewPager页面的自动切换全部内容，希望文章能够帮你解决Android App中用Handler实现ViewPager页面的自动切换所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。