Как сделать вид, следуя за моим пальцем, используя onScroll и GestureDetector - Android - PullRequest
Новая
       23

Как сделать вид, следуя за моим пальцем, используя onScroll и GestureDetector - Android

9 голосов
/ 04 февраля 2012

У меня есть RelativeLayout с TextView в середине. У меня есть его для обнаружения событий onFling, onDown и onScroll с помощью SimpleOnGestureListener ().

Я бы хотел, чтобы TextView следовал за моим пальцем по экрану (может быть только по оси x), и когда я поднимаю палец для его анимации, либо из экрана, либо обратно в середину (в зависимости от того, как далеко Я переместил это).

1 Ответ

15 голосов
/ 18 июня 2012

Это то, что я обычно делаю в этих случаях.

Прежде всего, ваш метод 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, чтобы управлять возвратом текста при возврате пальца.

...