Разработка мобильных приложений.

Создание страниц с вкладками.

Цель работы: освоить основные принципы и методики разработки
мобильных приложений с использованием Xamarin.Forms, научиться
создавать и настраивать многостраничные интерфейсы с вкладками
(TabbedPage).
Оборудование: ПК.
Программное обеспечение: Visual Studio 2022, Word.
Теоретическая часть
TabbedPage — это элемент управления, который отображает вкладки
для навигации. Он позволяет организовать контент на разных страницах,
доступ к которым осуществляется через вкладки. На Android список вкладок
отображается в верхней части экрана, а область сведений — внизу. Каждая
вкладка состоит из заголовка и значка, который должен представлять собой
PNG-файл. Однако вкладки можно переместить в нижнюю часть экрана в
зависимости от платформы. Если вкладок больше пяти и список вкладок
находится в нижней части экрана, появится вкладка « Дополнительно»,
которую можно использовать для доступа к дополнительным вкладкам.
Основные аспекты работы с элементом TabbedPage:
Структура: TabbedPage содержит коллекцию дочерних страниц,
каждая из которых соответствует отдельной вкладке.
Платформенная специфика: на разных платформах вкладки могут
отображаться по-разному. Например, на iOS они обычно располагаются
внизу экрана, а на Android — вверху.
Навигация: пользователь может переключаться между вкладками,
выбирая их.
Применение класса TabbedPage в Xamarin Forms позволяет создать
страницу с вкладками, где в роли каждой вкладки выступает отдельная
страница. Для примера возьмем проект и вначале добавим в него три

1
обычных однотипных страницы. Для добавления страниц можно выбрать
шаблон Content Page.
Добавим страницу с вкладками, которую назовем MainTabbedPage:

2
 Присоединим в качестве вкладок три заранее созданные страницы
содержимого HomePage, RecordPage и ServicesPage к странице MainTabbed-
Page:

В качестве заголовка вкладки будет выступать свойство Title у каждой

страницы. Поэтому здесь указывается атрибут Title. Для добавления страниц
в TabbedPage следует обратиться к свойству Children и выбрать метод Add().

И после запуска страница MainTabbedPage будет представлять

следующий набор вкладок:

Работа с TabbedPage в Xamarin.Forms позволяет эффективно

организовать контент в мобильном приложении, обеспечивая удобную и
интуитивно понятную навигацию для пользователя.
Практическая часть
Разработка пользовательского интерфейса с использованием элемента TabbedPage
На основе проекта из предыдущих работ (согласно своей теме),
добавьте в ваше мобильное приложение Xamarin Forms страницу с вкладками

и поместите в нее минимум 2 страницы ContentPage (страница содержимого).

Этапы выполнения:

3
 1. Подготовка проекта:
 Откройте существующий проект Xamarin.Forms, над которым вы работали
в предыдущих заданиях.
 Убедитесь, что проект успешно компилируется и запускается.
2. Добавление TabbedPage:
 Создайте новый элемент TabbedPage в вашем проекте. Это будет основа для
страницы с вкладками.
 Назначьте эту страницу в качестве главной страницы приложения или
интегрируйте ее в существующую навигационную структуру.
3. Создание страниц содержимого:
 Добавьте минимум две новые страницы ContentPage в проект. Эти
страницы будут вкладками в TabbedPage.
 Дайте каждой странице уникальное название, которое будет отображаться
на вкладке.
4. Настройка интерфейса вкладок:
 Разработайте пользовательский интерфейс для каждой стриницы
ContentPage. Интерфейс должен соответствовать функциональности,
предполагаемой для каждой страницы.
 Добавьте элементы управления, такие как текстовые поля, кнопки, списки,
изображения и другие компоненты, соответствующие целям каждой
страницы.
5. Стилизация TabbedPage:
 Настройте внешний вид TabbedPage, включая цвета фона, стиль вкладок и
шрифты.
 Добавьте иконки к вкладкам, если это необходимо, для улучшения
визуального восприятия.
6. Тестирование и отладка:
 Протестируйте новую страницу с вкладками на мобильном устройстве или
эмуляторе.

4
 Убедитесь, что переключение между вкладками работает корректно и
интерфейс отображается правильно.
7. Составление отчета о проделанной работе.