Xamarin je softvérová platforma používaná na multiplatformový vývoj mobilných zariadení. Môžete ho použiť na vytváranie aplikácií pre iOS, Android, Windows a ďalšie. Môžete vytvoriť nový projekt Xamarin pomocou Visual Studia a doplniť svoju aplikáciu pridaním obsahu, miniaplikácií a ďalších funkcií.

Keď vytvoríte novú mobilnú aplikáciu, vaša aplikácia môže vyžadovať niekoľko stránok. Ak je to tak, aplikácia bude tiež potrebovať požadovanú funkčnosť, aby používatelia mohli prechádzať medzi týmito stránkami.

Ako nastaviť projekt Xamarin

Začať, vytvorte nový projekt Xamarin. Keď vytvoríte novú aplikáciu, zobrazí sa predvolená hlavná stránka s názvom Hlavná stránka.xaml uložené v hlavnom priečinku projektu Xamarin. The Hlavná stránka.xaml stránka funguje ako úvodná obrazovka pri prvom spustení aplikácie.

Stránka obsahuje aj a MainPage.xaml.cs súbor, kde môžete napísať svoju programovaciu logiku pomocou C#. Iné platformy môžu používať iné jazyky pre vývoj mobilných hier, ktoré môžu byť pre vás užitočné naučiť sa.

instagram viewer
  1. Prejdite na Hlavná stránka.xaml a otvorte ho.
  2. V MainPage.xaml súbor, upravte predvolený kód. Vymeňte obsah StackLayout Prvok používateľského rozhrania s novým štítkom:
    <StackLayout Padding = "50">
    <Text štítku = "Moja nová mobilná aplikácia"
    HorizontalOptions = "centrum"
    Vertikálne možnosti = "CenterAndExpand"
    FontAttributes = "Tučné, kurzíva"
    Veľkosť písma = "24"
    TextColor = "čierna" />
    </StackLayout>
  3. V hornej časti okna Visual Studio kliknite na zelené tlačidlo prehrávania, čím spustíte aplikáciu v emulátore.
  4. Pred spustením emulátora počkajte, kým sa projekt skompiluje.

Ako pridať druhú stránku do projektu Xamarin

V súčasnosti má váš projekt Xamarin iba jednu stránku. Ak chcete vytvoriť novú stránku, pridajte novú xaml súbor a naplňte ho nejakým obsahom.

  1. V Solution Exploreri kliknite pravým tlačidlom myši na projekt. Vyberte Pridaťa kliknite na Nová vec.
  2. Vyberte Stránka s obsahom z Xamarin. Formuláre kategórii. Pomenujte nový súbor SecondPage.xamla kliknite na Pridať.
  3. Uvidíte, že sa nová stránka objaví v Prieskumníkovi riešení a bude pozostávať z a xaml súbor a a xaml.cs súbor. The xaml súbor bude pozostávať z prvkov používateľského rozhrania a miniaplikácií a xaml.cs súbor bude pozostávať z inej logiky a funkčnosti kódu.
  4. Otvor SecondPage.xaml súbor, ktorý už bude obsahovať nejaký predvolený kód. V rámci StackLayout Prvok používateľského rozhrania, nahraďte aktuálny štítok štítkom, ktorý hovorí „Druhá stránka“.
    <StackLayout>
    <Text štítku="Druhá strana"
    Veľkosť písma ="42"
    Vertikálne možnosti="CenterAndExpand"
    HorizontalOptions="CenterAndExpand" />
    </StackLayout>

Ako prejsť na druhú stránku z hlavnej stránky

Ak chcete prejsť na druhú stránku, pridajte tlačidlo, ktoré spustí aplikáciu, aby na ňu prešla.

  1. OTVORENÉ MainPage.xaml.
  2. Pridajte prvok používateľského rozhrania tlačidla. Pridajte nové tlačidlo pod štítok.
    <Text tlačidla = "Prejdite na druhú stránku"
    x: Meno = "Tlačidlo 1"
    Farba pozadia = "#2196F3"
    TextColor = "WhiteSmoke"
    Požiadavka na výšku = "50" />
  3. OTVORENÉ MainPage.xaml.csa vytvorte funkciu s názvom Navigovať(). Vo vnútri funkcie použite Navigácia. PushAsync funkciu pre prechod na novú stránku. Budete musieť pridať nový objekt stránky ako argument.
    asyncneplatné NavigateTo (odosielateľ objektu, EventArgs e)
    {
    Navigácia. PushAsync(Nový SecondPage());
    }
  4. Vráťte sa do MainPage.xaml. Pridajte nový Navigovať() funkciu v Kliknuté atribút. Toto spustí spustenie funkcie, keď používateľ stlačí tlačidlo.
    <Text tlačidla = "Prejdite na druhú stránku"
    x: Meno = "Tlačidlo 1"
    Kliknuté = "Navigovať"
    Farba pozadia = "#2196F3"
    TextColor = "WhiteSmoke"
    Požiadavka na výšku = "50" />
  5. V hornej časti okna Visual Studio kliknite na zelené tlačidlo prehrávania, čím spustíte aplikáciu pomocou emulátora.
  6. Kliknite na tlačidlo na hlavnej stránke. Uvidíte, že aplikácia prejde na druhú stránku.

Vytváranie mobilných aplikácií pomocou Xamarin

Xamarin je open-source nástroj, ktorý môžete použiť na vývoj mobilných aplikácií pre iOS, Android, Windows a ďalšie. Môžete vytvoriť nový projekt Xamarin pomocou Visual Studio, vyplniť aplikáciu a pridať viacero stránok.

Ak chcete pridať viacero stránok, vytvorte nové stránky s obsahom a naplňte ich obsahom. Môžete tiež použiť udalosti po kliknutí alebo iné udalosti na spustenie aplikácie, aby prešla na novú stránku.

Pri vytváraní mobilnej aplikácie je toho veľa, preto je dôležité, aby ste pri začatí porozumeli základom. Preskúmajte niektoré zo skvelých kurzov, z ktorých sa môžete učiť.