Creare la prima Xamarin.Forms app

Guardare questo video e seguire questa procedura per creare la prima app per dispositivi mobili con Xamarin.Forms .

Istruzioni dettagliate per Windows

Scaricare l'esempio. Scaricare l'esempio

Seguire questi passaggi e il video precedente:

  1. Scegliere File > Nuovo > Progetto o premere il pulsante Crea nuovo progetto:

    Creare un nuovo progetto.

  2. Cercare "Xamarin" o scegliere Mobile dal menu Tipo di progetto. Selezionare il tipo di progetto App per dispositivi mobili ( Xamarin.Forms ):

    Filtrare per i progetti Xamarin.

  3. Scegliere un nome di progetto. Nell'esempio viene usato "AwesomeApp":

    Scegliere un nome di progetto.

  4. Fare clic sul tipo di progetto Vuoto e verificare che siano selezionati Android e iOS:

    Android e iOS, con .NET Standard.

  5. Attendere finché non vengono ripristinati i pacchetti NuGet (nella barra di stato verrà visualizzato il messaggio "Ripristino completato").

  6. Le nuove installazioni di Visual Studio 2019 non avranno un emulatore Android configurato. Fare clic sulla freccia a discesa sul pulsante Debug e scegliere Crea emulatore Android per avviare la schermata di creazione dell'emulatore:

    Creare un elenco Emulator Android.

  7. Nella schermata di creazione dell'emulatore usare le impostazioni predefinite e fare clic sul pulsante Crea:

    Schermata di creazione dell'emulatore Android.

  8. Creando un emulatore, verrà nuovamente visualizzata la finestra Gestione dispositivi. Fare clic sul pulsante Avvia per avviare il nuovo emulatore:

    Emulatore Android in Gestione dispositivi.

  9. Visual Studio 2019 visualizzerà ora il nome del nuovo emulatore sul pulsante Debug:

    Nome dell'emulatore Android nel pulsante Debug.

  10. Fare clic sul pulsante Debug per compilare e distribuire l'applicazione nell'emulatore Android:

    Emulatore Android che visualizza l'applicazione.

Personalizzare l'applicazione

L'applicazione può essere personalizzata per aggiungere funzionalità interattive. Per aggiungere l'interazione utente all'applicazione, seguire questa procedura:

  1. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  3. Debug dell'app su Android:

    App Android.

Nota

L'applicazione di esempio include le funzionalità interattive aggiuntive non incluse nel video.

Compilare un'app iOS in Visual Studio 2019

È possibile compilare ed eseguire il debug dell'app iOS da Visual Studio con un computer Mac in rete. Vedere le istruzioni di installazione per altre informazioni.

Questo video descrive il processo di compilazione e test di un'app iOS con Visual Studio 2019 in Windows:

Istruzioni dettagliate per Windows

Scaricare l'esempio. Scaricare l'esempio

Seguire questi passaggi e il video precedente:

  1. Scegliere File > Nuovo > Project... o premere il pulsante Crea nuovo progetto... e quindi selezionare Visual C# > Xamarin.Forms multipiattaforma > App per dispositivi mobili ( ) :

    App per dispositivi mobili (Xamarin.Forms).

  2. Assicurarsi che le opzioni Android e iOS siano selezionate, con la condivisione codice .NET Standard:

    Android e iOS, con .NET Standard.

  3. Attendere finché non vengono ripristinati i pacchetti NuGet (nella barra di stato verrà visualizzato il messaggio "Ripristino completato").

  4. Avviare l'emulatore Android premendo il pulsante di debug (o la voce di menu Debug > Avvia debug).

  5. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  6. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:

    int count = 0;
    void Button_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Debug dell'app su Android:

    Screenshot che mostra l'Emulator Android.

    Suggerimento

    È possibile compilare ed eseguire il debug dell'app iOS da Visual Studio con un computer Mac in rete. Vedere le istruzioni di installazione per altre informazioni.

Istruzioni dettagliate per Mac

Scaricare l'esempio. Scaricare l'esempio

Seguire questi passaggi e il video precedente:

  1. Scegliere File > Nuova soluzione... oppure premere il pulsante Nuovo progetto... e quindi selezionare Multipiattaforma > App > App Forms vuota:

    App Moduli vuoti.

  2. Assicurarsi che le opzioni Android e iOS siano selezionate, con la condivisione codice .NET Standard:

    Android e iOS, con .NET Standard.

  3. Ripristinare i pacchetti NuGet, facendo clic sulla soluzione:

    Screenshot che mostra NuGet pacchetti selezionati dal menu di scelta rapida per la soluzione.

  4. Avviare l'emulatore Android premendo il pulsante di debug (o Debug > Avvia debug).

  5. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  6. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:

    int count = 0;
    void Handle_Clicked(object sender, System.EventArgs e)
    {
        count++;
        ((Button)sender).Text = $"You clicked {count} times.";
    }
    
  7. Debug dell'app su Android:

    Screenshot che mostra l'Emulator Android.

  8. Fare clic con il pulsante destro del mouse per impostare iOS su Progetto di avvio:

    Impostare il progetto di avvio su iOS.

  9. Debug dell'app su iOS:

    App iOS.

È possibile scaricare il codice completo dalla Raccolta esempi o visualizzarlo su GitHub.

Passaggi successivi