UIKit — Começando a programar em View Code

Fala aí, pessoal!

Neste tutorial eu vou ensinar como começar um projeto em UIKit e para logo começar a escrever os componentes em ViewCode. Vamos lá!

Para demonstrar como fazer isto, começarei um projeto do zero. Vou chamá-lo de Teste.

Criando o Projeto

Selecione a opção App e certifique-se de deixar o campo Interface com a opção Storyboard selecionada

No XCode

Assim que criar o projeto é possível ver as que foram criados os Storyboards Main e LaunchScreen.

Os Storyboards são representados pelo símbolo amarelo

O Storyboard do LaunchScreen trata-se da tela de "lançamento" do App, é aquela tela apresentada quando o App está carregando a Home, sabe?

Já a Main trata-se da tela apresentada logo após a tela de LaunchScreen. Para este tutorial, irei apenas ensinar como configurar a tela da Main.

Removendo a Main

A primeira coisa no qual precisamos fazer é remover a Main de todas as referências que fazem com que o App entenda que ela será exibida.

Então devemos deletar o Storyboard Main:

Você deve clicar em "Move to Trash"

Logo que feito, precisamos remover efetivamente as referências da Main no projeto. Vá até o ícone azul do seu Projeto, e selecione o Target.

Assim que tiver selecionado o Target, vá até a aba de Info. Lá você deverá remover os seguintes locais:

Main storyboard file base name

Entre na opção Application Scene Manifest

Feito isto, podemos garantir que não há mais referências do storyboard no projeto. Mas agora será necessário configurar no código o SceneDelegate, para que agora a cena "entenda" que deverá olhar para a ViewController.

Configurando a SceneDelegate

Dentro da classe SceneDelegate vamos configurar o tamanho da janela da cena, para que interprete o tamanho da tela inteira do dispositivo, e diremos que à classe que a partir de agora deverá utilizar a tela chamada ViewController como referência ao iniciar a aplicação.

Faremos isto desta forma:

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
   guard let windowScene = (scene as? UIWindowScene) else { return }
          window = UIWindow(frame: windowScene.coordinateSpace.bounds)
          window?.windowScene = windowScene
          window?.rootViewController = ViewController()
          window?.makeKeyAndVisible()
}

Perfeito!

Agora, para vermos se está tudo funcionando corretamente vamos testar com um dispositivo.

Alterando ViewController

Irei sobrescrever a função de carregamento de tela para que eu possa ver se está funcionando a minha aplicação.

Vou apenas mudar o background para azul:

override func loadView() {
    let view = UIView(frame: UIScreen().bounds)
    view.backgroundColor = .blue
    self.view = view
}

E olhe só, deu certo!

Isto significa que agora a nossa aplicação levará em consideração o que ocorre na ViewController para apresentar em tela.

Conclusão

Utilizando ViewCode para fazer suas aplicações será muito mais fácil de personalizar e corrigir possíveis bugs que possam surgir durante o seu processo de desenvolvimento.

Espero que tenha sido útil este artigo. Obrigada!