Vytvoření první Xamarin.Forms aplikace

Podrobné pokyny pro Windows

Postupujte podle těchto kroků společně s videem výše:

1. Zvolte Nový > projekt soubor>... nebo stiskněte tlačítko Vytvořit nový projekt...

2. Vyhledejte "Xamarin" nebo zvolte Mobilní z nabídky Typ projektu. Vyberte typ projektu Mobilní aplikace (Xamarin.Forms).

3. Zvolte název projektu – v příkladu se používá "AwesomeApp".

4. Klikněte na typ prázdného projektu a ujistěte se, že jsou vybrané Android a iOS:

   

5. Počkejte, až se balíčky NuGet obnoví (na stavovém řádku se zobrazí zpráva o dokončení obnovení).

6. Nové instalace sady Visual Studio 2022 nebudou mít nainstalované sady Android SDK. Může se zobrazit výzva k instalaci nejnovější sady Android SDK:

   

7. Nové instalace sady Visual Studio 2022 nebudou mít nakonfigurovaný emulátor Androidu. Klikněte na šipku rozevíracího seznamu na tlačítku Ladit a zvolte Vytvořit Android Emulator a spusťte obrazovku pro vytvoření emulátoru:

   

8. Na obrazovce pro vytvoření emulátoru použijte výchozí nastavení a klikněte na tlačítko Vytvořit :

   

9. Vytvoření emulátoru se vrátí do okna Správce zařízení. Kliknutím na tlačítko Start spusťte nový emulátor:

   

10. Visual Studio 2022 by teď mělo zobrazovat název nového emulátoru na tlačítku Ladění :

    

11. Kliknutím na tlačítko Ladit sestavte a nasaďte aplikaci do emulátoru Androidu:

    

Přizpůsobení aplikace

Aplikaci je možné přizpůsobit a přidat tak interaktivní funkce. Pokud chcete do aplikace přidat interakci uživatele, proveďte následující kroky:

1. Upravte MainPage.xaml a přidejte tento KÓD XAML před konec :</StackLayout>

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Upravte MainPage.xaml.cs a přidejte tento kód na konec třídy:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Ladění aplikace v Androidu:

   

Vytvoření aplikace pro iOS v sadě Visual Studio 2022

Aplikaci pro iOS je možné sestavit a ladit ze sady Visual Studio se síťovým počítačem Mac. Další informace najdete v pokynech k nastavení.

Podrobné pokyny pro Windows

Postupujte podle těchto kroků společně s videem výše:

1. Zvolte Nový > projekt soubor>... nebo stiskněte tlačítko Vytvořit nový projekt...

   

2. Vyhledejte "Xamarin" nebo zvolte Mobilní z nabídky Typ projektu. Vyberte typ projektu Mobilní aplikace :Xamarin.Forms

   

3. Zvolte název projektu – v příkladu se používá "AwesomeApp":

   

4. Klikněte na typ prázdného projektu a ujistěte se, že jsou vybrané Android a iOS:

   

5. Počkejte, až se balíčky NuGet obnoví (na stavovém řádku se zobrazí zpráva o dokončení obnovení).

6. Nové instalace sady Visual Studio 2019 nebudou mít nakonfigurovaný emulátor Androidu. Klikněte na šipku rozevíracího seznamu na tlačítku Ladit a zvolte Vytvořit Android Emulator a spusťte obrazovku pro vytvoření emulátoru:

   

7. Na obrazovce pro vytvoření emulátoru použijte výchozí nastavení a klikněte na tlačítko Vytvořit :

   

8. Vytvoření emulátoru se vrátí do okna Správce zařízení. Kliknutím na tlačítko Start spusťte nový emulátor:

   

9. Visual Studio 2019 by teď mělo zobrazovat název nového emulátoru na tlačítku Ladění :

   

10. Kliknutím na tlačítko Ladit sestavte a nasaďte aplikaci do emulátoru Androidu:

    

Přizpůsobení aplikace

Aplikaci je možné přizpůsobit a přidat tak interaktivní funkce. Pokud chcete do aplikace přidat interakci uživatele, proveďte následující kroky:

1. Upravte MainPage.xaml a přidejte tento KÓD XAML před konec :</StackLayout>

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Upravte MainPage.xaml.cs a přidejte tento kód na konec třídy:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Ladění aplikace v Androidu:

   

Poznámka:

Ukázková aplikace obsahuje další interaktivní funkce, které nejsou popsané ve videu.

Vytvoření aplikace pro iOS v sadě Visual Studio 2019

Aplikaci pro iOS je možné sestavit a ladit ze sady Visual Studio se síťovým počítačem Mac. Další informace najdete v pokynech k nastavení.

Toto video popisuje proces sestavování a testování aplikace pro iOS pomocí sady Visual Studio 2019 ve Windows:

Podrobné pokyny pro Mac

Postupujte podle těchto kroků společně s videem výše:

1. Zvolte Nové řešení souboru > ... nebo stiskněte tlačítko Nový projekt... a pak vyberte Víceplatformní > aplikace > Prázdné formuláře aplikace:

   

2. Ujistěte se, že jsou vybrané Android a iOS :

   

Poznámka:

Pro název aplikace a identifikátor organizace jsou podporované jenom znaky A-Z, a-z, _, .a čísla.

3. Obnovte balíčky NuGet kliknutím pravým tlačítkem na řešení:

   

4. Spusťte emulátor Androidu stisknutím tlačítka ladění (nebo spusťte spuštění > ladění).

5. Upravte MainPage.xaml a přidejte tento KÓD XAML před konec :</StackLayout>

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Upravte MainPage.xaml.cs a přidejte tento kód na konec třídy:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Ladění aplikace v Androidu:

   

8. Po kliknutí pravým tlačítkem myši nastavíte iOS na spouštěný projekt:

   

9. Aplikaci v iOSu můžete ladit výběrem simulátoru iOSu z rozevíracího seznamu.

Podrobné pokyny pro Mac

Postupujte podle těchto kroků společně s videem výše:

1. Zvolte Nové řešení souboru > ... nebo stiskněte tlačítko Nový projekt... a pak vyberte Víceplatformní > aplikace > Prázdné formuláře aplikace:

   

2. Ujistěte se, že jsou vybrané Android a iOS, a to se sdílením kódu .NET Standard:

   

Poznámka:

Pro název aplikace a identifikátor organizace jsou podporované jenom znaky A-Z, a-z, _, .a čísla.

3. Obnovte balíčky NuGet kliknutím pravým tlačítkem na řešení:

   

4. Spusťte emulátor Androidu stisknutím tlačítka ladění (nebo spusťte spuštění > ladění).

5. Upravte MainPage.xaml a přidejte tento KÓD XAML před konec :</StackLayout>

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Upravte MainPage.xaml.cs a přidejte tento kód na konec třídy:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Ladění aplikace v Androidu:

   

8. Po kliknutí pravým tlačítkem myši nastavíte iOS na spouštěný projekt:

   

9. Ladění aplikace v iOSu:

   

Dokončený kód můžete zobrazit na GitHubu.

Další kroky

• Rychlý start s jednou stránkou – Vytvoření více funkční aplikace
• Xamarin.Forms Ukázky – Stažení a spuštění příkladů kódu a ukázkových aplikací
• Vytváření ebooků Mobile Apps – podrobné kapitoly, které učí Xamarin.Forms vývoj, jsou k dispozici ve formátu PDF a zahrnují stovky dalších ukázek.