Rychlý start Xamarin.Forms k vytvoření aplikace

Spusťte Visual Studio 2019 a v úvodním okně klikněte na Create a new project (Vytvořit nový projekt) a vytvořte nový projekt:

V okně Create a new project (Vytvořit nový projekt) vyberte v rozevíracím seznamu Project type (Typ projektu) možnost Mobile App (Mobilní aplikace) a klikněte na tlačítko Next (Další):

V okně Konfigurovat nový projekt nastavte název Projectna Poznámky,zvolte vhodné umístění projektu a klikněte na tlačítko Vytvořit:

V dialogovém okně Nová mobilní aplikace vyberte šablonu s kartami a klikněte na tlačítko Vytvořit:

Po vytvoření projektu zavřete soubor GettingStarted.txt souboru.

Další informace o knihovně .NET Standard, která se vytvoří, najdete v Anatomy of a Xamarin.Forms Shell application tématu Xamarin.Forms Shell Quickstart Deep Dive .

V Průzkumník řešenív projektu Poznámky odstraňte následující složky (a jejich obsah):

• Modely
• Služby
• Modely ViewModel
• Zobrazení

V Průzkumník řešenív projektu Poznámky odstraňte GettingStarted.txt.

V Průzkumník řešenív projektu Poznámky přidejte novou složku s názvem Views.

V Průzkumník řešenív projektu Poznámky vyberte složku Zobrazení, klikněte pravým tlačítkem a vyberte Přidat novou položku.... V dialogovém okně Přidat novou položku vyberte Visual C# Items Content Page, pojmete nový soubor NotesPagea klikněte na tlačítko Přidat:

Tím se do složky Views přidá nová stránka s názvem NotesPage. Tato stránka bude hlavní stránkou v aplikaci.

V Průzkumník řešenív projektu Poznámky poklikejte na soubor NotesPage.xaml a otevřete ho:

V souboru NotesPage.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.Views.NotesPage"
             Title="Notes">
    <!-- Layout children vertically -->
    <StackLayout Margin="20">
        <Editor x:Name="editor"
                Placeholder="Enter your note"
                HeightRequest="100" />
        <!-- Layout children in two columns -->
        <Grid ColumnDefinitions="*,*">
            <Button Text="Save"
                    Clicked="OnSaveButtonClicked" />
            <Button Grid.Column="1"
                    Text="Delete"
                    Clicked="OnDeleteButtonClicked"/>
        </Grid>
    </StackLayout>
</ContentPage>

Tento kód deklarativně definuje uživatelské rozhraní pro stránku, která se skládá z objektu pro textový vstup, a dvou objektů, které aplikaci směrují k uložení nebo EditorButton odstranění souboru. Oba Button objekty jsou vodorovně rozloženy v objektu , kde objekt a GridEditor je Grid svisle rozložen v StackLayout objektu . Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Stisknutím kombinace kláves CTRL+Suložte změny souboru NotesPage.xaml.

V Průzkumník řešenív projektu Poznámky poklikejte na soubor NotesPage.xaml.cs a otevřete ho:

V souboru NotesPage.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using System;
using System.IO;
using Xamarin.Forms;

namespace Notes.Views
{
    public partial class NotesPage : ContentPage
    {
        string _fileName = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData), "notes.txt");

        public NotesPage()
        {
            InitializeComponent();

            // Read the file.
            if (File.Exists(_fileName))
            {
                editor.Text = File.ReadAllText(_fileName);
            }
        }

        void OnSaveButtonClicked(object sender, EventArgs e)
        {
            // Save the file.
            File.WriteAllText(_fileName, editor.Text);
        }

        void OnDeleteButtonClicked(object sender, EventArgs e)
        {
            // Delete the file.
            if (File.Exists(_fileName))
            {
                File.Delete(_fileName);
            }
            editor.Text = string.Empty;
        }
    }
}

Tento kód definuje pole, které odkazuje na soubor s názvem , který bude ukládat data poznámek do místní složky _fileNamenotes.txt dat aplikace pro aplikaci. Při spuštění konstruktoru stránky se soubor přečte, pokud existuje, a zobrazí se v Editor objektu . Při stisknutí save se spustí OnSaveButtonClicked obslužná rutina události, která uloží obsah do Editor souboru . Při stisknutí delete se spustí obslužná rutina události, která odstraní soubor za předpokladu, že existuje, a odebere OnDeleteButtonClicked z Editor . Další informace o interakci uživatele najdete v tématu Reakce na interakci uživatele v .

Stisknutím kombinace kláves CTRL+Suložte změny souboru NotesPage.xaml.cs.

V Průzkumník řešenív projektu Poznámky vyberte složku Zobrazení, klikněte pravým tlačítkem a vyberte Přidat novou položku.... V dialogovém okně Přidat novou položku vyberte Visual C# Items Content Page, pojmete nový soubor AboutPagea klikněte na tlačítko Přidat:

Tím se do složky Views přidá nová stránka s názvem AboutPage.

V Průzkumník řešenív projektu Poznámky poklikejte na AboutPage.xaml a otevřete ho:

V souboru AboutPage.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.Views.AboutPage"
             Title="About">
    <!-- Layout children in two rows -->
    <Grid RowDefinitions="Auto,*">
        <Image Source="xamarin_logo.png"
               BackgroundColor="{OnPlatform iOS=LightSlateGray, Android=#2196F3}"
               VerticalOptions="Center"
               HeightRequest="64" />
        <!-- Layout children vertically -->
        <StackLayout Grid.Row="1"
                     Margin="20"
                     Spacing="20">
            <Label FontSize="22">
                <Label.FormattedText>
                    <FormattedString>
                        <FormattedString.Spans>
                            <Span Text="Notes"
                                  FontAttributes="Bold"
                                  FontSize="22" />
                            <Span Text=" v1.0" />
                        </FormattedString.Spans>
                    </FormattedString>
                </Label.FormattedText>
            </Label>
            <Label Text="This app is written in XAML and C# with the Xamarin Platform." />
            <Button Text="Learn more"
                    Clicked="OnButtonClicked" />
        </StackLayout>
    </Grid>
</ContentPage>

Tento kód deklarativně definuje uživatelské rozhraní pro stránku, která se skládá ze dvou objektů, které zobrazují ImageLabel text, a Button . Dva objekty a jsou svisle rozloženy v objektu , kde objekt a je LabelButtonStackLayoutImageStackLayout svisle rozložen v Grid objektu . Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Stisknutím kombinace kláves CTRL+Suložte změny souboru AboutPage.xaml.

V Průzkumník řešenív projektu Poznámky poklikejte na AboutPage.xaml.cs a otevřete ho:

V souboru AboutPage.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using System;
using Xamarin.Essentials;
using Xamarin.Forms;

namespace Notes.Views
{
    public partial class AboutPage : ContentPage
    {
        public AboutPage()
        {
            InitializeComponent();
        }

        async void OnButtonClicked(object sender, EventArgs e)
        {
            // Launch the specified URL in the system browser.
            await Launcher.OpenAsync("https://aka.ms/xamarin-quickstart");
        }
    }
}

Tento kód definuje obslužnou OnButtonClicked rutinu události, která se spustí při stisknutí OnButtonClickedButton informace. Při stisknutí tlačítka se spustí webový prohlížeč a zobrazí se stránka reprezentovaná argumentem URI OpenAsync metody . Další informace o interakci uživatele najdete v tématu Reakce na interakci uživatele v .

Stisknutím kombinace kláves CTRL+Suložte změny souboru AboutPage.xaml.cs.

V Průzkumník řešenív projektu Poznámky poklikejte na soubor AppShell.xaml a otevřete ho:

V souboru AppShell.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:views="clr-namespace:Notes.Views"
       x:Class="Notes.AppShell">
    <!-- Display a bottom tab bar containing two tabs -->   
    <TabBar>
        <ShellContent Title="Notes"
                      Icon="icon_feed.png"
                      ContentTemplate="{DataTemplate views:NotesPage}" />
        <ShellContent Title="About"
                      Icon="icon_about.png"
                      ContentTemplate="{DataTemplate views:AboutPage}" />
    </TabBar>
</Shell>

Tento kód deklarativně definuje vizuální hierarchii aplikace, která se skládá ze TabBar dvou ShellContent objektů. Tyto objekty nepředstavují žádné prvky uživatelského rozhraní, ale spíše uspořádání vizuální hierarchie aplikace. Prostředí vezme tyto objekty a vytvoří uživatelské rozhraní pro obsah. Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Stisknutím kombinace kláves CTRL+Suložte změny souboru AppShell.xaml.

V Průzkumník řešení v projektu Poznámky rozbalte uzel AppShell.xamlapoklikejte na soubor AppShell.xaml.cs a otevřete ho:

V souboru AppShell.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using Xamarin.Forms;

namespace Notes
{
    public partial class AppShell : Shell
    {
        public AppShell()
        {
            InitializeComponent();
        }
    }
}

Stisknutím kláves CTRL+Suložte změny souboru AppShell.xaml.cs.

V Průzkumník řešenív projektu Poznámky poklikejte na soubor App.xaml a otevřete ho:

V souboru App.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="utf-8" ?>
<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.App">

</Application>

Tento kód deklarativně definuje App třídu, která zodpovídá za vytvoření instance aplikace.

Stisknutím kombinace kláves CTRL+Suložte změny souboru App.xaml.

V Průzkumník řešení v projektu Poznámky rozbalte uzel App.xamlapoklikejte na soubor App.xaml.cs a otevřete ho:

V souboru App.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using Xamarin.Forms;

namespace Notes
{
    public partial class App : Application
    {

        public App()
        {
            InitializeComponent();
            MainPage = new AppShell();
        }

        protected override void OnStart()
        {
        }

        protected override void OnSleep()
        {
        }

        protected override void OnResume()
        {
        }
    }
}

Tento kód definuje kód na pozadí pro třídu , která je zodpovědná za App vytvoření instance aplikace. Inicializuje vlastnost Xamarin_Forms _Application_MainPage" data-linktype="absolute-path">na objekt MainPageShell podtřídy.

Stisknutím kláves CTRL+Suložte změny souboru App.xaml.cs.

V Visual Studio vyberte položku nabídky Sestavit řešení sestavení (nebo stiskněte klávesu F6). Řešení se sestaví a ve stavovém řádku se zobrazí Visual Studio zpráva o úspěchu:

Pokud dojde k chybám, opakujte předchozí kroky a opravte všechny chyby, dokud se projekty úspěšně nevytvářely.

Na Visual Studio panelu nástrojů spusťte aplikaci ve zvoleném emulátoru Androidu stisknutím tlačítka Start (trojúhelníkové tlačítko, které se podobá tlačítku Přehrát):

Zadejte poznámku a stiskněte tlačítko Uložit. Pak aplikaci zavřete a znovu spusťte, abyste zajistili, že se zadaná poznámka znovu načte.

Stisknutím ikony karty About (O nás) přejděte na :

Stisknutím tlačítka Další informace spusťte webovou stránku rychlých startů.

Další informace o tom, jak se aplikace spouští na jednotlivých platformách, najdete v tématu Spuštění aplikace na jednotlivých platformách v .

Na panelu Visual Studio klikněte pravým tlačítkem na projekt Notes.iOS a vyberte Nastavit jako po spuštění Project.

Na Visual Studio panelu nástrojů spusťte aplikaci ve zvoleném vzdáleném simulátoru iOSu stisknutím tlačítka Start (trojúhelníkové tlačítko, které se podobá tlačítku Přehrát):

Zadejte poznámku a stiskněte tlačítko Uložit. Pak aplikaci zavřete a znovu spusťte, abyste zajistili, že se zadaná poznámka znovu načte.

Stisknutím ikony karty About (O nás) přejděte na :

Stisknutím tlačítka Další informace spusťte webovou stránku rychlých startů.

Další informace o tom, jak se aplikace spouští na jednotlivých platformách, najdete v tématu Spuštění aplikace na jednotlivých platformách v .

Spusťte Visual Studio pro Mac a v úvodním okně kliknutím na Nový vytvořte nový projekt:

V dialogovém okně Zvolit šablonu pro nový projekt klikněte na Multiplatformní aplikace, vyberte šablonu Formulářová aplikace Shell a klikněte na tlačítko Další:

V dialogovém okně Configure your Shell Forms app (Konfigurace formulářových formulářů prostředí) pojmete novou aplikaci Notes(Poznámky) a klikněte na tlačítko Next (Další):

V dialogovém okně Configure your new Shell Forms app (Konfigurovat nové formuláře prostředí) ponechte názvy Solution (Řešení) a Project (Poznámky), zvolte vhodné umístění projektu a kliknutím na tlačítko Create (Vytvořit) vytvořte projekt:

Další informace o knihovně .NET Standard, která se vytvoří, najdete v Anatomy of a Xamarin.Forms Shell application tématu Xamarin.Forms Shell Quickstart Deep Dive .

V Oblast řešenív projektu Poznámky odstraňte následující složky (a jejich obsah):

• Modely
• Služby
• Modely ViewModel
• Zobrazení

V Oblast řešenív projektu Poznámky odstraňte GettingStarted.txt.

V Oblast řešenív projektu Poznámky přidejte novou složku s názvem Views.

V Oblast řešenív projektu Poznámky vyberte složku Zobrazení, klikněte pravým tlačítkem a vyberte Přidat nový soubor.... V dialogovém okně Nový soubor vyberte Forms Forms ContentPage XAML,pojmete nový soubor NotesPagea klikněte na tlačítko Nový:

Tím se do složky Views přidá nová stránka s názvem NotesPage. Tato stránka bude hlavní stránkou v aplikaci.

V Oblast řešenív projektu Poznámky poklikejte na soubor NotesPage.xaml a otevřete ho:

V souboru NotesPage.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.Views.NotesPage"
             Title="Notes">
    <!-- Layout children vertically -->
    <StackLayout Margin="20">
        <Editor x:Name="editor"
                Placeholder="Enter your note"
                HeightRequest="100" />
        <!-- Layout children in two columns -->
        <Grid ColumnDefinitions="*,*">
            <Button Text="Save"
                    Clicked="OnSaveButtonClicked" />
            <Button Grid.Column="1"
                    Text="Delete"
                    Clicked="OnDeleteButtonClicked"/>
        </Grid>
    </StackLayout>
</ContentPage>

Tento kód deklarativně definuje uživatelské rozhraní pro stránku, která se skládá z objektu pro textový vstup, a dvou objektů, které aplikaci směrují k uložení nebo EditorButton odstranění souboru. Oba Button objekty jsou vodorovně rozloženy v objektu , kde objekt a GridEditor je Grid svisle rozložen v StackLayout objektu . Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Uložte změny souboru NotesPage.xaml tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenív projektu Poznámky poklikejte na soubor NotesPage.xaml.cs a otevřete ho:

V souboru NotesPage.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using System;
using System.IO;
using Xamarin.Forms;

namespace Notes.Views
{
    public partial class NotesPage : ContentPage
    {
        string _fileName = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData), "notes.txt");

        public NotesPage()
        {
            InitializeComponent();

            // Read the file.
            if (File.Exists(_fileName))
            {
                editor.Text = File.ReadAllText(_fileName);
            }
        }

        void OnSaveButtonClicked(object sender, EventArgs e)
        {
            // Save the file.
            File.WriteAllText(_fileName, editor.Text);
        }

        void OnDeleteButtonClicked(object sender, EventArgs e)
        {
            // Delete the file.
            if (File.Exists(_fileName))
            {
                File.Delete(_fileName);
            }
            editor.Text = string.Empty;
        }
    }
}

Tento kód definuje pole, které odkazuje na soubor s názvem , který bude ukládat data poznámek do místní složky _fileNamenotes.txt dat aplikace pro aplikaci. Při spuštění konstruktoru stránky se soubor přečte, pokud existuje, a zobrazí se v Editor objektu . Při stisknutí save se spustí OnSaveButtonClicked obslužná rutina události, která uloží obsah do Editor souboru . Při stisknutí delete se spustí obslužná rutina události, která odstraní soubor za předpokladu, že existuje, a odebere OnDeleteButtonClicked z Editor . Další informace o interakci uživatele najdete v tématu Reakce na interakci uživatele v .

Uložte změny souboru NotesPage.xaml.cs tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenív projektu Poznámky vyberte složku Zobrazení, klikněte pravým tlačítkem a vyberte Přidat nový soubor.... V dialogovém okně Nový soubor vyberte Forms Forms ContentPage XAML,pojmete nový soubor AboutPagea klikněte na tlačítko Nový:

V Oblast řešenív projektu Poznámky poklikejte na AboutPage.xaml a otevřete ho:

Tím se do složky Views přidá nová stránka s názvem AboutPage.

V souboru AboutPage.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.Views.AboutPage"
             Title="About">
    <!-- Layout children in two rows -->
    <Grid RowDefinitions="Auto,*">
        <Image Source="xamarin_logo.png"
               BackgroundColor="{OnPlatform iOS=LightSlateGray, Android=#2196F3}"
               VerticalOptions="Center"
               HeightRequest="64" />
        <!-- Layout children vertically -->
        <StackLayout Grid.Row="1"
                     Margin="20"
                     Spacing="20">
            <Label FontSize="22">
                <Label.FormattedText>
                    <FormattedString>
                        <FormattedString.Spans>
                            <Span Text="Notes"
                                  FontAttributes="Bold"
                                  FontSize="22" />
                            <Span Text=" v1.0" />
                        </FormattedString.Spans>
                    </FormattedString>
                </Label.FormattedText>
            </Label>
            <Label Text="This app is written in XAML and C# with the Xamarin Platform." />
            <Button Text="Learn more"
                    Clicked="OnButtonClicked" />
        </StackLayout>
    </Grid>
</ContentPage>

Tento kód deklarativně definuje uživatelské rozhraní pro stránku, která se skládá ze dvou objektů, které zobrazují ImageLabel text, a Button . Dva objekty a jsou svisle rozloženy v objektu , kde objekt a je LabelButtonStackLayoutImageStackLayout svisle rozložen v Grid objektu . Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Uložte změny souboru AboutPage.xaml tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenív projektu Poznámky poklikejte na AboutPage.xaml.cs a otevřete ho:

V souboru AboutPage.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using System;
using Xamarin.Essentials;
using Xamarin.Forms;

namespace Notes.Views
{
    public partial class AboutPage : ContentPage
    {
        public AboutPage()
        {
            InitializeComponent();
        }

        async void OnButtonClicked(object sender, EventArgs e)
        {
            // Launch the specified URL in the system browser.
            await Launcher.OpenAsync("https://aka.ms/xamarin-quickstart");
        }
    }
}

Tento kód definuje obslužnou OnButtonClicked rutinu události, která se spustí při stisknutí OnButtonClickedButton informace. Při stisknutí tlačítka se spustí webový prohlížeč a zobrazí se stránka reprezentovaná argumentem URI OpenAsync metody . Další informace o interakci uživatele najdete v tématu Reakce na interakci uživatele v .

Uložte změny souboru AboutPage.xaml.cs tak, že zvolíte Uložit soubor (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenív projektu Poznámky poklikejte na soubor AppShell.xaml a otevřete ho:

V souboru AppShell.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:views="clr-namespace:Notes.Views"
       x:Class="Notes.AppShell">
    <!-- Display a bottom tab bar containing two tabs -->
    <TabBar>
        <ShellContent Title="Notes"
                      Icon="icon_feed.png"
                      ContentTemplate="{DataTemplate views:NotesPage}" />
        <ShellContent Title="About"
                      Icon="icon_about.png"
                      ContentTemplate="{DataTemplate views:AboutPage}" />
    </TabBar>
</Shell>

Tento kód deklarativně definuje vizuální hierarchii aplikace, která se skládá ze TabBar dvou ShellContent objektů. Tyto objekty nepředstavují žádné prvky uživatelského rozhraní, ale spíše uspořádání vizuální hierarchie aplikace. Prostředí vezme tyto objekty a vytvoří uživatelské rozhraní pro obsah. Další informace o vytváření uživatelského rozhraní najdete v tématu Uživatelské rozhraní v tématu .

Uložte změny souboru AppShell.xaml tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V části Oblast řešenív projektu Poznámky rozbalte uzel AppShell.xamla poklikejte na soubor AppShell.xaml.cs a otevřete ho:

V souboru AppShell.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using Xamarin.Forms;

namespace Notes
{
    public partial class AppShell : Shell
    {
        public AppShell()
        {
            InitializeComponent();
        }
    }
}

Uložte změny souboru AppShell.xaml.cs tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenív projektu Poznámky poklikejte na soubor App.xaml a otevřete ho:

V souboru App.xamlodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

<?xml version="1.0" encoding="utf-8" ?>
<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.App">

</Application>

Tento kód deklarativně definuje App třídu, která zodpovídá za vytvoření instance aplikace.

Uložte změny souboru App.xaml tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Oblast řešenírozbalte v projektu Poznámky uzel App.xamla poklikejte na soubor App.xaml.cs a otevřete ho:

V souboru App.xaml.csodeberte veškerý kód šablony a nahraďte ho následujícím kódem:

using Xamarin.Forms;

namespace Notes
{
    public partial class App : Application
    {

        public App()
        {
            InitializeComponent();
            MainPage = new AppShell();
        }

        protected override void OnStart()
        {
        }

        protected override void OnSleep()
        {
        }

        protected override void OnResume()
        {
        }
    }
}

Tento kód definuje kód na pozadí pro třídu , která je zodpovědná za App vytvoření instance aplikace. Inicializuje vlastnost Xamarin_Forms _Application_MainPage" data-linktype="absolute-path">na objekt MainPageShell podtřídy.

Uložte změny souboru App.xaml.cs tak, že zvolíte File Save (Uložit soubor) (nebo stisknutím klávesové zkratky ⌘ + S).

V Visual Studio pro Mac vyberte položku nabídky Build Build All (Sestavit vše) (nebo stiskněte ⌘ + B). Projekty se sestaví a na panelu nástrojů Visual Studio pro Mac zpráva o úspěchu:

Pokud dojde k chybám, opakujte předchozí kroky a opravte všechny chyby, dokud se projekty úspěšně nevytvářely.

V Oblast řešenívyberte projekt Notes.iOS, klikněte pravým tlačítkem a vyberte Nastavit jako spouštěcí Project:

Na panelu Visual Studio pro Mac panelu nástrojů stiskněte tlačítko Spustit (trojúhelníkové tlačítko, které se podobá tlačítku Přehrát), aby se aplikace spouštěla ve zvoleném simulátoru iOSu:

Zadejte poznámku a stiskněte tlačítko Uložit. Pak aplikaci zavřete a znovu spusťte, abyste zajistili, že se zadaná poznámka znovu načte.

Stisknutím ikony karty About (O nás) přejděte na :

Stisknutím tlačítka Další informace spusťte webovou stránku rychlých startů.

Další informace o tom, jak se aplikace spouští na jednotlivých platformách, najdete v tématu Spuštění aplikace na jednotlivých platformách v .

V Oblast řešenívyberte projekt Notes.Droid, klikněte pravým tlačítkem a vyberte Nastavit jako spouštěcí Project:

Na Visual Studio pro Mac panelu nástrojů spusťte aplikaci ve zvoleném emulátoru Androidu stisknutím tlačítka Start (trojúhelníkové tlačítko, které se podobá tlačítku Přehrát):

Zadejte poznámku a stiskněte tlačítko Uložit. Pak aplikaci zavřete a znovu spusťte, abyste zajistili, že se zadaná poznámka znovu načte.

Stisknutím ikony karty About (O nás) přejděte na :

Stisknutím tlačítka Další informace spusťte webovou stránku rychlých startů.

Další informace o tom, jak se aplikace spouští na jednotlivých platformách, najdete v tématu Spuštění aplikace na jednotlivých platformách v .