Kako se kretati između stranica u Xamarin projektu

Xamarin je softverska platforma koja se koristi za višeplatformski mobilni razvoj. Možete ga koristiti za izradu aplikacija za iOS, Android, Windows itd. Možete stvoriti novi Xamarin projekt koristeći Visual Studio i popuniti svoju aplikaciju dodavanjem sadržaja, widgeta i drugih funkcija.

Kada izradite novu mobilnu aplikaciju, vaša aplikacija može zahtijevati nekoliko stranica. Ako je to slučaj, aplikacija će također trebati potrebnu funkcionalnost za korisnike za navigaciju između ovih stranica.

Kako postaviti Xamarin projekt

Započeti, stvoriti novi Xamarin projekt. Kada izradite novu aplikaciju, pojavit će se zadana glavna stranica pod nazivom Glavna stranica.xaml pohranjen unutar glavne mape projekta Xamarin. The Glavna stranica.xaml stranica služi kao vaš početni zaslon kada prvi put pokrenete aplikaciju.

Stranica također sadrži a MainPage.xaml.cs datoteku, gdje možete napisati svoju programsku logiku koristeći C#. Druge platforme mogu koristiti druge jezici igara za mobilni razvoj koji bi vam mogli biti korisni za učenje.

1. Idite do Glavna stranica.xaml i otvori ga.
2. u MainPage.xaml datoteku, promijenite zadani kod. Zamijenite sadržaj StackLayout Element korisničkog sučelja s novom oznakom:

   <StackLayout Padding = "50">
   <Tekst oznake = "Moja nova mobilna aplikacija"
    Horizontalne opcije = "Centar"
    VerticalOptions = "CentrirajIRaširi"
    FontAttributes = "Podebljano, kurziv"
    Veličina fonta = "24"
    Boja teksta = "Crno" />
   </StackLayout>
   

3. Na vrhu prozora Visual Studio kliknite na zeleni gumb za reprodukciju kako biste pokrenuli aplikaciju u emulatoru.
4. Pričekajte da se projekt kompajlira prije pokretanja emulatora.

Kako dodati drugu stranicu Xamarin projektu

Trenutno vaš Xamarin projekt ima samo jednu stranicu. Za izradu nove stranice dodajte novu xaml datoteku i popunite je nekim sadržajem.

1. U Solution Exploreru desnom tipkom miša kliknite projekt. Odaberi Dodati, i kliknite na Nova stvar.
2. Odaberi Stranica sa sadržajem od Xamarin. Obrasci kategorija. Imenujte novu datoteku SecondPage.xaml, i kliknite na Dodati.
3. Vidjet ćete da se nova stranica pojavljuje u Solution Exploreru i bit će sastavljena od a xaml datoteka i a xaml.cs datoteka. The xaml datoteka će se sastojati od elemenata korisničkog sučelja i widgeta, i xaml.cs datoteka će se sastojati od druge logike koda i funkcionalnosti.
4. Otvori SecondPage.xaml datoteku, koja će već sadržavati neki zadani kod. Unutar StackLayout Element korisničkog sučelja, zamijeni trenutnu oznaku oznakom koja kaže "Druga stranica".

   <StackLayout>
   <Tekst oznake="Druga stranica"
    Veličina fonta="42"
    VerticalOptions="CentrirajIRaširi"
    Horizontalne opcije="CentrirajIRaširi" />
   </StackLayout>

Kako s glavne stranice prijeći na drugu stranicu

Za navigaciju na drugu stranicu dodajte gumb koji će pokrenuti aplikaciju da se pomakne do nje.

1. Otvorena MainPage.xaml.
2. Dodajte element korisničkog sučelja gumba. Dodajte novi gumb ispod oznake.

   <Tekst gumba = "Idi na drugu stranicu"
    x: Ime = "Gumb1"
    Boja pozadine = "#2196F3"
    Boja teksta = "WhiteSmoke"
    Zahtjev za visinu = "50" />

3. Otvorena MainPage.xaml.cs, i stvorite funkciju pod nazivom Navigiraj do(). Unutar funkcije upotrijebite Navigacija. PushAsync funkciju za navigaciju na novu stranicu. Morat ćete dodati novi objekt stranice kao argument.

   asinkroniponištiti NavigateTo (pošiljatelj objekta, EventArgs e)
   {
    Navigacija. PushAsync(novi Druga stranica());
   }

4. Vrati se na MainPage.xaml. Dodajte novo Navigiraj do() funkcija u Kliknuo atribut. Ovo će pokrenuti funkciju kada korisnik pritisne gumb.

   <Tekst gumba = "Idi na drugu stranicu"
    x: Ime = "Gumb1"
    Kliknuo = "Navigiraj do"
    Boja pozadine = "#2196F3"
    Boja teksta = "WhiteSmoke"
    Zahtjev za visinu = "50" />

5. Na vrhu prozora Visual Studio kliknite zeleni gumb za reprodukciju kako biste pokrenuli aplikaciju pomoću emulatora.
6. Kliknite na gumb na glavnoj stranici. Vidjet ćete kako aplikacija prelazi na drugu stranicu.

Izrada mobilnih aplikacija pomoću Xamarina

Xamarin je alat otvorenog koda koji možete koristiti za razvoj mobilnih aplikacija za iOS, Android, Windows i druge. Možete stvoriti novi Xamarin projekt koristeći Visual Studio, popuniti aplikaciju i dodati više stranica.

Za dodavanje više stranica stvorite nove stranice sa sadržajem i popunite ih sadržajem. Također možete upotrijebiti događaje klika ili druge događaje za pokretanje aplikacije za navigaciju na novu stranicu.

Puno toga ulazi u izradu mobilne aplikacije, stoga je važno da razumijete osnove dok započnete. Istražite neke od sjajnih tečajeva koji su vam dostupni za učenje.