71. Avalonia UI Real World Custom Header Control

00:00 Введение в пользовательские элементы управления Создание пользовательских элементов управления для кнопок флажков и пиктограмм. Повторное использование элементов управления на разных страницах. Пример с заголовком: необходимость превращения кода в пользовательский элемент управления. 00:56 Анализ текущего кода заголовка Описание структуры заголовка: сетка с названием панель стек для изображения и надписей. Проблемы с копированием и вставкой кода между страницами. Сложности с использованием библиотеки Skia SVG для преобразования строк в изображения. 01:55 Начало создания пользовательского элемента управления Решение не разделять элементы управления на темы. Создание пользовательского элемента управления заголовочный баннер. Вставка элемента на домашнюю страницу. 02:54 Использование пространства имён Добавление XML-пространства имён для элементов управления. Пример использования пространства имён: элементы управления: заголовок баннера. Проверка работы элемента на главной странице. 04:29 Настройка свойств элемента управления Передача значений разделам страницы настроек. Стилизация и скрытие элементов в зависимости от наличия текста. Проблемы с отступами после текста. 05:05 Добавление свойств стиля Создание свойства стиля для заголовка баннера. Настройка свойств стиля для подзаголовков. Проблемы с привязкой свойств к XAML. 06:36 Привязка свойств к XAML Добавление пространства имён для привязки свойств. Компиляция файлов для проверки работы привязки. Исправление проблем с контекстом данных. 08:47 Завершение настройки Установка контекста данных для корректной привязки. Проверка отображения текста после настройки. Устранение проблемы с отображением нулевого значения. 09:14 Настройка видимости этикетки Видимость этикетки по умолчанию должна быть равна нулю если содержимое не содержит пробелов. Подзаголовок можно использовать как тест для настройки цвета. 09:49 Работа с фоновым изображением Привязка источника изображения к заголовку для максимальной гибкости. Использование свойства style для указания фонового изображения. 10:44 Привязка фонового изображения Импорт пространства имён для привязки фонового изображения. Проверка работы привязки без ошибок. 11:39 Копирование заголовка на страницы Копирование заголовка на все страницы с заголовками. Установка фона для всех заголовков. 12:39 Вспомогательные элементы управления Создание вспомогательных элементов управления для ускорения воссоздания пользовательского интерфейса. Пример использования элемента управления содержимое заголовка. 14:31 Создание страницы истории Создание страницы истории для демонстрации работы заголовков. Использование макросов для автоматизации процессов. 15:09 Обновление страниц Обновление страниц с заголовками и правильной информацией. Рассмотрение возможности анимации изображений. 18:29 Проблемы с настройкой фона Трудности с установкой фона пользовательского элемента управления только для дизайнера. Неудачные попытки использования различных методов настройки фона. 19:41 Поиск решения Попытка добавить стиль оформления в виде точек. Создание селектора для выбора стиля. 19:56 Настройка фона и стиля Использование динамического основного фона ресурса для установки цвета. Настройка ширины и высоты конструктора. Попытка установить передний план и фоновую картинку в пользовательском элементе управления. 21:33 Проблемы с передним планом Невозможность установить передний план для сетки. Необходимость использования привязки для доступа к режиму времени разработки. Добавление класса design для пользовательского элемента управления. 22:33 Добавление стиля в приложение Добавление стиля в приложение для применения к пользовательскому элементу управления. Проблемы с применением стилей во время разработки. Проверка работы стилей при запуске приложения. 25:31 Временное решение Использование дополнительной обертки для решения проблемы. Перемещение сетки внутрь панели для визуализации элемента управления. Попытка переопределить значения по умолчанию. 27:14 Работа с динамическими ресурсами Установка переднего плана и фона через динамические ресурсы. Проблемы с синтаксисом при установке свойств. Решение синтаксических проблем и проверка работы кода. 30:01 Завершение работы Компиляция и проверка результата. Перенос картинки на задний план. Предложение использовать вспомогательную функцию для настройки цвета фона и переднего плана. 30:56 Вспомогательный класс и проектные данные Обсуждается необходимость вспомогательного класса для работы с проектными данными. Подчёркивается что зарегистрированные сервисы доступны только во время разработки. Рассматривается возможность использования вспомогательного метода для установки параметров контроля. 31:53 Проблемы с визуальным просмотром 32:38 Пользовательский контроль

Источник: rutube.ru