Xcode: Desenvolvimento de Apps para o Ecossistema Apple em uma Experiência Integrada

Você quer aprender a criar o seu próprio aplicativo para iOS, o sistema operacional dos iPhones e iPads? Neste artigo, eu vou te mostrar como usar o Xcode, o editor de código oficial da Apple, para desenvolver um aplicativo simples, mas funcional, que mostra uma lista de frutas e seus preços. Você vai aprender os conceitos básicos do Xcode, do Swift, a linguagem de programação da Apple, e do SwiftUI, o framework de interface de usuário da Apple. Vamos começar?

O que você precisa?

Para seguir este tutorial, você precisa ter instalado no seu computador o macOS 10.14.4 ou posterior, e o Xcode 13.1 ou posterior, que você pode baixar gratuitamente na App Store. O Xcode é o ambiente de desenvolvimento integrado (IDE) da Apple, que contém todas as ferramentas e recursos que você precisa para criar aplicativos para iOS, macOS, watchOS, tvOS e iPadOS. O Xcode também inclui o Swift 5.5 e os SDKs (Software Development Kits) para iOS 15, iPadOS 15, macOS Monterey, tvOS 15 e watchOS 8, que são as versões mais recentes dos sistemas operacionais e das bibliotecas da Apple.

Criando um novo projeto

Para criar um novo projeto no Xcode, abra o aplicativo e selecione a opção “Create a new Xcode project” na janela inicial. Você vai ver uma tela com vários tipos de templates para escolher, como “App”, “Document App”, “Game”, “Framework”, etc. Para este tutorial, vamos escolher o template “App”, que é o mais comum e simples para criar um aplicativo para iOS. Clique em “Next” para continuar.

Na próxima tela, você vai precisar informar alguns dados sobre o seu projeto, como:

Product Name: O nome do seu aplicativo, que vai aparecer na tela inicial do dispositivo e na loja de aplicativos. Você pode escolher o nome que quiser, mas evite usar caracteres especiais ou nomes já registrados por outros desenvolvedores. Para este tutorial, vamos usar o nome “FruitList”.
Team: O nome da equipe ou da empresa que está desenvolvendo o aplicativo. Se você estiver desenvolvendo sozinho, você pode deixar essa opção em branco, ou usar o seu nome pessoal. Se você quiser publicar o seu aplicativo na App Store, você vai precisar se registrar como um desenvolvedor da Apple, e criar uma equipe com o seu Apple ID.
Organization Name: O nome da organização ou da empresa que está desenvolvendo o aplicativo. Você pode usar o mesmo nome da equipe, ou um nome diferente, se preferir.
Organization Identifier: Um identificador único que representa a sua organização ou empresa. Geralmente, ele segue o formato de um domínio reverso, como “com.example”. Você pode usar o domínio do seu site, se tiver um, ou criar um domínio fictício, se não tiver. O importante é que ele seja único e consistente para todos os seus projetos.
Bundle Identifier: Um identificador único que representa o seu aplicativo. Ele é formado pela combinação do Organization Identifier e do Product Name, separados por um ponto, como “com.example.FruitList”. O Xcode preenche esse campo automaticamente, mas você pode alterá-lo, se quiser. O importante é que ele seja único e consistente para o seu projeto.
Interface: A forma como você vai criar a interface de usuário do seu aplicativo. Você pode escolher entre “Storyboard”, “SwiftUI” ou “UIKit”. Para este tutorial, vamos escolher “SwiftUI”, que é o framework de interface de usuário mais moderno e declarativo da Apple, que permite criar interfaces de usuário reutilizáveis, flexíveis e adaptáveis para qualquer plataforma da Apple.
Life Cycle: A forma como você vai gerenciar o ciclo de vida do seu aplicativo, ou seja, os eventos que ocorrem quando o aplicativo é iniciado, executado, interrompido ou encerrado. Você pode escolher entre “UIKit App Delegate”, “SwiftUI App” ou “Manual”. Para este tutorial, vamos escolher “SwiftUI App”, que é a forma mais simples e recomendada para gerenciar o ciclo de vida de um aplicativo SwiftUI.
Language: A linguagem de programação que você vai usar para escrever o código do seu aplicativo. Você pode escolher entre “Swift” ou “Objective-C”. Para este tutorial, vamos escolher “Swift”, que é a linguagem de programação oficial da Apple, que é moderna, segura, expressiva e poderosa.

Depois de preencher os dados do seu projeto, clique em “Next” para continuar. Na próxima tela, você vai escolher a pasta onde o seu projeto será salvo no seu computador. Você pode escolher a pasta que quiser, mas evite usar espaços ou caracteres especiais no nome da pasta. Você também pode marcar a opção “Create a Git repository on my Mac”, se quiser usar o Git, um sistema de controle de versão, para gerenciar o seu código. O Git permite que você salve, restaure, compare e compartilhe diferentes versões do seu código, de forma fácil e segura. Para este tutorial, vamos marcar essa opção, mas você pode desmarcá-la, se preferir. Clique em “Create” para finalizar a criação do seu projeto.

Explorando o Xcode

Depois de criar o seu projeto, você vai ver a janela principal do Xcode, que contém todas as ferramentas e recursos que você precisa para desenvolver o seu aplicativo. A janela do Xcode é dividida em várias áreas, que podem ser mostradas ou ocultadas de acordo com as suas preferências. As principais áreas são:

Toolbar: É a barra de ferramentas que fica na parte superior da janela, e que contém botões para executar, depurar, testar e publicar o seu aplicativo, além de outras opções, como o menu, o editor, o navegador, o depurador, o inspetor, o painel de utilidades, o canvas, o live preview, o editor de código, o editor de interface, o editor de recursos, o editor de esquemas, o editor de testes, o editor de fontes, o editor de documentos, o editor de comportamentos, o editor de extensões, o editor de preferências, o editor de atalhos, o editor de ajuda, e o editor de feedback.
Navigator: É a área que fica na parte esquerda da janela, e que contém vários navegadores para explorar os diferentes aspectos do seu projeto, como os arquivos, os símbolos, os problemas, os testes, os pontos de interrupção, os relatórios, os depósitos, os servidores, os dispositivos, os esquemas, os alvos, os recursos, as dependências, as configurações, as informações, as assinaturas, as capacidades, as notificações, as extensões, e os comentários.
Editor: É a área que fica na parte central da janela, e que contém vários editores para visualizar e modificar os diferentes tipos de arquivos do seu projeto, como os arquivos de código, os arquivos de interface, os arquivos de recursos, os arquivos de configuração, os arquivos de documentação, e os arquivos de feedback. O editor também contém o canvas, que é uma área que mostra uma pré-visualização da interface de usuário do seu aplicativo, e que permite arrastar e soltar componentes, como botões, imagens, textos, etc., para criar a sua interface de forma visual e interativa.
Inspector: É a área que fica na parte direita da janela, e que contém vários inspetores para exibir e alterar as propriedades dos elementos selecionados no editor, como os atributos, o tamanho, o layout, a identidade, os eventos, os dados, os efeitos, os estilos, os estados, as animações, as transições, as ações, os gestos, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, os acessórios, e os comentários.
Debug area: É a área que fica na parte inferior da janela, e que contém o console e o depurador. O console é uma área que mostra as mensagens de saída e de erro do seu aplicativo, e que permite digitar comandos para interagir com o seu aplicativo. O depurador é uma área que mostra as variáveis, as expressões, as pilhas de chamadas, e outras informações do seu aplicativo, e que permite controlar a execução do seu código, como pausar, continuar, parar, reiniciar, etc.

Essas são as principais áreas do Xcode, que você vai usar para desenvolver o seu aplicativo. Você pode personalizar a aparência e o comportamento do Xcode, usando o menu Xcode > Preferences, ou usando a paleta de comandos. Você também pode acessar a ajuda e o feedback do Xcode, usando o menu Help, ou usando a paleta de comandos.

Criando a interface de usuário

Para criar a interface de usuário do seu aplicativo, você vai usar o SwiftUI, o framework de interface de usuário da Apple, que permite criar interfaces de usuário reutilizáveis, flexíveis e adaptáveis para qualquer plataforma da Apple. O SwiftUI usa uma sintaxe declarativa, que descreve o que a interface deve fazer, e não como ela deve fazer. O SwiftUI também usa o conceito de estado, que é uma fonte única de verdade para os dados do seu aplicativo, e que atualiza automaticamente a interface quando os dados mudam.

Para começar, abra o arquivo ContentView.swift, que é o arquivo que contém o código da interface de usuário principal do seu aplicativo. Você vai ver o código abaixo, que cria uma estrutura chamada ContentView, que conforma o protocolo View, que é o tipo básico de uma interface de usuário SwiftUI. Dentro da estrutura, você vai ver uma propriedade computada chamada body, que retorna um valor do tipo some View, que é um tipo genérico que representa qualquer tipo de interface de usuário SwiftUI. Dentro da propriedade, você vai ver um elemento chamado Text, que cria um elemento de texto que mostra a mensagem “Hello, world!” na tela.

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}