11. Avalonia UI Real World (Style Precedence Madness)
00:00 Завершение оформления страницы настроек • Оформление полей со списком завершено, но символ стрелки вниз не оформлен. • Стили становятся сложными, поэтому их разделяют на несколько файлов. • Создаются папки стилей для каждого элемента, включая кнопки и флажки. 00:51 Работа со стилями кнопок • Стили кнопок вырезаются и вставляются в соответствующие элементы. • Выбираются кнопки, подходящие по размеру. 01:10 Стили этикеток • Создаются стили для этикеток, включая обычные и с иконками. • Добавляется передний план для надписей. 02:57 Настройка значков • В классе icon задаётся семейство шрифтов для значков. • Вводятся тексты для значков. 03:55 Общие стили • Переименовываются общие стили. • Удаляются новые стили надписей со страницы настроек. 05:45 Стили текстовых блоков • Создаётся новый стиль для текстовых блоков. • Добавляется предварительный просмотр дополнительного текстового блока. 07:00 Стили окон со списком • Копируются и вставляются стили для окон со списком. • Создаются элементы внутри окна со списком. 08:10 Стили текстовых полей • Добавляются стили для текстовых полей. • Проверяются эффекты наведения курсора. 09:17 Стили полей со списком • Создаётся новый стиль для полей со списком. • Вставляются элементы поля со списком. 10:37 Исправление проблем со стилями • Исследуется проблема с цветом кнопок. • Выясняется, что стили не каскадно распределяются по шаблонам. • Исправляется проблема с передним планом и цветом кнопок. 14:27 Завершение исправления • Убираются лишние стили. • Проверяется работа стилей после исправления. 14:44 Проблема с этикетками • Этикетки внутри кнопок становятся белыми. • Возможно, проблема в неправильном понимании селекторов или ошибках в коде. • Необходимо оформить ярлык определённым цветом по всем направлениям. 15:28 Анализ селекторов • Игнорируется передний план, который не был установлен. • Рассматривается возможность использования селектора стилей текущего места. 16:06 Попытка решения • Установка цвета переднего плана на кнопке не приводит к каскадному эффекту. • Попытка исправить стиль этикетки не решает проблему. 17:08 Проблемы с привязкой стилей • Привязка к переднему плану не выполняется. • Стиль оформления текста теряется при раскомментировании кода. 19:02 Обходной путь • Использование привязки для выбора цвета переднего плана. • Проблема с эффектом наведения курсора на кнопку. 20:39 Решение проблемы • Найдена проблема со стилями. • Настройка кнопки со значком с использованием привязки. 22:23 Итоги • Стили изменены, элементы управления оформлены более логично. • Планируется создание выпадающего списка на следующем уроке.
00:00 Завершение оформления страницы настроек • Оформление полей со списком завершено, но символ стрелки вниз не оформлен. • Стили становятся сложными, поэтому их разделяют на несколько файлов. • Создаются папки стилей для каждого элемента, включая кнопки и флажки. 00:51 Работа со стилями кнопок • Стили кнопок вырезаются и вставляются в соответствующие элементы. • Выбираются кнопки, подходящие по размеру. 01:10 Стили этикеток • Создаются стили для этикеток, включая обычные и с иконками. • Добавляется передний план для надписей. 02:57 Настройка значков • В классе icon задаётся семейство шрифтов для значков. • Вводятся тексты для значков. 03:55 Общие стили • Переименовываются общие стили. • Удаляются новые стили надписей со страницы настроек. 05:45 Стили текстовых блоков • Создаётся новый стиль для текстовых блоков. • Добавляется предварительный просмотр дополнительного текстового блока. 07:00 Стили окон со списком • Копируются и вставляются стили для окон со списком. • Создаются элементы внутри окна со списком. 08:10 Стили текстовых полей • Добавляются стили для текстовых полей. • Проверяются эффекты наведения курсора. 09:17 Стили полей со списком • Создаётся новый стиль для полей со списком. • Вставляются элементы поля со списком. 10:37 Исправление проблем со стилями • Исследуется проблема с цветом кнопок. • Выясняется, что стили не каскадно распределяются по шаблонам. • Исправляется проблема с передним планом и цветом кнопок. 14:27 Завершение исправления • Убираются лишние стили. • Проверяется работа стилей после исправления. 14:44 Проблема с этикетками • Этикетки внутри кнопок становятся белыми. • Возможно, проблема в неправильном понимании селекторов или ошибках в коде. • Необходимо оформить ярлык определённым цветом по всем направлениям. 15:28 Анализ селекторов • Игнорируется передний план, который не был установлен. • Рассматривается возможность использования селектора стилей текущего места. 16:06 Попытка решения • Установка цвета переднего плана на кнопке не приводит к каскадному эффекту. • Попытка исправить стиль этикетки не решает проблему. 17:08 Проблемы с привязкой стилей • Привязка к переднему плану не выполняется. • Стиль оформления текста теряется при раскомментировании кода. 19:02 Обходной путь • Использование привязки для выбора цвета переднего плана. • Проблема с эффектом наведения курсора на кнопку. 20:39 Решение проблемы • Найдена проблема со стилями. • Настройка кнопки со значком с использованием привязки. 22:23 Итоги • Стили изменены, элементы управления оформлены более логично. • Планируется создание выпадающего списка на следующем уроке.