Como corrigir a barra de status em seu aplicativo ios

Video: Como personalizar a barra de status do Android por completo - SEM ROOT

Fixação da barra de status é algo que você terá que enfrentar no iOS 7. Não é realmente difícil, mas ajuda a ter trabalhado com pontos de vista e suas configurações, a fim de entendê-la.

No iOS 7, a barra de status é transparente, e é aí que o problema surge. A questão é que o ponto de vista web está mostrando através da barra de status transparente. Isso é um não-não. Ele desvia as informações barra de status, ele destrói a consistência da interface do iOS, e parece estranho para a maioria das pessoas.

Há três soluções padrão. O mais fácil é usar um controlador de navegação para exibir o seu conteúdo (a sua tela principal). Um controlador de navegação tem a lógica incorporada para exibir um fundo apropriado para a barra de status e posicionar seus pontos de vista de conteúdo para que eles não estão por trás da barra de status. (Esta é uma das razões que o problema não ocorre com tanta freqüência em aplicativos do iPhone.)

Video: Como arrumar aplicativos que fecham sozinhos (iPad / iPhone)

Você também pode criar uma imagem de fundo nondistracting para colocar sob a barra de status e, acima de conteúdo do seu ponto de vista.

A solução mais robusta é usar Auto Layout. Até agora, você já usado principalmente Layout automático para fixando pontos de vista e integrá-las em outros pontos de vista. Há muito mais para Auto Layout, e aqui está como você pode usá-lo neste caso.

Primeiro de tudo, como você pode facilmente descobrir, a barra de status é de 20 pontos de alta. Você pode ir para o inspetor Tamanho na área de utilidade, e definir manualmente a origem de sua visão de cima para 0, 20 por isso vai ser colocada abaixo da barra de status.

E quando a Apple introduz um dispositivo iOS com um novo formato em que a barra de status não é de vinte pontos altos, a sua aplicação vai quebrar. Agora não há nenhuma garantia de que tal como o dispositivo será apresentado na próxima semana, mas as chances são muito boas que isso vai acontecer (e provavelmente no momento mais inconveniente para você).

Comece por reconhecer que a barra de status é transparente e que vai estar no topo da tela. No caso de seu controlador Mapa, você tem que barra de status transparente no topo da tela. Você quer que sua barra de ferramentas abaixo dela, e você quer que seu ponto de vista web diretamente abaixo da parte inferior da barra de ferramentas.

Agora que você já reconheceu que a barra de status vai estar no topo da tela, a menos que escondê-lo, aqui estão os passos para posicionar os outros pontos de vista adequadamente.

  1. No storyboard, abra o Document Outline eo Controlador Mapa - cena do mapa.

  2. Observe que você tem Guia Top layout e uma Guia inferior Disposição dentro da cena.

    Eles são colocados lá automaticamente.

  3. Control-arraste a partir da barra de ferramentas para o Guia Top layout.

    Video: Como ter a Barra de Status, Notificações e Painel igual do iPhone no celular Android

  4. Escolha Vertical Espaçamento na popover que aparece.

    Video: Ícones de notificação na barra de status do iOS

  5. Com a barra de ferramentas ainda selecionada, escolha o inspetor Tamanho na área de Utility. Na lista de restrições, você vai definir Top Espaço para: Guia Top Layout.



    Essa é a restrição que acabou de criar.

  6. Clique na roda de engrenagem nessa restrição e escolha Selecionar e Editar.

  7. A restrição deveria ter sido definido.

    Verifique se o menu pop-up estiver definido como Equal, a constante é definido como 0, e a prioridade está definida para 1.000. Esse é o valor mais alto e isso significa que nenhuma outra restrição pode substituir este.

  8. Se você tiver quaisquer outras restrições, use a roda de engrenagem para excluí-los.

    Estas restrições adicionais podem acumular como você está experimentando.

  9. Usando o Editor → Pin, fixar os espaços de ataque e de fuga para a superview.

  10. Use o Inspetor Tamanho para verificar se a altura barra de ferramentas permanece 44.

    Você pode querer executar o aplicativo agora para verificar se a barra de ferramentas não se sobrepõe a barra de status.

  11. Controlo-arraste de Visão do mapa para Toolbar.

  12. Selecione espaçamento vertical como você fez no Passo 4.

  13. Escolha do Editor → Resolver Auto layout Questões → Adicionar restrições falta.

    Se o comando está a cinzento, apenas verificar se você tem superior, inferior, líder, e as restrições à direita para a vista web. Se não, certifique-se a barra de ferramentas é selecionado e, em seguida, usar o Editor → Resolver problemas de layout Auto → Limpar Restrições para tentar novamente.

    Xcode pinos o espaço inferior para o superview e alinha levando, à direita, e de cima para a barra de ferramentas. O webview é preso à barra de ferramentas que está preso ao superview.

  14. Verifique se as restrições estão trabalhando girando o simulador usando o menu Hardware.

Rodar o simulador é o teste de auto Esquema. Use os equivalentes de teclado como você está trabalhando em seu storyboard para verificar constantemente que seu layout bela paisagem é tão bonito no retrato.


Publicações relacionadas