Cómo migrar la implementación de la pantalla de presentación a Android 12 y versiones posteriores

Si implementas una pantalla de presentación personalizada en Android 11 o versiones anteriores, migra tu app a la API de SplashScreen para asegurarte de que se muestre correctamente en Android 12 y versiones posteriores.

A partir de Android 12, el sistema aplica la pantalla de presentación predeterminada del sistema Android en los inicios semicalientes y fríos para todas las apps. De forma predeterminada, esta pantalla de presentación del sistema se crea con el elemento de ícono de selector de la app y el windowBackground de tu tema, si es de un solo color.

Si no migras la app, es posible que tu experiencia de inicio en Android 12 y versiones posteriores se degrade o tenga resultados imprevistos.

  • Si se implementa la pantalla de presentación existente con un tema personalizado que anula android:windowBackground, el sistema reemplazará la pantalla de presentación personalizada por una pantalla de presentación predeterminada del sistema Android en Android 12 y versiones posteriores. Es posible que esta no sea la experiencia prevista de tu app.

  • Si la pantalla de presentación existente se implementa con un Activity dedicado, cuando se inicia la app en dispositivos que ejecutan Android 12 o versiones posteriores, se duplican las pantallas de presentación: se muestra la pantalla de presentación del sistema, seguida de la actividad existente de la pantalla de presentación.

Para evitar estas experiencias degradadas o no deseadas, puedes completar el proceso de migración que se describe en este documento. Después de la migración, la API mejora el tiempo de inicio, te brinda el control total de la experiencia de la pantalla de presentación y crea una experiencia de inicio más coherente con otras apps en la plataforma.

Biblioteca de compatibilidad de SplashScreen

Puedes usar la API de SplashScreen directamente, pero te recomendamos que, en su lugar, uses la biblioteca de compatibilidad de SplashScreen de AndroidX. La biblioteca de compatibilidad usa la API de SplashScreen, habilita la retrocompatibilidad y crea una apariencia coherente para la visualización de la pantalla de presentación en todas las versiones de Android. Este documento se escribe con la biblioteca de compatibilidad.

Si migras directamente con la API de SplashScreen, en Android 11 y versiones anteriores, tu pantalla de presentación se verá igual que antes de la migración. A partir de Android 12, la pantalla de presentación tiene el aspecto de Android 12.

Si migras con la biblioteca de compatibilidad de SplashScreen, el sistema mostrará la misma pantalla de presentación en todas las versiones de Android.

Cómo migrar la implementación de la pantalla de presentación

Completa los siguientes pasos para migrar la implementación existente de la pantalla de presentación a Android 12 y versiones posteriores.

Este procedimiento aplica para cualquier tipo de implementación desde el que realizas la migración. Si migras desde un objeto Activity dedicado, sigue las prácticas recomendadas que se describen en este documento para adaptar el objeto Activity personalizado de la pantalla de presentación. La API de SplashScreen también reduce la latencia de inicio que se introduce con una actividad dedicada de la pantalla de presentación.

Para migrar la pantalla de presentación, haz lo siguiente:

  1. En el archivo build.gradle, cambia tu compileSdkVersion y, luego, incluye la biblioteca de compatibilidad de SplashScreen en las dependencias.

    build.gradle

android {
   compileSdkVersion 31
   ...
}
dependencies {
   ...
   implementation 'androidx.core:core-splashscreen:1.0.0-beta02'
}

  2. Crea un tema con un elemento superior de Theme.SplashScreen. Establece el valor de postSplashScreenTheme en el tema que Activity debe usar y el valor de windowSplashScreenAnimatedIcon en un elemento de diseño o un elemento de diseño animado. Los otros atributos son opcionales.

    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
   <!-- Set the splash screen background, animated icon, and animation
   duration. -->
   <item name="windowSplashScreenBackground">@color/...</item>

   <!-- Use windowSplashScreenAnimatedIcon to add a drawable or an animated
        drawable. One of these is required. -->
   <item name="windowSplashScreenAnimatedIcon">@drawable/...</item>
   <!-- Required for animated icons. -->
   <item name="windowSplashScreenAnimationDuration">200</item>

   <!-- Set the theme of the Activity that directly follows your splash
   screen. This is required. -->
   <item name="postSplashScreenTheme">@style/Theme.App</item>
</style>

    Si deseas agregar un color de fondo debajo del ícono, puedes usar el tema Theme.SplashScreen.IconBackground y configurar el atributo windowSplashScreenIconBackground.

  3. En el manifiesto, reemplaza el tema de la actividad inicial por el tema que creaste en el paso anterior.

    <manifest>
   <application android:theme="@style/Theme.App.Starting">
    <!-- or -->
        <activity android:theme="@style/Theme.App.Starting">
...

  4. Llama a installSplashScreen en la actividad inicial antes de llamar a super.onCreate().

    Kotlin

    class MainActivity : Activity() {

   override fun onCreate(savedInstanceState: Bundle?) {
       // Handle the splash screen transition.
       val splashScreen = installSplashScreen()

       super.onCreate(savedInstanceState)
       setContentView(R.layout.main_activity)
...

    Java

    public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
         // Handle the splash screen transition.
         SplashScreen splashScreen = SplashScreen.installSplashScreen(this);

         super.onCreate(savedInstanceState);
         setContentView(R.layout.main_activity);
    }
}

installSplashScreen muestra el objeto de la pantalla de presentación, que puedes usar opcionalmente para personalizar la animación o para mantener la pantalla de presentación durante más tiempo. Si quieres obtener más detalles para personalizar la animación, consulta Cómo mostrar la pantalla de presentación durante períodos más largos y Cómo personalizar la animación para descartar la pantalla de presentación.

Cómo adaptar el objeto Activity de la pantalla de presentación personalizada a la pantalla de presentación

Después de migrar a la pantalla de presentación para Android 12 y versiones posteriores, decide qué hacer con el objeto Activity de la pantalla de presentación personalizada anterior. Tienes las siguientes opciones:

  • Conservar la actividad personalizada, pero evitar que se muestre
  • Conserva la actividad personalizada por motivos relacionados con el desarrollo de la marca.
  • Quita la actividad personalizada y adapta tu app según sea necesario.

Impedir que se muestre la actividad personalizada

Si el objeto Activity de la pantalla de presentación anterior se usa principalmente para el enrutamiento, considera cómo quitarlo. Por ejemplo, puedes vincular directamente a la actividad real o pasar a una actividad singular con subcomponentes. Si esto no es posible, puedes usar SplashScreen.setKeepOnScreenCondition para mantener la actividad de enrutamiento en su lugar, pero detener la renderización. Esto transfiere la pantalla de presentación a la siguiente actividad y permite una transición fluida.

Kotlin

  class RoutingActivity : Activity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        val splashScreen = installSplashScreen()
        super.onCreate(savedInstanceState)

        // Keep the splash screen visible for this Activity.
        splashScreen.setKeepOnScreenCondition { true }
        startSomeNextActivity()
        finish()
     }
   ...

Java

  public class RoutingActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
      SplashScreen splashScreen = SplashScreen.installSplashScreen(this);

       super.onCreate(savedInstanceState);

       // Keep the splash screen visible for this Activity.
       splashScreen.setKeepOnScreenCondition(() -> true );
       startSomeNextActivity();
       finish();
    }
  ...

Cómo mantener el objeto Activity personalizado para el desarrollo de la marca

Si deseas usar una Activity de la pantalla de presentación anterior para motivos de desarrollo de la marca, puedes hacer la transición de la pantalla de presentación del sistema a la pantalla de presentación personalizada Activity personalizando la animación para descartar la pantalla de presentación. Sin embargo, es mejor evitar esta situación si es posible y usar la API de SplashScreen para desarrollar la marca de la pantalla de presentación.

Si necesitas mostrar un diálogo, te recomendamos que lo muestres en la actividad posterior de la pantalla de presentación personalizada o en la actividad principal después de la pantalla de presentación del sistema.

Cómo quitar el objeto Activity de la pantalla de presentación personalizada

Por lo general, te recomendamos que quites el objeto Activity de la pantalla de presentación personalizada anterior por completo para evitar la duplicación de las pantallas de presentación, aumentar la eficiencia y reducir los tiempos de carga de la pantalla de presentación. Existen diferentes técnicas que puedes usar para evitar mostrar actividades redundantes de la pantalla de presentación.

  • Usa la carga diferida para tus componentes, módulos o bibliotecas. Evita cargar o inicializar componentes o bibliotecas que no se necesiten para que la app funcione en el inicio. Cargarlos más tarde, cuando la app los necesite.

    Si tu app realmente necesita un componente para funcionar correctamente, cárgalo solo cuando sea realmente necesario y no en el momento de inicio, o usa un subproceso en segundo plano para cargarlo después de que se inicie la app. Intenta que Application.onCreate() sea lo más liviano posible.

    También puedes beneficiarte del uso de la biblioteca de App Startup para inicializar componentes cuando se inicia una aplicación. Cuando lo hagas, asegúrate de cargar todos los módulos necesarios para la actividad de inicio y no introduzcas bloqueos en los que estén disponibles los módulos de carga diferida.

  • Crea un marcador de posición mientras cargas una pequeña cantidad de datos de manera local. Usa el enfoque de temas recomendado y retiene la renderización hasta que la app esté lista. Para implementar una pantalla de presentación que sea retrocompatible, sigue los pasos que se describen en Cómo mostrar la pantalla de presentación durante períodos más largos.

  • Muestra los marcadores de posición. Para cargas basadas en la red con duraciones indeterminadas, descarta la pantalla de presentación y muestra los marcadores de posición de la carga asíncrona. Considera aplicar animaciones sutiles al área de contenido que reflejen el estado de carga. Asegúrate de que la estructura del contenido cargado coincida con la estructura estructural en la mayor medida posible para permitir una transición fluida cuando se cargue el contenido.

  • Usa el almacenamiento en caché. Cuando un usuario abre tu app por primera vez, puedes mostrar indicadores de carga para algunos elementos de la IU, como se ve en la siguiente imagen. La próxima vez que el usuario regrese a tu app, podrás mostrar ese contenido almacenado en caché mientras cargas contenido más reciente.

Figura 1: Se muestran los marcadores de posición de la IU.