Sestavení první Xamarin.Forms aplikace

Podívejte se na toto video a postupujte podle pokynů a vytvořte svou první mobilní aplikaci pomocí Xamarin.Forms.

Podrobné pokyny pro Windows

Download Sample Stažení ukázky

Postupujte podle těchto kroků spolu s videem výše:

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

    Create a new project

  2. Vyhledejte "Xamarin" nebo zvolte Mobilní z nabídky Project typu. Vyberte typ projektu mobilní aplikaceXamarin.Forms:

    Filter for Xamarin projects

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

    Choose a project name

  4. Klikněte na prázdný typ projektu a ujistěte se, že jsou vybrány Android a iOS:

    Android and iOS, with .NET Standard

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

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

    Create Android Emulator dropdown

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

    Android emulator creation screen

  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:

    Android emulator in the Device Manager

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

    Android emulator name on the Debug button

  10. Kliknutím na tlačítko Ladění sestavíte a nasadíte aplikaci do emulátoru Android:

    Android emulator displaying the application

Přizpůsobení aplikace

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

  1. Upravte soubor MainPage.xaml a přidejte tento XAML před konec souboru </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 na Android:

    Android app

Poznámka

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

Vytvoření aplikace iOS v Visual Studio 2019

Je možné sestavit a ladit aplikaci iOS z Visual Studio pomocí síťového počítače Mac. Další informace najdete v pokynech k nastavení .

Toto video popisuje proces vytváření a testování aplikace iOS pomocí Visual Studio 2019 na Windows:

Podrobné pokyny pro Windows

Download Sample Stažení ukázky

Postupujte podle těchto kroků spolu s videem výše:

  1. Zvolte Možnost Nový > soubor > Project... nebo stiskněte tlačítko Vytvořit nový projekt... a pak vyberte Mobilní aplikace Visual C# >> (Xamarin.Forms):

    Mobile App (Xamarin.Forms)

  2. Ujistěte se, že jsou vybrány Android a iOS se sdílením kódu .NET Standard:

    Android and iOS, with .NET Standard

  3. Počkejte, až se obnoví balíčky NuGet (na stavovém řádku se zobrazí zpráva Obnovit dokončeno).

  4. Spusťte emulátor Android stisknutím tlačítka ladění (nebo položky nabídky Spustit ladění ladění>).

  5. Upravte soubor MainPage.xaml a přidejte tento XAML před konec souboru </StackLayout>:

    <Button Text="Click Me" Clicked="Button_Clicked" />
    
  6. 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.";
    }
    
  7. Ladění aplikace na Android:

    Screenshot shows the Android Emulator.

    Tip

    Aplikaci iOS je možné sestavit a ladit z Visual Studio pomocí síťového počítače Mac. Další informace najdete v pokynech k nastavení .

Podrobné pokyny pro Mac

Download Sample Stažení ukázky

Postupujte podle těchto kroků spolu s videem výše:

  1. Zvolte Nové řešení souboru>... nebo stiskněte tlačítko Nový Project... a pak vyberte Multiplatform > App > Blank Forms App:

    Blank Forms App

  2. Ujistěte se, že jsou vybrány Android a iOS se sdílením kódu .NET Standard:

    Android and iOS, with .NET Standard

Poznámka

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

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

    Screenshot shows Restore NuGet Packages selected from the context menu for the solution.

  2. Spusťte emulátor Android stisknutím tlačítka ladění (nebo spusťte > ladění).

  3. Upravte soubor MainPage.xaml a přidejte tento XAML před konec souboru </StackLayout>:

    <Button Text="Click Me" Clicked="Handle_Clicked" />
    
  4. 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.";
    }
    
  5. Ladění aplikace na Android:

    Screenshot shows the Android Emulator.

  6. Kliknutím pravým tlačítkem myši nastavíte iOS na Project spuštění:

    Set the startup project to iOS

  7. Ladění aplikace na iOS:

    iOS app

Dokončený kód si můžete stáhnout z galerie ukázek nebo ho zobrazit na GitHub.

Další kroky