Al ver barras negras en la parte superior e inferior del Simulador de iPhone X


132

Al ejecutar mi aplicación en el iPhone X Simulator (GM Seed), noto dos efectos extraños:

  • la aplicación no usa el espacio de pantalla completa (el área superior e inferior es negra)
  • una extraña barra blanca debajo de la barra de título

ingrese la descripción de la imagen aquí

¿Alguien sabe lo que está sucediendo aquí y cómo resolver esto? No puedo encontrar ninguna configuración nueva en Interface Builder.


1
¿Está utilizando un archivo de pantalla de inicio o imágenes de inicio? ¿Estás usando el diseño automático?
rmaddy

1
Imágenes de lanzamiento y diseño automático
Darko

3
¿Por qué está utilizando las imágenes de inicio de estilo antiguo en lugar del archivo de pantalla de inicio mucho más fácil? De todos modos, ¿ha agregado la nueva imagen de inicio necesaria para el nuevo tamaño de pantalla?
rmaddy

No puedo encontrar una imagen de inicio para el tamaño del iPhone X. Pero usar una pantalla de inicio resolvió ambos problemas. Edite su respuesta y la marcaré como respondida. ¡Gracias!
Darko

55
NO DEBE UTILIZAR imágenes de lanzamiento. USE en su Launch Screen.storyboardlugar
onmyway133

Respuestas:


186

Al usar imágenes de inicio (en lugar del archivo de pantalla de inicio mucho más fácil), debe proporcionar la imagen de inicio del tamaño adecuado para cada tamaño de dispositivo que desee admitir. Una vez que agregue la imagen de inicio adicional, su aplicación debería aprovechar el nuevo tamaño de pantalla.

El nuevo iPhone X requiere una imagen de lanzamiento de 1125 px × 2436 px que es una imagen 3x para 375pt × 812pt.

Por supuesto, si cambia a utilizar un archivo de pantalla de inicio en lugar de imágenes de inicio individuales, su aplicación se adaptará automáticamente a todos los tamaños de dispositivos sin ningún trabajo adicional.


2
¿Puede entrar en más detalles sobre cómo integrar la nueva imagen de iphoneX en una pantalla de inicio? Todos los conjuntos de imágenes que agrego a Xcode 9 no tienen ranuras para iphoneX, solo conjuntos de imágenes de inicio.
Christian Cerri

1
@ChristianCerri Los conjuntos de imágenes no están vinculados a los dispositivos. Solo te dan opciones 1x, 2x y 3x. Me refería a las imágenes de lanzamiento. Esas son las únicas imágenes específicas del dispositivo. Si tiene alguna pregunta sobre cómo agregar imágenes de diferentes tamaños a una pantalla de Inicio, publique su propia pregunta específica para ese problema.
rmaddy

19
¿Cómo demonios lanzar imágenes relacionadas con blackbar en la parte superior e inferior del simulador de iPhone X?
TomSawyer

1
@ TomSawyer Si su aplicación no utiliza un guión gráfico de la pantalla de inicio, las imágenes de inicio determinan qué tamaños de pantalla admite su aplicación.
rmaddy

1
Vea la respuesta de @sabiland si todavía ve barras negras y usa una pantalla de inicio. Sería genial si esta respuesta pudiera complementarse con la información sobre cómo diseñar la pantalla de inicio correctamente para iPhone X.
Crashalot

36

He descubierto estos problemas en el iPhone X. Tamaño de imagen de inicio (1125 * 2436px) Por favor, siga estos pasos. 1.i) Elija el nombre de su proyecto en Xcode. ii) Seleccione el objetivo de su proyecto iii) Luego seleccione Iniciar fuente de imágenes ingrese la descripción de la imagen aquí

  1. Puede obtener la ventana emergente Migrar i) Elija activos ii) Seleccione Migrar

ingrese la descripción de la imagen aquí

  1. Después de eso, seleccione sus Assets.xcassets en su proyecto ingrese la descripción de la imagen aquí

  2. Luego seleccione Iniciar imagen en activos i) Luego seleccione inspector de atributosingrese la descripción de la imagen aquí

  3. finalmente verifique su fuente de imagen de lanzamiento. puedes ver establecer la imagen de lanzamiento.

ingrese la descripción de la imagen aquí


Votado por las fotos. Pero debe borrar el texto "LaunchScreen" del campo de texto Archivo de pantalla de inicio en su última imagen.
NadtheVlad

Gracias a @NadtheVlad. Borre el texto "LaunchScreen" del archivo Launch Screen y elimine el archivo LaunchScreen.Storyboard de Xcode.
Karthickkck

¡Gracias! Era la casilla de verificación horizontal de Launch Image que causaba problemas ya que mi aplicación es solo vertical.
green0range

Gracias, tuve el mismo problema y lo resolvió agregando imágenes de lanzamiento (una aplicación SDL2)
Viktor Sehr


14

He descubierto cómo solucionarlo (aunque todavía no entiendo por qué esto sucedió solo en el iPhone X) LaunchScreen storyboard en el iPhone X al ver barras negras superiores e inferiores.

Tengo el guión gráfico LaunchScreen con un UIImageView.

La parte superior e inferior de UIImageView se debe fijar a la parte superior e inferior de SuperView . NO a SafeArea .


Esto resolvió mi problema con LauchScreen con Autolayout. Pero en lugar de fijar a los bordes, me centré horizontal y verticalmente e igual el ancho / alto a SuperView.
Yuri Natividade

Esto solo funcionó después de fijar las vistas en otros guiones gráficos a la vista superior / inferior en lugar de las guías de diseño. Asegúrese de revisar los guiones gráficos mientras está en modo iPhone X.
Crashalot

por qué no puedo ver la supervista en mi guión gráfico cuando voy a dar esa restricción
rd_

10

Lo arreglé simplemente insertando un texto aleatorio en el Lanch Screen Filecampo de texto . Ni siquiera tengo un archivo de pantalla de inicio ... XCode es tan defectuoso.

actualizar

Aunque esto lo arregla en el simulador (aún muy extraño e inesperado) al cargar un binario en iTunes Connect, fallará debido a que no encuentra un archivo LanchScreen con el nombre "nombre aleatorio"


Derecho funciona para iphone x. pero no funciona para ningún otro dispositivo hermano.
Govaadiyo

¡Sí Sí! esto lo arregla en xcode. ¡Gracias! Eso es lo suficientemente bueno para probar. Comprará un iPhone X real para evitar el problema de xcode en el futuro para probarlo.
Phyllis Sutherland el

5

Me encontré con esto mientras intentaba actualizar una aplicación en la que no había trabajado en mucho tiempo.

En Xcode 9.4, pude solucionar esto haciendo lo siguiente:

  1. Agregue una pantalla de inicio yendo a Archivo -> Nuevo -> Archivo ... -> Pantalla de inicio

ingrese la descripción de la imagen aquí

  1. Asegúrese de que el guión gráfico de la pantalla de inicio recién agregado esté seleccionado como el archivo de la pantalla de inicio en la configuración del proyecto.

ingrese la descripción de la imagen aquí


1

Si ya tiene una imagen de inicio de 1125px × 2436px pero la aplicación aún no está usando la pantalla completa, verifique que su imagen sea PNG.


1

si eliminó LaunchScreen.storyboard; Elija su proyecto, seleccione su objetivo de proyecto, General -> Iconos de aplicaciones e imágenes de lanzamiento -> Iniciar archivo de pantalla: Seleccione aquí Main.storyboard en lugar de LaunchScreen.storyboard


1

Acabo de tener este problema ... Cuando seleccioné el proyecto y el objetivo correcto, tuve un espacio en blanco para el 'archivo de pantalla de inicio' debajo de los íconos de la aplicación y la pestaña de imágenes de la pantalla de inicio. Lo configuré en LaunchScreen predeterminado y se solucionó el problema de cambio de tamaño que enfrenté.


0

Puede comprobar que el archivo de pantalla de inicio de destino del proyecto no esté configurado como vacío si está vacío, puede causar problemas.ingrese la descripción de la imagen aquí


seleccione Laaunchscreen.storyboard en el objetivo general. Resolví el problema.
Aqib Zareen
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.