如何使用 onScroll 和 GestureDetector 让视图跟随我的手指 - Android

Question

我有一个relativelayout，中间有一个textview。我已经使用 SimpleOnGestureListener() 检测 onFling、onDown 和 onScroll 事件。

我希望 TextView 跟随我的手指在屏幕上移动（可以只是在 x 轴上），当我抬起手指时，动画要么离开屏幕，要么回到中间（取决于我已经移动了多远）移动了它）。

Answer 1

这就是我在这些情况下通常所做的。

首先，您的 onScroll 方法应如下所示：

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
{
    // Make sure that mTextView is the text view you want to move around

    if (!(mTextView.getLayoutParams() instanceof MarginLayoutParams))
    {
        return false;
    }

    MarginLayoutParams marginLayoutParams = (MarginLayoutParams) mTextView.getLayoutParams();

    marginLayoutParams.leftMargin = (int) marginLayoutParams.leftMargin - distanceX;
    marginLayoutParams.topMargin = (int) marginLayoutParams.topMargin - distanceY;

    mTextView.requestLayout();

    return true;
}

我们将 leftMargin 和 topMargin 修改为相当于滚动距离的量。

接下来，要使文本视图以动画方式返回到其原始位置，您需要在事件为 ACTION_UP 或 ACTION_CANCEL 时执行此操作：

@Override
public boolean onTouch(View arg0, MotionEvent event)
{
    if (event.getActionMasked() == MotionEvent.ACTION_UP || event.getActionMasked() == MotionEvent.ACTION_CANCEL)
    {
        snapBack();
    }
    return mScrollDetector.onTouchEvent(event);
}

然后在 snapBack 方法中，我们以动画方式返回文本视图：

private void snapBack ()
{
    if (mTextView.getLayoutParams() instanceof MarginLayoutParams)
    {
        final MarginLayoutParams marginLayoutParams = (MarginLayoutParams) mTextView.getLayoutParams();

        final int startValueX = marginLayoutParams.leftMargin;
        final int startValueY = marginLayoutParams.topMargin;
        final int endValueX = 0;
        final int endValueY = 0;

        mTextView.clearAnimation();

        Animation animation = new Animation()
        {
            @Override
            protected void applyTransformation(float interpolatedTime, Transformation t)
            {
                int leftMarginInterpolatedValue = (int) (startValueX + (endValueX - startValueX) * interpolatedTime);
                marginLayoutParams.leftMargin = leftMarginInterpolatedValue;

                int topMarginInterpolatedValue = (int) (startValueY + (endValueY - startValueY) * interpolatedTime);
                marginLayoutParams.topMargin = topMarginInterpolatedValue;

                mTextView.requestLayout();
            }
        };
        animation.setDuration(200);
        animation.setInterpolator(new DecelerateInterpolator());
        mTextView.startAnimation(animation);
    }
}

应该可以！您可以修改 endValueX 和 endValueY 变量来控制当您松开手指时文本视图返回的位置。