Saltar al contenido

Creación de Launch Screen.xib para iOS8 (… iOS11, Swift 4 y LaunchScreen.storyboard)

Solución:

Tienes dos opciones:

  1. Utiliza el diseño automático y le da a la vista de imagen una apariencia de pantalla completa (la distancia hasta la parte superior, inferior, izquierda y derecha es igual a 0). Sin embargo, esto daría como resultado un recorte de la imagen para ciertos tamaños de pantalla, lo que es posible que no desee. Entonces, es posible que desee considerar (2)

  2. Coloca la imagen de la pantalla de inicio en un catálogo de activos y simplemente coloca diferentes imágenes en las diferentes clases de tamaño.

Encontré la respuesta útil.

Los viejos pasos en resumen para crear LaunchScreen xib para iOS 8 están debajo los nuevos pasos.

Con referencia a XCode 9, Swift 3 o Swift 4 y LaunchScreen.storyboard los siguientes son los nuevos pasos.

El primer paso es crear dos imágenes para la presentación en modo vertical y horizontal (png o jpeg) en su software gráfico favorito. (Si su aplicación solo admite el modo vertical, puede omitir la configuración y la imagen del modo horizontal).

Imagen en modo retrato: –

Cree una imagen de ‘retrato de salpicadura’ con su propio fondo completo para un tamaño de “ancho 1125 x alto 2436”. Tenga en cuenta que el fondo se recortará en varios tamaños de dispositivos.

Cualquier información o gráfico que no desee recortar debe crearse en el centro de la imagen de arriba en el tamaño de “ancho 1125 x alto 1471“. Esto siempre debe estar en el centro de la imagen completa de arriba.

Imagen en modo paisaje: –

Cree una imagen de ‘paisaje de salpicaduras’ con su propio fondo completo para un tamaño de “ancho 2436 x alto 1125”. Tenga en cuenta que el fondo se recortará en varios tamaños de dispositivos.

Cualquier información o gráfico que no desee recortar debe crearse en el centro de la imagen de arriba en el tamaño de “ancho 860 x altura 1125 “. Esto siempre debe estar en el centro de la imagen completa anterior.

Una vez que ambas imágenes estén listas, puede agregarlas a xcassets o mantenerlas en resource.

Ahora sigue los siguientes pasos.

1) El “guión gráfico de LaunchScreen” ya está creado con el nuevo proyecto. Abrelo.

2) Agregue una vista de imagen en la vista.

3) Establezca la imagen ‘splash-portrait’ guardada anteriormente en la fuente de visualización de la imagen.

4) Configure la vista de imagen ‘Modo de contenido’ de la imagen como “Relleno de aspecto”.

5) Agregue 4 restricciones de Vista de imagen para Superior, Inferior, Final y Adelante a Supervista.

Esto se hace para el retrato modo splash de la aplicación.

Para paisaje modo compatible, realice los siguientes pasos adicionales. (puede consultar la respuesta completa de @Sakiboy en https://stackoverflow.com/a/46089856/2641380)

6) Haga clic en el botón + junto a la fuente de visualización de imágenes que configuró en el paso 3.

7) En la ventana emergente que ahora se muestra, seleccione Regular para los selectores de Ancho y Alto. Esto especifica un nuevo conjunto adaptable para iPads que están en horizontal. Aparecerá un nuevo campo de fuente de imagen con el título wR hR. Agregue la imagen ‘splash-landscape’ al campo de origen de la imagen wR hR para que el guión gráfico sepa usar una imagen diferente cuando esté en el paisaje.

8) Ahora necesitamos agregar soporte para los dispositivos ‘iphone plus’ cuando están en paisaje. Entonces, haga clic en el botón + junto al campo Fuente de la imagen nuevamente.

9) Esta vez seleccione compacto para la altura y regular para los selectores de ancho. Esto especifica un nuevo conjunto adaptable para dispositivos “iPhone plus” que están en horizontal. Aparecerá un nuevo campo de fuente de imagen con el título wR hC.

10) Agregue la imagen “splash-landscape” al campo de origen de la imagen wR hC para que el guión gráfico sepa usar una imagen diferente cuando esté en horizontal en un “dispositivo iPhone plus”.

Como los dispositivos iPad son “regulares tanto para el ancho como para el alto”, veremos una imagen de ‘splash-landscape’ en el iPad tanto para el modo vertical como para el horizontal. El ancho 860 para contenido visualizable en la imagen ‘splash-landscape’ mostrará el contenido completo tanto en modo vertical como horizontal.

Los viejos pasos en resumen para crear LaunchScreen xib para iOS 8.

1) cree un nuevo “LaunchScreen xib” desde el nuevo archivo -> interfaz de usuario -> pantalla de inicio (mantenga el diseño automático activado).

2) Agregue una vista de imagen en xib -> vista (vista principal).

3) establezca la imagen de bienvenida (la imagen no debe estar en el archivo de activos).

4) configure la imagen como “Ajuste de aspecto” (si es necesario).

5) También puede cambiar el color de fondo de la “vista” (supervista) lo más parecido al color de fondo de la imagen.

6) seleccione la vista de imagen, haga clic en menú – editor – pin – espacio inferior para super vista.

7) esto mostrará una marca de error roja cerca de “vista” (vista superior de la vista de imagen).

8) haga clic en la marca de error, verá aproximadamente dos errores de diseño automático.

9) al hacer clic en el error, encontrará un menú con la corrección automática de los errores de diseño.

10) al corregir los errores, encontrará un total de cuatro “Restricciones” con espacio “vertical” y “horizontal” entre la supervista y la imagen.

11) ahora puedes probarlos en diferentes dispositivos o simuladores.

Saludos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *