Hogyan navigáljunk az oldalak között egy Xamarin projektben

A Xamarin egy többplatformos mobilfejlesztéshez használt szoftverplatform. Alkalmazások létrehozására használhatja iOS, Android, Windows és egyéb rendszereken. Létrehozhat egy új Xamarin-projektet a Visual Studio segítségével, és feltöltheti az alkalmazást tartalom, widgetek és egyéb funkciók hozzáadásával.

Amikor új mobilalkalmazást hoz létre, az alkalmazáshoz több oldalra is szükség lehet. Ebben az esetben az alkalmazásnak szüksége lesz a szükséges funkciókra is, hogy a felhasználók navigálhassanak ezen oldalak között.

Hogyan állítsunk be egy Xamarin projektet

A kezdéshez hozzon létre egy új Xamarin projektet. Amikor új alkalmazást hoz létre, egy alapértelmezett főoldal lesz Főoldal.xaml a fő Xamarin projektmappában tárolva. Az Főoldal.xaml oldal az alkalmazás első indításakor kezdőképernyőként működik.

Az oldalon található még a Főoldal.xaml.cs fájl, ahová a programozási logikáját C# segítségével írhatja. Más platformok mást is használhatnak mobilfejlesztő játéknyelvek, amelyek hasznosak lehetnek a tanulásban.

1. Navigáljon ide Főoldal.xaml és nyissa ki.
2. Ban,-ben Főoldal.xaml fájlt, módosítsa az alapértelmezett kódot. Cserélje ki a tartalmát StackLayout UI elem új címkével:

   <StackLayout Padding = "50">
   <Címke szövege = "Új mobilalkalmazásom"
    HorizontalOptions = "Központ"
    VerticalOptions = "CenterAndExpand"
    FontAttributes = "Félkövér dőlt"
    Betűméret = "24"
    TextColor = "Fekete" />
   </StackLayout>
   

3. A Visual Studio ablakának tetején kattintson a zöld lejátszás gombra az alkalmazás futtatásához az emulátorban.
4. Várja meg a projekt fordítását, mielőtt az emulátor elindulna.

Hogyan adjunk hozzá második oldalt a Xamarin projekthez

Jelenleg a Xamarin projektnek csak egy oldala van. Új oldal létrehozásához adjon hozzá egy újat xaml fájlt, és töltse fel valamilyen tartalommal.

1. A Solution Explorerben kattintson a jobb gombbal a projektre. Válassza ki Hozzáadás, és kattintson a gombra Új elem.
2. Válassza ki Tartalmi oldal tól Xamarin. Űrlapok kategória. Nevezze el az új fájlt SecondPage.xaml, és kattintson a gombra Hozzáadás.
3. Az új oldal megjelenik a Megoldásböngészőben, és mindkettőből áll majd a xaml fájl és a xaml.cs fájlt. Az xaml fájl UI elemekből és widgetekből fog állni, valamint a xaml.cs fájl más kódlogikát és funkcionalitást fog tartalmazni.
4. Nyissa meg a SecondPage.xaml fájl, amely már tartalmazni fog néhány alapértelmezett kódot. Belül StackLayout UI elem, cserélje ki az aktuális címkét egy „Második oldal” feliratú címkére.

   <StackLayout>
   <Címke szövege="Második oldal"
    FontSize="42"
    VerticalOptions="CenterAndExpand"
    HorizontalOptions="CenterAndExpand" />
   </StackLayout>

Hogyan lehet a második oldalra navigálni a főoldalról

A második oldalra való navigáláshoz adjon hozzá egy gombot, amely elindítja az alkalmazást, hogy navigáljon arra.

1. Nyisd ki Főoldal.xaml.
2. Gombos felhasználói felület elem hozzáadása. Adja hozzá az új gombot a címke alá.

   <Gomb szövege = "Navigáljon a Második oldalra"
    x: Név = "Gomb 1"
    Háttérszín = "#2196F3"
    TextColor = "Fehér füst"
    HeightRequest = "50" />

3. Nyisd ki Főoldal.xaml.cs, és hozzon létre egy függvényt Navigálás ide(). A függvényen belül használja a Navigáció. PushAsync funkcióval navigálhat az új oldalra. Hozzá kell adnia az új oldalobjektumot argumentumként.

   asyncüres NavigateTo (objektum küldője, EventArgs e)
   {
    Navigáció. PushAsync(új Második Oldal());
   }

4. Menj vissza Főoldal.xaml. Adja hozzá az újat Navigálás ide() funkció a Kattintva tulajdonság. Ez elindítja a funkciót, amikor a felhasználó megnyomja a gombot.

   <Gomb szövege = "Navigáljon a Második oldalra"
    x: Név = "Gomb 1"
    Kattintva = "Navigáljon ide"
    Háttérszín = "#2196F3"
    TextColor = "Fehér füst"
    HeightRequest = "50" />

5. A Visual Studio ablakának tetején kattintson a zöld lejátszás gombra az alkalmazás elindításához az emulátor segítségével.
6. Kattintson a gombra a főoldalon. Látni fogja, hogy az alkalmazás a második oldalra navigál.

Mobil alkalmazások létrehozása a Xamarin segítségével

A Xamarin egy nyílt forráskódú eszköz, amellyel mobilalkalmazásokat fejleszthet iOS, Android, Windows és egyéb rendszereken. Létrehozhat egy új Xamarin-projektet a Visual Studio segítségével, feltöltheti az alkalmazást, és hozzáadhat több oldalt.

Több oldal hozzáadásához hozzon létre új tartalmi oldalakat, és töltse fel őket tartalommal. Arra is használhatja az on-click eseményeket vagy más eseményeket, hogy elindítsa az alkalmazást az új oldalra való navigálásra.

A mobilalkalmazások felépítéséhez sok minden szükséges, ezért fontos, hogy az alapokat megértse a kezdés során. Fedezze fel néhány nagyszerű tanfolyamot, amelyekből tanulhat.