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

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

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

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

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

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

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

   

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

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

   

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

   

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

   

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

   

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

    

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

    

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

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

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:

   

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

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

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

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

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

   

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

   

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

   

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

   

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

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

   

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

   

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

   

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

   

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

    

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

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

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:

   

Примечание.

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

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

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

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

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

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

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

   

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

   

Примечание.

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

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

   

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

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

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

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

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

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

   

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

   

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

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

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

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

   

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

   

Примечание.

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

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

   

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

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

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

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

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

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

   

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

   

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

   

Полный код можно просмотреть на сайте GitHub.

Next Steps

• Краткое руководство по одностраничным приложениям — создание более функционального приложения.
• Xamarin.Forms Примеры — скачивание и запуск примеров кода и примеров приложений.
• Электронная книга "Создание мобильных приложений" — подробное описание разработки в Xamarin.Forms в формате PDF с сотнями дополнительных примеров.