仿薄荷健康滑动卷尺效果，自定义滚动条显示的案例实现

正文

仿薄荷健康的滑动卷尺效果，是一个非常有趣并且实用的交互效果。它可以让用户在页面上滑动时，滚动条会以一种非常顺畅的方式跟随。这种效果在很多应用程序中都很常见，例如地图、新闻阅读器和音乐播放器。

实现原理

仿薄荷健康的滑动卷尺效果，是通过使用EdgeEffect实现的。EdgeEffect是一个Android中的类，它可以帮助我们实现滚动条的滑动效果。

EdgeEffect的实现原理如下：

1. 当用户开始滑动时，EdgeEffect会创建一个虚拟的滚动条。这个虚拟滚动条的长度与屏幕的长度相同。
2. 当用户滑动手指时，EdgeEffect会根据用户手指移动的距离，来更新虚拟滚动条的位置。
3. 当用户停止滑动时，EdgeEffect会根据虚拟滚动条的位置，来计算出滚动条的最终位置。
4. EdgeEffect会将滚动条的最终位置应用到真正的滚动条上。

实现步骤

仿薄荷健康的滑动卷尺效果，可以通过以下步骤实现：

1. 在布局文件中，创建一个ScrollView。
2. 在ScrollView中，添加一个ListView。
3. 在ListView中，添加一些数据。
4. 在ListView的onScrollChanged()方法中，调用EdgeEffect的onScroll()方法。
5. 在EdgeEffect的onScroll()方法中，根据用户手指移动的距离，来更新虚拟滚动条的位置。
6. 当用户停止滑动时，在EdgeEffect的onScroll()方法中，根据虚拟滚动条的位置，来计算出滚动条的最终位置。
7. 在EdgeEffect的onScroll()方法中，将滚动条的最终位置应用到真正的滚动条上。

代码示例

public class MyScrollView extends ScrollView {

    private EdgeEffect mEdgeEffect;

    public MyScrollView(Context context) {
        super(context);
        mEdgeEffect = new EdgeEffect(context);
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);

        if (t == 0) {
            mEdgeEffect.onPull(Math.abs(t - oldt) / (float) getHeight());
        } else if (t == getChildAt(0).getMeasuredHeight() - getMeasuredHeight()) {
            mEdgeEffect.onPull(Math.abs(t - oldt) / (float) getHeight());
        } else {
            mEdgeEffect.onPull(0);
        }

        invalidate();
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        if (mEdgeEffect != null) {
            // Draw the edge glow on top of the content.
            mEdgeEffect.setSize(getWidth(), getHeight());
            if (mEdgeEffect.isFinished()) {
                mEdgeEffect.onRelease();
            }
            mEdgeEffect.draw(canvas);
        }
    }
}

总结

仿薄荷健康的滑动卷尺效果，是一个非常有趣并且实用的交互效果。它可以让用户在页面上滑动时，滚动条会以一种非常顺畅的方式跟随。这种效果在很多应用程序中都很常见，例如地图、新闻阅读器和音乐播放器。

我们可以通过使用EdgeEffect来实现仿薄荷健康的滑动卷尺效果。EdgeEffect是一个Android中的类，它可以帮助我们实现滚动条的滑动效果。EdgeEffect的实现原理是创建一个虚拟的滚动条，然后根据用户手指移动的距离来更新虚拟滚动条的位置。当用户停止滑动时，EdgeEffect会根据虚拟滚动条的位置来计算出滚动条的最终位置，并将滚动条的最终位置应用到真正的滚动条上。