Pantalla de inicio en Android. Una guía detallada de los dispositivos Android… | de Vinod Basté | octubre 2022

Una guía detallada de la pantalla de inicio de AndroidImagen de justinmindSplash Screen es una pantalla que se carga cuando inicias una aplicación. Cuando abra su aplicación por primera vez, verá una pantalla de carga, también conocida como pantalla de inicio o pantalla de inicio. Se le llevará a una pantalla más útil donde puede realizar actividades después de que se complete la carga. Las pantallas de bienvenida solo aparecen brevemente en su pantalla. Si volteas la cabeza, puedes perderlos. Por lo general, notará el nombre de la empresa, el emblema y, si tiene suerte, el lema de la empresa.Las pantallas de bienvenida generalmente se implementan utilizando uno de los tres enfoques, que puede explorar aquí:

1. Uso de temporizadores (las formas de la vieja escuela)
2. Uso de un tema de lanzador (La forma recomendada)
3. API de pantalla de presentación (androide 12)

Construimos una actividad splash y un hilo en enCrear() durante 2/3 segundos, luego pasa a nuestra actividad favorita con un temporizador (nuestro primer método) para ver la presentación. Así es como se utilizó esta sencilla técnica: La función de una pantalla de inicio es mostrar inmediatamente una pantalla atractiva mientras la aplicación recupera contenido relevante (de una base de datos o llamadas de red). Que SplashActividad hay un costo adicional si diseña el diseño utilizando el método anterior. Aparece una pantalla en blanco o negro en blanco cuando la aplicación se inicia lentamente, lo que no es deseable para la experiencia del usuario. La carga lenta de la aplicación del archivo de diseño para la actividad de Splash hace que el frío comience a aparecer. Por lo tanto, utilizaremos la capacidad del tema de la aplicación para diseñar nuestro diseño inicial en lugar de crearlo desde cero (Nuestro segundo método). Antes de crear el diseño, se instancia el tema de la aplicación. Con el método de lista de capas que se explica a continuación, crearemos un elemento de diseño dentro del tema que contendrá el icono y el fondo de la actividad. Entonces, para nuestra acción de presentación, especificamos un tema personalizado en el manifiesto. Siga los pasos a continuación para crear el tema de la pantalla de inicio.

Paso 1

Crear un fondo de pantalla de bienvenida en Dibujable/Splash-Background.xml Utilice la imagen que desee como mapa de bits.

paso 2

Crea el degradado en dibujable/bg gradiente.xml utilizado como fondo para el logotipo de su aplicación; El fondo puede ser un degradado o cualquier color según la aplicación.

paso 3

Crear un estilo de pantalla de bienvenida en res/valores/temas.xml.

paso 4

Establecer el estilo como tema de la actividad. AndroidManifest.xml creando una actividad vacía llamada Actividad de la pantalla de bienvenida.

paso 5

rendición de intenciones SplashScreenActivity.java para usted MainActivity.java

Hay sin necesidad de setContentView() con cualquier diseño XML ya que se muestra la pantalla de inicio cargado desde el manifiesto hermoso. Cree un controlador cuando desee que su pantalla de inicio se ejecute durante un período de tiempo determinado, p. B. cinco segundos, quiero mostrar. Un temporizador también le permite descargar datos de la nube para su actividad principal, lo que podría ser una mejor estrategia que mostrar un cuadro de diálogo en la pantalla de inicio.

¿Qué tamaño de imagen debo poner en una carpeta Drawable ahora que nuestro Splash está funcionando?Coloca siempre el tuyo logo_aplicacion.png en el cual carpeta dibujable-xxhdpi para asegurarse de que en la mayoría de los casos su El logotipo se redimensiona automáticamente para todo tipo de pantallas de teléfonos.También confirme que el La resolución de la imagen no supera los 1000 x 1000 píxeles.. Dependiendo de la resolución seleccionada, puede ser menor. Ahora hay muchos tipos diferentes de pantallas de inicio con numerosos logotipos ubicados alrededor de la pantalla. ¿Cómo es eso posible?

Usando el ejemplo anterior Implementamos nuestro enfoque para crear un toque similar a Twittery ahora todo lo necesario para hacer Uno similar a Facebook es un cambio menor a drawable/splash background.xml.

solo incrustar cómo muchos elementos en su lista de capas como quieras en tu pantalla de bienvenida. Una nueva API de pantalla de bienvenida se implementó con el lanzamiento de Android 12. De manera predeterminada, en Android 12, cada aplicación muestra una pantalla de inicio con el ícono de la aplicación en el centro. Suena maravilloso hasta que te das cuenta de que cuando usas una actividad o un fragmento para mostrar una pantalla de inicio, la pantalla de inicio predeterminada de Android 12 aparece primero, seguida de tu propia pantalla de inicio. Ahora tiene dos pantallas de inicio que probablemente sean muy diferentes entre sí. Diseño e intervención del usuario más inconsistentes Para darle a su pantalla de inicio una apariencia más consistente y que sea menos intrusiva para sus usuarios, ahora necesita agregar compatibilidad con Android 12. La API proporciona compatibilidad con versiones anteriores de la API, así como soporte para íconos animados a través de AnimatedVectorDrawable o AnimationDrawable. Toma un café y síguelo; Una vez hecho esto, tendrá una pantalla de inicio animada que coincida con el tema de su dispositivo.Fuente de la imagen: google

configuración

Hay algunas configuraciones que debe realizar en su aplicación antes de poder acceder a la nueva API. Aprovechamos la compatibilidad con versiones anteriores de esta API y agregamos una pantalla de inicio incluso para versiones anteriores de Android.

1. Dentro del módulo de tu aplicación construir.gradle, cambie su compileSdk. Establezca la dependencia API de la pantalla de bienvenida en Gradle a la versión 31. Para compatibilidad con versiones anteriores, utilizamos la versión compacta.

2. Cree dos documentos con el mismo nombre: tema de bienvenida.xml. Ambos están en la lista de valores, uno en la noche de valores. Para hacer coincidir el tema con los temas del modo oscuro o del modo claro del dispositivo del usuario, creamos dos archivos llamados «valores» y «valores-noche». Para simplificar la organización para futuras actualizaciones, le dimos a ambos archivos el mismo nombre.

Consejo: El primer archivo se guarda en el directorio de valores predeterminado cuando se crea un nuevo archivo de recursos de valores haciendo clic derecho en el directorio de valores; El siguiente archivo se guarda en el directorio de valores-noche simplemente escribiendo valores-noche en el campo de nombre del directorio. Si la vista de su proyecto está configurada en Android, esta es solo vista.

Cree el tema de bienvenida.xml3. En nuestros dos archivos, ahora crearemos el tema de la pantalla de inicio para los escenarios de modo oscuro y claro. Tema.SplashThemeName será el nombre del tema y se derivará de Tema.SplashScreen. Sus archivos ahora deberían verse así:

Contenido que detalla:

• El color de fondo de toda la pantalla de bienvenida es ventanaSplashScreenFondo. Comparable a fondo de ventana
• Puede encontrar el icono de su pantalla de bienvenida aquí: ventanaSplashScreenAnimatedIcon. Tiene bordes circulares y está centrado. Esto está configurado para obtener el icono del iniciador circular y debería funcionar con niveles de API anteriores. No se deben utilizar símbolos de más de 108 dp, ya que se truncarán.
• ventanaSplashScreenAnimationDuration — Esto controla cuánto tiempo se muestra el ícono animado. Como un AnimadoVectorDibujable En realidad, no afecta la animación del ícono, pero es útil para personalizar la animación inicial del ícono. Más sobre eso más tarde
• Una vez que finaliza la pantalla de inicio, puede usar para especificar el tema de la aplicación real que desea usar postSplashScreenTheme Actitud. Su tema de aplicación predeterminado debe establecerse aquí.
• Dado que su tema actual aún no está en uso, el barra de estado y barra de navegación Los atributos están ahí para garantizar que haya aplicado un tema coherente a la aplicación cuando se lanzó. Si mantiene los valores predeterminados, los dispositivos con nivel de API 30 e inferior pueden mostrar barras negras predeterminadas en la barra de estado y la barra de navegación. Para una apariencia consistente, queremos que la barra de navegación y la barra de estado coincidan con el fondo de la pantalla de bienvenida de la ventana.

Asegúrese de haber ingresado la configuración deseada para los modos oscuro y claro de su tema SplashScreen.4. Establecer esos androide: tema atributo de la etiqueta de su aplicación al tema de la pantalla de inicio que creó anteriormente al abrir su manifiesto Expediente. Esos son: @Estilo:Tema.SplashTemaNombre

Nota: Por favor, elimine esos androide: tema Atributo de su etiqueta de actividad si ya contiene la intención LAUNCHER (su actividad de entrada desde el lanzador). Como resultado, la aplicación falla. Tenga cuidado ya que las plantillas predeterminadas de Android Studio generalmente agregan esta propiedad a las actividades de entrada, lo que podría evitar que se rompa el pelo tratando de descubrir qué salió mal.

5. InstalarSplashScreen() ahora debe usarse inmediatamente después en su actividad de entrada (actividad que ingresa desde el lanzador). super.onCreate() y antes setContentView() dentro del método onCreate. Vea este documento: Por ahora ya ha terminado. Logró incluir un toque para Android 12 y versiones anteriores de Android El símbolo no debe ser mayor de 108 dp o será cortado. El ícono puede ser dibujable, png, jpg o webp. AnimatedVectorDrawable o AnimationDrawable no se pueden agregar actualmente a windowSplashScreenBackground ya que solo funcionan en Android 12 y no en niveles de API más bajos. El ícono animado solo está disponible para las versiones de Android 12 y superiores. Si lo configura en todos los niveles de API, los niveles inferiores de API verán un campo vacío. No queremos eso. Esto nos lleva al segundo capítulo de este libro, donde desarrollamos íconos animados para Android 12 mientras mantenemos la compatibilidad con versiones anteriores de Android con las comprobaciones correctas.

estándares de la pantalla de bienvenida

Es fácil de usar pantallas de bienvenida. Sirven para mejorar una marca y proporcionar una distracción agradable durante la espera. Aquí hay algunas pautas a seguir al crear su propia pantalla de inicio en este sentido

• Manténgalo alejado de interrupciones sin sentido
• Utilice un solo color o logotipo.
• Cuidado con las animaciones

Gracias por tomarse el tiempo para leer este artículo. Si encuentras este post útil e interesante, aplaude y recomiéndalo. Si hice algo mal, menciónalo en los comentarios. Me gustaría mejorar. Conéctate conmigo en GitHub y LinkedIn.