Introduzione a Visual Studio

Se hai comunque bisogno di installare Visual Studio, dai un’occhiata agli articoli precedenti.

Compila un’app con Visual Studio 2017

di Nicole Bruck

Passaggio 1: Crea

Impareremo come usare Visual Studio e Xamarin per creare un’app Android basica (supporta anche iOS e Windows Phone), anche se non hai mai sviluppato app per dispositivi mobili prima d’ora!

  • Seleziona File → Nuovo → Progetto…
  • Scegli il nodo multipiattaforma a sinistra, seleziona il tipo di progetto App multipiattaforma (Xamarin.Forms o Native)” e rinominalo “CiaoMondo”
  • Nella schermata successiva, seleziona il modello di app vuoto e la strategia di condivisione del codice della Portable Class Library (PCL):

Passaggio 2: Modifica

Aggiungeremo una casella di testo e un pulsante all’app per dispositivi mobili. Quindi, aggiungeremo un’azione al pulsante in modo che venga visualizzato “Ciao mondo!””

  • Fai clic con il pulsante destro del mouse sul progetto HelloWorldApp (portatile) e seleziona Nuovo elemento
  • Scegli il modello Forms Xaml Page e rinomina la nuova pagina “HelloWorldPage”
  • Seleziona HelloWorldPage.xaml da Esplora soluzioni
  • Sostituisci con il seguente codice:


    • 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">





       
  • In Esplora soluzioni espandi il nodo HelloWorldPage.xaml
  • Seleziona HelloWorldPage.xaml.cs da Esplora soluzioni
  • Sostituisci con il seguente codice
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      spazio dei nomi CiaoMondo
      {
      Classe parziale pubblica HelloWorldPage: ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(mittente oggetto, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • Apri App.xaml.cs in Esplora soluzioni
  • Sostituisci “MainPage” on “HelloWorldPage” nell’app pubblica()

Passaggio 3: Crea ed esegui

Ora creeremo il progetto e ci assicureremo che tutto il codice funzioni.

  • Nella barra degli strumenti di Visual Studio scegli il progetto HelloWorld.Android e l’emulatore appropriato

Se sei pronto a provare alcune funzionalità di debug, passa al prossimo articolo: Debug e altro.