Come spostarsi tra le pagine in un progetto Xamarin

Xamarin è una piattaforma software utilizzata per lo sviluppo mobile multipiattaforma. Puoi usarlo per creare app su iOS, Android, Windows e altro. Puoi creare un nuovo progetto Xamarin usando Visual Studio e popolare l'app aggiungendo contenuto, widget e altre funzionalità.

Quando crei una nuova app mobile, la tua app potrebbe richiedere diverse pagine. In questo caso, l'app avrà anche bisogno della funzionalità richiesta per consentire agli utenti di navigare tra queste pagine.

Come impostare un progetto Xamarin

Per iniziare, creare un nuovo progetto Xamarin. Quando crei una nuova app, verrà visualizzata una pagina principale predefinita chiamata Pagina principale.xaml archiviato nella cartella del progetto Xamarin principale. Il Pagina principale.xaml pagina funge da schermata iniziale quando avvii l'applicazione per la prima volta.

La pagina contiene anche un MainPage.xaml.cs file, dove puoi scrivere la tua logica di programmazione usando C#. Altre piattaforme possono utilizzare altro linguaggi di gioco di sviluppo mobile che potrebbero essere utili per l'apprendimento.

1. Navigare verso Pagina principale.xaml e aprilo.
2. Nel MainPage.xaml file, modificare il codice predefinito. Sostituisci il contenuto del StackLayout Elemento dell'interfaccia utente con una nuova etichetta:

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

3. Nella parte superiore della finestra di Visual Studio, fare clic sul pulsante di riproduzione verde per eseguire l'applicazione nell'emulatore.
4. Attendi la compilazione del progetto prima dell'avvio dell'emulatore.

Come aggiungere una seconda pagina al progetto Xamarin

Attualmente, il tuo progetto Xamarin ha solo una pagina. Per creare una nuova pagina, aggiungine una nuova xml file e popolalo con del contenuto.

1. In Esplora soluzioni, fare clic con il pulsante destro del mouse sul progetto. Selezionare Aggiungeree fare clic su Nuovo oggetto.
2. Selezionare Pagina dei contenuti dal Xamarin. Le forme categoria. Assegna un nome al nuovo file SecondPage.xamle fare clic su Aggiungere.
3. Vedrai apparire la nuova pagina in Esplora soluzioni e sarà composta da entrambi a xml file e a xml.cs file. Il xml il file sarà composto da elementi dell'interfaccia utente e widget e il file xml.cs il file sarà costituito da altra logica e funzionalità del codice.
4. Apri il SecondPage.xaml file, che conterrà già del codice predefinito. All'interno del StackLayout Elemento dell'interfaccia utente, sostituisci l'etichetta corrente con un'etichetta che dice "Seconda pagina".

   <StackLayout>
   <Testo etichetta="Seconda Pagina"
    Dimensione carattere="42"
    Opzioni verticali="Centra ed espandi"
    Opzioni orizzontali="Centra ed espandi" />
   </StackLayout>

Come passare alla seconda pagina dalla pagina principale

Per passare alla seconda pagina, aggiungi un pulsante che attiverà l'app per accedervi.

1. Aprire MainPage.xaml.
2. Aggiungi un elemento dell'interfaccia utente del pulsante. Aggiungi il nuovo pulsante sotto l'etichetta.

   <Testo pulsante = "Passa alla seconda pagina"
    x: nome = "Pulsante1"
    Colore di sfondo = "#2196F3"
    Colore del testo = "Fumo bianco"
    AltezzaRichiesta = "50" />

3. Aprire MainPage.xaml.cse creare una funzione chiamata Navigare verso(). All'interno della funzione, utilizzare il Navigazione. PushAsync funzione per navigare alla nuova pagina. Dovrai aggiungere il nuovo oggetto pagina come argomento.

   asincronovuoto NavigateTo (mittente dell'oggetto, EventArgs e)
   {
    Navigazione. PushAsync(nuovo SecondaPagina());
   }

4. Tornare a MainPage.xaml. Aggiungi il nuovo Navigare verso() funzione nel Cliccato attributo. Ciò attiverà la funzione per l'esecuzione quando l'utente preme il pulsante.

   <Testo pulsante = "Passa alla seconda pagina"
    x: nome = "Pulsante1"
    cliccato = "Navigare verso"
    Colore di sfondo = "#2196F3"
    Colore del testo = "Fumo bianco"
    AltezzaRichiesta = "50" />

5. Nella parte superiore della finestra di Visual Studio, fai clic sul pulsante verde di riproduzione per avviare l'app usando l'emulatore.
6. Fare clic sul pulsante nella pagina principale. Vedrai l'app passare alla seconda pagina.

Creazione di applicazioni mobili tramite Xamarin

Xamarin è uno strumento open source che puoi usare per sviluppare applicazioni mobili su iOS, Android, Windows e altro ancora. Puoi creare un nuovo progetto Xamarin usando Visual Studio, popolare l'app e aggiungere più pagine.

Per aggiungere più pagine, crea nuove pagine di contenuto e popolale con il contenuto. Puoi anche utilizzare eventi al clic o altri eventi per attivare l'app per passare alla nuova pagina.

C'è molto da fare nella creazione di un'applicazione mobile, quindi è importante che tu comprenda i fondamenti mentre inizi. Esplora alcuni dei fantastici corsi da cui puoi imparare.