Xamarin è una piattaforma che ti consente di creare applicazioni mobili. È open-source e ha il supporto della community da parte di sviluppatori e utenti di tutto il mondo.

Puoi creare app mobili su varie piattaforme, come iOS, Android o Windows. L'interfaccia utente può anche essere specifica per una piattaforma o condivisibile tra piattaforme, a seconda che usi Xamarin Native o Xamarin Forms.

Visual Studio consente di creare un nuovo progetto Xamarin e aggiungere il contenuto all'applicazione mobile. Puoi quindi testare la tua app mobile eseguendola tramite l'emulatore.

Cosa sono i moduli Xamarin nativi e Xamarin?

Xamarin Native include Xamarin iOS, Xamarin Windows o Xamarin Android. Ti consente di creare interfacce utente per una piattaforma specifica.

Ad esempio, puoi utilizzare alcuni componenti dell'interfaccia utente solo su Android e altri componenti dell'interfaccia utente solo su iOS. Questo è ottimo se desideri progetti personalizzati per piattaforme diverse, ma può portare a uno sviluppo più lento.

instagram viewer

Xamarin Forms, d'altra parte, ti consente di creare componenti dell'interfaccia utente condivisi che puoi riutilizzare su molte piattaforme. Questo è utile per componenti generici come pulsanti o caselle di testo che avranno lo stesso aspetto su tutti i dispositivi. Questo generalmente porta anche a uno sviluppo più rapido.

Microsoft sta attualmente sostituendo Xamarin con .NET MAUI (Multiform App User Interface), come parte di .NET 6. Secondo Blog .NET di Microsoft, una delle nuove funzionalità è la possibilità di utilizzare un singolo progetto, anziché molti progetti su più piattaforme.

Come scaricare e installare Mobile Development per .NET

Per costruire un Microsoft Xamarin applicazione mobile da scaricare e installare Sviluppo mobile per .NET in Visual Studio. Questo ti dà la possibilità di creare progetti Xamarin. Inoltre viene fornito con un emulatore per testare la tua app mobile su un PC.

  1. Aprire il programma di installazione di Visual Studio.
  2. Scegli il versione di Visual Studio si desidera utilizzare e fare clic su Modificare.
  3. Scorri verso il basso fino alla categoria Mobile e giochi. Selezionare Sviluppo mobile con .NET. Puoi visualizzare l'elenco di ciò che include nel pannello di destra.
  4. In basso a destra, seleziona Installa durante il downloade fare clic su Modificare. Attendi il completamento del processo di installazione.

Come creare un nuovo progetto Xamarin

Dopo aver installato lo sviluppo per dispositivi mobili con .NET, apri Visual Studio e crea un nuovo progetto Xamarin.

  1. Nella parte superiore di Visual Studio, apri il file File scheda. Passa il mouse sopra Nuovoe seleziona Progetto.
  2. Usa la barra di ricerca per cercare Xamarin. La finestra verrà popolata con un elenco di progetti Xamarin che puoi creare, inclusi i progetti per Xamarin Native o Xamarin Forms.
  3. Seleziona App per dispositivi mobili (Moduli Xamarin).
  4. Seleziona un Vuoto modello. Sotto piattaforma, scegli le piattaforme per le quali vuoi creare la tua app mobile (può essere sia Android che iOS).

I componenti di base di un'applicazione Xamarin

Per impostazione predefinita, più progetti costituiscono un'applicazione Xamarin. Il Progetto Xamarin memorizza elementi o logica condivisi dell'interfaccia utente. Contiene il Pagina principale.xaml file, che memorizza elementi dell'interfaccia utente condivisi che funzioneranno sia per dispositivi iOS che Android.

Il Progetto Xamarin contiene anche la cartella Dipendenze, che archivia alcuni pacchetti NuGet. Questi pacchetti NuGet includono le funzioni necessarie per il funzionamento del progetto Xamarin.

Ci sono anche altri due progetti separati, ciascuno per le piattaforme Android e iOS. Se stai eseguendo l'app mobile utilizzando Android, l'app si avvia da MainActivity.xaml file. Se stai eseguendo l'app mobile utilizzando iOS, l'app si avvia da Main.cs file.

Come aggiungere contenuto all'applicazione Xamarin

Aggiungi alcuni contenuti alla tua applicazione mobile. Xamarin include una gamma di elementi predefiniti come etichette, pulsanti o caselle che puoi usare per creare l'interfaccia.

Ogni elemento ha anche attributi, come colore, testo o altri stili applicabili. La sintassi è un po' simile a come creeresti i tag HTML. Per esempio:

<Testo etichetta = "Ciao" />

Nel MainPage.xaml file, modificare il codice per aggiungere alcuni elementi di base dell'interfaccia utente, come un'etichetta e un pulsante.

  1. Aggiungi un'etichetta all'interno dell'elemento StackLayout. L'elemento StackLayout ti consente di organizzare gli elementi al suo interno in ordine, verticalmente o orizzontalmente.
    <Imbottitura StackLayout = "50">
    <Testo etichetta = "La mia nuova applicazione mobile"
     Opzioni orizzontali = "Centro"
     Opzioni verticali = "Centra ed espandi"
     FontAttributi = "Italico grassetto"
     Dimensione carattere = "24"
     Colore del testo = "Nero" />
    </StackLayout>
  2. Sotto l'etichetta e sempre all'interno dell'elemento StackLayout, aggiungi un pulsante.
    <Testo pulsante = "Pulsante 1"
     x: nome = "Pulsante1"
     cliccato = "Fare clic sul pulsante"
     Colore di sfondo = "#2196F3"
     Colore del testo = "Fumo bianco"
     AltezzaRichiesta = "50" />
  3. Aggiungi una funzione in MainPage.xaml.cs, che verrà eseguito quando si fa clic sul pulsante.
    asincronovuoto ClickButton (mittente dell'oggetto, EventArgs e)
    {
     // Modificare il testodi il tasto quando esso è cliccato Su
     Pulsante pulsante = (pulsante) mittente;
     pulsante. Testo = "Il pulsante è stato cliccato!";
    }

Come eseguire l'applicazione Xamarin utilizzando l'emulatore Android

Puoi eseguire l'applicazione Xamarin usando un emulatore, che puoi selezionare nella parte superiore della barra degli strumenti in Visual Studio.

  1. Nella parte superiore di Visual Studio, fai clic sul menu a discesa. Qui puoi selezionare quale piattaforma desideri utilizzare. Selezionare Progetto Xamarin. Androide.
  2. Fare clic sul pulsante di riproduzione verde accanto al menu a discesa per avviare l'app mobile.
  3. Se stai usando Windows e hai Hyper-V, ti potrebbe essere chiesto di attivare Hyper V. In questo caso, apri Attiva o disattiva le caratteristiche di Windowse seleziona Hyper-V.
  4. All'avvio dell'emulatore, puoi esplorare le funzioni a tua disposizione. Ciò include le funzioni mobili standard come l'accensione o lo spegnimento del telefono. Puoi anche accedere a informazioni sulla posizione e sul cellulare, sensori virtuali e impostazioni aggiuntive.
  5. Attendi il completamento della creazione del progetto di Visual Studio. Una volta completato, lo schermo mobile sull'emulatore cambierà per mostrare la pagina principale della tua applicazione mobile.
  6. Per testare la tua applicazione utilizzando iOS, cambia il menu a discesa per selezionare iOS invece di Android, quindi fai di nuovo clic sul pulsante verde di riproduzione.

Creazione di applicazioni mobili tramite Xamarin

Xamarin ti consente di creare applicazioni mobili su molte piattaforme, come iOS, Android o Windows. Ti consente di utilizzare elementi dell'interfaccia utente riutilizzabili o elementi dell'interfaccia utente che puoi condividere su molte piattaforme.

Quando crei un nuovo progetto Xamarin, puoi aggiungere il contenuto nei file xaml e C# disponibili. Puoi anche testare l'aspetto della tua applicazione mobile aprendola utilizzando un emulatore.

Ci sono molti corsi e risorse che puoi esplorare per migliorare le tue conoscenze su come creare applicazioni mobili. Ciò include anche corsi di sviluppo per piattaforme specifiche, come lo sviluppo di Android o iOS.