Se ainda não está no seu dispositivo, baixe o app.

Quando você abre Playgrounds Swift, você vai direto para a página New Playgrounds. Se você já abriu o aplicativo antes, você verá seus arquivos anteriores do Playgrounds aqui. Caso contrário, o ecrã estará na sua maioria vazio. De qualquer forma, há um painel na parte inferior do ecrã que tem o título Outros Playgrounds. Toque no botão azul ‘Ver tudo’ na extremidade direita deste painel, e o painel deverá expandir-se para mostrar os tutoriais Swift que a Apple fornece. Vá até a linha de Pontos de Partida, e toque no botão azul ‘Ver tudo’ para isso.

Agora você deve ser capaz de ver todos os projetos de exemplo que a Apple fornece, embora não haja um exemplo para o SwiftUI no momento em que estou escrevendo isso.

Você tem duas escolhas que funcionarão como Pontos de Partida para este tutorial. Blank irá criar um novo arquivo .playgroundbook que pode ser aberto no Swift Playgrounds em um iPad, mas não pode ser aberto pelo Xcode em um Mac. Se você não se importa de usar seu iPad independentemente, este é provavelmente o formato ideal para você. Se você pode se ver transferindo para o Xcode, é aqui que entra o ponto de partida chamado Xcode Playground. Este usa o mesmo tipo de ficheiro .playground que o Xcode usa, dando-lhe a possibilidade de editar o mesmo ficheiro em ambos os dispositivos.

Swift Playgrounds parece armazenar os seus documentos no iCloud por defeito, por isso é fácil ver como pode aceder ao mesmo ficheiro a partir de qualquer um dos dispositivos sem ter de o enviar por e-mail ou AirDrop para si próprio de cada vez. A página New Playground do aplicativo tem um botão azul Localizações no canto superior esquerdo que permite que você navegue usando o aplicativo Arquivos, permitindo que você acesse outros provedores de nuvem, como Dropbox, Google Drive e Microsoft OneDrive, também.

Again, se você só quer aprender SwiftUI em uma caixa de areia segura no seu iPad, isso não vai importar tanto para você.

É possível escrever SwiftUI em Playgrounds sem uma janela de visualização. Para fazer isso, você simplesmente importa o SwiftUI e cria uma estrutura que esteja de acordo com o protocolo View, com a variável corporal requerida que retorna ‘alguma View’. Playgrounds tem algum completamento de código e pode ajudar você a corrigir seu SwiftUI com correções automáticas para erros comuns. Mas o verdadeiro poder do SwiftUI no Xcode é a capacidade de ver uma visualização ao vivo do que você está criando, então precisamos de mais duas linhas para fazer isso acontecer no iPad.

Importando PlaygroundSupport dá acesso a PlaygroundPage, o que permite a configuração do seu ambiente de codificação do iPad. Apenas uma página do Playground está activa em determinado momento, por isso esta instância estática é acessível através de PlaygroundPage.current. Isso nos dá a capacidade de definir a visualização ao vivo, que roda continuamente no iPad, para ContentView que criamos acima.

Agora você deve ser capaz de pressionar o botão ‘Run my code’ e ver que o aplicativo se transforma em uma visualização dividida. À esquerda está o código SwiftUI, e à direita deve estar a visualização ao vivo que mostra ‘SwiftUI no iPad’ em negrito no centro. Agora você está pronto para construir sua interface de usuário, que fará uso de muitos dos controles que vêm com SwiftUI.

Primeiro, precisaremos usar State variáveis, que basicamente armazenam dados localmente na estrutura SwiftUI e redesenhar o View sempre que seus valores mudarem.

Adicionar estas dentro dos ContentView parênteses estruturantes mas antes da declaração da propriedade corporal. Isto é tudo que precisamos para armazenar o estado de todos os nossos controles.