大佬教程收集整理的这篇文章主要介绍了Android App中用Handler实现ViewPager页面的自动切换,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在很多电商网页及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 @R_605_10586@lcount = pagers.size();//autochangeViewPager.getChildCount(); int currentItem = autochangeViewPager.getCurrentItem(); int toItem = currentItem + 1 == @R_605_10586@lcount ? 0 : currentItem + 1; Log.i(tag,"@R_605_10586@lcount: " + @R_605_10586@lcount + " 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 @R_605_10586@lcount = pagers.size();//autochangeViewPager.getChildCount(); int currentItem = autochangeViewPager.getCurrentItem(); int toItem = currentItem + 1 == @R_605_10586@lcount ? 0 : currentItem + 1; Log.i(tag,2000); } } }; }
布局文件如下:(上面代码中的InvokedActivity非常简单,此处就省略了)
<FrameLayout xmlns:android="http://scheR_283_11845@as.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页面的自动切换所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。