Introdução ao Visual Studio

Caso ainda precise instalar o Visual Studio, confira nosso artigo anterior.

Compilar um Aplicativo com o Visual Studio 2017

por Nicole Bruck

Etapa 1: Criar

Vamos aprender a usar o Visual Studio e o Xamarin para compilar um aplicativo Android básico (também com suporte para iOS e Windows Phone) — mesmo que você nunca tenha desenvolvido aplicativos móveis antes!

  • Selecione Arquivo → Novo → Projeto…
  • Selecione o nó de Plataforma Cruzada à esquerda, selecione o tipo de projeto “Aplicativo de Plataforma Cruzada (Xamarin.Forms ou Nativo)” e nomeie-o “HelloWorld”
  • Na próxima tela, selecione o modelo do Aplicativo em Branco e a estratégia de compartilhamento de código da PCL (Biblioteca de Classes Portátil):

Etapa 2: Editar

Adicionaremos uma área de texto e um botão ao nosso aplicativo móvel. Em seguida, adicionaremos uma ação ao nosso botão para exibir “Hello, World!””

  • Clique com o botão direito do mouse no projeto HelloWorldApp (Portátil) e selecione Novo Item
  • Escolha o modelo de Página XAML dos Formulários e nomeie a nova página “HelloWorldPage”
  • Selecione o HelloWorldPage.xaml do seu Gerenciador de Soluções
  • Substitua pelo seguinte código:


    • xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      x:Class="HelloWorld.HelloWorldPage">



                  iOS="20, 40, 20, 20"
                  Android="20, 20, 20, 20"
                  WinPhone="20, 20, 20, 20" />



                   HorizontalOptions="FillAndExpand"
                   Orientation="Vertical"
                   Spacing="15">





       
  • No Gerenciador de Soluções, expanda o nó HelloWorldPage.xaml
  • Selecione o HelloWorldPage.xaml.cs no seu Gerenciador de Soluções
  • Substitua pelo seguinte código
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      namespace HelloWorld
      {
      public partial class HelloWorldPage : ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(object sender, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • Abra o App.xaml.cs no seu Gerenciador de Soluções
  • Substitua “MainPage” por “HelloWorldPage” no Aplicativo () público

Etapa 3: Compilar e Executar

Agora compilaremos o projeto para nos certificarmos de que todos os códigos estão funcionando.

  • Na barra de ferramentas do Visual Studio, escolha o projeto HelloWorld.Android e o emulador adequado

Caso esteja pronto para começar a experimentar alguns de nossos recursos de depuração, vá para o próximo artigo: Depurar e Mais.