A barra de status e a barra de navegação aparecem acima dos limites da minha visualização no iOS 7

Recentemente, baixei o Xcode 5 DP para testar meus aplicativos no iOS 7. A primeira coisa que notei e confirmei é que os limites da minha visualização nem sempre são redimensionados para dar conta da barra de status e da barra de navegação.

Em viewDidLayoutSubviews, imprimo os limites da exibição:

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

Isso resulta no meu conteúdo aparecendo abaixo da barra de navegação e da barra de status.

Eu sei que eu poderia explicar a altura obtendo a altura da tela principal, subtraindo a altura da barra de status e a altura da barra de navegação, mas isso parece um trabalho extra desnecessário.

Como posso corrigir esse problema?

Atualizar:

Encontrei uma solução para esse problema específico. Defina a propriedade translúcida da barra de navegação como NO:

self.navigationController.navigationBar.translucent = NO;

Isso evitará que a exibição seja enquadrada embaixo da barra de navegação e da barra de status.

No entanto, não encontrei uma correção para o caso quando você deseja que a barra de navegação seja translúcida. Por exemplo, ao visualizar uma foto em tela cheia, desejo que a barra de navegação seja translúcida e a vista seja enquadrada embaixo dela. Isso funciona, mas quando alterno a exibição / ocultação da barra de navegação, experimentei resultados ainda mais estranhos. A primeira subvisão (um UIScrollView) obtém seus limites e a origem é alterada toda vez.

Você pode conseguir isso implementando uma nova propriedade chamada edgesForExtendedLayoutno iOS7 SDK. Adicione o seguinte código para conseguir isso,

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

Você precisa adicionar o acima em seu -(void)viewDidLoadmétodo.

O iOS 7 traz várias alterações na forma como você layout e personaliza a aparência da sua interface do usuário . As alterações no layout do controlador de exibição, cor da tonalidade e fonte afetam todos os objetos do UIKit no seu aplicativo. Além disso, os aprimoramentos nas APIs de reconhecimento de gestos oferecem controle mais refinado sobre as interações de gestos.

Usando os controladores de exibição

No iOS 7, os controladores de exibição usam o layout de tela cheia. Ao mesmo tempo, o iOS 7 oferece um controle mais granular sobre a maneira como um controlador de visualização apresenta suas visualizações. Em particular, o conceito de layout de tela cheia foi refinado para permitir que um controlador de visualização especifique o layout de cada extremidade da visualização.

A wantsFullScreenLayoutpropriedade do controlador de exibição está obsoleta no iOS 7. Se você especificar atualmente wantsFullScreenLayout = NO, o controlador de exibição poderá exibir seu conteúdo em um local inesperado da tela quando executado no iOS 7.

Para ajustar como um controlador de exibição expõe suas exibições, UIViewController fornece as seguintes propriedades:

• edgeForExtendedLayout

A edgesForExtendedLayoutpropriedade usa o UIRectEdgetipo, que especifica cada uma das quatro arestas de um retângulo, além de especificar nenhuma e todas. Use edgesForExtendedLayoutpara especificar quais arestas de uma vista devem ser estendidas, independentemente da translucidez da barra. Por padrão, o valor dessa propriedade é UIRectEdgeAll.

• extendedLayoutIncludesOpaqueBars

Se o seu design usa barras opacas, refine edgesForExtendedLayouttambém definindo a extendedLayoutIncludesOpaqueBarspropriedade como NO . (O valor padrão de extendedLayoutIncludesOpaqueBarsé NO .)

• automaticAdjustsScrollViewInsets

Se você não deseja que as inserções de conteúdo de uma exibição de rolagem sejam ajustadas automaticamente, defina automaticallyAdjustsScrollViewInsetscomo NÃO . (O valor padrão de automaticallyAdjustsScrollViewInsetsé YES .)

• topLayoutGuide, bottomLayoutGuide

As propriedades topLayoutGuidee bottomLayoutGuideindicam a localização das arestas da barra superior ou inferior na exibição de um controlador de exibição. Se as barras se sobrepuserem à parte superior ou inferior de uma vista, você poderá usar o Interface Builder para posicionar a vista em relação à barra, criando restrições na parte inferior topLayoutGuideou na parte superior do bottomLayoutGuide. (Se nenhuma barra deve se sobrepor à vista, a parte inferior topLayoutGuideé igual à parte superior da vista e a parte superior bottomLayoutGuideé igual à parte inferior da vista.) Ambas as propriedades são criadas preguiçosamente quando solicitadas.

Consulte, doc da apple

Você não precisa calcular até que ponto mudar tudo, há uma construção na propriedade para isso. No Construtor de interface, realce seu controlador de exibição e navegue até o inspetor de atributos. Aqui você verá algumas caixas de seleção ao lado das palavras "Estender arestas". Como você pode ver, na primeira captura de tela, a seleção padrão é para o conteúdo aparecer sob as barras superior e inferior, mas não sob as barras opacas, e é por isso que definir o estilo da barra como não translúcido funcionou para você.

Como você pode ver na primeira captura de tela, existem dois elementos da interface do usuário ocultos abaixo da barra de navegação. (Ativei os wireframes no IB para ilustrar isso) Esses elementos, um UIButton e um UISegmentedControl, têm sua origem "y" definida como zero, e o controlador de exibição está definido para permitir conteúdo abaixo da barra superior.

Esta segunda captura de tela mostra o que acontece quando você desmarca a caixa de seleção "Abaixo das barras superiores". Como você pode ver, a exibição dos controladores de exibição foi deslocada adequadamente para que sua origem y estivesse logo abaixo da barra de navegação.

Isso também pode ser realizado através de programação através do uso de -[UIViewController edgesForExtendedLayout]. Aqui está um link para a referência de classe para edgeForExtendedLayout e para UIRectEdge

[self setEdgesForExtendedLayout:UIRectEdgeNone];

Criei minha visão programaticamente e isso acabou funcionando para mim:

- (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;
    }
}

Origem (na seção topLayoutGuide na parte inferior da página 39).

Solução Swift 3 / Swift 4 que também funciona com arquivos NIBs / XIB no iOS 10+:

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

Se você deseja que a exibição tenha a barra de navegação translúcida (o que é bastante legal), é necessário configurar um contentInset ou semelhante.

Aqui está como eu faço isso:

// 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);
}

edgesForExtendedLayoutfaz o truque para o iOS 7. No entanto, se você criar o aplicativo no iOS 7 SDK e implantá-lo no iOS 6, a barra de navegação aparecerá translúcida e as visualizações ficarão abaixo. Portanto, para corrigi-lo no iOS 7 e no iOS 6, faça o seguinte:

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

No arquivo plist dos aplicativos, adicione uma linha, chame-a de "Exibir aparência da barra de status com base no controlador" e defina-a como NÃO .

O truque mais simples é abrir o arquivo NIB e executar estas duas etapas simples:

1. Apenas alterne isso e defina-o como você preferir:

2. Selecione aqueles / UIIMageView's / ... que você deseja mover para baixo. No meu caso, apenas o logotipo foi sobreposto e eu configurei o delta para +15; (OU -15, se você escolheu o iOS 7 na etapa 1)

E o resultado :

Solução rápida:

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

Gostaria de expandir a resposta de Stunner e adicionar uma ifdeclaração para verificar se é o iOS-7, porque quando o testei no iOS 6, meu aplicativo falharia.

A adição seria adicionar:

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

Então, eu sugiro adicionar este método ao seu MyViewControler.marquivo:

- (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 = []
}

Eu tenho um cenário em que uso o BannerViewController escrito pela Apple para exibir meus anúncios e um ScrollViewController incorporado no BannerViewController.

Para impedir que a barra de navegação oculte meu conteúdo, tive que fazer duas alterações.

1) Modifique BannerViewController.m

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

2) Modifique meu ScrollViewContoller

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

Agora, os anúncios são exibidos corretamente na parte inferior da visualização, em vez de serem cobertos pela barra de navegação e o conteúdo na parte superior não é cortado.

basta definir o seguinte código em exibição aparecerá.

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

faça restrições ao layout 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 mim, a solução mais simples é adicionar duas chaves ao plist

Adicione a chave "Exibir aparência da barra de status baseada em controlador" na lista suspensa como uma linha em info.plist. Algo assim:

Eu tive o mesmo problema com meu aplicativo por iPads (armv7, armv7s, amr64) apenas apresentando outro UIViewController e depois descartá-los na barra de status sob a barra de status ... passo muito tempo para encontrar qualquer solução para isso. Eu estou usando o storyboard e no InterfaceBuilder for UIViewController, o que torna terrível eu definir a Apresentação em tela cheia -> Contexto atual e corrigir esse problema. Funciona no meu aplicativo apenas para iPads => iOS8.0 (testando com iOS8.1) e para iPads com iOS 7.1 não funciona !!

Etapas para ocultar a barra de status no iOS 7:

1. Vá para o arquivo info.plist do aplicativo.

2.E definir, exibir a aparência da barra de status baseada em controlador: Booleano NÃO

Espero ter resolvido o problema da barra de status .....

No meu caso, tendo loadView () interrompido
este código: self.edgesForExtendedLayout = UIRectEdgeNone

mas depois de excluir o loadView () tudo funcionou bem