Xamarin je platforma, ktorá vám umožňuje vytvárať mobilné aplikácie. Je to open source a má podporu komunity od vývojárov a používateľov z celého sveta.

Môžete vytvárať mobilné aplikácie na rôznych platformách, ako sú iOS, Android alebo Windows. Používateľské rozhranie môže byť špecifické pre platformu alebo zdieľateľné medzi platformami v závislosti od toho, či používate Xamarin Native alebo Xamarin Forms.

Visual Studio vám umožňuje vytvoriť nový projekt Xamarin a pridať svoj obsah do mobilnej aplikácie. Potom môžete otestovať svoju mobilnú aplikáciu spustením cez emulátor.

Čo sú Xamarin natívne a Xamarin Formy?

Xamarin Native zahŕňa Xamarin iOS, Xamarin Windows alebo Xamarin Android. Umožňuje vám vytvárať používateľské rozhrania pre konkrétnu platformu.

Niektoré komponenty používateľského rozhrania môžete napríklad používať iba v systéme Android a iné komponenty používateľského rozhrania iba v systéme iOS. To je skvelé, ak chcete vlastné návrhy pre rôzne platformy, ale môže to viesť k pomalšiemu vývoju.

instagram viewer

Xamarin Forms vám na druhej strane umožňuje vytvárať zdieľané komponenty používateľského rozhrania, ktoré môžete znova použiť na mnohých platformách. To je dobré pre všeobecné komponenty, ako sú tlačidlá alebo textové polia, ktoré budú vyzerať rovnako na všetkých zariadeniach. To tiež vo všeobecnosti vedie k rýchlejšiemu vývoju.

Microsoft je v súčasnosti v procese výmeny Xamarin za .NET MAUI (Multiform App User Interface) ako súčasť .NET 6. Podľa Blog .NET spoločnosti Microsoft, jednou z nových funkcií je možnosť používať jeden projekt namiesto mnohých projektov na mnohých platformách.

Ako stiahnuť a nainštalovať Mobile Development for .NET

Na vybudovanie a Microsoft Xamarin mobilnú aplikáciu, ktorú si musíte stiahnuť a nainštalovať Mobilný vývoj pre .NET vo Visual Studiu. To vám dáva možnosť vytvárať projekty Xamarin. Dodáva sa tiež s emulátor na otestovanie mobilnej aplikácie na PC.

  1. Otvorte inštalátor Visual Studio.
  2. Vyber verzia Visual Studio ktoré chcete použiť, a kliknite na Upraviť.
  3. Posuňte zobrazenie nadol do kategórie Mobily a hry. Vyberte Mobilný vývoj s .NET. Zoznam toho, čo to zahŕňa, si môžete pozrieť na pravom paneli.
  4. Vpravo dole vyberte Nainštalujte počas sťahovaniaa kliknite na Upraviť. Počkajte na dokončenie procesu inštalácie.

Ako vytvoriť nový projekt Xamarin

Po nainštalovaní Mobile development with .NET otvorte Visual Studio a vytvorte nový projekt Xamarin.

  1. V hornej časti Visual Studio otvorte Súbor tab. Vznášať sa nad Novýa vyberte Projekt.
  2. Pomocou vyhľadávacieho panela vyhľadajte Xamarin. Okno sa vyplní zoznamom projektov Xamarin, ktoré môžete vytvoriť, vrátane projektov pre Xamarin Native alebo Xamarin Forms.
  3. Vyberte mobilnú aplikáciu (Xamarin Forms).
  4. Vyberte a Prázdne šablóna. Pod Plošina, vyberte platformy, pre ktoré chcete vytvoriť svoju mobilnú aplikáciu (môže ísť o Android aj iOS).

Základné komponenty aplikácie Xamarin

V predvolenom nastavení tvorí aplikáciu Xamarin viacero projektov. The Projekt Xamarin ukladá zdieľané prvky používateľského rozhrania alebo logiku. Obsahuje Hlavná stránka.xaml súbor, ktorý ukladá zdieľané prvky používateľského rozhrania, ktoré budú fungovať pre zariadenia so systémom iOS aj Android.

The Projekt Xamarin obsahuje aj priečinok Dependencies, v ktorom sú uložené niektoré balíčky NuGet. Tieto balíčky NuGet obsahujú požadované funkcie, aby projekt Xamarin fungoval.

Existujú aj dva ďalšie samostatné projekty, každý pre platformy Android a iOS. Ak používate mobilnú aplikáciu so systémom Android, aplikácia sa spustí od MainActivity.xaml súbor. Ak používate mobilnú aplikáciu so systémom iOS, aplikácia sa spustí od Main.cs súbor.

Ako pridať obsah do vašej aplikácie Xamarin

Pridajte nejaký obsah do svojej mobilnej aplikácie. Xamarin obsahuje celý rad vstavaných prvkov, ako sú štítky, tlačidlá alebo rámčeky, ktoré môžete použiť na vytvorenie svojho rozhrania.

Každý prvok má tiež atribúty, ako je farba, text alebo iný použiteľný štýl. Syntax je trochu podobná tomu, ako by ste vytvorili značky HTML. Napríklad:

<Text štítku = "Ahoj" />

V MainPage.xaml upravte kód pridaním niekoľkých základných prvkov používateľského rozhrania, ako je štítok a tlačidlo.

  1. Pridajte štítok do prvku StackLayout. Element StackLayout vám umožňuje usporiadať prvky v ňom v poradí, či už vertikálne alebo horizontálne.
    <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>
  2. Pod štítok a stále v rámci prvku StackLayout pridajte tlačidlo.
    <Text tlačidla = "Tlačidlo 1"
     x: Meno = "Tlačidlo 1"
     Kliknuté = "ClickButton"
     Farba pozadia = "#2196F3"
     TextColor = "WhiteSmoke"
     Požiadavka na výšku = "50" />
  3. Pridajte funkciu MainPage.xaml.cs, ktorý sa spustí po kliknutí na tlačidlo.
    asyncneplatné ClickButton (odosielateľ objektu, EventArgs e)
    {
     // Zmeniť a textz tlačidlo kedy to je klikol na
     Tlačidlo tlačidlo = (tlačidlo) odosielateľ;
     tlačidlo. Text = "Bolo kliknuté na tlačidlo!";
    }

Ako spustiť aplikáciu Xamarin pomocou emulátora Android

Aplikáciu Xamarin môžete spustiť pomocou emulátora, ktorý si môžete vybrať v hornej časti panela s nástrojmi vo Visual Studiu.

  1. V hornej časti Visual Studio kliknite na rozbaľovaciu ponuku. Tu si môžete vybrať platformu, ktorú chcete použiť. Vyberte Projekt Xamarin. Android.
  2. Kliknutím na zelené tlačidlo prehrávania vedľa rozbaľovacej ponuky spustíte mobilnú aplikáciu.
  3. Ak používate Windows a máte Hyper-V, môže sa zobraziť výzva na zapnutie Hyper V. V tomto prípade otvorte Zapnite alebo vypnite funkcie systému Windowsa vyberte Hyper-V.
  4. Po spustení emulátora môžete preskúmať funkcie, ktoré máte k dispozícii. To zahŕňa štandardné mobilné funkcie, ako je zapnutie alebo vypnutie telefónu. Môžete tiež pristupovať k informáciám o polohe a mobilnej sieti, virtuálnym senzorom a ďalším nastaveniam.
  5. Počkajte, kým sa dokončí budovanie projektu Visual Studio. Po dokončení sa mobilná obrazovka na emulátore zmení a zobrazí hlavnú stránku vašej mobilnej aplikácie.
  6. Ak chcete otestovať svoju aplikáciu pomocou systému iOS, zmeňte rozbaľovaciu ponuku tak, aby ste namiesto Androidu vybrali iOS a potom znova kliknite na zelené tlačidlo prehrávania.

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

Xamarin vám umožňuje vytvárať mobilné aplikácie na mnohých platformách, ako sú iOS, Android alebo Windows. Umožňuje vám používať prvky používateľského rozhrania, ktoré sú opätovne použiteľné, alebo prvky používateľského rozhrania, ktoré môžete zdieľať na mnohých platformách.

Keď vytvoríte nový projekt Xamarin, môžete pridať svoj obsah do dostupných súborov xaml a C#. Môžete si tiež vyskúšať, ako vyzerá vaša mobilná aplikácia otvorením pomocou emulátora.

Existuje mnoho kurzov a zdrojov, ktoré môžete preskúmať, aby ste zlepšili svoje znalosti o vytváraní mobilných aplikácií. To zahŕňa aj vývojové kurzy pre špecifické platformy, ako je vývoj pre Android alebo iOS.