Creare la prima app Xamarin.FormsBuild your first Xamarin.Forms App

Guardare questo video e seguire la procedura per creare la prima app per dispositivi mobili con Xamarin.Forms.Watch this video and follow along to create your first mobile app with Xamarin.Forms.

Istruzioni dettagliate per WindowsStep-by-step instructions for Windows

Scaricare esempio Scaricare l'esempioDownload Sample Download the sample

Seguire questi passaggi e il video precedente:Follow these steps along with the video above:

  1. Scegliere File > nuovo > progetto.. . oppure fare clic sul pulsante Crea nuovo progetto... :Choose File > New > Project... or press the Create new project... button:

    Creazione di un nuovo progettoCreate a new project

  2. Cercare "Novell" o scegliere mobile dal menu tipo progetto .Search for "Xamarin" or choose Mobile from the Project type menu. Selezionare il tipo di progetto app per dispositivi mobili (Novell. Forms) :Select the Mobile App (Xamarin.Forms) project type:

    Filtrare per progetti NovellFilter for Xamarin projects

  3. Scegliere un nome – di progetto nell'esempio viene usato "AwesomeApp":Choose a project name – the example uses "AwesomeApp":

    Scegliere un nome di progettoChoose a project name

  4. Fare clic sul tipo di progetto vuoto e verificare che siano selezionati Android e iOS :Click on the Blank project type and ensure Android and iOS are selected:

    Android e iOS, con .NET StandardAndroid and iOS, with .NET Standard

  5. Attendere finché non vengono ripristinati i pacchetti NuGet (nella barra di stato verrà visualizzato il messaggio "Ripristino completato").Wait until the NuGet packages are restored (a "Restore completed" message will appear in the status bar).

  6. Le nuove installazioni di Visual Studio 2019 non avranno un emulatore Android configurato.New Visual Studio 2019 installations won't have an Android emulator configured. Fare clic sulla freccia a discesa sul pulsante debug e scegliere Crea emulatore Android per avviare la schermata di creazione dell'emulatore:Click the dropdown arrow on the Debug button and choose Create Android Emulator to launch the emulator creation screen:

    Crea emulatore Android elenco a discesa

  7. Nella schermata di creazione dell'emulatore usare le impostazioni predefinite e fare clic sul pulsante Crea :In the emulator creation screen, use the default settings and click the Create button:

    Schermata di creazione dell'emulatore AndroidAndroid emulator creation screen

  8. La creazione di un emulatore consente di tornare alla finestra Device Manager.Creating an emulator will return you to the Device Manager window. Fare clic sul pulsante Start per avviare il nuovo emulatore:Click the Start button to launch the new emulator:

    Emulatore Android nella Device Manager

  9. Visual Studio 2019 dovrebbe ora visualizzare il nome del nuovo emulatore nel pulsante debug :Visual Studio 2019 should now show the name of the new emulator on the Debug button:

    Nome dell'emulatore Android sul pulsante debug

  10. Fare clic sul pulsante debug per compilare e distribuire l'applicazione nell'emulatore Android:Click the Debug button to build and deploy the application to the Android emulator:

    Emulatore Android che Visualizza l'applicazione

Personalizzare l'applicazioneCustomize the application

L'applicazione può essere personalizzata per aggiungere funzionalità interattive.The application can be customized to add interactive functionality. Per aggiungere l'interazione utente all'applicazione, attenersi alla procedura seguente:Perform the following steps to add user interaction to the application:

  1. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  2. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:Edit MainPage.xaml.cs, adding this code to the end of the class:

    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:Debug the app on Android:

    App Android

Nota

L'applicazione di esempio include le funzionalità interattive aggiuntive non incluse nel video.The sample application includes the additional interactive functionality that is not covered in the video.

Compilare un'app iOS in Visual Studio 2019Build an iOS app in Visual Studio 2019

È possibile compilare ed eseguire il debug dell'app iOS da Visual Studio con un computer Mac in rete.It's possible to build and debug the iOS app from Visual Studio with a networked Mac computer. Vedere le istruzioni di installazione per altre informazioni.Refer to the setup instructions for more information.

Questo video descrive il processo di compilazione e test di un'app iOS con Visual Studio 2019 in Windows:This video covers the process of building and testing an iOS app using Visual Studio 2019 on Windows:

Istruzioni dettagliate per WindowsStep-by-step instructions for Windows

Scaricare esempio Scaricare l'esempioDownload Sample Download the sample

Seguire questi passaggi e il video precedente:Follow these steps along with the video above:

  1. Scegliere File > Nuovo > Progetto oppure premere il pulsante Crea nuovo progetto... e quindi selezionare Visual C# > Multipiattaforma > App per dispositivi mobili (Xamarin.Forms) :Choose File > New > Project... or press the Create new project... button, then select Visual C# > Cross-Platform > Mobile App (Xamarin.Forms):

    App per dispositivi mobili (Xamarin.Forms)Mobile App (Xamarin.Forms)

  2. Assicurarsi che le opzioni Android e iOS siano selezionate, con la condivisione codice .NET Standard:Ensure Android and iOS are selected, with .NET Standard code sharing:

    Android e iOS, con .NET StandardAndroid and iOS, with .NET Standard

  3. Attendere finché non vengono ripristinati i pacchetti NuGet (nella barra di stato verrà visualizzato il messaggio "Ripristino completato").Wait until the NuGet packages are restored (a "Restore completed" message will appear in the status bar).

  4. Avviare l'emulatore Android premendo il pulsante di debug (o la voce di menu Debug > Avvia debug).Launch Android emulator by pressing the debug button (or the Debug > Start Debugging menu item).

  5. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  6. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:Edit MainPage.xaml.cs, adding this code to the end of the class:

    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:Debug the app on Android:

    App Android

    Suggerimento

    È possibile compilare ed eseguire il debug dell'app iOS da Visual Studio con un computer Mac in rete.It is possible to build and debug the iOS app from Visual Studio with a networked Mac computer. Vedere le istruzioni di installazione per altre informazioni.Refer to the setup instructions for more information.

Istruzioni dettagliate per MacStep-by-step instructions for Mac

Scaricare esempio Scaricare l'esempioDownload Sample Download the sample

Seguire questi passaggi e il video precedente:Follow these steps along with the video above:

  1. Scegliere File > Nuova soluzione... oppure premere il pulsante Nuovo progetto... e quindi selezionare Multipiattaforma > App > App Forms vuota:Choose File > New Solution... or press the New Project... button, then select Multiplatform > App > Blank Forms App:

    App Forms vuotaBlank Forms App

  2. Assicurarsi che le opzioni Android e iOS siano selezionate, con la condivisione codice .NET Standard:Ensure Android and iOS are selected, with .NET Standard code sharing:

    Android e iOS, con .NET StandardAndroid and iOS, with .NET Standard

  3. Ripristinare i pacchetti NuGet, facendo clic sulla soluzione:Restore NuGet packages, by right-clicking on the solution:

    App Android

  4. Avviare l'emulatore Android premendo il pulsante di debug (o Debug > Avvia debug).Launch Android emulator by pressing the debug button (or Run > Start Debugging).

  5. Modificare MainPage.xaml aggiungendo questo XAML prima della fine del </StackLayout>:Edit MainPage.xaml, adding this XAML before the end of the </StackLayout>:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  6. Modificare MainPage.xaml.cs aggiungendo questo codice alla fine della classe:Edit MainPage.xaml.cs, adding this code to the end of the class:

    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:Debug the app on Android:

    App Android

  8. Fare clic con il pulsante destro del mouse per impostare iOS su Progetto di avvio:Right-click to set iOS to the Startup Project:

    Impostare il progetto di avvio su iOSSet the startup project to iOS

  9. Debug dell'app su iOS:Debug the app on iOS:

    App iOS

È possibile scaricare il codice completo dalla Raccolta esempi o visualizzarlo su GitHub.You can download the completed code from the samples gallery or view it on GitHub.

Fasi successiveNext Steps