Xamarin je programska platforma, ki se uporablja za mobilni razvoj na več platformah. Uporabite ga lahko za ustvarjanje aplikacij v sistemih iOS, Android, Windows in drugih. Z Visual Studio lahko ustvarite nov projekt Xamarin in napolnite svojo aplikacijo z dodajanjem vsebine, gradnikov in drugih funkcij.

Ko ustvarite novo mobilno aplikacijo, bo vaša aplikacija morda zahtevala več strani. V tem primeru bo aplikacija potrebovala tudi potrebno funkcionalnost za uporabnike za navigacijo med temi stranmi.

Kako nastaviti projekt Xamarin

Za začetek, ustvarite nov projekt Xamarin. Ko ustvarite novo aplikacijo, bo prikazana privzeta glavna stran Glavna stran.xaml shranjen v glavni projektni mapi Xamarin. The Glavna stran.xaml stran deluje kot začetni zaslon, ko prvič zaženete aplikacijo.

Stran vsebuje tudi a MainPage.xaml.cs datoteko, kamor lahko napišete svojo programsko logiko z uporabo C#. Druge platforme lahko uporabljajo druge jezike iger za razvoj mobilnih naprav, ki bi se jih lahko naučili.

instagram viewer
  1. Pojdite na Glavna stran.xaml in ga odprite.
  2. V MainPage.xaml datoteko, spremenite privzeto kodo. Zamenjajte vsebino StackLayout Element uporabniškega vmesnika z novo oznako:
    <StackLayout Padding = "50">
    <Besedilo oznake = "Moja nova mobilna aplikacija"
    HorizontalOptions = "Center"
    VerticalOptions = "CenterAndExpand"
    FontAttributes = "Krepko, poševno"
    Velikost pisave = "24"
    Barva besedila = "Črna" />
    </StackLayout>
  3. Na vrhu okna Visual Studio kliknite zeleni gumb za predvajanje, da zaženete aplikacijo v emulatorju.
  4. Počakajte, da se projekt prevede, preden se zažene emulator.

Kako dodati drugo stran projektu Xamarin

Trenutno ima vaš projekt Xamarin samo eno stran. Če želite ustvariti novo stran, dodajte novo xaml datoteko in jo napolnite z vsebino.

  1. V Raziskovalcu rešitev z desno miškino tipko kliknite projekt. Izberite Dodaj, in kliknite na Nov predmet.
  2. Izberite Stran z vsebino Iz Xamarin. Obrazci kategorijo. Poimenujte novo datoteko SecondPage.xaml, in kliknite na Dodaj.
  3. Videli boste, da se nova stran pojavi v Raziskovalcu rešitev in bo sestavljena iz obeh a xaml datoteka in a xaml.cs mapa. The xaml datoteka bo sestavljena iz elementov uporabniškega vmesnika in gradnikov ter xaml.cs datoteka bo sestavljena iz druge logike kode in funkcionalnosti.
  4. Odprite SecondPage.xaml datoteko, ki bo že vsebovala nekaj privzete kode. Znotraj StackLayout Element uporabniškega vmesnika, zamenjajte trenutno oznako z oznako »Druga stran«.
    <StackLayout>
    <Besedilo oznake="Druga stran"
    Velikost pisave="42"
    VerticalOptions="CenterAndExpand"
    HorizontalOptions="CenterAndExpand" />
    </StackLayout>

Kako se pomakniti na drugo stran z glavne strani

Za navigacijo na drugo stran dodajte gumb, ki bo sprožil aplikacijo, da se pomakne nanjo.

  1. Odprto MainPage.xaml.
  2. Dodajte element uporabniškega vmesnika gumba. Dodajte nov gumb pod oznako.
    <Besedilo gumba = "Pomaknite se na drugo stran"
    x: Ime = "Gumb1"
    Barva ozadja = "#2196F3"
    Barva besedila = "WhiteSmoke"
    HeightRequest = "50" />
  3. Odprto MainPage.xaml.csin ustvarite funkcijo, imenovano NavigateTo(). Znotraj funkcije uporabite Navigacija. PushAsync funkcijo za navigacijo na novo stran. Kot argument boste morali dodati objekt nove strani.
    asinhpraznina NavigateTo (pošiljatelj objekta, EventArgs e)
    {
    Navigacija. PushAsync(novo DrugaStran());
    }
  4. Pojdi nazaj k MainPage.xaml. Dodajte novo NavigateTo() funkcijo v Kliknil atribut. To bo sprožilo zagon funkcije, ko uporabnik pritisne gumb.
    <Besedilo gumba = "Pomaknite se na drugo stran"
    x: Ime = "Gumb1"
    Kliknil = "NavigateTo"
    Barva ozadja = "#2196F3"
    Barva besedila = "WhiteSmoke"
    HeightRequest = "50" />
  5. Na vrhu okna Visual Studio kliknite zeleni gumb za predvajanje, da zaženete aplikacijo z emulatorjem.
  6. Kliknite na gumb na glavni strani. Videli boste, da se aplikacija pomakne na drugo stran.

Ustvarjanje mobilnih aplikacij z uporabo Xamarina

Xamarin je odprtokodno orodje, ki ga lahko uporabite za razvoj mobilnih aplikacij v sistemih iOS, Android, Windows in drugih. Z Visual Studio lahko ustvarite nov projekt Xamarin, napolnite aplikacijo in dodate več strani.

Če želite dodati več strani, ustvarite nove strani z vsebino in jih napolnite z vsebino. Uporabite lahko tudi dogodke ob kliku ali druge dogodke, da sprožite aplikacijo za navigacijo na novo stran.

Izdelava mobilne aplikacije vključuje veliko stvari, zato je pomembno, da na začetku razumete osnove. Raziščite nekaj odličnih tečajev, ki so na voljo za učenje.