Как создать проект Xamarin и запустить его в эмуляторе

Последнее обновление 07.01.2023 — Василий Иванов

Xamarin — это платформа, позволяющая создавать мобильные приложения. Он имеет открытый исходный код и поддерживается сообществом разработчиков и пользователей по всему миру.

Вы можете создавать мобильные приложения для различных платформ, таких как iOS, Android или Windows. Пользовательский интерфейс также может быть специфичным для платформы или общим для разных платформ, в зависимости от того, используете ли вы Xamarin Native или Xamarin Forms.

Visual Studio позволяет создать новый проект Xamarin и добавить содержимое в мобильное приложение. Затем вы можете протестировать свое мобильное приложение, запустив его через эмулятор.

Что такое Xamarin Native и формы Xamarin?

Xamarin Native включает Xamarin iOS, Xamarin Windows или Xamarin Android. Он позволяет создавать пользовательские интерфейсы для конкретной платформы.

Например, вы можете использовать некоторые компоненты пользовательского интерфейса только на Android, а другие компоненты пользовательского интерфейса — только на iOS. Это замечательно, если вам нужен индивидуальный дизайн для разных платформ, но это может привести к замедлению разработки.

С другой стороны, Xamarin Forms позволяет создавать общие компоненты пользовательского интерфейса, которые можно повторно использовать на многих платформах. Это хорошо для общих компонентов, таких как кнопки или текстовые поля, которые будут выглядеть одинаково на всех устройствах. Это также обычно приводит к более быстрому развитию.

Microsoft в настоящее время находится в процессе замены Xamarin на .NET MAUI (мультиформный пользовательский интерфейс приложений) как часть .NET 6. Согласно блогу Microsoft .NET, одной из новых функций является возможность использовать один проект, а не множество проектов на многих платформах.

Как скачать и установить мобильную разработку для .NET

Чтобы создать мобильное приложение Microsoft Xamarin, вам необходимо загрузить и установить Mobile Development for .NET в Visual Studio. Это дает вам возможность создавать проекты Xamarin. Он также поставляется с эмулятором для тестирования вашего мобильного приложения на ПК.

1. Откройте установщик Visual Studio.
2. Выберите версию Visual Studio, которую вы хотите использовать, и нажмите «Изменить».
3. Прокрутите вниз до категории «Мобильные устройства и игры». Выберите Мобильная разработка с .NET. Вы можете просмотреть список того, что это включает в правой панели.
4. В правом нижнем углу выберите «Установить во время загрузки» и нажмите «Изменить». Дождитесь завершения процесса установки.

Как создать новый проект Xamarin

После установки разработки для мобильных устройств с .NET откройте Visual Studio и создайте новый проект Xamarin.

1. В верхней части Visual Studio откройте вкладку «Файл». Наведите указатель мыши на «Создать» и выберите «Проект».
2. Используйте панель поиска для поиска Xamarin. Окно будет заполнено списком проектов Xamarin, которые вы можете создать, включая проекты для Xamarin Native или Xamarin Forms.
3. Выберите Мобильное приложение (формы Xamarin).
4. Выберите пустой шаблон. В разделе «Платформа» выберите платформы, для которых вы хотите создать мобильное приложение (может быть как Android, так и iOS).

Основные компоненты приложения Xamarin

По умолчанию несколько проектов составляют приложение Xamarin. XamarinProject хранит общие элементы пользовательского интерфейса или логику. Он содержит файл MainPage.xaml, в котором хранятся общие элементы пользовательского интерфейса, которые будут работать как на устройствах iOS, так и на устройствах Android.

XamarinProject также содержит папку зависимостей, в которой хранятся некоторые пакеты NuGet. Эти пакеты NuGet включают функции, необходимые для работы проекта Xamarin.

Есть также два других отдельных проекта, каждый для платформ Android и iOS. Если вы используете мобильное приложение на Android, приложение запускается из файла MainActivity.xaml. Если вы используете мобильное приложение с помощью iOS, приложение запускается из файла Main.cs.

Как добавить содержимое в ваше приложение Xamarin

Добавьте контент в свое мобильное приложение. Xamarin включает ряд встроенных элементов, таких как метки, кнопки или поля, которые можно использовать для создания интерфейса.

Каждый элемент также имеет атрибуты, такие как цвет, текст или другие применимые стили. Синтаксис немного похож на то, как вы создаете теги HTML. Например:

<Label Text = "Hello" />

В файле MainPage.xaml измените код, чтобы добавить несколько основных элементов пользовательского интерфейса, таких как метка и кнопка.

1. Добавьте метку в элемент StackLayout. Элемент StackLayout позволяет упорядочивать элементы внутри него по вертикали или горизонтали.

   <StackLayout Padding = "50">
      <Label Text = "My New Mobile Application"
             HorizontalOptions = "Center"
             VerticalOptions = "CenterAndExpand"
             FontAttributes = "Bold, Italic"
             FontSize = "24" 
             TextColor = "Black" />
   </StackLayout>

2. Под меткой и внутри элемента StackLayout добавьте кнопку.

   <Button Text = "Button 1"
               x:Name = "Button1"
               Clicked = "ClickButton"
               BackgroundColor = "#2196F3"
               TextColor = "WhiteSmoke"
               HeightRequest = "50" />

3. Добавьте в MainPage.xaml.cs функцию, которая будет выполняться при нажатии кнопки.

   async void ClickButton(object sender, EventArgs e)
   {
       // Change the text of the button when it is clicked on
       Button button = (Button)sender;
       button.Text = "The button was clicked!";
   }

Как запустить приложение Xamarin с помощью эмулятора Android

Вы можете запустить приложение Xamarin с помощью эмулятора, который можно выбрать в верхней части панели инструментов в Visual Studio.

1. В верхней части Visual Studio щелкните раскрывающийся список. Здесь вы можете выбрать, какую платформу вы хотите использовать. Выберите XamarinProject.Android.
2. Нажмите зеленую кнопку воспроизведения рядом с раскрывающимся списком, чтобы запустить мобильное приложение.
3. Если вы используете Windows и Hyper-V, вас могут попросить включить Hyper-V. В этом случае откройте «Включение или отключение компонентов Windows» и выберите Hyper-V.
4. Когда эмулятор запустится, вы сможете изучить доступные вам функции. Сюда входят стандартные мобильные функции, такие как включение и выключение телефона. Вы также можете получить доступ к информации о местоположении и сотовой связи, виртуальным датчикам и дополнительным настройкам.
5. Дождитесь завершения сборки проекта Visual Studio. После завершения мобильный экран эмулятора изменится, чтобы отобразить главную страницу вашего мобильного приложения.
6. Чтобы протестировать приложение с помощью iOS, в раскрывающемся списке выберите iOS вместо Android, а затем снова нажмите зеленую кнопку воспроизведения.

Создание мобильных приложений с помощью Xamarin

Xamarin позволяет создавать мобильные приложения для многих платформ, таких как iOS, Android или Windows. Это позволяет вам использовать элементы пользовательского интерфейса, которые можно использовать повторно, или элементы пользовательского интерфейса, которые вы можете использовать на многих платформах.

Когда вы создаете новый проект Xamarin, вы можете добавить свое содержимое в доступные файлы XAML и C#. Вы также можете проверить, как выглядит ваше мобильное приложение, открыв его с помощью эмулятора.

Существует множество курсов и ресурсов, которые вы можете изучить, чтобы улучшить свои знания о том, как создавать мобильные приложения. Это также включает курсы разработки для конкретных платформ, таких как разработка для Android или iOS.