美文网首页
Indicatorview--轮播图指示器

Indicatorview--轮播图指示器

作者: 极简coder | 来源:发表于2017-09-15 14:56 被阅读153次

    Android 封装--IndicatorView--轮播图指示器

    作者:

    使用场景

    大多数App里都会有Banner轮播的效果,Android中实现此类功能一般是ViewPager配合Indicator指示器,实现滑动效果,配合定时器实现自动轮播及无限轮播效果,此类控件网上也有很多,最有名的要数JakeWharton大神的ViewPagerIndicator
    此处实现的简单的ViewPager和Indicator联动及自动轮播,只有一个自定义View实现指示器功能,实现measure和layout,不需要太多的东西。

    功能描述

    通过自定义View实现Indicator的绘制及布局,提供设置ViewPager的方法,实现ViewPager与Indicator联动,通过Handler发送延时任务实现自动轮播,通过反射修改翻页时间。提供自定义属性设置默认选中项,指示器间距,以及指示器图片资源。

    • 关联ViewPager
    /** @param realSize 实际数据大小,通过设置Integer.MAX_VALUE实现无限轮播,需要实际大小*/
    public void setUpWithViewPager(ViewPager pager, int realSize) {
        this.viewPager = pager;
        pager.addOnPageChangeListener(this);
        PagerAdapter pagerAdapter = pager.getAdapter();
        if(pagerAdapter == null) {
            throw new RuntimeException("setAdapter must be call before");
        }
        if(pagerAdapter.getCount() <= 1) {
            this.setVisibility(GONE);
        } else {
            this.setVisibility(VISIBLE);
            setSelection(0);
        }
    }
    
    • 修改翻页时间
    try {
        Field mField = ViewPager.class.getDeclaredField("mScroller");
        mField.setAccessible(true);
        FixedSpeedScroller mScroller = new FixedSpeedScroller(viewPager.getContext(), new AccelerateInterpolator());
        mField.set(viewPager, mScroller);
    } catch (Exception e) {
        e.printStackTrace();
    }
    
    private static class FixedSpeedScroller extends Scroller {
            private int mDuration = 500;
    
            public FixedSpeedScroller(Context context) {
                super(context);
            }
    
            public FixedSpeedScroller(Context context, Interpolator interpolator) {
                super(context, interpolator);
            }
    
            @Override
            public void startScroll(int startX, int startY, int dx, int dy, int duration) {
                // Ignore received duration, use fixed one instead
                super.startScroll(startX, startY, dx, dy, mDuration);
            }
    
            @Override
            public void startScroll(int startX, int startY, int dx, int dy) {
                // Ignore received duration, use fixed one instead
                super.startScroll(startX, startY, dx, dy, mDuration);
            }
    
            public void setDuration(int time) {
                mDuration = time;
            }
    
        }
    
    • 布局中使用
    <com.adinnet.widget.IndicatorView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:indicator="@mipmap/icon_delete"
        app:selection="1"
        app:interval="10dp"/>
    

    添加依赖

    • 在Project的gradle添加仓库地址
    repositories {
    //        jcenter()
        maven{url "http://10.40.255.100:8081/artifactory/libs-release-local"}
        maven{url "http://10.40.255.100:8081/artifactory/jcenter"}
    }
    
    • 在主项目的gradle添加依赖
    dependencies {
        compile 'com.adinnet.widget:indicatorview:1.0.0'
    }
    

    相关文章

      网友评论

          本文标题:Indicatorview--轮播图指示器

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