Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android App中用Handler实现ViewPager页面的自动切换大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

下面是其中的两个截图:

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

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

实现一个自动播放功能的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,请注明来意。
标签:ViewPager