基于RollPagerView实现图片轮播功能

最新推荐文章于 2024-04-10 09:55:50 发布

凉菇凉

最新推荐文章于 2024-04-10 09:55:50 发布

阅读量322

点赞数

分类专栏： Android 文章标签： rollpagerview viewpager android

本文链接：https://blog.csdn.net/qq_31927865/article/details/79928364

版权

Android 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

各大电商app，新闻类app均有图片轮播的功能，自己写代码可以通过viewpager来实现，但实现起来非常不方便，要写一堆的代码。然而，业界有很多第三方的组件可以实现轮播的功能，何必自己再造车轮子？下面介绍如何基于RollPagerView实现图片轮播效果。

首先在gradle中导入包

  compile ('com.jude:rollviewpager:1.2.9') {
        exclude module: 'support-v4'
        exclude group: 'com.android.support'
    }

这里注意如果不出去v4包会和项目中的起冲突报错。

直接在xml中添加：

   <com.jude.rollviewpager.RollPagerView
            android:id="@+id/roll_view_pager"
            android:layout_width="match_parent"
            android:layout_height="180dp"
            app:rollviewpager_play_delay="3000"/>

最后就是在activity中实现功能啦：

  private void initialize(){
        //设置播放时间间隔
        mRollViewPager.setPlayDelay(1000);
        //设置透明度
        mRollViewPager.setAnimationDurtion(500);
        //设置适配器
        mRollViewPager.setAdapter(new TestNormalAdapter());

        //设置指示器（顺序依次）
        //自定义指示器图片
        //设置圆点指示器颜色
        //设置文字指示器
        //隐藏指示器
        //mRollViewPager.setHintView(new IconHintView(this, R.drawable.point_focus, R.drawable.point_normal));
        mRollViewPager.setHintView(new ColorPointHintView(getActivity(), Color.RED,Color.WHITE));
        //mRollViewPager.setHintView(new TextHintView(this));
        //mRollViewPager.setHintView(null);
    }

    private class TestNormalAdapter extends StaticPagerAdapter {
        private int[] imgs = {
                R.drawable.img1,
                R.drawable.img2,
                R.drawable.img3,
                R.drawable.img4,
        };


        @Override
        public View getView(ViewGroup container, int position) {
            ImageView view = new ImageView(container.getContext());
            view.setImageResource(imgs[position]);
            view.setScaleType(ImageView.ScaleType.CENTER_CROP);
            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            return view;
        }


        @Override
        public int getCount() {
            return imgs.length;
        }
    }