#25 Avalonia UI - Как перейти на другую страницу
00:02 Введение • Приветствие от Ронака и представление темы видео: навигация в Avalonia и WPF. • Упоминание о предыдущем видео о разделённом представлении. • Призыв подписаться на канал. 00:55 Установка пакета NuGet • Добавление элемента управления переходным контентом в раздел содержимого с разделённым просмотром. • Создание наблюдаемого свойства и свойства базового типа модели приватного просмотра «текущая страница». 02:15 Создание домашней страницы • Создание класса HomepageViewModel для домашней страницы приложения. • Изменение класса на общедоступный и наследование от базовой модели представления. • Настройка представления домашней страницы с соблюдением соглашения об именовании. 03:25 Настройка текущей страницы • Назначение текущей страницы новой модели просмотра домашней страницы. • Проверка отображения текста «Добро пожаловать в Авалонию» в главном окне просмотра. 04:14 Создание шаблона элемента списка • Создание общедоступного класса ListItemTemplate для шаблона элемента списка. • Определение свойств: метка и тип модели. • Настройка конструктора для передачи типа модели и метки страницы. 06:49 Привязка элементов списка • Добавление шаблона элемента и шаблона данных в поле со списком. • Привязка текстового блока к свойству label. • Запуск приложения для проверки ошибок. 09:33 Создание наблюдаемой коллекции элементов • Создание наблюдаемой коллекции типа ListItemTemplate. • Установка значений для элементов коллекции. • Привязка источника элементов списка к наблюдаемой коллекции. 12:11 Обработка выбора элемента списка • Создание свойства ObservableProperty для выбранного элемента списка. • Переопределение метода OnSelected для создания экземпляра объекта и установки текущей страницы. • Проверка значения null и создание экземпляра модели при его отсутствии. 15:19 Настройка домашней страницы • Добавление панели стека и текстовых блоков на домашнюю страницу. • Настройка интервала, отступа, вертикальной ориентации и шрифта. • Установка переноса текста на wrap в текстовом поле. 17:16 Добавление новой страницы • Удаление границ текстового поля для скрытия. • Добавление новой страницы AvatarPageViewModel в обозреватель решений. 18:05 Создание представления аватара • Наследование от базовой модели представления. • Добавление нового элемента в разделе «Наши представления». • Переименование пользовательского элемента управления в «просмотр страницы аватара». • Изменение пространства имён и класса. • Копирование шаблона из предыдущего пользовательского элемента управления. 18:54 Настройка заголовка и контента • Переименование заголовка в «аватар». • Удаление содержимого текстового поля и добавление нового контента, связанного с аватаром. 19:12 Использование элемента управления ActivePro • Установка пространства имён и пакета NuGet для ActivePro. • Добавление элемента управления аватаром и установка описания. • Демонстрация элемента аватара с инициалами. 20:59 Добавление страницы аватара в главное окно • Закрытие ненужных страниц в главном окне. • Добавление нового элемента списка типа «модель просмотра страницы аватара». • Перестройка главного окна для отображения страницы аватара. 22:06 Динамическое изменение значка аватара • Создание свойства «значок элемента списка» для динамического изменения значка. • Получение геометрии потока и типа страницы в конструкторе. • Назначение значка-ключа свойству значка элемента списка. 23:46 Настройка коллекции значков • Указание названия значка в коллекции элементов. • Поиск значка из ресурсов приложения. • Добавление новой иконки в раздел «Стили» и передача её имени в коллекцию list observable. 25:39 Тестирование приложения • Проверка изменения значка при нажатии на элемент списка. • Исправление привязки выбранного элемента списка. • Запуск приложения для тестирования навигации. 26:36 Заключение • Упоминание ознакомительной версии элементов управления ActivePro. • Прощание с аудиторией.
00:02 Введение • Приветствие от Ронака и представление темы видео: навигация в Avalonia и WPF. • Упоминание о предыдущем видео о разделённом представлении. • Призыв подписаться на канал. 00:55 Установка пакета NuGet • Добавление элемента управления переходным контентом в раздел содержимого с разделённым просмотром. • Создание наблюдаемого свойства и свойства базового типа модели приватного просмотра «текущая страница». 02:15 Создание домашней страницы • Создание класса HomepageViewModel для домашней страницы приложения. • Изменение класса на общедоступный и наследование от базовой модели представления. • Настройка представления домашней страницы с соблюдением соглашения об именовании. 03:25 Настройка текущей страницы • Назначение текущей страницы новой модели просмотра домашней страницы. • Проверка отображения текста «Добро пожаловать в Авалонию» в главном окне просмотра. 04:14 Создание шаблона элемента списка • Создание общедоступного класса ListItemTemplate для шаблона элемента списка. • Определение свойств: метка и тип модели. • Настройка конструктора для передачи типа модели и метки страницы. 06:49 Привязка элементов списка • Добавление шаблона элемента и шаблона данных в поле со списком. • Привязка текстового блока к свойству label. • Запуск приложения для проверки ошибок. 09:33 Создание наблюдаемой коллекции элементов • Создание наблюдаемой коллекции типа ListItemTemplate. • Установка значений для элементов коллекции. • Привязка источника элементов списка к наблюдаемой коллекции. 12:11 Обработка выбора элемента списка • Создание свойства ObservableProperty для выбранного элемента списка. • Переопределение метода OnSelected для создания экземпляра объекта и установки текущей страницы. • Проверка значения null и создание экземпляра модели при его отсутствии. 15:19 Настройка домашней страницы • Добавление панели стека и текстовых блоков на домашнюю страницу. • Настройка интервала, отступа, вертикальной ориентации и шрифта. • Установка переноса текста на wrap в текстовом поле. 17:16 Добавление новой страницы • Удаление границ текстового поля для скрытия. • Добавление новой страницы AvatarPageViewModel в обозреватель решений. 18:05 Создание представления аватара • Наследование от базовой модели представления. • Добавление нового элемента в разделе «Наши представления». • Переименование пользовательского элемента управления в «просмотр страницы аватара». • Изменение пространства имён и класса. • Копирование шаблона из предыдущего пользовательского элемента управления. 18:54 Настройка заголовка и контента • Переименование заголовка в «аватар». • Удаление содержимого текстового поля и добавление нового контента, связанного с аватаром. 19:12 Использование элемента управления ActivePro • Установка пространства имён и пакета NuGet для ActivePro. • Добавление элемента управления аватаром и установка описания. • Демонстрация элемента аватара с инициалами. 20:59 Добавление страницы аватара в главное окно • Закрытие ненужных страниц в главном окне. • Добавление нового элемента списка типа «модель просмотра страницы аватара». • Перестройка главного окна для отображения страницы аватара. 22:06 Динамическое изменение значка аватара • Создание свойства «значок элемента списка» для динамического изменения значка. • Получение геометрии потока и типа страницы в конструкторе. • Назначение значка-ключа свойству значка элемента списка. 23:46 Настройка коллекции значков • Указание названия значка в коллекции элементов. • Поиск значка из ресурсов приложения. • Добавление новой иконки в раздел «Стили» и передача её имени в коллекцию list observable. 25:39 Тестирование приложения • Проверка изменения значка при нажатии на элемент списка. • Исправление привязки выбранного элемента списка. • Запуск приложения для тестирования навигации. 26:36 Заключение • Упоминание ознакомительной версии элементов управления ActivePro. • Прощание с аудиторией.