Cómo seguir movimientos táctiles y de punteros

Prueba el estilo de Compose
Jetpack Compose es el kit de herramientas de IU recomendado para Android. Aprende a usar el tacto y la entrada en Compose.

En esta lección, se describe cómo realizar un seguimiento del movimiento en eventos táctiles.

Se activa un onTouchEvent() nuevo con un evento ACTION_MOVE cada vez que cambia la posición, la presión o el tamaño del contacto táctil actual. Como se describe en Cómo detectar gestos comunes, todos estos eventos se registran en el parámetro MotionEvent de onTouchEvent().

Debido a que el tacto con el dedo no siempre es la forma más precisa de interacción, la detección de eventos táctiles a menudo se basa más en el movimiento que en el simple contacto. Para ayudar a las apps a distinguir entre gestos basados en movimientos (como deslizar el dedo) y gestos sin movimiento (como un solo toque), Android incluye la noción de margen táctil. El margen táctil se refiere a la distancia en píxeles en los que el toque de un usuario puede oscilar antes de que se interprete el gesto como un gesto basado en movimiento. Para obtener más información sobre este tema, consulta Cómo administrar eventos táctiles en un ViewGroup.

Existen varias formas de rastrear el movimiento de un gesto, según las necesidades de tu aplicación. Estos son algunos ejemplos:

  • La posición inicial y final de un puntero, como mover un objeto en pantalla del punto A al punto B.
  • La dirección en la que viaja el puntero, según lo determinado por las coordenadas X e Y.
  • Historial. Puedes encontrar el tamaño del historial de un gesto llamando al método getHistorySize() de MotionEvent. Luego, puedes obtener las posiciones, los tamaños, el tiempo y las presiones de cada uno de los eventos históricos con los métodos getHistorical<Value> del evento de movimiento. El historial es útil cuando se renderiza un rastro del dedo del usuario, como en el dibujo táctil. Consulta la referencia de MotionEvent para obtener más información.
  • La velocidad del puntero a medida que se mueve por la pantalla táctil

Consulta los siguientes recursos relacionados:

Cómo hacer un seguimiento de la velocidad

Puedes tener un gesto basado en movimiento según la distancia o dirección que recorre el puntero. Sin embargo, la velocidad suele ser un factor determinante para hacer un seguimiento de las características de un gesto o decidir si este ocurrió. Para facilitar el cálculo de la velocidad, Android proporciona la clase VelocityTracker. VelocityTracker te ayuda a realizar un seguimiento de la velocidad de los eventos táctiles. Esto es útil para gestos en los que la velocidad es parte de los criterios del gesto, como un deslizamiento.

El siguiente es un ejemplo que ilustra el propósito de los métodos en la API de VelocityTracker:

Kotlin

private const val DEBUG_TAG = "Velocity"

class MainActivity : Activity() {
    private var mVelocityTracker: VelocityTracker? = null

    override fun onTouchEvent(event: MotionEvent): Boolean {

        when (event.actionMasked) {
            MotionEvent.ACTION_DOWN -> {
                // Reset the velocity tracker back to its initial state.
                mVelocityTracker?.clear()
                // If necessary, retrieve a new VelocityTracker object to watch
                // the velocity of a motion.
                mVelocityTracker = mVelocityTracker ?: VelocityTracker.obtain()
                // Add a user's movement to the tracker.
                mVelocityTracker?.addMovement(event)
            }
            MotionEvent.ACTION_MOVE -> {
                mVelocityTracker?.apply {
                    val pointerId: Int = event.getPointerId(event.actionIndex)
                    addMovement(event)
                    // When you want to determine the velocity, call
                    // computeCurrentVelocity(). Then, call getXVelocity() and
                    // getYVelocity() to retrieve the velocity for each pointer
                    // ID.
                    computeCurrentVelocity(1000)
                    // Log velocity of pixels per second. It's best practice to
                    // use VelocityTrackerCompat where possible.
                    Log.d("", "X velocity: ${getXVelocity(pointerId)}")
                    Log.d("", "Y velocity: ${getYVelocity(pointerId)}")
                }
            }
            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                // Return a VelocityTracker object back to be re-used by others.
                mVelocityTracker?.recycle()
                mVelocityTracker = null
            }
        }
        return true
    }
}

Java

public class MainActivity extends Activity {
    private static final String DEBUG_TAG = "Velocity";
        ...
    private VelocityTracker mVelocityTracker = null;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int index = event.getActionIndex();
        int action = event.getActionMasked();
        int pointerId = event.getPointerId(index);

        switch(action) {
            case MotionEvent.ACTION_DOWN:
                if(mVelocityTracker == null) {
                    // Retrieve a new VelocityTracker object to watch the
                    // velocity of a motion.
                    mVelocityTracker = VelocityTracker.obtain();
                }
                else {
                    // Reset the velocity tracker back to its initial state.
                    mVelocityTracker.clear();
                }
                // Add a user's movement to the tracker.
                mVelocityTracker.addMovement(event);
                break;
            case MotionEvent.ACTION_MOVE:
                mVelocityTracker.addMovement(event);
                // When you want to determine the velocity, call
                // computeCurrentVelocity(). Then call getXVelocity() and
                // getYVelocity() to retrieve the velocity for each pointer ID.
                mVelocityTracker.computeCurrentVelocity(1000);
                // Log velocity of pixels per second. It's best practice to use
                // VelocityTrackerCompat where possible.
                Log.d("", "X velocity: " + mVelocityTracker.getXVelocity(pointerId));
                Log.d("", "Y velocity: " + mVelocityTracker.getYVelocity(pointerId));
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                // Return a VelocityTracker object back to be re-used by others.
                mVelocityTracker.recycle();
                break;
        }
        return true;
    }
}

Cómo usar la captura del puntero

Algunas apps, como las de juegos y los clientes de escritorio remoto y virtualización, se benefician de tener el control del puntero del mouse. La captura de puntero es una función disponible en Android 8.0 (nivel de API 26) y versiones posteriores que proporciona este control, ya que entrega todos los eventos del mouse a una vista enfocada en tu app.

Cómo solicitar la captura del puntero

Una vista de tu app puede solicitar la captura del puntero solo cuando la jerarquía de vistas que la contiene está enfocada. Por este motivo, solicita la captura del puntero cuando hay una acción específica del usuario en la vista, como durante un evento onClick() o en el controlador de eventos onWindowFocusChanged() de tu actividad.

Para solicitar la captura del puntero, llama al método requestPointerCapture() en la vista. En el siguiente ejemplo de código, se muestra cómo solicitar la captura del puntero cuando el usuario hace clic en una vista:

Kotlin

fun onClick(view: View) {
    view.requestPointerCapture()
}

Java

@Override
public void onClick(View view) {
    view.requestPointerCapture();
}

Una vez que se realiza correctamente la solicitud para capturar el puntero, Android llama a onPointerCaptureChange(true). El sistema entrega los eventos del mouse a la vista enfocada de tu app siempre que esté en la misma jerarquía de vistas que la vista que solicitó la captura. Otras apps dejan de recibir eventos del mouse hasta que se libera la captura, incluidos los eventos ACTION_OUTSIDE. Android entrega los eventos del puntero de fuentes que no sean el mouse como siempre, pero el puntero del mouse ya no es visible.

Cómo controlar eventos del puntero capturados

Una vez que una vista adquiere correctamente la captura del puntero, Android entrega los eventos del mouse. Tu vista enfocada puede controlar los eventos mediante una de las siguientes tareas:

En el siguiente ejemplo de código, se muestra cómo implementar onCapturedPointerEvent(MotionEvent):

Kotlin

override fun onCapturedPointerEvent(motionEvent: MotionEvent): Boolean {
    // Get the coordinates required by your app.
    val verticalOffset: Float = motionEvent.y
    // Use the coordinates to update your view and return true if the event is
    // successfully processed.
    return true
}

Java

@Override
public boolean onCapturedPointerEvent(MotionEvent motionEvent) {
  // Get the coordinates required by your app.
  float verticalOffset = motionEvent.getY();
  // Use the coordinates to update your view and return true if the event is
  // successfully processed.
  return true;
}

En el siguiente ejemplo de código, se muestra cómo registrar un OnCapturedPointerListener:

Kotlin

myView.setOnCapturedPointerListener { view, motionEvent ->
    // Get the coordinates required by your app.
    val horizontalOffset: Float = motionEvent.x
    // Use the coordinates to update your view and return true if the event is
    // successfully processed.
    true
}

Java

myView.setOnCapturedPointerListener(new View.OnCapturedPointerListener() {
  @Override
  public boolean onCapturedPointer (View view, MotionEvent motionEvent) {
    // Get the coordinates required by your app.
    float horizontalOffset = motionEvent.getX();
    // Use the coordinates to update your view and return true if the event is
    // successfully processed.
    return true;
  }
});

Ya sea que uses una vista personalizada o registres un objeto de escucha, tu vista recibe un MotionEvent con coordenadas de puntero que especifican movimientos relativos, como deltas X o Y, similares a las coordenadas que entrega un dispositivo de bola de seguimiento. Para recuperar las coordenadas, puedes usar getX() y getY().

Cómo liberar la captura del puntero

La vista de tu app puede liberar la captura del puntero llamando a releasePointerCapture(), como se muestra en el siguiente ejemplo de código:

Kotlin

override fun onClick(view: View) {
    view.releasePointerCapture()
}

Java

@Override
public void onClick(View view) {
    view.releasePointerCapture();
}

El sistema puede quitar la captura de la vista sin llamar explícitamente a releasePointerCapture(), por lo general, porque la jerarquía de vistas que contiene la vista que las solicitudes capturan pierde el enfoque.