Crie seu primeiro Xamarin.Forms aplicativo

Instruções passo a passo para Windows

Siga estas etapas em conjunto com o vídeo acima:

1. Escolha Arquivo > Novo > Projeto... ou pressione o botão Criar novo projeto...

2. Pesquise "Xamarin" ou escolha Móvel no menu Tipo de projeto. Selecione o tipo de projeto Aplicativo Móvel (Xamarin.Forms).

3. Escolha um nome de projeto – o exemplo usa "AwesomeApp".

4. Clique no tipo de projeto Em branco e verifique se Android e iOS estão selecionados:

   

5. Aguarde até que os pacotes do NuGet sejam restaurados (a mensagem "Restauração concluída" será exibida na barra de status).

6. Novas instalações do Visual Studio 2022 não terão SDKs do Android instalados, você pode ser solicitado a instalar o SDK do Android mais recente:

   

7. Novas instalações do Visual Studio 2022 não terão um emulador Android configurado. Clique na seta suspensa no botão Depurar e escolha Criar Android Emulator para iniciar a tela de criação do emulador:

   

8. Na tela de criação do emulador, use as configurações padrão e clique no botão Criar:

   

9. A criação de um emulador o levará de volta à janela Gerenciador de Dispositivos. Clique no botão Iniciar para iniciar o novo emulador:

   

10. O Visual Studio 2022 agora deve mostrar o nome do novo emulador no botão Depurar :

    

11. Clique no botão Depurar para compilar e implantar o aplicativo no Android Emulator:

    

Personalizar o aplicativo

O aplicativo pode ser personalizado para adicionar funcionalidade interativa. Execute as etapas a seguir para adicionar a interação do usuário ao aplicativo:

1. Edite MainPage.xaml, adicionando este XAML antes do final de </StackLayout>:

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Edite MainPage.xaml.cs, adicionando este código ao final da classe:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Depure o aplicativo no Android:

   

Criar um aplicativo iOS no Visual Studio 2022

É possível compilar e depurar o aplicativo iOS no Visual Studio com um computador Mac em rede. Veja as instruções de instalação para obter mais informações.

Instruções passo a passo para Windows

Siga estas etapas em conjunto com o vídeo acima:

1. Escolha Arquivo > Novo > Projeto... ou pressione o botão Criar novo projeto...:

   

2. Pesquise "Xamarin" ou escolha Móvel no menu Tipo de projeto. Selecione o tipo de projeto Aplicativo Móvel (Xamarin.Forms):

   

3. Escolha um nome de projeto – o exemplo usa "AwesomeApp":

   

4. Clique no tipo de projeto Em branco e verifique se Android e iOS estão selecionados:

   

5. Aguarde até que os pacotes do NuGet sejam restaurados (a mensagem "Restauração concluída" será exibida na barra de status).

6. As novas instalações do Visual Studio 2019 não terão um Android Emulator configurado. Clique na seta suspensa no botão Depurar e escolha Criar Android Emulator para iniciar a tela de criação do emulador:

   

7. Na tela de criação do emulador, use as configurações padrão e clique no botão Criar:

   

8. A criação de um emulador o levará de volta à janela Gerenciador de Dispositivos. Clique no botão Iniciar para iniciar o novo emulador:

   

9. O Visual Studio 2019 agora deve mostrar o nome do novo emulador no botão Depurar:

   

10. Clique no botão Depurar para compilar e implantar o aplicativo no Android Emulator:

    

Personalizar o aplicativo

O aplicativo pode ser personalizado para adicionar funcionalidade interativa. Execute as etapas a seguir para adicionar a interação do usuário ao aplicativo:

1. Edite MainPage.xaml, adicionando este XAML antes do final de </StackLayout>:

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Edite MainPage.xaml.cs, adicionando este código ao final da classe:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Depure o aplicativo no Android:

   

Compilar um aplicativo iOS no Visual Studio 2019

É possível compilar e depurar o aplicativo iOS no Visual Studio com um computador Mac em rede. Veja as instruções de instalação para obter mais informações.

Este vídeo aborda o processo de criação e teste de um aplicativo iOS usando o Visual Studio 2019 no Windows:

Instruções passo a passo para Mac

Siga estas etapas em conjunto com o vídeo acima:

1. Escolha Arquivo > Nova Solução... ou pressione o botão Novo Projeto... e, em seguida, selecione Aplicativo Multiplataforma > > Formulários em Branco:

   

2. Verifique se Android e iOS estão selecionados:

   

3. Restaure os pacotes do NuGet clicando com o botão direito do mouse na solução:

   

4. Inicie o emulador Android pressionando o botão de depuração (ou Executar > Iniciar Depuração).

5. Edite MainPage.xaml, adicionando este XAML antes do final de </StackLayout>:

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Edite MainPage.xaml.cs, adicionando este código ao final da classe:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Depure o aplicativo no Android:

   

8. Clique com o botão direito do mouse para definir o iOS para o Projeto de inicialização:

   

9. Depure o aplicativo no iOS selecionando um simulador do iOS na lista suspensa.

Instruções passo a passo para Mac

Siga estas etapas em conjunto com o vídeo acima:

1. Escolha Arquivo > Nova Solução... ou pressione o botão Novo Projeto... e, em seguida, selecione Aplicativo Multiplataforma > > Formulários em Branco:

   

2. Certifique-se de que Android e iOS estejam selecionados, com compartilhamento de código .NET Standard:

   

3. Restaure os pacotes do NuGet clicando com o botão direito do mouse na solução:

   

4. Inicie o emulador Android pressionando o botão de depuração (ou Executar > Iniciar Depuração).

5. Edite MainPage.xaml, adicionando este XAML antes do final de </StackLayout>:

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Edite MainPage.xaml.cs, adicionando este código ao final da classe:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Depure o aplicativo no Android:

   

8. Clique com o botão direito do mouse para definir o iOS para o Projeto de inicialização:

   

9. Depure o aplicativo no iOS: