如何使新手引导页下面的小圆点随手指滑动而滑动？

最新推荐文章于 2018-08-01 13:49:45 发布

原创最新推荐文章于 2018-08-01 13:49:45 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android

android开发遇到的问题专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种实现新手引导页中小圆点随手指滑动而移动的方法。通过监听全局布局变化，在View可见并完成布局后获取小圆点间的间距，并在滑动时更新它们的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在做项目的时候，发现了很多app中新手引导页的下面的小圆点是写死在页面上的，这样给人的感觉很丑，我就在想，能不能让手滑动多少，小圆点就跟着滑动多少呢？
答案是肯定的，那么就会遇到第一个问题，如何获得这个view控件的宽和高？
我在做项目的时候是想在onCreate()方法中获取view的宽和高，然而在调用oncreate()方法时，界面处于不可见状态，内存加载组件还没有绘制出来，你是无法获取他的尺寸。
下面提供我的解决方法：

viewRedPoint.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
// 完成布局后会回调该方法, 该方法可能会被回调多次
@Override
public void onGlobalLayout() {
// 此方法只需要执行一次就可以: 把当前的监听事件从视图树中移除掉, 以后就不会在回调此事件了.
viewRedPoint.getViewTreeObserver().removeGlobalOnLayoutListener(this);
mPointWidth = llPointGroup.getChildAt(1).getLeft()-llPointGroup.getChildAt(0).getLeft();
System.out.println("间距: " + mPointWidth);
                    }
                });

我获得了两个小圆点的间距，那么在viewpager的setOnPageChangeListener的onPageScrolled方法中可以通过以下代码得到小圆点实时的距离左侧的距离：

int leftMargin = (int) (mPointWidth * (positionOffset + position));

通过以下代码设置它距离屏幕左边的距离：

RelativeLayout.LayoutParams lp = (android.widget.RelativeLayout.LayoutParams) viewRedPoint.getLayoutParams();
lp.leftMargin = leftMargin;
viewRedPoint.setLayoutParams(lp);

至此，效果达到！