iOS 7: UITableView mostra na barra de status

A primeira tela do meu aplicativo é UITableViewControllersem barra de navegação, o que significa que o conteúdo flui sob a barra de status, para que haja muitas colisões de texto. Eu ajustei as duas propriedades Under top barse as Adjust scroll view insetsquais na verdade impedem a rolagem para baixo, mas com o custo de manter a parte superior da exibição da tabela em baixo. Tentei definir o UITableViewquadro para compensar 20 pixels, mas ele não parece entrar em vigor e, como atualmente preciso do aplicativo para ser compatível com o iOS 6, não posso pular para o iOS 7 Storyboards para forçar o uso do AutoLayout o guia de altura superior. Alguém encontrou uma solução que funcione para as duas versões?

Coisas que eu tentei: definir edgesForExtendedLayout, alterar as configurações no Storyboard para Under top barse Adjust scroll viewforçar o quadro para uma nova área.

Uma imagem vale mais que mil palavras:

Para qualquer pessoa interessada em replicar isso, basta seguir estas etapas:

1. Crie um novo projeto iOS
2. Abra o storyboard principal e exclua o padrão / inicial UIViewController
3. Arraste um novo UITableViewControllerda Biblioteca de objetos
4. Defina-o como o controlador de visualização inicial
5. Alimente a tabela com alguns dados de teste

Se você seguir as etapas acima, ao executar o aplicativo, verá que nada, incluindo ajustar as caixas de seleção do Xcode para "Estender arestas sob as barras {superior, inferior e opaca}", impede que a primeira linha apareça na barra de status, nem você pode resolver isso programaticamente.

Por exemplo, no cenário acima, o seguinte terá nenhum efeito:

// These do not work
self.edgesForExtendedLayout=UIRectEdgeNone;
self.extendedLayoutIncludesOpaqueBars=NO;
self.automaticallyAdjustsScrollViewInsets=NO;

Esse problema pode ser muito frustrante, e acredito que seja um bug no final da Apple, especialmente porque aparece em seus próprios cabos UITableViewControllerda biblioteca de objetos.

Eu discordo de todos que estão tentando resolver isso usando qualquer forma de "Números mágicos", por exemplo, "use um delta de 20px". Esse tipo de programação fortemente acoplada definitivamente não é o que a Apple quer que façamos aqui.

Eu descobri duas soluções para esse problema:

• Preservando a UITableViewControllercena da cena :
  se você deseja manter o UITableViewControllerstoryboard, sem colocá-lo manualmente em outra exibição, é possível incorporá-lo UITableViewControllerem UINavigationController(Editor> Incorporar> Navegador) e desmarcar a opção "Mostra barra de navegação" no inspetor . Isso resolve o problema sem precisar de ajustes extras, além de preservar a UITableViewControllercena da sua pessoa no storyboard.

• Usando o AutoLayout e incorporando-o UITableViewa outra visualização (acredito que é assim que a Apple deseja que façamos isso) :
  crie um vazio UIViewControllere arraste UITableView-o. Em seguida, pressione Ctrl e arraste do seu UITableViewpara a barra de status. Quando o mouse chegar à parte inferior da barra de status, você verá um balão de Autolayout que diz "Guia de layout superior". Solte o mouse e escolha "Espaçamento vertical". Isso informará o sistema de layout para colocá-lo logo abaixo da barra de status.

Eu testei nos dois sentidos em um aplicativo vazio e ambos funcionam. Você pode precisar fazer alguns ajustes extras para fazê-los funcionar no seu projeto.

Se você estiver fazendo as coisas de maneira programática e usando uma UITableViewControllersem a UINavigationControllersua melhor aposta, faça o seguinte em viewDidLoad:

Swift 3

self.tableView.contentInset = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 0)

Swift anterior

self.tableView.contentInset = UIEdgeInsetsMake(20.0f, 0.0f, 0.0f, 0.0f);

A UITableViewControllerbarra de rolagem ainda ficará atrás da barra de status, mas não ficará embaixo dela quando rolada para cima.

Observe: Isso funcionou para mim na seguinte configuração:

• Nenhuma barra de navegação na parte superior da tela (a exibição da tabela atende à barra de status)
• A exibição de tabela não pode ser rolada

Se os dois requisitos acima não forem atendidos, sua milhagem poderá variar.

Correio Original

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).

Adicionando à resposta superior:

depois que o segundo método não pareceu funcionar, eu fiz alguns ajustes adicionais e encontrei a solução.

TLDR; a segunda solução da resposta principal quase funciona, mas para algumas versões do xCode, pressione a tecla Ctrl e arraste para "Guia de layout superior" e selecione Espaçamento vertical. No entanto, ajustando primeiro o tamanho da Visualização da tabela e selecionando "Guia de layout de espaço superior a superior" funciona

1. Arraste um ViewController em branco para o storyboard.

2. Arraste um objeto UITableView para a Exibir. (Não UITableViewController). Posicione-o no centro, usando as guias de layout azuis.

3. Arraste um UITableViewCell para o TableView. Esta será a sua célula de reutilização do protótipo. Portanto, não se esqueça de configurá-lo como Identificador de Reutilização na guia Atributos ou você poderá sofrer uma falha.

4. Crie sua subclasse personalizada de UIViewController e adicione o <UITableViewDataSource, UITableViewDelegate> protocolos. Não se esqueça de definir o ViewController do seu storyboard para essa classe no Identity Inspector.

5. Crie uma saída para o seu TableView no seu arquivo de implementação e chame-o de "tableView"

6. Clique com o botão direito do mouse no TableView e arraste o dataSource e o delegado para o seu ViewController.

Agora, a parte de não recorte na barra de status.

7. Pegue a borda superior da sua Table View e mova-a para baixo para uma das guias azuis tracejadas de layout automático próximas à parte superior

8. Agora, você pode controlar o arrasto da Visualização da tabela para o topo e selecionar Espaço superior ao guia de layout superior

9. Isso fornecerá um erro sobre o layout ambíguo do TableView, basta adicionar restrições ausentes e pronto.

Agora você pode configurar sua exibição de tabela normalmente, e ela não cortará a barra de status!

- (void) viewDidLayoutSubviews {
    if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) {
        self.navigationController.navigationBar.barStyle = UIBarStyleBlackOpaque;
        if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
            self.edgesForExtendedLayout = UIRectEdgeNone;   // iOS 7 specific
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;
        viewBounds.origin.y = topBarOffset * -1;
        self.view.bounds = viewBounds;
        self.navigationController.navigationBar.translucent = NO;
    }
}

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/TransitionGuide/SupportingEarlieriOS.html#//apple_ref/doc/uid/TP40013174-CH14-SW1

Selecione UIViewController no seu storyboard e desmarque a opção Estender arestas sob as barras superiores. Trabalhou para mim. :)

É assim que se escreve em "Swift". Um ajuste na resposta de @ lipka:

tableView.contentInset = UIEdgeInsetsMake(20.0, 0.0, 0.0, 0.0)

Para o Xcode 7, desmarcar a marca de seleção 'translúcida' da barra de navegação funcionou para mim.

Isso o corrigirá para um UITableViewController (sem nenhum número mágico). A única coisa que não consegui consertar é se você estiver em uma ligação, e nesse caso a parte superior do tableView é pressionada demais. Se alguém souber como resolver isso, informe-nos.

class MyTableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()    
        configureTableViewTop()
    }

    override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)
        coordinator.animateAlongsideTransition({ (context) -> Void in
            }, completion: { (context) -> Void in
                self.configureTableViewTop()
        })
    }

    func configureTableViewTop() { 
        tableView.contentInset.top = UIApplication.sharedApplication().statusBarFrame.height
    }
}

Não sei o quão Kosher é, mas descobri que esse esquema move a visão do ViewController para baixo e fornece à barra de status um histórico sólido:

- (void)viewDidLoad {
    [super viewDidLoad];

    // Shove everything down if iOS 7 or later
    float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
    if (systemVersion >= 7.0f) {

        // Move the view down 20 pixels
        CGRect bounds = self.view.bounds;
        bounds.origin.y -= 20.0;
        [self.view setBounds:bounds];

        // Create a solid color background for the status bar
        CGRect statusFrame = CGRectMake(0.0, -20.0, bounds.size.width, 20);
        UIView* statusBar = [[UIView alloc] initWithFrame:statusFrame];
        statusBar.backgroundColor = [UIColor redColor];
        [self.view addSubview:statusBar];
    }

Claro, substitua redColor pela cor que desejar para o fundo.

Você deve executar um dos swizzles separadamente para definir a cor dos caracteres / símbolos na barra de status. Eu uso View controller-based status bar appearance = NOe, Status bar style = Opaque black styleno essencial, para fazer isso globalmente.

Parece funcionar, e eu ficaria interessado em ouvir algum bug ou problema com ele.

A resposta do chappjc funciona muito bem quando se trabalha com XIBs.

Encontrei a solução mais limpa ao criar o TableViewControllers programaticamente, envolvendo a instância UITableViewController em outro UIViewController e definindo as restrições de acordo.

Aqui está:

UIViewController *containerLeftViewController = [[UIViewController alloc] init];
UITableViewController *tableViewController = [[UITableViewController alloc] init];

containerLeftViewController.view.backgroundColor = [UIColor redColor];

hostsAndMoreTableViewController.view.translatesAutoresizingMaskIntoConstraints = NO;
[containerLeftViewController.view addSubview:tableViewController.view];

[containerLeftViewController addChildViewController:tableViewController];
[tableViewController didMoveToParentViewController:containerLeftViewController];

NSDictionary * viewsDict = @{ @"tableView": tableViewController.view ,
                              @"topGuide": containerLeftViewController.topLayoutGuide,
                              @"bottomGuide": containerLeftViewController.bottomLayoutGuide,
                              };
[containerLeftViewController.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[tableView]|"
                                                                                         options:0
                                                                                         metrics:nil
                                                                                           views:viewsDict]];
[containerLeftViewController.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[topGuide][tableView][bottomGuide]"
                                                                                         options:0
                                                                                         metrics:nil
                                                                                           views:viewsDict]];

Cheers, Ben

Acho que a abordagem para usar o UITableViewController pode ser um pouco diferente do que você fez antes. Funcionou para mim, mas você pode não ser um fã disso. O que fiz foi ter um controlador de exibição com uma exibição de contêiner que aponta para meu UItableViewController. Dessa forma, posso usar o TopLayoutGuide fornecido ao meu storyboard. Basta adicionar a restrição à visualização do contêiner e você deve cuidar do iOS7 e iOS6.

Acabei usando uma visualização extra com o fundo desejado, adicionado após o TableView e colocado na barra de status:

    self.CoverView = [[UIView alloc]init];

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

    self.CoverView.frame = CGRectMake(0,0,self.view.bounds.size.width,20);
    }

    self.CoverView.backgroundColor = [UIColor whiteColor];
    self.TableView = [[UITableView alloc]initWithFrame:CGRectMake(0,
    self.CoverView.bounds.size.height,XXX, YYY)];
    [self.view addSubview:self.TableView];
    [self.view addSubview:self.CoverView];

Não é muito bonito, mas é uma solução bastante simples, se você precisar trabalhar com visualizações sem xib e com o IOS6 e o ​​IOS7

Fiz isso para a exibição Retina / Não Retina como

BOOL isRetina = FALSE;

if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    if ([[UIScreen mainScreen] scale] == 2.0) {
        isRetina = TRUE;
    } else {
        isRetina = FALSE;
    }
}

if (isRetina) {
    self.edgesForExtendedLayout=UIRectEdgeNone;
    self.extendedLayoutIncludesOpaqueBars=NO;
    self.automaticallyAdjustsScrollViewInsets=NO;
}

A solução a seguir funciona bem em código sem usar constantes mágicas e explica o usuário alterando a classe de tamanho, por exemplo, através de rotações ou aplicativos lado a lado em ipads:

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    [super traitCollectionDidChange:previousTraitCollection];
    // Fix up content offset to ensure the tableview isn't underlapping the status bar.
    self.tableView.contentInset = UIEdgeInsetsMake(self.topLayoutGuide.length, 0.0, 0.0, 0.0);
}

Funciona com rapidez 3 - In viewDidLoad ();

let statusBarHeight = UIApplication.shared.statusBarFrame.height

let insets = UIEdgeInsets(top: statusBarHeight, left: 0, bottom: 0, right: 0)
tableView.contentInset = insets
tableView.scrollIndicatorInsets = insets

Este código: 1. Obtém a altura da barra de status 2. Fornece à parte superior da tabela uma inserção de conteúdo igual à altura da barra de status. 3. Fornece o mesmo indicador de rolagem, para que ele apareça abaixo da barra de status.

Para aqueles como eu, que preferem não incorporá-los UITableViewControllerem umUIViewController tente o seguinte:

Uma UITableViewControllersubclasse personalizada pode anexar uma visualização de máscara à superview do tableView. Adicione a máscara em viewDidAppear e remova a máscara em viewWillDisappear.

private var statusBarMaskView: UIView!

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    if let superview = self.tableView.superview {
        self.statusBarMaskView = UIView(frame: CGRect.zero)
        superview.insertSubview(self.statusBarMaskView, aboveSubview: self.tableView)
        self.statusBarMaskView.backgroundColor = self.tableView.backgroundColor

        // using a nice constraint layout library to set the frame
        self.statusBarMaskView.pinTop(to: superview)
        self.statusBarMaskView.pinLeft(to: superview)
        self.statusBarMaskView.pinRight(to: superview)
        self.statusBarMaskView.addHeightConstraint(with: 22.0)
        ////
    }
}

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)

    self.statusBarMaskView.removeFromSuperview()
    self.statusBarMaskView = nil
}

Eu tinha um UISearchBar na parte superior do meu UITableView e o seguinte funcionou;

self.tableView.contentInset = UIEdgeInsetsMake(20, 0, 0, 0);
self.tableView.contentOffset = CGPointMake(0, -20);

Compartilhe e curta...

Eu consegui trabalhar definindo o tamanho para forma livre

A solução de Abrahamchez https://developer.apple.com/library/ios/qa/qa1797/_index.html funcionou para mim da seguinte maneira. Eu tinha um único controlador UITableview como minha visualização inicial. Eu tentei o código de deslocamento e a incorporação em um navcon, mas nenhum resolveu a transparência da barra de status.

Adicione um Viewcontroller e torne-o a visualização inicial. Isso deve mostrar os guias críticos de layout superior e inferior.

Arraste o Tableview antigo para a View no novo controlador.

Faça todo o necessário para adaptar a tabela ao novo controlador:

Altere seu arquivo controller.h da visualização antiga para herdar / subclasse de UIViewController em vez de UITableViewController.

Adicione UITableViewDataSource e UITableViewDelegate ao .h do controlador de exibição.

Reconecte qualquer coisa necessária no storyboard, como uma barra de pesquisa.

O importante é configurar as restrições, como nas perguntas e respostas da Apple. Não me incomodei em inserir uma barra de ferramentas. Não tenho certeza da sequência exata. Mas um ícone vermelho apareceu nos Guias de layout, talvez quando eu construí. Cliquei e deixei o Xcode instalar / limpar as restrições.

Depois, cliquei em todos os lugares até encontrar a restrição de espaço vertical e alterar seu valor máximo de -20 para 0 e funcionou perfeitamente.

Estou usando um UISplitViewController com um controlador de navegação e um controlador de tableview. Isso funcionou para mim na visualização principal depois de tentar muitas soluções aqui:

float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
if (systemVersion >= 7.0f) {

    // Move the view down 20 pixels
    CGRect bounds = self.view.bounds;
    bounds.origin.y -= 20.0;
    [self.navigationController.view setBounds:bounds];

    // Create a solid color background for the status bar
    CGRect statusFrame = CGRectMake(0.0, -20.0, bounds.size.width, 20);
    UIView* statusBar = [[UIView alloc] initWithFrame:statusFrame];
    statusBar.backgroundColor = [UIColor whiteColor];
    [statusBar setAlpha:1.0f];
    [statusBar setOpaque:YES];
    [self.navigationController.view addSubview:statusBar];
}

É semelhante à solução do Hot Licks, mas aplica a subvisão ao navigationController.

override func viewDidLoad() {
 // your code

 if let nc = self.navigationController {
   yourView.frame.origin.y = nc.navigationBar.frame.origin.y + nc.navigationBar.frame.height
  }
}

Aqui está um Swift 2.3. (Xcode 8.0). Eu criei uma subclasse de UITableView.

class MYCustomTableView: UITableView
{   
    override func drawRect(rect: CGRect) {
        super.drawRect(rect)
        contentInset    = UIEdgeInsetsZero
    }
}

O conteúdo inserido sempre deve ser zero (por padrão). Estou definindo Zero manualmente. Você também pode adicionar um método de verificação que faça a verificação e, se for algo diferente do que você deseja, obtenha o retângulo correto. A alteração será refletida apenas quando a visualização da tabela for desenhada (o que não acontece frequentemente).

Não se esqueça de atualizar o TableView no seu IB (no TableViewController ou apenas no TableView dentro do seu ViewController).

Eu estava enfrentando esse problema no iOS 11, mas o layout estava correto para o iOS 8 - 10.3.3. Para o meu caso, defino uma restrição de espaço vertical como Superview.Top Margin em vez de Superview.Top, que funciona para o iOS 8-11.

Eu achei a maneira mais fácil de fazer isso, especialmente se você estiver adicionando sua visualização de tabela dentro da barra de guias, primeiro adicione uma visualização e, em seguida, adicione a visualização de tabela dentro dessa visualização . Isso fornece os guias de margem superior que você está procurando.

veja todas as soluções: meu projeto é apenas usar xib; portanto, a solução com storyboard não funcionou para mim. self.edgesForExtendedLayout = UIRectEdgeNone; só funciona para o controlador se a barra de navegação estiver visível. mas se sua visualização tiver apenas barra de status, isso não funcionará. então eu combino duas condições.

- (void) viewDidLayoutSubviews {
float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
if (systemVersion >= 7.0f) {
    CGRect bounds = self.view.bounds;
    if(self.navigationController == nil || self.navigationController.isNavigationBarHidden == YES){
        bounds.origin.y -= 20.0;
        [self.view setBounds:bounds];
    }
    else{
        self.edgesForExtendedLayout = UIRectEdgeNone;
    }
}

ajude isso a funcionar.

Se você também precisar oferecer suporte ao iOS 6, precisará movê-lo condicionalmente para baixo. Ou seja, no iOS 7, você deve movê-lo para baixo em 20 pontos (por framemanipulação ou usando o layout automático) e no iOS 6, você o deixa em paz. Eu não acredito que você possa fazer isso no IB, então você terá que fazer isso no código.

EDITAR

Você pode realmente fazer isso no IB, usando os deltas do iOS6 / iOS7. Defina sua posição no iOS 7 e, no iOS 6, defina o delta Y para -20 pontos. Veja esta pergunta para mais informações.