怎么在Android中使用ViewPager实现一个滚动广告效果

这篇文章给大家介绍怎么在Android中使用ViewPager实现一个滚动广告效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

成都创新互联公司是专业的鹤城网站建设公司,鹤城接单;提供网站设计制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行鹤城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

文件结构:

怎么在Android中使用ViewPager实现一个滚动广告效果

布局文件:




 

 

  
 

最上面是一个ViewPager,用来展示需要滚动播放的图片;下面是一个 线性布局,用来放最下面的几个小圆点,也可以在里面放一些TextView等,小圆点的 数量是根据图片数量动态添加的。

MainActivity.java

public class MainActivity extends AppCompatActivity {
 private ViewPager viewPager;
 // 存放图片
 private List imageViewList;
 private ImageView imageView;
 // 存放小圆点布局文件
 private LinearLayout layoutPointGroup;
 // 线程开关,当activity销毁后,线程也应该停止运行
 private boolean isStop = false;
 private int previousPoint = 0;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  // 初始化
  init();
  //设置图片自动滚动
  new Thread(new Runnable() {

   @Override
   public void run() {
    //如果activity未销毁则一直执行
    while (!isStop) {
     //先休息3秒钟
     try {
      Thread.sleep(3000);
     } catch (InterruptedException e) {
      e.printStackTrace();
     }
     //以下代码发送到主线程中执行
     runOnUiThread(new Runnable() {
      @Override
      public void run() {
       viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
      }
     });
    }
   }
  }).start();
 }

 private void init() {
  viewPager = (ViewPager) findViewById(R.id.viewPager);
  layoutPointGroup = (LinearLayout) findViewById(R.id.show_point);
  imageViewList = new ArrayList();

  // TODO:获取图片ID
  int[] imageIDs = {R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e};
  for (int id : imageIDs) {
   // 构造新的图片对象,并根据id 设置图片背景
   imageView = new ImageView(this);
   imageView.setImageResource(id);
   // 所有图片都存放在 imageViewList 里面
   imageViewList.add(imageView);

   // 构造小点
   View v = new View(this);
   // 设置小点的宽和高
   LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(8, 8);
   // 设置小点的左边距
   params.leftMargin = 12;
   v.setLayoutParams(params);
   // 设置小点是否可用,默认都不可用,当不可用时,小点是透明的,否则是白色的
   v.setEnabled(false);
   // 设置小点的背景,这个背景是使用xml文件画的一个小圆点
   v.setBackgroundResource(R.drawable.pointer_selector);
   // 把小点添加到它的布局文件中
   layoutPointGroup.addView(v);
  }

  // 计算应用打开时显示的第一项 Integer.MAX_VALUE /2 - 3=0
  int index = Integer.MAX_VALUE / 2 - 3;
  // 给mViewPager设置数据
  viewPager.setAdapter(new MyPagerAdapter());
  // 给mViewPager设置页面滑动事件
  viewPager.setOnPageChangeListener(new MyOnPageChangeListener());

  // 设置应用打开时显示的第一项,index的值为0
  // 使用这种方式得到的0,和直接写0有什么区别呢?
  // 直接写0,应用打开后不能直接向右滑动,因为viewpager中存image位置不能为负值,只能先向左滑动
  // 这种方式得到的0,可以实现应用一打开,就可以向右滑动
  viewPager.setCurrentItem(index);
 }

 private class MyPagerAdapter extends PagerAdapter {

  @Override
  public int getCount() {
   return Integer.MAX_VALUE;
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
   return view == object;
  }

  // 当一页滑出去的时候将它销毁
  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
   container.removeView(imageViewList.get(position % imageViewList.size()));
  }

  // 向容器中添加图片,由于我们要实现循环滑动的效果,所以要对position取模
  @Override
  public Object instantiateItem(ViewGroup container, int position) {
   container.addView(imageViewList.get(position % imageViewList.size()));
   return imageViewList.get(position % imageViewList.size());
  }
 }

 private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {

  // 开始
  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

  }

  // 进行时
  @Override
  public void onPageSelected(int position) {
   // 当页面滑动结束时,先对页面位置取模
   position = position % imageViewList.size();
   // 将上一个点的可用性设置为false
   layoutPointGroup.getChildAt(previousPoint).setEnabled(false);
   // 把当前点的可用性设置为true
   layoutPointGroup.getChildAt(position).setEnabled(true);
   // 把当前位置值赋值给previousPoint
   previousPoint = position;
  }

  // 结束
  @Override
  public void onPageScrollStateChanged(int state) {

  }
 }

 // 当activity销毁时,让线程停止
 @Override
 public void onDestroy() {
  isStop = true;
  super.onDestroy();
 }
}

具体功能实现可以看代码里的注释,写的十分详细了。

未选中的小圆点pointer_disable.xml:




 
 

 
 

选中时的小圆点pointer_focus.xml:




 

 

小圆点选择器:



 
 
 
 

关于怎么在Android中使用ViewPager实现一个滚动广告效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享标题:怎么在Android中使用ViewPager实现一个滚动广告效果
标题链接:http://csdahua.cn/article/pjcjsc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流