App引导页的实现带圆点指示器

项目中经常会用到引导页，鉴于此。
今天把项目上用到的一些自定义控件给拆了，然后来写一些demo目的是强化这方面的知识，先看图

再来看代码。
首先编写attrs文件代码如下：

<resources>

    <declare-styleable name="DotIndicator">
        <attr name="distance" format="dimension" />
    </declare-styleable>
</resources>

distance为圆点间的距离

实现类DotIndicator 继承LinearLayout

public class DotIndicator extends LinearLayout implements ViewPager.OnPageChangeListener {
   
    private static final int DEFAULT_DISTANCE = 6;
    private int oldPosition = -1;
    private int distance = 0;

    private ViewPager viewPager;

    public DotIndicator(Context context) {
        this(context, null);
    }

    public DotIndicator(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DotIndicator(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.DotIndicator);
        distance = array.getDimensionPixelSize(R.styleable.DotIndicator_distance,
                UIUtill.dp2px(context, DEFAULT_DISTANCE));
        array.recycle();
        init();
    }

    private void init() {
//        设置横向
        setOrientation(LinearLayout.HORIZONTAL);
        if (!(getLayoutParams() instanceof FrameLayout.LayoutParams)) {
            FrameLayout.LayoutParams params = new FrameLayout.Layout