红点移动的原理

/**
* 红点移动的原理
* view.leftMargin = 动态的值
* 要计算点的间距 = 第一个点距离左边的距离 - 第零个点距离左边的距离
* 点滑动的距离 ：间距 = 屏幕滑动的距离 ：屏幕的宽 = 0.5 = 移动屏幕的百分比
*
* 所有公式：
* 点滑动的的距离 ：点的间距 = 移动屏幕的百分比
* 点滑动的距离 = 点的间距 * 移动屏幕的百分比
* 点移动的坐标 = 原来的坐标 + 点滑动的距离
*
* 已知的值有:
* 移动屏幕的百分比。【ViewPager有一个方法可以知道滑动屏幕的百分比】
* 点的间距
*/

    //计算间距
    //一个view控件从创建到显示过程中经历的方法：构造方法 -> onMeasure -> onLayout -> onDraw
    //onLayout:在这个阶段肯定有距离了
    //getViewTreeObserver:得到视图树的观察者
    //addOnGlobalLayoutListener：添加监听器在全局布局中
    iv_red_point.getViewTreeObserver().addOnGlobalLayoutListener(new MyOnGlobalLayoutListener());

    //监听viewpager页面的改变
    viewpager_guide.addOnPageChangeListener(new MyOnPageChangeListener());
}

//实现OnPageChangeListener接口 【滑动viewpager相应的小红点也发生改变】
class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {

    /**
     * 当页面滚动的时候回调此方法
     * @param position  当前页面的位置
     * @param positionOffset  位置偏移量：在屏幕上移动的百分比
     * @param positionOffsetPixels  像素位置偏移： 屏幕上移动的像素
     */
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        Log.e(TAG, "position：当前页面的位置==" + position
                + ",positionOffset:在屏幕上移动的百分比==" + positionOffset
                + ",positionOffsetPixels:屏幕上移动的像素==" + positionOffsetPixels);

        //点滑动的间距 = 间距 * 移动屏幕的百分比
        float point_distance = margLeft * positionOffset;

        //点移动的坐标 = 原来的坐标 + 点滑动的距离
        point_distance = position * margLeft + margLeft * positionOffset;

        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(10,10);
        params.leftMargin = (int) point_distance;
        iv_red_point.setLayoutParams(params);
    }

    /**
     * 当选中某个页面的时候回调此方法
     * @param position  页面的位置
     */
    @Override
    public void onPageSelected(int position) {
        Log.e(TAG, "position：选中页面的位置==" + position);
    }

    /**
     * 当页面滑动状态发生改变的时候回调此方法
     * @param state
     */
    @Override
    public void onPageScrollStateChanged(int state) {
        Log.e(TAG, "state：当页面滑动状态发生改变的时候回调此方法==" + state);
    }
}

//实现ViewTreeObserver.OnGlobalLayoutListener接口
class MyOnGlobalLayoutListener implements ViewTreeObserver.OnGlobalLayoutListener {
    @Override
    public void onGlobalLayout() {

        //得到一次立刻反注册
        iv_red_point.getViewTreeObserver().removeGlobalOnLayoutListener(this);

        //要计算点的间距 = 第一个点距离左边的距离 - 第零个点距离左边的距离
        margLeft = ll_point_group.getChildAt(1).getLeft() - ll_point_group.getChildAt(0).getLeft();
        Log.e(TAG, "两点间距margLeft=="+margLeft);
    }
}