ViewPager无限轮播

原创 2016年06月01日 14:41:26

MAinActivity代码

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 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);
        }
    }
}

//adapter代码

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);
    }
}
Drawable代码

  <corners android:radius="8dp" />
    <solid android:color="#fff"/>

布局

 <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

    <LinearLayout
        android:id="@+id/ll_dot"
        android:layout_width="match_parent"
        android:gravity="center"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        
        android:layout_alignBottom="@id/viewPager" >
    </LinearLayout>


版权声明:本文为博主原创文章,未经博主允许不得转载。

Android中可无限循环轮播的ViewPager

  • 2017年03月19日 20:56
  • 26.61MB
  • 下载

ViewPager实现图片的自动轮播和无限循环

在开发的时候想做个图片的轮播,在网上找了一些资料,发现不符合我个人的习惯,然后就自己写了个,还是直接贴上代码吧... DishDetailActivity.java import java.util...

ViewPager轮播图片无限循环(一)

  • 2014年11月20日 16:53
  • 2.8MB
  • 下载

ViewPager广告条无限轮播

  • 2016年01月16日 00:50
  • 4.05MB
  • 下载

自定义ViewPager实现图片自动轮播无限循环

Viewpager图片自动轮播无限循环是Android开发中经常用到的功能,功能实现起来也比较简单。虽然如此,但是很多情况下做出来的效果并不太让人满意,甚至有些上线的项目自动轮播上也会出现一些bug。...

viewpager+handle自动无限轮播广告条

  • 2016年09月11日 15:29
  • 359KB
  • 下载

ViewPager图片自动+手动左右无限轮播

写在前面: 最近做的一个小项目有图片轮播的需求,各种查资料发现大部分都是通过设置adapter的getCount方法返回Integer.MAX_VALUE实现的。很显然,这种方法有很多弊端,比如很容...

Android无限轮播Viewpager

  • 2016年07月14日 14:07
  • 4.86MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ViewPager无限轮播
举报原因:
原因补充:

(最多只允许输入30个字)