Android图片无限轮播的实现代码

本文实例为大家分享了AnAndroid图片无限轮播的具体代码,供大家参考,具体内容如下

public class MainActivity extends Activity {

  private ViewPager viewPager;
  private LinearLayout ll_dot;
   private String[] imageUrls = new String[] {
  "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg",
   "http://pic2.nipic.com/20090424/1468853_230119053_2.jpg",
   "http://img3.3lian.com/2013/s1/20/d/57.jpg",
  "http://pic39.nipic.com/20140226/18071023_164300608000_2.jpg",
  "http://a0.att.hudong.com/15/08/300218769736132194086202411_950.jpg" };

  //private String[] imageUrls = new String[] {
      //"http://192.168.230.1:8080/ab.jpg",
      //"http://192.168.230.1:8080/ae.jpg",
      //"http://192.168.230.1:8080/af.jpg",
      //"http://192.168.230.1:8080/ah.jpg" };

  private ArrayList<ImageView> viewList;
  private ArrayList<ImageView> dotList;
  Handler handler = new Handler() {
    public void handleMessage(android.os.Message msg) {
      // 先去获取到当前条目索引
      int currentItem = viewPager.getCurrentItem();
      // 条目索引+1
      currentItem++;
      // 重新设置给viewPager
      viewPager.setCurrentItem(currentItem);
      // 再调用发延时消息的方法
      sendDelayMessage();
    };
  };

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    viewPager = (ViewPager) findViewById(R.id.viewPager);
    ll_dot = (LinearLayout) findViewById(R.id.ll_dot);
    // 初始化图片
    initViewList();
    // 初始化小圆点
    initDots();
    // 设置数据适配器
    viewPager.setAdapter(new MyPagerAdapter(this, viewList, handler));
    // 设置初始的展示条目
    viewPager.setCurrentItem(viewList.size() * 100000);
    // 设置延时切换
    sendDelayMessage();

    // 监听viewPager的一个滑动事件
    viewPager.setOnPageChangeListener(new OnPageChangeListener() {
      @Override
      public void onPageSelected(int position) {
        // 遍历小点的集合
        for (int i = 0; i < dotList.size(); i++) {
          // 如果当前的索引值和i相等
          if (position % dotList.size() == i) {
            // 设置小点为亮色
            dotList.get(i).setImageResource(R.drawable.dot_focuse);
          } else {
            // 否则暗色
            dotList.get(i).setImageResource(R.drawable.dot_normal);
          }
        }
      }

      @Override
      public void onPageScrolled(int arg0, float arg1, int arg2) {

      }

      @Override
      public void onPageScrollStateChanged(int arg0) {

      }
    });
  }

  /**
   * 发送延时消息
   */
  private void sendDelayMessage() {
    handler.sendEmptyMessageDelayed(0, 2000);
  }

  private void initDots() {
    // 创建一个装小点控件的集合
    dotList = new ArrayList<ImageView>();
    dotList.clear();
    for (int i = 0; i < imageUrls.length; i++) {
      ImageView imageView = new ImageView(this);
      if (i == 0) {
        // 如果是第一张,默认给一个亮的小点
        imageView.setImageResource(R.drawable.dot_focuse);
      } else {
        // 如果不是滴一个,默认给一个暗的小点
        imageView.setImageResource(R.drawable.dot_normal);
      }
      // 设置小点的默认宽高为20dp
      LayoutParams params = new LayoutParams(20, 20);
      // 设置小点的间距
      params.setMargins(5, 0, 5, 0);
      ll_dot.addView(imageView, params);
      // 往小点集合中添加view
      dotList.add(imageView);
    }
  }

  private void initViewList() {
    // 先使用xutils的工具类
    BitmapUtils bitmapUtils = new BitmapUtils(this);
    viewList = new ArrayList<ImageView>();
    for (int i = 0; i < imageUrls.length; i++) {
      // 创建imageView 并通过工具类将图片设置到控件上
      ImageView imageView = new ImageView(this);
      bitmapUtils.display(imageView, imageUrls[i]);
      viewList.add(imageView);
    }
  }
}

适配器

public class MyPagerAdapter extends PagerAdapter {
  private List<ImageView> viewList;
  private Context context;
  private Handler handler;

  public MyPagerAdapter(Context context, List<ImageView> viewList,
      Handler handler) {
    this.context = context;
    this.viewList = viewList;
    this.handler = handler;
  }

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

  @Override
  public boolean isViewFromObject(View arg0, Object arg1) {
    return arg0 == arg1;
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
    // 通过控件集合获取imageView 添加到容器中,并作为key 返回
    ImageView imageView = viewList.get(position % viewList.size());
    imageView.setOnTouchListener(new OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        // 当按下的时候,停止轮播
        case MotionEvent.ACTION_DOWN:
          // 移除所有的回调和消息
          handler.removeCallbacksAndMessages(null);
          break;
        // 抬起
        case MotionEvent.ACTION_UP:
          handler.sendEmptyMessageDelayed(0, 2000);
          break;
        // 取消的时候,继续开始录播
        case MotionEvent.ACTION_CANCEL:
          handler.sendEmptyMessageDelayed(0, 2000);
          break;
        default:
          break;
        }
        //触摸事件不被消费,true 消费该触摸事件
        return true;
      }
    });
    container.addView(imageView);
    return imageView;
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
    // super.destroyItem(container, position, object);
    container.removeView((View) object);
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android ViewPager实现自动无限轮播和下方向导圆点

    一.布局 小圆点形状的生成shape.xml文件 使用空心还是实心的把对应的注释去掉就可以了. <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" android:useLevel="false&quo

  • RollViewPager无限轮播使用方法详解

    支持无限循环. 触摸时会暂停播放,直到结束触摸一个延迟周期以后继续播放. 看起来就像这样.指示器可以为点可以为数字还可以自定义,位置也可以变.. 主要操作过程: 1.在gradle中导入包: compile 'com.jude:rollviewpager:1.2.9' 2.设置播放时间间隔.透明度.指示器(指示器可以是默认原点,数字,也可以自定义图片) 3.设置适配器,本demo中是StaticPagerAdapter,这个比较简单,用的比较多,有其他需要的可以看github源码. 主要需要设置

  • Android图片无限轮播的实现代码

    本文实例为大家分享了AnAndroid图片无限轮播的具体代码,供大家参考,具体内容如下 public class MainActivity extends Activity { private ViewPager viewPager; private LinearLayout ll_dot; private String[] imageUrls = new String[] { "http://pic8.nipic.com/20100701/5290458_114840036316_2.jpg&

  • 一行iOS代码实现图片无限轮播器

    最近一直在找实现图片无限轮播的方法,在网上也看了不少方法,大都不太合适,最终看到某IT培训公司一位讲师用 UICollectionView:一行代码实现图片无限轮播器的方法,当然想一行代码实现轮播功能,前期还是有一些工作要做.下面就把这个方法分享给大家! 一.图片无限轮播实现效果图: 图片无限轮播.gif 二.实现原理与分析: 假设有三张图片0.1.2,想要实现无限轮播,我们可以将UICollectionView的cell个数设为图片的个数 x 3,也就是把三张图片重复添加到9个cell中,可以

  • swiper 自动图片无限轮播实现代码

    完整代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="swiper/css/swiper-3.4.2.min.css" rel="external nof

  • IOS图片无限轮播器的实现原理

    首先实现思路:整个collectionView中只有2个cell.中间始终显示第二个cell. 滚动:向前滚动当前cell的脚标为0,向后滚动当前的cell脚标为2.利用当前cell的脚标减去1,得到+1,或者-1,来让图片的索引加1或者减1,实现图片的切换. 声明一个全局变量index来保存图片的索引,用来切换显示在当前cell的图片. 在滚动前先让显示的cell的脚标变为1.代码viewDidLoad中设置 完成一次滚动结束后,代码再设置当前的cell为第二个cell(本质上就是让当前显示的

  • Android首页无限轮播功能的示例代码

    最近工作不是很忙,也跟大神学习下总结一些小的技术点: 对于一个App几乎都有Banner广告功能,也就是我们常见的轮播图,当然目前市场第三方框架已经非常成熟了,尤其是youth5201314/banner这里有github地址也可以学习下:https://github.com/youth5201314/banner.git 那么下面给大家介绍我的一些总结: 首先分析下轮播图的设计 多张轮播图定时效果 指示点以及每张图片的文字说明 实现无限轮播,可滑动,图片点击事件 开始布局: <Relative

  • Android viewpager无限轮播获取网络图片功能

    本文实例为大家分享了viewpager无限轮播获取网络图片的具体代码,供大家参考,具体内容如下 话不多说直接上代码,你们都懂的 小圆点属性 dot_focused.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="recta

  • Android实现图片轮播切换实例代码

    利用Android的ViewFlipper和AnimationUtils实现图片带有动画的轮播切换,其中当点击"上一张"图片时,切换到上一张图片:当点击"下一张"图片时,切换到下一张图片.其效果图如下: 设置布局文件,其内容如下: activity_image_flipper_shade.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm

  • android实现banner轮播图无限轮播效果

    本文实例为大家分享了banner轮播图无限轮播效果的具体代码,供大家参考,具体内容如下 效果展示 第一步(权限配置) <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission andr

  • Android实现图片文字轮播特效

    本文实例讲解了Android实现图片文字轮播特效的详细代码,分享给大家供大家参考,具体内容如下 图片轮播是类似知乎日报上的一个轮播效果,如下图. 好了直接进入正题,首先是出示一下效果: MainActivity: import java.util.ArrayList; import java.util.List; import java.util.concurrent.Executors; import java.util.concurrent.ScheduledExecutorService;

  • Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)

    前言:经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环.本以为单纯的ViewPager就可以实现这些功能.但是蛋疼的事情来了,ViewPager并不支持循环翻页.所以要实现循环还得需要自己去动手.自己在网上也找了些例子,本博文的Demo是结合自己找到的一些相关例子的基础上去改造,也希望对读者有用. Demo实现的效果图如下: Demo代码: 工程目录如下图: 废话不多说,上代码. 1.主Activity代码如下: package com.stevenhu.and

随机推荐