Hvordan navigere mellom sider i et Xamarin-prosjekt

Xamarin er en programvareplattform som brukes til mobilutvikling på tvers av plattformer. Du kan bruke den til å lage apper på iOS, Android, Windows og mer. Du kan opprette et nytt Xamarin-prosjekt ved å bruke Visual Studio, og fylle ut appen din ved å legge til innhold, widgets og andre funksjoner.

Når du oppretter en ny mobilapp, kan appen din kreve flere sider. Hvis dette er tilfelle, vil appen også trenge den nødvendige funksjonaliteten for at brukerne skal kunne navigere mellom disse sidene.

Hvordan sette opp et Xamarin-prosjekt

For å komme i gang, opprette et nytt Xamarin-prosjekt. Når du oppretter en ny app, vil det være en standard hovedside kalt Hovedside.xaml lagret i Xamarin-hovedmappen. De Hovedside.xaml siden fungerer som startskjermbildet når du starter programmet for første gang.

Siden inneholder også en MainPage.xaml.cs fil, hvor du kan skrive programmeringslogikken din ved hjelp av C#. Andre plattformer kan bruke andre mobilutviklingsspillspråk som kan være nyttige for deg å lære.

1. Navigere til Hovedside.xaml og åpne den.
2. I MainPage.xaml fil, endre standardkoden. Bytt ut innholdet i StackLayout UI-element med en ny etikett:

   <StackLayout Padding = "50">
   <Etiketttekst = "Min nye mobilapplikasjon"
    Horisontalalternativer = "Senter"
    VerticalOptions = "CenterAndExpand"
    FontAttributes = "Fet kursiv"
    FontSize = "24"
    Tekstfarge = "Svart" />
   </StackLayout>
   

3. Øverst i Visual Studio-vinduet klikker du på den grønne avspillingsknappen for å kjøre programmet i emulatoren.
4. Vent til prosjektet kompileres før emulatoren starter.

Hvordan legge til en annen side til Xamarin-prosjektet

For øyeblikket har Xamarin-prosjektet ditt bare én side. For å opprette en ny side, legg til en ny xaml fil og fyll den med noe innhold.

1. Høyreklikk på prosjektet i Solution Explorer. Å velge Legge til, og klikk på Ny gjenstand.
2. Å velge Innholdsside fra Xamarin. Skjemaer kategori. Gi den nye filen et navn SecondPage.xaml, og klikk på Legge til.
3. Du vil se den nye siden vises i Solution Explorer, og vil bestå av både en xaml fil og en xaml.cs fil. De xaml filen vil bestå av UI-elementer og widgets, og xaml.cs filen vil bestå av annen kodelogikk og funksjonalitet.
4. Åpne SecondPage.xaml fil, som allerede vil inneholde en standardkode. Innen StackLayout UI-element, erstatte gjeldende etikett med en etikett som sier "Second Page".

   <StackLayout>
   <Etiketttekst="Andre side"
    FontSize="42"
    VerticalOptions="CenterAndExpand"
    HorizontalOptions="CenterAndExpand" />
   </StackLayout>

Hvordan navigere til den andre siden fra hovedsiden

For å navigere til den andre siden, legg til en knapp som vil utløse appen til å navigere til den.

1. Åpen MainPage.xaml.
2. Legg til et knappe-UI-element. Legg til den nye knappen under etiketten.

   <Knappetekst = "Naviger til andre side"
    x: Navn = "Knapp 1"
    Bakgrunnsfarge = "#2196F3"
    Tekstfarge = "WhiteSmoke"
    HeightRequest = "50" />

3. Åpen MainPage.xaml.cs, og lag en funksjon kalt Navigere til(). Inne i funksjonen bruker du Navigasjon. PushAsync funksjon for å navigere til den nye siden. Du må legge til det nye sideobjektet som et argument.

   asynkrontomrom NavigateTo (objektavsender, EventArgs e)
   {
    Navigasjon. PushAsync(ny SecondPage());
   }

4. Gå tilbake til MainPage.xaml. Legg til den nye Navigere til() funksjon i Klikket Egenskap. Dette vil utløse funksjonen når brukeren trykker på knappen.

   <Knappetekst = "Naviger til andre side"
    x: Navn = "Knapp 1"
    Klikket = "Navigere til"
    Bakgrunnsfarge = "#2196F3"
    Tekstfarge = "WhiteSmoke"
    HeightRequest = "50" />

5. Øverst i Visual Studio-vinduet klikker du på den grønne avspillingsknappen for å starte appen ved hjelp av emulatoren.
6. Klikk på knappen på hovedsiden. Du vil se at appen navigerer til den andre siden.

Opprette mobilapplikasjoner ved hjelp av Xamarin

Xamarin er et åpen kildekodeverktøy som du kan bruke til å utvikle mobilapplikasjoner på iOS, Android, Windows og mer. Du kan opprette et nytt Xamarin-prosjekt ved å bruke Visual Studio, fylle ut appen og legge til flere sider.

For å legge til flere sider, opprett nye innholdssider og fyll dem med innhold. Du kan også bruke på-klikk-hendelser eller andre hendelser for å trigge appen til å navigere til den nye siden.

Det er mye som går med til å bygge en mobilapplikasjon, så det er viktig for deg å forstå det grunnleggende mens du kommer i gang. Utforsk noen av de flotte kursene du kan lære av.