Como criar um fluxo de tela para uma aplicação iOS - dummies

Depois de criar o projeto, você está pronto para criar um storyboard que capture o fluxo de tela para o aplicativo iOS. Os storyboards oferecem aos desenvolvedores uma maneira declarativa (sem programação) de estabelecer o fluxo de tela de um aplicativo, bem como definir o layout de cada tela no aplicativo. Um storyboard consiste no seguinte:

• Uma representação gráfica de cada tela em uma aplicação

• Uma especificação das transições entre telas conhecidas como segues

Quando você usa o modelo Empty Application para criar o projeto, você precisa adicionar um arquivo de storyboard. Para fazer isso, siga estas etapas:

1. Escolha Arquivo → Novo → Arquivo.

   Aparece esta tela, onde você pode selecionar um modelo para o novo arquivo.

   

2. Selecione Interface de usuário no painel esquerdo em iOS e selecione Storyboard para adicionar um arquivo de storyboard.

   

   Este arquivo é chamado Main. storyboard, mas sinta-se livre para escolher qualquer nome que você quiser, desde que tenha o. extensão do storyboard. Deixe a caixa Onde, de qualquer forma, para que o storyboard seja salvo na mesma pasta que o resto dos arquivos do seu projeto.

   Na figura, anote a marca de seleção ao lado de Tic-Tac-Toe-Capítulo-8, que é o alvo de compilação do aplicativo neste caso. Esta etapa torna o storyboard um membro do objetivo de compilação do aplicativo, então, quando o aplicativo é criado, o storyboard está incluído na compilação.

Certifique-se de verificar o objetivo de compilação do aplicativo; Caso contrário, você receberá erros esquisitos que levarão horas para depurar. No entanto, se você esquecer de verificar o alvo quando você adiciona o storyboard, pode fazê-lo mais tarde.

Depois de adicionar o storyboard, você precisa configurar o projeto para usá-lo, da seguinte forma:

1. Editar o. arquivo plist.

   Abra o arquivo com o. Extensão plist - Tic-Tac-Toe-Chapter-8-Info. plist (plist stands para arquivo de lista de propriedades ).

2. Adicione uma nova linha à lista de Informações da Propriedade.

   Mova o mouse após a última linha da lista de Informações da Propriedade. Clique com o botão direito do mouse e selecione Adicionar linha.

3. Defina o valor para a nova linha.

   Se você selecionar a nova linha que você acabou de adicionar, ela se torna uma lista suspensa. Selecione a entrada Nome principal da base de arquivos do storyboard. Mova o mouse para a direita, na coluna Valor e defina o valor para a nova entrada que você acabou de adicionar ao Main.

   

4. Edite o arquivo delegado do aplicativo.

   Usando o navegador do Projeto, localize o arquivo delegado do aplicativo (neste caso, TTTAppDelegate. M) e localize o método didFinishLaunchingWithOptions (veja o seguinte código).

5. Edite o método didFinishLaunchingWithOptions.

6. Comente (ou simplesmente exclua) todas as linhas, exceto a declaração de retorno SIM.Aplicação

   - (BOOL): (UIApplication *) didFinishLaunchingWithOptions: (NSDictionary *) launchOptions {// self. window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]]; // Ponto de substituição para personalização após o lançamento do aplicativo. // self. janela. backgroundColor = [UIColor brancoColor]; // [self. window makeKeyAndVisible]; retornar SIM;}
   

7. Clique com o botão direito do mouse no arquivo do storyboard e escolha Abrir como → Código-fonte.

   O guião gráfico aparece, mostrado em XML.