#20 Предварительный просмотр Светлой & Тёмной темы Avalonia
Создание настоящей темы Avalonia означает проверку КАЖДОГО элемента управления в светлой И темной цветовой гамме — без дублирования всего вашего кода предварительного просмотра. В этом видео я создаю повторно используемый элемент управления LightDarkPreview, чтобы показать обе темы одновременно, добавляю поддержку ориентации с привязкой к RelativeSource, а затем приступаю к проверке каждого элемента управления для выпуска. ------------------------------------------------ ЧТО ВЫ УЗНАЕТЕ: ------------------------------------------------ Как создать повторно используемый LightDarkPreview ContentControl в Avalonia Использование ContentTemplate + Title для устранения дублирования кода предварительного просмотра Добавление свойства ориентации с пошаговой привязкой к RelativeSource Почему DataTemplates в ResourceDictionary очищают предварительные просмотры Как систематически проверять светлое / темное на наличие ошибок, заполнение и обрезку Где заканчивается автоматизация и начинается ручная визуальная обработка ------------------------------------------------ ВРЕМЕННЫЕ МЕТКИ: ------------------------------------------------ 00:00 - Общие события, эффекты наведения курсора мыши и прогресс выпадения списка 00:36 - Функция подсчета количества недель, в стиле Avalonia v12, но более понятная 01:21 - Блокировщик релизов: все элементы управления в светлой и темной версиях 02:30 - Первый этап: предварительный просмотр светлого / темного с помощью DataTemplate 03:42 - Создание пользовательского элемента управления LightDarkPreview 05:00 - Более чистое использование: ContentTemplate + Title 06:06 - Добавлена ориентация: Предварительный просмотр по горизонтали и вертикали 06:54 - Пошаговая привязка RelativeSource к внутренней StackPanel 07:58 - Планируется автоматическое создание всех предварительных просмотров в новом стиле 08:21 - Что мешает: ошибки в оформлении, дополнении, обрезке 10:36 - Этап ручного исправления для полировки продукта 11:35 - Далее: мини-приложение, демонстрирующее тему по-настоящему. ------------------------------------------------ связи: ------------------------------------------------ GitHub: https://github.com/angelsix Веб-сайт: https://www.angelsix.com Документы Avalonia: https://docs.avaloniaui.net/