![](https://developer.android.com/static/images/about/versions/13/predictive-back-nav-home.gif?authuser=8&hl=es)
Android 14 (nivel de API 34) agrega compatibilidad con animaciones del sistema adicionales y APIs para crear animaciones personalizadas. Para obtener más información, consulta Se agregó compatibilidad con animaciones de atrás predictivo integradas y personalizadas.
Por ejemplo, con un gesto atrás, se puede mostrar una vista previa animada de la pantalla principal detrás de la app, como se muestra en la simulación de la Figura 1. A partir de Android 13, puedes probar esta animación de regreso a la página principal habilitando una opción para desarrolladores (como se describe en esta página).
Para admitir el gesto atrás predictivo, se requiere actualizar la app, con OnBackPressedCallback
AppCompat 1.6.0-alpha05 (AndroidX) retrocompatible o una API posterior, o bien con la nueva API de plataforma OnBackInvokedCallback
. La mayoría de las apps usarán la API de AndroidX retrocompatible.
Esta actualización proporciona una ruta de migración para interceptar correctamente la navegación hacia atrás, lo que implica reemplazar las interceptaciones de retroceso de KeyEvent.KEYCODE_BACK
y cualquier clase con métodos onBackPressed
, como Activity
y Dialog
con las nuevas APIs de retroceso del sistema.
Codelab y video de Google I/O
Además de usar la documentación en esta página, prueba nuestro codelab. Este proporciona una implementación de casos de uso común de un WebView que controla el gesto atrás predictivo mediante las APIs de actividad de AndroidX.
También puedes ver nuestro video de Google I/O, que abarca ejemplos adicionales sobre la implementación de AndroidX y las APIs de la plataforma.
Actualiza una app que usa la navegación hacia atrás predeterminada
Actualizar tu app para que sea compatible con esta función es sencillo si esta no implementa ningún comportamiento de navegación hacia atrás personalizada (es decir, permite que el sistema continúe controlando este tipo de navegación). Habilita esta función como se describe en esta guía.
Si tu app usa Fragments o el componente Navigation, también actualiza a AndroidX Activity 1.6.0-alpha05 o versiones posteriores.
Actualiza una app que usa una navegación hacia atrás personalizada
Si tu app implementa un comportamiento de navegación hacia atrás personalizada, existen diferentes rutas de migración en función de si usa AndroidX y cómo controla este tipo de navegación.
Tu app usa AndroidX | Cómo tu app controla la navegación hacia atrás | Ruta de migración recomendada (vínculo en esta página) |
Sí | APIs de AndroidX | Migra una implementación actual de AndroidX |
APIs de plataforma no compatibles | Migra una app de AndroidX que contiene APIs de navegación hacia atrás no compatibles a las APIs de AndroidX | |
No | APIs de plataforma no compatibles, que se pueden migrar | Migra una app que usa APIs de navegación hacia atrás no compatibles a las APIs de la plataforma |
APIs de plataforma no compatibles, pero que no se pueden migrar | No habilites la función hasta que esta se convierta en obligatoria |
Migra una implementación de navegación hacia atrás de AndroidX
Este caso de uso es el más común (y el más recomendado). Se aplica a apps nuevas o existentes que implementan el manejo de navegación por gestos personalizada con OnBackPressedDispatcher
, como se describe en Cómo brindar navegación personalizada hacia atrás.
Si tu app se ajusta a esta categoría, sigue los pasos que se mencionan a continuación para agregar compatibilidad con el gesto atrás predictivo:
Para asegurarte de que las APIs que ya usan las APIs de
OnBackPressedDispatcher
(como Fragments y el componente Navigation) funcionen sin problemas con el gesto atrás predictivo, actualiza a AndroidX Activity 1.6.0-alpha05.// In your build.gradle file: dependencies { // Add this in addition to your other dependencies implementation "androidx.activity:activity:1.6.0-alpha05"
Habilita el gesto atrás predictivo, como se describe en esta página.
Migra una app de AndroidX que contiene APIs de navegación hacia atrás no compatibles a las APIs de AndroidX
Si tu app usa bibliotecas de AndroidX, pero implementa APIs de navegación hacia atrás no compatibles o hace referencia a estas, deberás migrar al uso de las APIs de AndroidX para admitir el nuevo comportamiento.
Para migrar APIs no compatibles a las APIs de AndroidX, haz lo siguiente:
Migra la lógica del control de navegación hacia atrás del sistema a
OnBackPressedDispatcher
de AndroidX con una implementación deOnBackPressedCallback
. Para obtener ayuda detallada, consulta Cómo brindar navegación hacia atrás personalizada.Inhabilita
OnBackPressedCallback
cuando todo esté listo para dejar de interceptar el gesto atrás.Deja de interceptar eventos de retroceso mediante
OnBackPressed
oKeyEvent.KEYCODE_BACK
.Asegúrate de actualizar a AndroidX Activity 1.6.0-alpha05.
// In your build.gradle file: dependencies { // Add this in addition to your other dependencies implementation "androidx.activity:activity:1.6.0-alpha05"
Una vez que migres la app de forma correcta, habilita el gesto atrás predictivo (como se describe en esta página) para ver la animación del sistema para volver a la pantalla principal.
Migra una app que usa APIs de navegación hacia atrás no compatibles a las APIs de la plataforma
Si tu app no puede usar bibliotecas de AndroidX y, en su lugar, implementa la navegación hacia atrás personalizada o hace referencia a esta mediante las APIs no compatibles, debes migrar a la API de la plataforma OnBackInvokedCallback
.
Sigue estos pasos para migrar APIs no compatibles a la API de la plataforma:
Usa la nueva API de
OnBackInvokedCallback
en dispositivos que ejecutan Android 13 o versiones posteriores, y usa las APIs no compatibles en dispositivos que ejecutan Android 12 o versiones anteriores.Registra la lógica de navegación hacia atrás personalizada en
OnBackInvokedCallback
cononBackInvokedDispatcher
. De esta manera, se evita que se complete la actividad actual, y la devolución de llamada tendrá la oportunidad de reaccionar a la acción de atrás una vez que el usuario complete la navegación hacia atrás del sistema.Cancela el registro de
OnBackInvokedCallback
cuando todo esté listo para dejar de interceptar el gesto atrás. De lo contrario, los usuarios podrían ver un comportamiento no deseado cuando usen la navegación hacia atrás del sistema. Por ejemplo, podrían "atascarse" entre vistas y verse obligados a forzar el cierre de tu app.Este es un ejemplo de cómo migrar la lógica fuera de
onBackPressed
:Kotlin
@Override fun onCreate() { if (BuildCompat.isAtLeastT()) { onBackInvokedDispatcher.registerOnBackInvokedCallback( OnBackInvokedDispatcher.PRIORITY_DEFAULT ) { /** * onBackPressed logic goes here. For instance: * Prevents closing the app to go home screen when in the * middle of entering data to a form * or from accidentally leaving a fragment with a WebView in it * * Unregistering the callback to stop intercepting the back gesture: * When the user transitions to the topmost screen (activity, fragment) * in the BackStack, unregister the callback by using * OnBackInvokeDispatcher.unregisterOnBackInvokedCallback * (https://developer.android.com/reference/kotlin/android/window/OnBackInvokedDispatcher#unregisteronbackinvokedcallback) */ } } }
Java
@Override void onCreate() { if (BuildCompat.isAtLeastT()) { getOnBackInvokedDispatcher().registerOnBackInvokedCallback( OnBackInvokedDispatcher.PRIORITY_DEFAULT, () -> { /** * onBackPressed logic goes here - For instance: * Prevents closing the app to go home screen when in the * middle of entering data to a form * or from accidentally leaving a fragment with a WebView in it * * Unregistering the callback to stop intercepting the back gesture: * When the user transitions to the topmost screen (activity, fragment) * in the BackStack, unregister the callback by using * OnBackInvokeDispatcher.unregisterOnBackInvokedCallback * (https://developer.android.com/reference/kotlin/android/view/OnBackInvokedDispatcher#unregisteronbackinvokedcallback) */ } ); } }
Deja de interceptar eventos de retroceso a través de
OnBackPressed
oKeyEvent.KEYCODE_BACK
para Android 13 y versiones posteriores.Una vez que se migró la app de forma correcta, habilita el gesto atrás predictivo (como se describe en esta página) para que
OnBackInvokedCallback
entre en vigencia.
Puedes registrar un objeto OnBackInvokedCallback
con PRIORITY_DEFAULT
o PRIORITY_OVERLAY
, que no están disponibles en OnBackPressedCallback
de AndroidX similar. El registro de una devolución de llamada con PRIORITY_OVERLAY
es útil en algunos casos. Un caso en el que esto podría aplicarse es cuando migras desde onKeyPreIme()
y tu devolución de llamada necesita recibir el gesto de retroceso en lugar de un IME abierto. Los IMEs registran devoluciones de llamada con PRIORITY_DEFAULT
cuando se abren.
Registra la devolución de llamada con PRIORITY_OVERLAY
para asegurarte de que OnBackInvokedDispatcher
envíe el gesto atrás a la devolución de llamada en lugar del IME abierto.
Acepta el gesto atrás predictivo
Una vez que hayas determinado cómo actualizar tu app según tu caso, habilita el gesto atrás predictivo.
Para habilitarlo, en AndroidManifest.xml
, en la etiqueta <application>
, establece la marca android:enableOnBackInvokedCallback
en true
.
<application
...
android:enableOnBackInvokedCallback="true"
... >
...
</application>
Si no proporcionas un valor, el valor predeterminado es false
y hace lo siguiente:
- Inhabilita la animación de gesto atrás predictivo del sistema.
- Ignora
OnBackInvokedCallback
, pero las llamadasOnBackPressedCallback
siguen funcionando.
Acepta el gesto a nivel de la actividad
A partir de Android 14, la marca android:enableOnBackInvokedCallback
te permite habilitar animaciones predictivas del sistema a nivel de la actividad. Este comportamiento facilita la migración de apps grandes de varias actividades a gestos atrás predictivos.
En el siguiente código, se muestra un ejemplo del uso de enableOnBackInvokedCallback
para habilitar la animación del sistema para volver a la pantalla principal desde MainActivity
:
<manifest ...>
<application . . .
android:enableOnBackInvokedCallback="false">
<activity
android:name=".MainActivity"
android:enableOnBackInvokedCallback="true"
...
</activity>
<activity
android:name=".SecondActivity"
android:enableOnBackInvokedCallback="false"
...
</activity>
</application>
</manifest>
En el ejemplo anterior, configurar android:enableOnBackInvokedCallback=true
para ".SecondActivity"
habilita la animación del sistema de actividad cruzada.
Ten en cuenta las siguientes consideraciones cuando uses la marca android:enableOnBackInvokedCallback
:
- Cuando se configura
android:enableOnBackInvokedCallback=false
, se desactivan las animaciones del gesto atrás predictivo a nivel de la actividad o de la app, según el lugar en el que establezcas la etiqueta, y le indica al sistema que ignore las llamadas alOnBackInvokedCallback
de la API de la plataforma. Sin embargo, las llamadas aOnBackPressedCallback
se siguen ejecutando porqueOnBackPressedCallback
es retrocompatible y llama a la API deonBackPressed
, que no era compatible con versiones anteriores a Android 13. - Cuando se configura la marca
enableOnBackInvokedCallback
a nivel de la app, se establece el valor predeterminado para todas las actividades de la app. Puedes anular el valor predeterminado por actividad si configuras la marca a nivel de la actividad, como se muestra en el ejemplo de código anterior.
Prácticas recomendadas para devolución de llamadas
Estas son las prácticas recomendadas para usar las devoluciones de llamadas del sistema compatibles: BackHandler
(para Compose), OnBackPressedCallback
o OnBackInvokedCallback
.
Determina el estado de la IU que habilita o inhabilita cada devolución de llamada
El estado de la IU es la propiedad que describe la IU. Te recomendamos que sigas estos pasos de alto nivel.
Determina el estado de la IU que habilita o inhabilita cada devolución de llamada.
Define ese estado con un tipo de contenedor de datos observables, como
StateFlow
o Compose State, y habilita o inhabilita la devolución de llamada a medida que cambia el estado.
Si tu app antes asociaba la lógica de atrás con sentencias condicionales, esto podría significar que reaccionas al evento de retroceso después de que ya ocurrió (un patrón que debes evitar con devoluciones de llamadas más nuevas). Si es posible, mueve la devolución de llamada fuera de la sentencia condicional y, en su lugar, asóciala a un tipo de contenedor de datos observables.
Usa devoluciones de llamada hacia atrás del sistema para la lógica de la IU
La lógica de la IU determina cómo mostrar la IU. Usa devoluciones de llamada hacia atrás del sistema para ejecutar la lógica de la IU, como mostrar una ventana emergente o ejecutar una animación.
Si tu app habilita una devolución de llamada hacia atrás del sistema, las animaciones predictivas no se ejecutarán y deberás controlar el evento de retroceso. No crees devoluciones de llamadas solo para ejecutar una lógica que no sea de IU.
Por ejemplo, si interceptas eventos de retroceso solo para el registro, haz lo mismo en el ciclo de vida de la actividad o del fragmento.
- Para casos de actividad a actividad o de fragmento a actividad, registra si
isFinishing
dentro deonDestroy
estrue
en el ciclo de vida de la actividad. - Para casos de fragmento a fragmento, registra si
isRemoving
dentro deonDestroy
es verdadero dentro del ciclo de vida de la vista del fragmento, o registra usando los métodosonBackStackChangeStarted
oonBackStackChangeCommitted
dentro deFragmentManager.OnBackStackChangedListener
.
En el caso de Compose, registra en la devolución de llamada onCleared()
de un ViewModel
asociado con el destino de Compose. Este es el mejor indicador para saber cuándo un destino de composición se quitó de la pila de actividades y se destruyó.
Crea devoluciones de llamadas de responsabilidad única
Esto es posible porque puedes agregar varias devoluciones de llamadas al despachador. Las devoluciones de llamada se agregan a una pila en la que la devolución de llamada recién agregada controla el siguiente gesto atrás con una devolución de llamada por gesto atrás.
Prueba la animación del gesto atrás predictivo
A partir de la versión final de Android 13, deberías poder habilitar una opción para desarrolladores para probar la animación para volver a la pantalla principal que se muestra en la Figura 1.
Para probar esta animación, sigue estos pasos:
En tu dispositivo, ve a Configuración > Sistema > Opciones para desarrolladores.
Selecciona Animaciones del gesto atrás predictivo.
Inicia la app actualizada y usa el gesto de retroceso para verlo en acción.