La barra de estado y la barra de navegación aparecen sobre los límites de mi vista en iOS 7

Recientemente descargué Xcode 5 DP para probar mis aplicaciones en iOS 7. Lo primero que noté y confirmé es que los límites de mi vista no siempre cambian de tamaño para tener en cuenta la barra de estado y la barra de navegación.

En viewDidLayoutSubviews, imprimo los límites de la vista:

{{0, 0}, {320, 568}}

Esto hace que mi contenido aparezca debajo de la barra de navegación y la barra de estado.

Sé que podría explicar la altura yo mismo obteniendo la altura de la pantalla principal, restando la altura de la barra de estado y la altura de la barra de navegación, pero eso parece un trabajo adicional innecesario.

¿Cómo puedo solucionar este problema?

Actualizar:

He encontrado una solución para este problema específico. Establezca la propiedad translúcida de la barra de navegación en NO:

self.navigationController.navigationBar.translucent = NO;

Esto solucionará que la vista se enmarque debajo de la barra de navegación y la barra de estado.

Sin embargo, no he encontrado una solución para el caso cuando desea que la barra de navegación sea translúcida. Por ejemplo, al ver una foto a pantalla completa, deseo que la barra de navegación sea translúcida y que la vista se enmarque debajo de ella. Eso funciona, pero cuando alterno mostrar / ocultar la barra de navegación, he experimentado resultados aún más extraños. La primera subvista (un UIScrollView) tiene sus límites y el origen cambia cada vez.

Puede lograr esto implementando una nueva propiedad llamada edgesForExtendedLayouten iOS7 SDK. Agregue el siguiente código para lograr esto,

if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
        self.edgesForExtendedLayout = UIRectEdgeNone;

Necesita agregar lo anterior en su -(void)viewDidLoadmétodo.

iOS 7 trae varios cambios en la forma en que diseñas y personalizas la apariencia de tu interfaz de usuario . Los cambios en el diseño del controlador de vista, el color del tinte y la fuente afectan a todos los objetos UIKit en su aplicación. Además, las mejoras en las API de reconocimiento de gestos le brindan un control más preciso sobre las interacciones de gestos.

Uso de controladores de vista

En iOS 7, los controladores de vista usan un diseño de pantalla completa. Al mismo tiempo, iOS 7 le brinda un control más granular sobre la forma en que un controlador de vista presenta sus vistas. En particular, el concepto de diseño de pantalla completa se ha refinado para permitir que un controlador de vista especifique el diseño de cada borde de su vista.

La wantsFullScreenLayoutpropiedad del controlador de vista está en desuso en iOS 7. Si actualmente especifica wantsFullScreenLayout = NO, el controlador de vista puede mostrar su contenido en una ubicación de pantalla inesperada cuando se ejecuta en iOS 7.

Para ajustar cómo un controlador de vista presenta sus vistas, UIViewController proporciona las siguientes propiedades:

• edgeForExtendedLayout

La edgesForExtendedLayoutpropiedad usa el UIRectEdgetipo, que especifica cada uno de los cuatro bordes de un rectángulo, además de especificar ninguno y todos. Se usa edgesForExtendedLayoutpara especificar qué bordes de una vista deben extenderse, independientemente de la translucidez de la barra. Por defecto, el valor de esta propiedad es UIRectEdgeAll.

• extendedLayoutIncludesOpaqueBars

Si su diseño usa barras opacas, refine edgesForExtendedLayoutestableciendo también la extendedLayoutIncludesOpaqueBarspropiedad en NO . (El valor predeterminado de extendedLayoutIncludesOpaqueBarses NO ).

• automaticAdjustsScrollViewInsets

Si no desea que las inserciones de contenido de una vista de desplazamiento se ajusten automáticamente, ajústelo automaticallyAdjustsScrollViewInsetsen NO . (El valor predeterminado de automaticallyAdjustsScrollViewInsetses SÍ ).

• topLayoutGuide, bottomLayoutGuide

Las propiedades topLayoutGuidey bottomLayoutGuideindican la ubicación de los bordes de la barra superior o inferior en la vista de un controlador de vista. Si las barras se superponen en la parte superior o inferior de una vista, puede usar el Creador de interfaces para colocar la vista en relación con la barra creando restricciones en la parte inferior topLayoutGuideo superior de la Guía de diseño. (Si no hay barras superpuestas en la vista, la parte inferior de topLayoutGuidees la misma que la parte superior de la vista y la parte superior bottomLayoutGuidees la misma que la parte inferior de la vista). Ambas propiedades se crean perezosamente cuando se solicitan.

Consulte, documento de apple

No tiene que calcular qué tan lejos puede desplazar todo hacia abajo, hay una propiedad incorporada para esto. En Interface Builder, resalte su controlador de vista y luego navegue al inspector de atributos. Aquí verá algunas casillas de verificación junto a las palabras "Extender bordes". Como puede ver, en la primera captura de pantalla, la selección predeterminada es que el contenido aparezca debajo de las barras superior e inferior, pero no debajo de las barras opacas, por lo que configurar el estilo de barra para que no sea translúcido funcionó para usted.

Como puede ver en la primera captura de pantalla, hay dos elementos de la interfaz de usuario ocultos debajo de la barra de navegación. (He habilitado wireframes en IB para ilustrar esto) Estos elementos, un UIButton y un UISegmentedControl tienen su origen "y" establecido en cero, y el controlador de vista está configurado para permitir contenido debajo de la barra superior.

Esta segunda captura de pantalla muestra lo que sucede cuando desmarca la casilla de verificación "Bajo las barras superiores". Como puede ver, la vista de los controladores de vista se ha desplazado hacia abajo de manera apropiada para que su origen esté justo debajo de la barra de navegación.

Esto también se puede lograr mediante programación mediante el uso de -[UIViewController edgesForExtendedLayout]. Aquí hay un enlace a la referencia de clase para edgeForExtendedLayout y para UIRectEdge

[self setEdgesForExtendedLayout:UIRectEdgeNone];

Creé mi vista mediante programación y esto terminó funcionando para mí:

- (void) viewDidLayoutSubviews {
    // only works for iOS 7+
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;

        // snaps the view under the status bar (iOS 6 style)
        viewBounds.origin.y = topBarOffset * -1;

        // shrink the bounds of your view to compensate for the offset
        viewBounds.size.height = viewBounds.size.height + (topBarOffset * -1);
        self.view.bounds = viewBounds;
    }
}

Fuente (en la sección topLayoutGuide en la parte inferior de la página 39).

Solución Swift 3 / Swift 4 que también funciona con archivos NIB / XIB en iOS 10+:

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

Si desea que la vista tenga la barra de navegación translúcida (que es bastante agradable), debe configurar un ContentInset o similar.

Así es como lo hago:

// Check if we are running on ios7
if([[[[UIDevice currentDevice] systemVersion] componentsSeparatedByString:@"."][0] intValue] >= 7) {
      CGRect statusBarViewRect = [[UIApplication sharedApplication] statusBarFrame];
      float heightPadding = statusBarViewRect.size.height+self.navigationController.navigationBar.frame.size.height;

      myContentView.contentInset = UIEdgeInsetsMake(heightPadding, 0.0, 0.0, 0.0);
}

edgesForExtendedLayouthace el truco para iOS 7. Sin embargo, si compila la aplicación en iOS 7 SDK y la implementa en iOS 6, la barra de navegación parece translúcida y las vistas van debajo de ella. Entonces, para solucionarlo tanto para iOS 7 como para iOS 6, haga esto:

self.navigationController.navigationBar.barStyle = UIBarStyleBlackOpaque;
if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
    self.edgesForExtendedLayout = UIRectEdgeNone;   // iOS 7 specific

En su archivo de aplicaciones, agregue una fila, llámelo "Ver la apariencia de la barra de estado basada en el controlador" y configúrelo en NO .

El truco más simple es abrir el archivo NIB y realizar estos dos simples pasos:

1. Solo alterna eso y configúralo en el que prefieras:

2. Seleccione los UIView's / UIIMageView's / ... que desea mover hacia abajo. En mi caso, solo el logotipo se superpuso y establecí el delta en +15; (O -15 si eligió iOS 7 en el paso 1)

Y el resultado :

Solución rápida:

override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    self.edgesForExtendedLayout = UIRectEdge.None
}

Me gustaría ampliar la respuesta de Stunner y agregar una ifdeclaración para verificar si es iOS-7, porque cuando lo probé en iOS 6 mi aplicación se bloqueó.

La adición sería agregar:

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)

Por lo tanto, sugeriría agregar este método a su MyViewControler.marchivo:

- (void) viewDidLayoutSubviews {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;
        viewBounds.origin.y = topBarOffset * -1;
        self.view.bounds = viewBounds;
    }
}

Swift 3

override func viewWillAppear(_ animated: Bool) {
    self.edgesForExtendedLayout = []
}

Tengo un escenario en el que uso el BannerViewController escrito por Apple para mostrar mis anuncios y un ScrollViewController incrustado en el BannerViewController.

Para evitar que la barra de navegación oculte mi contenido, tuve que hacer dos cambios.

1) Modificar BannerViewController.m

- (void)viewDidLoad
{
   [super viewDidLoad];
   float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
   if (systemVersion >= 7.0) {
      self.edgesForExtendedLayout = UIRectEdgeNone;
   }
}

2) Modificar mi ScrollViewContoller

- (void)viewDidLoad
{
    [super viewDidLoad];
    float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
    if (systemVersion >= 7.0) {
        self.edgesForExtendedLayout = UIRectEdgeBottom;
    }
}

Ahora los anuncios se muestran correctamente en la parte inferior de la vista en lugar de estar cubiertos por la barra de navegación y el contenido en la parte superior no se corta.

simplemente configure el siguiente código a la vista aparecerá.

  if ([[[UIDevice currentDevice] systemVersion] floatValue]<= 7) {
self.edgesForExtendedLayout = UIRectEdgeNone;
 }

hacer restricciones al diseño superior como este

Swift 4.2 - Xcode 10.0 - iOS 12.0:

if #available(iOS 11.0, *) {} else {
  self.edgesForExtendedLayout = []
  self.navigationController?.view.backgroundColor = .white
}

Para mí, la solución más simple es agregar dos claves al plist

Agregue la clave "Ver la apariencia de la barra de estado basada en el controlador" de la lista desplegable como una fila info.plist. Algo como esto:

Tuve el mismo problema con mi aplicación de iPads (armv7, armv7s, amr64) solo al presentar otro UIViewController y después de descartarlos, aparece la barra de navegación debajo de la barra de estado ... Dedico mucho tiempo a encontrar una solución para eso. Estoy usando el guión gráfico y en InterfaceBuilder para UIViewController, lo que hace que sea terrible configuré Presentación desde Pantalla completa -> Contexto actual y solucionó este problema. ¡Funciona en mi aplicación solo para iPads => iOS8.0 (prueba con iOS8.1) y para iPads con iOS 7.1 no funciona!

Pasos para ocultar la barra de estado en iOS 7:

1.Vaya al archivo info.plist de su aplicación.

2.Y establecer, ver la apariencia de la barra de estado basada en el controlador: booleano NO

Espero haber resuelto el problema de la barra de estado .....

En mi caso, tener loadView () interrumpió
este código: self.edgesForExtendedLayout = UIRectEdgeNone

pero después de eliminar loadView () todo funcionó bien