轮播控件RollViewPager的简单使用

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

请叫我空空大人

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

阅读量638

点赞数

CC 4.0 BY-SA版权

分类专栏：我的Android之路文章标签：图片轮播 RollViewPager

本文链接：https://blog.youkuaiyun.com/wen_haha/article/details/83794956

我的Android之路专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一款名为RollViewPager的图片轮播控件，它简化了图片轮播功能的实现过程。通过在Gradle中引入包并设置布局属性，如播放延迟、指示器样式等，可以轻松创建轮播效果。文章还提供了三种适配器的实现代码，包括静态、动态和无限循环的Adapter。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们在项目中经常会用到图片轮播，以前实现图片轮播的功能用的都是viewpager，实现比较麻烦，代码要写一大堆。而在github上很多大神整理了很多轮播的控件，我们这篇博客就来介绍一下RollViewPager的使用，简单方便又快捷。

对RollViewPager有兴趣，或者希望更深入学习的可以直接去github下载源码学习：

https://github.com/Jude95/RollViewPager

效果就先不给大家展示了，大家可以下载我的代码运行看一下小效果。

首先我们要在gradle中导入包： compile ‘com.jude:rollviewpager:1.3.2’

layout布局

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

app:rollviewpager_play_delay = "3000" 单位是ms，默认是0。
app:rollviewpager_hint_gravity = "center" 中、左、右,默认中心。
app:rollviewpager_hint_color = "#7c7c7c“ 颜色指示器。默认是黑色的。
app:rollviewpager_hint_alpha = "80" 指示器背景透明度。0全透明，255不透明。默认0
app:rollviewpager_hint_paddingLeft="16dp" 指示器左边距
app:rollviewpager_hint_paddingRight="16dp" 指示器右边距
app:rollviewpager_hint_paddingTop="16dp" 指示器上边距
app:rollviewpager_hint_paddingBottom="16dp" 指示器下边距
通常我们只需要设置app:rollviewpager_play_delay就可以

代码实现

 //设置播放时间间隔
        mRollViewPager.setPlayDelay(2000);
        //设置透明度
        mRollViewPager.setAnimationDurtion(500);
        //设置适配器
        mRollViewPager.setAdapter(new TestNormalAdapter());
        //设置指示器（顺序依次）
        //自定义指示器图片
        //设置圆点指示器颜色
        //设置文字指示器
        //隐藏指示器
        //mRollViewPager.setHintView(new IconHintView(this, R.drawable.point_focus, R.drawable.point_normal));
        mRollViewPager.setHintView(new ColorPointHintView(this, Color.YELLOW, Color.WHITE));
        //mRollViewPager.setHintView(new TextHintView(this));
        //mRollViewPager.setHintView(null);

关于适配器

一共提供了三种适配器

StaticPagerAdapter:

存储页面的Adapter。实现代码如下:

 private class TestNormalAdapter extends StaticPagerAdapter {

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

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

    class OnClick implements View.OnClickListener{
        int index;

        OnClick(int index){
            this.index=index+1;
        }

        @Override
        public void onClick(View view) {
            System.out.println("第"+index+"张");
        }
    }

DynamicPagerAdapter (跟以上Adapter用法一样)

动态的Adapter。

LoopPagerAdapter

无限循环的Adapter。无限循环上采用的是getCount返回int大数的方法。实现代码如下:

private class TestNormalAdapter extends LoopPagerAdapter {


        public TestNormalAdapter(RollPagerView viewPager) {
            super(viewPager);
        }

        @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 getRealCount() {
            return imgs.length;
        }
    }

以上就是本文的全部内容，希望对大家的学习有所帮助。

优快云:

https://download.youkuaiyun.com/download/wen_haha/10768868

Github:

https://github.com/kongkongdaren/RollViewPager