Xamarin este o platformă software utilizată pentru dezvoltarea mobilă multiplatformă. Îl puteți folosi pentru a crea aplicații pe iOS, Android, Windows și multe altele. Puteți crea un nou proiect Xamarin folosind Visual Studio și puteți completa aplicația dvs. adăugând conținut, widget-uri și alte funcționalități.

Când creați o nouă aplicație mobilă, aplicația dvs. poate necesita mai multe pagini. Dacă acesta este cazul, aplicația va avea nevoie și de funcționalitatea necesară pentru ca utilizatorii să navigheze între aceste pagini.

Cum să configurați un proiect Xamarin

Pentru a incepe, creați un nou proiect Xamarin. Când creați o nouă aplicație, va apărea o pagină principală implicită numită Pagina principală.xaml stocate în folderul principal de proiect Xamarin. The Pagina principală.xaml pagina acționează ca ecran de pornire la prima lansare a aplicației.

Pagina conține și un MainPage.xaml.cs fișier, unde vă puteți scrie logica de programare folosind C#. Alte platforme pot folosi altele limbaje pentru jocuri de dezvoltare mobilă care vă pot fi utile pentru a le învăța.

instagram viewer
  1. Navigheaza catre Pagina principală.xaml și deschide-l.
  2. În MainPage.xaml fișier, modificați codul implicit. Înlocuiți conținutul StackLayout Element UI cu o nouă etichetă:
    <StackLayout Padding = "50">
    <Textul etichetei = "Noua mea aplicație mobilă"
     HorizontalOptions = "Centru"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Îndrăzneț, italic"
     FontSize = "24"
     TextColor = "Negru" />
    </StackLayout>
  3. În partea de sus a ferestrei Visual Studio, faceți clic pe butonul verde de redare pentru a rula aplicația în emulator.
  4. Așteptați compilarea proiectului înainte de lansarea emulatorului.

Cum să adăugați o a doua pagină la proiectul Xamarin

În prezent, proiectul tău Xamarin are o singură pagină. Pentru a crea o pagină nouă, adăugați una nouă xaml fișier și populați-l cu ceva conținut.

  1. În Solution Explorer, faceți clic dreapta pe proiect. Selectați Adăuga, și faceți clic pe Articol nou.
  2. Selectați Pagina de conținut de la Xamarin. Forme categorie. Denumiți noul fișier SecondPage.xaml, și faceți clic pe Adăuga.
  3. Veți vedea noua pagină care va apărea în Solution Explorer și va fi formată din ambele a xaml dosar și a xaml.cs fişier. The xaml fișierul va fi format din elemente și widget-uri UI și xaml.cs fișierul va consta din altă logică de cod și funcționalitate.
  4. Deschide SecondPage.xaml fișier, care va conține deja un cod implicit. În cadrul StackLayout Element UI, înlocuiți eticheta curentă cu o etichetă care spune „A doua pagină”.
    <StackLayout>
    <Textul etichetei="Pagina a doua"
     FontSize="42"
     VerticalOptions="CenterAndExpand"
     HorizontalOptions="CenterAndExpand" />
    </StackLayout>

Cum să navigați la a doua pagină din pagina principală

Pentru a naviga la a doua pagină, adăugați un buton care va declanșa aplicația să navigheze la ea.

  1. Deschis MainPage.xaml.
  2. Adăugați un element de interfață pentru buton. Adăugați noul buton sub etichetă.
    <Buton Text = "Navigați la a doua pagină"
     x: Nume = "Butonul 1"
     BackgroundColor = "#2196F3"
     TextColor = "Fum alb"
     HeightRequest = "50" />
  3. Deschis MainPage.xaml.cs, și creați o funcție numită Navigheaza catre(). În interiorul funcției, utilizați Navigare. PushAsync funcția pentru a naviga la noua pagină. Va trebui să adăugați noul obiect pagină ca argument.
    asincrongol NavigateTo (emițător obiect, EventArgs e)
    {
     Navigare. PushAsync(nou A doua pagină());
    }
  4. Intoarce-te la MainPage.xaml. Adăugați noul Navigheaza catre() funcţia în S-a făcut clic atribut. Acest lucru va declanșa funcția să ruleze atunci când utilizatorul apasă butonul.
    <Buton Text = "Navigați la a doua pagină"
     x: Nume = "Butonul 1"
     S-a făcut clic pe = "Navigheaza catre"
     BackgroundColor = "#2196F3"
     TextColor = "Fum alb"
     HeightRequest = "50" />
  5. În partea de sus a ferestrei Visual Studio, faceți clic pe butonul verde de redare pentru a lansa aplicația folosind emulator.
  6. Faceți clic pe butonul de pe pagina principală. Veți vedea că aplicația navighează la a doua pagină.

Crearea de aplicații mobile folosind Xamarin

Xamarin este un instrument open-source pe care îl puteți folosi pentru a dezvolta aplicații mobile pe iOS, Android, Windows și multe altele. Puteți crea un nou proiect Xamarin folosind Visual Studio, puteți completa aplicația și puteți adăuga mai multe pagini.

Pentru a adăuga mai multe pagini, creați pagini de conținut noi și completați-le cu conținut. De asemenea, puteți utiliza evenimente prin clic sau alte evenimente pentru a declanșa aplicația să navigheze la noua pagină.

Există o mulțime de lucruri care sunt implicate în construirea unei aplicații mobile, așa că este important să înțelegeți elementele fundamentale în timp ce începeți. Explorați câteva dintre cursurile grozave din care puteți învăța.