Создание новой страницы
Для добавления навигации создадим страницу для добавления товаров. Выполните следующие действия:
- Нажмите правой кнопкой мыши на папке Mobile в проекте.
- Выберите «Добавить» -> «Создать элемент».
- В разделе Xamarin.Forms выберите «Страница содержимого».
- Назовите файл (например, AddItemPage).
Это создаст два файла: один для дизайна (AddItemPage.xaml), другой для функционала (AddItemPage.xaml.cs).
Перемещение формы и настройка страницы
Переместите форму добавления товаров из MainPage.xaml в AddItemPage.xaml. В AddItemPage.xaml можно удалить автоматически сгенерированный ContentPage.Content. Добавьте отступы (например, 20 пикселей) для улучшения внешнего вида.
Добавление кнопки перехода
Добавьте кнопку на MainPage.xaml. При нажатии на неё будет осуществляться переход на новую страницу. Удалите код отображения товаров из AddItemPage.xaml.cs. В MainPage.xaml.cs измените обработчик нажатия кнопки, оставив только код перехода:
Navigation.PushAsync(new AddItemPage());Настройка главной страницы
Для корректной работы навигации, оберните MainPage в NavigationPage:
NavigationPage navigationPage = new NavigationPage(new MainPage());Улучшение внешнего вида
Для добавления отступов между элементами в MainPage.xaml, используйте свойство Margin для элемента StackLayout:
<StackLayout Margin="0,0,0,30" />Для лучшего разделения элементов можно добавить ещё один StackLayout.
Теперь приложение позволяет переходить между страницами, добавлять и отображать товары. Кнопка «Назад» обеспечивает возврат на предыдущую страницу.