Como configurar cenas e fluxo de tela em aplicativos ios

programas eficazes funcionar sem problemas devido à configuração adequada. Siga os passos abaixo para configurar as cenas e o fluxo de tela para o seu aplicativo iOS. Para adicionar uma cena, siga estes passos:

  1. Edite o arquivo de storyboard.

    Selecione o arquivo de storyboard para o projeto (para este projeto o arquivo é chamado MainStoryboard.storyboard).

    Será exibida uma tela em branco.

  2. Mostrar a biblioteca de objetos.

    Na área de utilitário, clique no pequeno cubo mostrado no canto inferior direito da tela abaixo as configurações de texto do painel etiquetado. O cubo se tornará azul.

    Passe o cursor sobre o cubo, e uma dica exibindo Mostrar Object Library aparece.

    A coleção de classes aparece, com a primeira classe sendo View Controller.

  3. Adicionar um controlador de vista para o storyboard:

  1. Selecione View Controller e arrastá-lo para a tela.

  2. Zoom a cena a 100% (por certo, clique em uma área em branco na tela storyboard).

  3. Role a biblioteca de objetos até ver as classes típicas da interface do usuário (botões, etiquetas, e outros).

  4. Arraste e solte um rótulo (uma classe chamada UILabel) onde você precisa na tela. Clique duas vezes no rótulo e introduzir Bem-vindo ao Tic-Tac-Toe!

  5. Arraste e solte um botão (uma classe chamada UIButton) onde você precisa na tela. Dê um duplo clique no botão e digite Iniciar uma nova sessão.

  • Adicione a segunda cena.



  • Arraste em um controlador de exibição para criar uma cena.

  • Arraste em uma visão (uma classe chamada UIView).

  • Arraste em dois campos de texto (cada um de uma classe chamada UIText).

    Um campo de texto mostra o status do jogo, eo outro mostra as pontuações acumuladas de cada jogador nessa sessão.

  • Depois que você estiver familiarizado com os elementos de interface do usuário, você pode obter um elemento clicando uma linha na lista de elementos e digitando o nome do elemento que você está procurando.

  • Costurar as cenas juntos.

    No fluxo de tela para Tic-Tac-Toe, o objetivo é clicar no botão Iniciar Nova Sessão para abrir a segunda tela. Coloque o cursor sobre o botão Iniciar Nova Sessão e Controle arrastar de lá para a segunda cena.

    Quando você soltar o cursor, você será solicitado a fazer uma seleção que define o tipo do segue.

  • Escolha Modal.

    Uma segue a partir Iniciar Nova Sessão na primeira cena para o segundo é criado. O storyboard resultante deve se parecer com foto abaixo de storyboard com duas telas e um segue conexão.

  • Agora você pode testar o fluxo de tela:

    Vá para o menu principal, clique em Produtos, e selecione Executar.

    O programa começa ea primeira cena aparece.

  • Clique em Iniciar Nova Sessão.

    A segunda cena aparece. Claro, você ainda tem que escrever o código para implementar a funcionalidade do jogo, mas, hey, cada pouco ajuda.


  • Publicações relacionadas