Создание первого приложения Xamarin.Forms

  • Статья

Пошаговые инструкции для Windows

Download Sample Скачайте пример

Выполните следующие действия, как показано в видео.

  1. Нажмите кнопку "Создать>> проект" или нажмите кнопку "Создать проект".

  2. Выполните поиск по слову "Xamarin" или выберите Мобильный в меню Тип проекта. Выберите тип проекта мобильного приложения (Xamarin.Forms).

  3. Выберите имя проекта— в примере используется "AwesomeApp".

  4. Щелкните тип проекта Пустой и убедитесь, что выбраны параметры Android и iOS:

    Android and iOS Blank App

  5. Подождите, пока восстанавливаются пакеты NuGet (в строке состояния появится сообщение "Восстановление завершено").

  6. Новые установки Visual Studio 2022 не будут устанавливать пакеты SDK для Android, возможно, вам будет предложено установить последний пакет SDK для Android:

    Install Android SDK

  7. Новые установки Visual Studio 2022 не будут настроены эмулятором Android. Щелкните стрелку раскрывающегося списка на кнопке Отладка и выберите Создать Android Emulator, чтобы открыть экран создания эмулятора:

    Create Android Emulator dropdown

  8. На экране создания эмулятора используйте параметры по умолчанию и нажмите кнопку Создать:

    Android emulator creation screen

  9. После создания снова открывается окно диспетчера устройств. Нажмите кнопку Запустить, чтобы запустить новый эмулятор:

    Android emulator in the Device Manager

  10. Visual Studio 2022 теперь должен отобразить имя нового эмулятора на кнопке отладки :

    Android emulator name on the Debug button

  11. Нажмите кнопку Отладка, чтобы создать и развернуть приложение в эмуляторе Android:

    Android emulator displaying the application

Настройка приложения

Приложение можно настроить для добавления интерактивных функций. Чтобы добавить взаимодействие с пользователем в приложение, выполните следующие действия:

  1. Измените MainPage.xaml, добавив этот XAML до конца </StackLayout>:

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

  2. Измените MainPage.xaml, добавив этот код до конца класса:

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

  3. Отладка приложения на Android:

    Android app with Button

Создание приложения iOS в Visual Studio 2022

Можно создавать и отлаживать приложения iOS из Visual Studio с помощью компьютера Mac, подключенного к сети. Дополнительные сведения см. в инструкциях по установке.

Пошаговые инструкции для Windows

Download Sample Скачайте пример

Выполните следующие действия, как показано в видео.

  1. Выберите Файл > Создать > Проект... или нажмите кнопку Создать проект...:

    Create a new project

  2. Выполните поиск по слову "Xamarin" или выберите Мобильный в меню Тип проекта. Выберите тип проекта Мобильное приложение (Xamarin.Forms):

    Filter for Xamarin projects

  3. Выберите имя проекта — в примере используется "AwesomeApp":

    Choose a project name

  4. Щелкните тип проекта Пустой и убедитесь, что выбраны параметры Android и iOS:

    Android and iOS, with .NET Standard

  5. Подождите, пока восстанавливаются пакеты NuGet (в строке состояния появится сообщение "Восстановление завершено").

  6. Новые установки Visual Studio 2019 не содержат настроенный эмулятор Android. Щелкните стрелку раскрывающегося списка на кнопке Отладка и выберите Создать Android Emulator, чтобы открыть экран создания эмулятора:

    Create Android Emulator dropdown

  7. На экране создания эмулятора используйте параметры по умолчанию и нажмите кнопку Создать:

    Android emulator creation screen

  8. После создания снова открывается окно диспетчера устройств. Нажмите кнопку Запустить, чтобы запустить новый эмулятор:

    Android emulator in the Device Manager

  9. Теперь система Visual Studio 2019 должна выводить имя нового эмулятора на кнопке Отладка:

    Android emulator name on the Debug button

  10. Нажмите кнопку Отладка, чтобы создать и развернуть приложение в эмуляторе Android:

    Android emulator displaying the application

Настройка приложения

Приложение можно настроить для добавления интерактивных функций. Чтобы добавить взаимодействие с пользователем в приложение, выполните следующие действия:

  1. Измените MainPage.xaml, добавив этот XAML до конца </StackLayout>:

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

  2. Измените MainPage.xaml, добавив этот код до конца класса:

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

  3. Отладка приложения на Android:

    Android app

Примечание.

Пример приложения включает дополнительные интерактивные функции, которые не рассматриваются в этом видео.

Создание приложения iOS в Visual Studio 2019

Можно создавать и отлаживать приложения iOS из Visual Studio с помощью компьютера Mac, подключенного к сети. Дополнительные сведения см. в инструкциях по установке.

В этом видео рассматривается процесс сборки и тестирования приложения iOS с помощью Visual Studio 2019 в Windows:

Пошаговые инструкции для Mac

Download Sample Скачайте пример

Выполните следующие действия, как показано в видео.

  1. Выберите Файл > Создать решение... или нажмите кнопку Создать проект... и выберите Многоплатформенные > Приложение > Приложение с пустыми формами:

    Blank Forms App

  2. Убедитесь, что выбраны Android и iOS :

    Android and iOS, with .NET Standard

Примечание.

Для имени приложения и идентификатора организации поддерживаются только символы A-Z, a-z, "_", "." и числа.

  1. Восстановите пакеты NuGet, щелкнув правой кнопкой решение:

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

  2. Запустите эмулятор Android, нажав кнопку отладки (или выбрав Выполнить > Начать отладку).

  3. Измените MainPage.xaml, добавив этот XAML до конца </StackLayout>:

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

  4. Измените MainPage.xaml, добавив этот код до конца класса:

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

  5. Отладка приложения на Android:

    Screenshot shows the Android Emulator.

  6. Щелкните правой кнопкой мыши, чтобы настроить iOS на Запускаемый проект:

    Set the startup project to iOS

  7. Отладка приложения в iOS путем выбора симулятора iOS в раскрывающемся списке.

Пошаговые инструкции для Mac

Download Sample Скачайте пример

Выполните следующие действия, как показано в видео.

  1. Выберите Файл > Создать решение... или нажмите кнопку Создать проект... и выберите Многоплатформенные > Приложение > Приложение с пустыми формами:

    Blank Forms App

  2. Убедитесь, что выбраны Android и iOS с совместным использованием кода .NET Standard:

    Android and iOS, with .NET Standard

Примечание.

Для имени приложения и идентификатора организации поддерживаются только символы A-Z, a-z, "_", "." и числа.

  1. Восстановите пакеты NuGet, щелкнув правой кнопкой решение:

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

  2. Запустите эмулятор Android, нажав кнопку отладки (или выбрав Выполнить > Начать отладку).

  3. Измените MainPage.xaml, добавив этот XAML до конца </StackLayout>:

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

  4. Измените MainPage.xaml, добавив этот код до конца класса:

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

  5. Отладка приложения на Android:

    Screenshot shows the Android Emulator.

  6. Щелкните правой кнопкой мыши, чтобы настроить iOS на Запускаемый проект:

    Set the startup project to iOS

  7. Отладка приложения в iOS:

    iOS app

Загрузите полный код из коллекции примеров или просмотрите его на GitHub.

Next Steps