bottom bar ios xcode autolayout xcode8 ios10

ios - bottom - status bar iphone



Problemas de diseño después de actualizar a Xcode 8 (16)

Aquí hay un antes y un después de una de mis pantallas después de actualizar a Xcode 8.
Todo lo que hice fue abrir mi main.storyboard y desde allí, construí y ejecuté mi aplicación en mi teléfono.
En mi control de versiones, puedo ver que Xcode está haciendo muchos cambios en mi main.storyboard solo desde que lo abro.
Cada vez que elimino esos cambios, puedo ver lo que uso para ver en Xcode 7.3.1.
Pero, tan pronto como vuelvo a abrir el generador de interfaces con mi guión gráfico, veo que esos cambios vuelven a su lugar.

¿Hay algo que pueda hacer aquí?

Antes de Xcode 8

Después de actualizar a Xcode 8


Actualizar restricciones y subvistas de diseño en viewdidload resuelve el problema

- (void) viewDidLoad { [self.view updateConstraints]; [self.view layoutSubviews]; [super viewDidLoad]; }


Configurar View Size en Freeform from Inferred funcionó para mí. Se puede encontrar bajo el encabezado Métricas simuladas en el Inspector de atributos .


Eh el mismo problema. Paré parcialmente arreglarlo de la siguiente manera ( para Xcode Versión 8.1 (8B62) )

En el esquema del documento de Storyboard, hice clic en cada escena que tenía la flecha amarilla que indica algunos problemas de diseño (Número 1 en la captura de pantalla)

Después de esto, para cada escena problemática, tuve que hacer clic en el pequeño ícono "Actualizar marcos" (número 2 en la captura de pantalla) que solucionó todos los problemas de diseño por escena.

Sin embargo, una escena en mi caso todavía estaba en estado de llanto después de la transición de Xcode7 a Xcode8. Tuve que arreglarlo manualmente ajustando restricciones o agregando restricciones faltantes.

Uf, no es una agradable sorpresa de XCode8 y Storyboards. Si utilizó el editor de AppCode, no tendrá ese problema, ya que no es compatible con Storyboards; P

¡Buena suerte!


En mi caso, las soluciones sugeridas por Akhil Kateja y yo también necesitamos restablecer el ancho y la altura de la vista principal:

1) Establecer el tamaño de vista en forma libre

2) Restablezca el ancho y la altura de la vista al tamaño original:

Finalmente guarde y ya está.


Espero que esto ayude

Cuando actualicé Xcode de 7.3 a Xcode 8 y ejecuté la aplicación, algunas de las vistas se muestran perfectamente pero otras están distorsionadas. Luego, verifiqué el archivo de plumín y me indicó que eligiera un tamaño de dispositivo particular y luego mostrara la plumilla de acuerdo con eso tamaño del dispositivo que está fuera de curso no Any-Any(Xcode 7.3) . Por lo tanto, todos los archivos nibs no se muestran de forma correcta.

Solución trabajo de mí: - presione la flecha amarilla como se muestra en la imagen a continuación

aparecerá una ventana emergente que mostrará opciones como

elija Update Frames con Apply to all views in container marcado. Se resolverá alrededor del 90% de la IU distorsionada y el resto del problema de restricciones de diseño automático se puede resolver manualmente.


La respuesta de @ david-truong ( https://.com/a/39589860/1407528 ) no funciona en mi caso, así que si estás en mi misma situación, prueba esto:

En el caso de que tenga todos sus dispositivos actualizados a iOS 10+, esta versión de Xcode no reconocerá esos dispositivos como dispositivos compatibles. Entonces, prueba con este truco:

  • Vaya a: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport
  • Copie las carpetas relacionadas con iOS 10 o 10.1 en: / Aplicaciones / Xcode 7.3.1.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport
  • Abra el proyecto con Xcode 7.3.1 (reinicie Xcode si ya lo tiene abierto)
  • Seleccione su dispositivo iOS 10+ conectado
  • Push Run

Nota: Nuevas funciones como Swift no estarán disponibles con este truco, pero debería poder cargar y construir su proyecto.


Noto un nuevo botón en Xcode 8.2, (verifique el círculo naranja en la imagen). Te dará algo de ayuda.

Pasos: 1. Abra el guión gráfico y seleccione cualquier dispositivo que desee 2. Simplemente seleccione el controlador de vista 3. Haga clic en el botón mencionado (como en la imagen) 4. Se actualizará el marco para ese controlador de vista y puede continuar con él

No encontré ninguna solución mejor que esta. Responda si encuentra uno.


Para mí, la solución era simplemente hacer clic en el UIViewController que tenía problemas y luego Editor > Resolve Auto Layout Issues > All Views In ... > Updates Frames

Reorganizó las vistas para ajustarse a las restricciones existentes en función de la vista predeterminada recientemente seleccionada (iPhone 7 en mi caso).

También tenga en cuenta: si obtiene una advertencia de Vista de barra de navegación fuera de lugar como lo hice, simplemente seleccione UINavigationController / UIViewController y luego Attributes Inspector > Bar Visibility > Shows Navigation Bar : desactívela y vuelva a encenderla.


Para solucionar un problema similar, configuré el xib como Forma libre (no inferido) Y guardé el archivo xib como compatible con Xcode 7.x. Ambos pasos fueron necesarios en mi caso. ¡Espero que eso ayude!


Seleccioné cada controlador e hice clic en "Actualizar marcos" y solucionó el diseño.


Siga los hilos para cualquier solución posible: (creo que le sucede a muchos desarrolladores).
Problema de Storyboard de semillas GM de Xcode 8
Xcode 8: los guiones gráficos anteriores se distorsionan

(Utilicé anyH anyW width 600) Cuando Xcode se actualizó a Xcode 8, cambió todo el tamaño de mi ViewControllers. Como resultado, todo el diseño se distorsionó.
Actualmente solo veo 3 soluciones para el problema (no confiaría en esperar la solución pronto).

1.Vaya a cada Viewcontroller y corríjalo mediante Update Frames .

2.Vaya al Size Inspector -> Freeform -> 600 ViewController principal Size Inspector -> Freeform -> 600 Forma Size Inspector -> Freeform -> 600 ya que se infiere que la mayoría de los controladores cambiará el tamaño de todos ellos. (Tenga cuidado con el impacto de las nuevas características de Apple que quiero presentar).

Descarte los cambios en git para el guión gráfico (no lo sugeriría porque Apple también insertó algunas actualizaciones que pueden ser importantes para Xcode).

Enlace adicional para las nuevas características de AutoLayout en Xcode 8 (WWDC16): Hacer que las aplicaciones sean adaptativas, Parte 1



Tuve el mismo problema y lo resolví forzando la actualización de las restricciones de vista del controlador. Ponga el siguiente código en su función viewDidLoad ()

self.view.layoutIfNeeded()


Tuve un problema similar con las imágenes de vista de tabla que no aparecen una vez que convertí el archivo del guión gráfico para que sea compatible con Xcode8. Esto parece un error con Xcode8, así que hasta que se libere una corrección de error, aquí hay una solución:

  1. Abra su guión gráfico en Xcode 8 y elija una vista inicial del dispositivo. Realice los cambios como lo haría normalmente.
  2. Una vez que haya completado sus cambios, seleccione el guión gráfico -> Inspector de archivos -> Se abre en -> Seleccione ''Xcode 7.x''.

  1. Seleccione ''Guardar y cerrar'' cuando se le solicite
  2. Los cambios de su guión gráfico se guardarán, y su guión gráfico funcionará como lo hizo antes de Xcode8.

Cuando necesite realizar otros cambios en el archivo del guión gráfico, siga estos pasos nuevamente.


XIB o Storyboard establecen el valor predeterminado como la versión anterior 7.xy Guardar y cerrar. Solución temporal, pero funciona. No vuelva a abrir una vez que haya hecho Guardar y cerrar. De lo contrario, debe seguir los mismos pasos desde el comienzo.