Xamarin är en mjukvaruplattform som används för plattformsoberoende mobilutveckling. Du kan använda den för att skapa appar på iOS, Android, Windows och mer. Du kan skapa ett nytt Xamarin-projekt med Visual Studio och fylla i din app genom att lägga till innehåll, widgets och andra funktioner.

När du skapar en ny mobilapp kan din app kräva flera sidor. Om så är fallet kommer appen också att behöva den funktionalitet som krävs för att användarna ska kunna navigera mellan dessa sidor.

Hur man ställer in ett Xamarin-projekt

För att starta, skapa ett nytt Xamarin-projekt. När du skapar en ny app kommer det att finnas en standardhuvudsida som kallas Huvudsida.xaml lagras i Xamarins huvudmapp. De Huvudsida.xaml sidan fungerar som din startskärm när du startar programmet för första gången.

Sidan innehåller även en MainPage.xaml.cs fil, där du kan skriva din programmeringslogik med C#. Andra plattformar kan använda andra mobilutvecklingsspelspråk som kan vara användbara för dig att lära dig.

  1. Navigera till Huvudsida.xaml och öppna den.
    2. instagram viewer
  2. I den MainPage.xaml fil, ändra standardkoden. Byt ut innehållet i StackLayout UI-element med en ny etikett:
    <StackLayout Padding = "50">
    <Etiketttext = "Min nya mobilapplikation"
     HorizontalOptions = "Centrum"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Fet, kursiv"
     FontSize = "24"
     TextColor = "Svart" />
    </StackLayout>
  3. Högst upp i Visual Studio-fönstret klickar du på den gröna uppspelningsknappen för att köra programmet i emulatorn.
  4. Vänta tills projektet kompileras innan emulatorn startar.

Hur man lägger till en andra sida till Xamarin-projektet

För närvarande har ditt Xamarin-projekt bara en sida. För att skapa en ny sida, lägg till en ny xaml fil och fyll den med visst innehåll.

  1. Högerklicka på projektet i Solution Explorer. Välj Lägg till, och klicka på Nytt föremål.
  2. Välj Innehållssida från Xamarin. Blanketter kategori. Namnge den nya filen SecondPage.xaml, och klicka på Lägg till.
  3. Du kommer att se den nya sidan visas i Solution Explorer och kommer att bestå av både en xaml fil och en xaml.cs fil. De xaml filen kommer att bestå av UI-element och widgets, och xaml.cs filen kommer att bestå av annan kodlogik och funktionalitet.
  4. Öppna SecondPage.xaml fil, som redan kommer att innehålla viss standardkod. Inom StackLayout UI-element, ersätt den nuvarande etiketten med en etikett som säger "Andra sidan".
    <StackLayout>
    <Etiketttext="Andra sidan"
     FontSize="42"
     VerticalOptions="CenterAndExpand"
     HorizontalOptions="CenterAndExpand" />
    </StackLayout>

Hur man navigerar till den andra sidan från huvudsidan

För att navigera till den andra sidan, lägg till en knapp som utlöser appen att navigera till den.

  1. Öppna MainPage.xaml.
  2. Lägg till ett knapp UI-element. Lägg till den nya knappen under etiketten.
    <Knapptext = "Navigera till andra sidan"
     x: Namn = "Knapp1"
     Bakgrundsfärg = "#2196F3"
     TextColor = "Vit rök"
     HeightRequest = "50" />
  3. Öppna MainPage.xaml.cs, och skapa en funktion som heter Navigera till(). Inuti funktionen, använd Navigering. PushAsync funktion för att navigera till den nya sidan. Du måste lägga till det nya sidobjektet som ett argument.
    asynkrontomhet NavigateTo (objektavsändare, EventArgs e)
    {
     Navigering. PushAsync(ny SecondPage());
    }
  4. Gå tillbaka till MainPage.xaml. Lägg till det nya Navigera till() funktion i Klickade attribut. Detta kommer att aktivera funktionen när användaren trycker på knappen.
    <Knapptext = "Navigera till andra sidan"
     x: Namn = "Knapp1"
     Klickade = "Navigera till"
     Bakgrundsfärg = "#2196F3"
     TextColor = "Vit rök"
     HeightRequest = "50" />
  5. Högst upp i Visual Studio-fönstret klickar du på den gröna uppspelningsknappen för att starta appen med emulatorn.
  6. Klicka på knappen på huvudsidan. Du kommer att se appen navigera till den andra sidan.

Skapa mobilapplikationer med Xamarin

Xamarin är ett verktyg med öppen källkod som du kan använda för att utveckla mobilapplikationer på iOS, Android, Windows och mer. Du kan skapa ett nytt Xamarin-projekt med Visual Studio, fylla i appen och lägga till flera sidor.

Om du vill lägga till flera sidor skapar du nya innehållssidor och fyller dem med innehåll. Du kan också använda on-click-händelser eller andra händelser för att trigga appen att navigera till den nya sidan.

Det är mycket som går till att bygga en mobilapplikation, så det är viktigt för dig att förstå grunderna när du sätter igång. Utforska några av de fantastiska kurserna som finns tillgängliga för dig att lära dig av.