美文网首页
自动滑动控件AutoScrollViewPager

自动滑动控件AutoScrollViewPager

作者: 欧阳锋 | 来源:发表于2016-09-05 15:18 被阅读1247次

支持自动滑动的ViewPager控件, 可以用于广告图轮播, 但不限于图片轮播, 该控件继承了ViewPager的强大基因
可以定义任意布局. 控件使用经典的Adapter模型对页面及指示器进行样式定制, 可以实现完全自由的定制.

基本用法

  1. 将library库以module形式导入到你的Android Studio工程中

  2. 在布局文件中集成AutoScrollViewPager

<me.foji.widget.AutoScrollViewPager
    android:layout_width="match_parent"
    android:layout_height="160dp"
    app:autoScrollEnable="true"
    android:id="@+id/viewPager"/\>
  1. 设置你的AutoScrollPagerAdapter, 对轮播页面进行定义
final int[] images = {R.drawable.cat1,R.drawable.cat2};
mViewPager.setAdapter(new AutoScrollPagerAdapter() {
    @Override
    public void onBindView(View itemView, int position) {
        ((ImageView)itemView).setImageResource(images[position]);
    }
    @Override
    public int getCount() {
        return images.length;
    }
    @Override
    public int onLayoutId() {
        return R.layout.image_view;
    }
});
  1. 开启自动轮播
mViewPager.autoScroll();

以上4步操作,就已经完成了该控件的集成,并开启了自动轮播.

该控件支持的自定义属性有:

app: autoScrollEnable ==> 是否开启自动滚动
app: timeInterval ==> 滚动时间间隔 单位:ms
app: indictorVisibleInSingle ==> 设置单页指示器是否显示(默认不显示)
app: indictorBottomMargin ==> 页面指示器 Bottom Margin
app: indictorSpace ==> 指示器间隔
app: indictorVisible ==> 是否显示页面指示器

如需要更多的自定义, 请参考demo代码

Github地址: 猛戳这里

欢迎加入Kotlin交流群

如果你喜欢Kotlin语言,欢迎加入Kotlin交流群: 2840094811 ,一起来参与Kotlin语言的推广工作。

敬请期待

更多开源工程正在持续开发当中,敬请期待!

相关文章

网友评论

      本文标题:自动滑动控件AutoScrollViewPager

      本文链接:https://www.haomeiwen.com/subject/eaprettx.html