Nesse tutorial, você aprenderá como criar e executar seu primeiro aplicativo .NET Multi-platform App UI (.NET MAUI) no Visual Studio 2022 no Windows ou no Visual Studio Code no Windows, macOS ou Linux. Isso ajudará a garantir que seu ambiente de desenvolvimento esteja configurado corretamente.
Visual Studio 2022 17.12 ou superior, com a carga de trabalho da interface do usuário do aplicativo multiplataforma do .NET instalada. Para obter mais informações, confira Instalação.
Criar um aplicativo
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio 2022 e o executará em um emulador Android:
O desenvolvimento de aplicativos MAUI do .NET para iOS no Windows requer um host de build do Mac. Se você não precisar direcionar especificamente para o iOS e não tiver um Mac, considere começar a usar o Android ou o Windows.
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio e o executará em um simulador do iOS:
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio 2022 e o executará no Windows:
Inicie o Visual Studio 2022. Na janela inicial, clique em Criar um novo projeto para criar um projeto:
Na janela Criar um novo projeto, selecione MAUI no menu suspenso Todos os tipos de projeto, selecione o modelo Aplicativo .NET MAUI e clique no botão Próximo:
Na janela Configurar seu novo projeto, nomeie seu projeto, escolha um local adequado para ele e clique no botão Próximo:
Na janela Informações adicionais, escolha a versão do .NET à qual você deseja direcionar e clique no botão Criar:
Aguarde até que o projeto seja criado e as dependências dele sejam restauradas:
Na barra de ferramentas do Visual Studio, use a lista suspensa Destino de Depuração para selecionar Emuladores Android e, em seguida, a entrada Android Emulator:
Na barra de ferramentas do Visual Studio, pressione o botão Android Emulator:
O Visual Studio iniciará o processo de instalação do SDK do Android padrão e do Android Emulator.
Na janela SDK do Android – Contrato de Licença, pressione o botão Aceitar:
Na caixa de diálogo Controle de Conta de Usuário, pressione o botão Sim:
Aguarde até que o Visual Studio baixe o SDK do Android padrão e o Android Emulator.
Na caixa de diálogo Controle de Conta de Usuário, pressione o botão Sim:
Na caixa de diálogo A plataforma Android SDK está ausente , pressione o botão Instalar :
Na janela SDK do Android – Contrato de Licença, pressione o botão Aceitar:
Aguarde até que o Visual Studio instale os componentes do SDK do Android.
Na janela Novo Dispositivo, pressione o botão Criar:
Aguarde até que o Visual Studio baixe, descompacte e crie um emulador Android.
Feche a janela Gerenciador de Dispositivos Android:
Na barra de ferramentas do Visual Studio, pressione o botão Pixel 7 - API 35 (Android 15.0 - API 35):
Na janela SDK do Android – Contrato de Licença, pressione o botão Aceitar:
Na caixa de diálogo Controle de Conta de Usuário, pressione o botão Sim:
Aguarde a instalação do Visual Studio para baixar o SDK do Android.
Na barra de ferramentas do Visual Studio, pressione o botão Pixel 7 – API 35 (Android 15.0 – API 35) para criar e executar o aplicativo:
O Visual Studio iniciará o emulador Android, compilará o aplicativo e implantará o aplicativo no emulador.
No aplicativo em execução no emulador Android, pressione o botão Clique em mim várias vezes e observe que a contagem do número de cliques no botão é incrementada.
Na barra de ferramentas do Visual Studio, use a lista suspensa Destino de Depuração para selecionar Simuladores iOS e, em seguida, um simulador iOS específico:
Na barra de ferramentas do Visual Studio, pressione o botão Iniciar do simulador iOS escolhido para compilar e executar seu aplicativo:
O Visual Studio compilará o aplicativo, iniciará o simulador remoto do iOS para Windows e implantará o aplicativo no simulador remoto. Para obter mais informações sobre o simulador remoto do iOS para Windows, consulte Simulador remoto do iOS para Windows.
No aplicativo em execução, pressione o botão Clique em mim várias vezes e observe que a contagem do número de cliques no botão é incrementada.
Os aplicativos .NET MAUI direcionados ao Mac Catalyst só podem ser iniciados e depurados usando o Visual Studio Code.
Pré-requisitos
Visual Studio Code, com a extensão MAUI do .NET instalada e configurada:
Sua conta da Microsoft conectada ao Kit de Desenvolvimento em C#.
O SDK do .NET está instalado.
O .NET MAUI SDK está instalado.
Xcode instalado em seu Mac, incluindo tempos de execução do simulador e as ferramentas de linha de comando do Xcode, se estiver visando plataformas da Apple.
Microsoft OpenJDK, o SDK do Android e um emulador Android instalado em seu computador, se for direcionado ao Android.
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio Code e o executará em um emulador android:
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio Code em um Mac e o executará em um simulador do iOS:
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio Code em um Mac e o executará no macOS:
Neste tutorial, você criará seu primeiro aplicativo .NET MAUI no Visual Studio Code no Windows e o executará no Windows:
Inicie o Visual Studio Code. No Explorer , pressione Criar Projeto .NET .
Como alternativa, pressione CTRL+SHIFT+P no Windows ou CMD+SHIFT+P no macOS e, em seguida, o comando .NET: Novo Projeto....
Na paleta de comandos, selecione o modelo do aplicativo .NET MAUI:
Na caixa de diálogo Local do Projeto, selecione o local onde você gostaria que o novo projeto fosse criado.
Importante
Os projetos devem ser criados em uma pasta vazia.
Na paleta de comandos, insira um nome para o novo projeto e pressione ENTER:
Na paleta de comandos, pressione Criar projeto
Aguarde até que o projeto seja criado, aceitando a pasta como um local confiável, se necessário.
No Explorer, expanda o nó raiz do seu projeto e, em seguida, abra um arquivo C# como MainPage.xaml.cs:
No Visual Studio Code, verifique se seu ambiente Android está configurado corretamente pressionando CTRL+SHIFT+P no Windows ou CMD+SHIFT+P no macOS e selecionando .NET MAUI: Configurar o Android, seguido por Atualizar ambiente android. Todos os erros detectados devem ser resolvidos.
Na barra de status na parte inferior do Visual Studio Code, pressione o símbolo de colchetes { } e verifique se o de destino de depuração está definido como um emulador android específico:
Você também pode definir o destino de depuração pressionando CTRL+SHIFT+P no Windows ou CMD+SHIFT+P no macOS e selecionando .NET MAUI: Escolha o dispositivo Android na paleta de comandos.
Compile e execute o aplicativo no Android pressionando F5 ou pressionando o botão Executar no canto superior direito do Visual Studio Code:
Se for solicitado que você selecione um depurador na paleta de comandos, selecione C# e, em seguida, a configuração de inicialização do projeto.
No aplicativo em execução no emulador do Android escolhido, pressione o botão Clique em mim várias vezes e observe que a contagem de cliques no botão é incrementada.
Depurar o aplicativo em um dispositivo Android
Para depurar o aplicativo em um dispositivo Android:
Conecte seu dispositivo ao computador e selecione-o como um destino de depuração no Visual Studio Code.
Execute o aplicativo.
No Visual Studio Code, verifique se o ambiente da Apple está configurado corretamente pressionando CMD+SHIFT+P e, em seguida, selecionando .NET MAUI: Configurar o Apple, seguido por Atualizar ambiente da Apple. Todos os erros detectados devem ser resolvidos.
Na barra de status na parte inferior do Visual Studio Code, pressione o símbolo de chaves { } e verifique se o Alvo de Depuração está configurado para um simulador específico do iOS.
Você também pode definir o destino de depuração pressionando CMD+SHIFT+P e selecionando .NET MAUI: escolha o dispositivo iOS na paleta de comandos.
Crie e execute o aplicativo no iOS pressionando F5 ou pressionando o botão Executar no canto superior direito do Visual Studio Code:
Se for solicitado que você selecione um depurador na paleta de comandos, selecione C# e, em seguida, a configuração de inicialização do projeto.
No aplicativo em execução no simulador do iOS de sua escolha, pressione o botão Clique em mim várias vezes e observe que a contagem do número de cliques no botão é incrementada.
Depurar o aplicativo em um dispositivo iOS
Para depurar o aplicativo em um dispositivo iOS:
Verifique se você adicionou sua ID Apple ao Xcode em Ajustes do > Xcode > Contas.
Verifique se o dispositivo foi registrado com sua equipe, se você pertencer ao Programa de Desenvolvedores da Apple.
Habilite o Modo de Desenvolvedor em seu dispositivo. Na primeira vez que você executar seu aplicativo, você poderá receber um pop-up no dispositivo - certifique-se de selecionar Permitir. Para obter mais informações sobre o Modo de Desenvolvedor, consulte Habilitando o Modo de Desenvolvedor em um dispositivo no developer.apple.com.
Conecte seu dispositivo ao computador e selecione-o como um destino de depuração no Visual Studio Code.
Execute o aplicativo.
No Visual Studio Code, verifique se o ambiente da Apple está configurado corretamente pressionando CMD+SHIFT+P e, em seguida, selecionando .NET MAUI: Configurar o Apple, seguido por Atualizar ambiente da Apple. Todos os erros detectados devem ser resolvidos.
Na barra de status na parte inferior do Visual Studio Code, pressione o símbolo de colchetes { } e verifique se o de destino de depuração do está definido para seu Mac:
Você também pode definir o destino de depuração pressionando CMD+SHIFT+P e selecionando .NET MAUI: Selecionar dispositivo macOS na paleta de comandos.
Crie e execute o aplicativo no macOS pressionando F5 ou pressionando o botão Executar no canto superior direito do Visual Studio Code:
Se for solicitado que você selecione um depurador na paleta de comandos, selecione C# e, em seguida, a configuração de inicialização do projeto.
No aplicativo em execução, pressione o botão Clique em mim várias vezes e observe que a contagem do número de cliques no botão é incrementada:
Na barra de status na parte inferior do Visual Studio Code, pressione o símbolo de colchetes { } e verifique se o de destino de depuração está definido como Windows:
Você também pode definir o destino de depuração pressionando CTRL+SHIFT+P e selecionando .NET MAUI: Escolher Dispositivo Windows na paleta de comandos.
Crie e execute o aplicativo no Windows pressionando F5 ou pressionando o botão Executar no canto superior direito do Visual Studio Code:
Se for solicitado que você selecione um depurador na paleta de comandos, selecione C# e, em seguida, a configuração de inicialização do projeto.
No aplicativo em execução, pressione o botão Clique em mim várias vezes e observe que a contagem do número de cliques no botão é incrementada:
Solução de problemas
Se o aplicativo falhar ao compilar e implantar, examine Resolução de problemas conhecidos, que pode ter uma solução para seu problema.
Próximas etapas
Neste tutorial, você aprendeu a criar e executar seu primeiro aplicativo .NET Multi-Platform App UI (.NET MAUI).
A fonte deste conteúdo pode ser encontrada no GitHub, onde você também pode criar e revisar problemas e solicitações de pull. Para obter mais informações, confira o nosso guia para colaboradores.