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

Поэтапность создания новых проектов в Visual Studio:

• Открываем Visual Studio
• Нажимаем на “Create a new project” и для него выберем тип Mobile App (Xamarin.Forms)
• Задаем нужные настройки, также указывая в последней графе “mobile”

• Вписываем имя для нашего нового проекта и нажимаем кнопку “create”

• Затем выбираем шаблон, который мы будем использовать

• Flyout – проект для специально для тех случаев, когда должна быть функциональность для представления списка объектов и функциональность для вывода информации по каждому отдельному элементу списка (меню)
• Tabbed – проект приложения, которое использует вкладки для навигации между страницами
• Blank – пустой шаблон, создающий проект с минимальной функциональностью

Кроме того, при создании проекта в опции Platform мы можем отметить, под какие ОС будет создаваться проект.

 Если мы выбрали выше все три платформы, то созданное решение будет содержать четыре проекта:

• Layouts_App: главный проект библиотеки, которая и будет содержать всю основную логику приложения
• Layouts_App.Android: проект для Android
• Layouts_App.iOS: проект для iOS
• Layouts_App.UWP: проект для Windows 10 (Мы не вибирали)

Главным будет самый верхний проект (в данном случае HelloApp). Он будет содержать весь код и определение интерфейса, которую затем будут использовать все остальные проекты.

Если мы обратимся к главному проекту, то в нем уже будет четыре основных файла:

• App.xaml: файл, который определяет ресурсы, общие для всего приложения
• App.xaml.cs: файл с кодом C#, с которого начинается выполнение приложения
• MainPage.xaml: файл с визуальным интерфейсом для единственной страницы MainPage в виде xaml
• MainPage.xaml.cs: файл, который содержит логику MainPage на языке C#
• AssemblyInfo.cs: файл с кодом на языке C#, который используется для установки настроек приложения

По умолчанию в созданном в прошлой теме проекте у нас уже есть минимальный код, необходимый для приложения. Само выполнение приложения начинается с файлов App.xaml и App.xaml.cs.

Файл App.xaml.cs содержит следующий код:

Перейдем к определению этой страницы. Оно разбито на два файла. Файл MainPage.xaml представляет визуальный интерфейс страницы в виде кода XAML, который аналогичен HTML:

Но также в проекте есть и файл с кодом логики страницы – файл MainPage.xaml.cs:

Запуск приложения

Если у нас есть устройство с ОС Android, то мы можем его использовать для тестирования. Для этого надо подключить это устройство к компьютеру с помощью USB-кабеля. А на самом мобильном устройстве установить режим разработчика в параметрах.

Если рабочая машина, на которой ведется разработка, поддерживает виртуализацию, то мы можем для отладки приложений использовать эмуляторы.

И в конце мы можем запустить проект. В соответствии с имеющимся кодом он будет отображать метку с текстом в центре экрана:

Правила создания новых элементов в Visual Studio:

1. Ошибка (волнистая линия) – значит что-то не так. Надо исправить ошибку.
2. Название проекта (одно_слово)
3. Название страницы = название класса
4. Нужно обязательно закрывать элементы – <Элемент/> или <Э> </Э>
5. Подсказки (помогают с командами)
6. “Save all” после создания элемента в XAML
7. Стартовая страница “Main Page” = new (название страницы)