/**
* 红点移动的原理
* 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);
}
}