12. Avalonia UI Real World (ComboBox Styling)
00:00 Начало работы с полем со списком • Оформление поля со списком для соответствия общей тематике страницы. • Использование темы управления для контроля над стилями и элементами. • Удаление текущего стиля поля со списком и добавление новых стилей. 00:49 Копирование темы управления • Копирование текущей темы управления в поле со списком. • Добавление ранее созданного стиля в приложение. 01:14 Проблемы со стилями • Проверка предварительного просмотра и устранение проблем со стилями. • Изменение селектора текущего элемента для корректной работы стилей. 02:08 Настройка фона и текста-заполнителя • Настройка фона поля со списком, удаление ненужной подсветки. • Добавление текста-заполнителя и настройка его отображения. 03:13 Работа с выпадающим списком • Установка переднего плана и настройка отступов. • Замена значка пути на метку с классом значка. 05:34 Исправление стилей наведения курсора • Удаление внутренних селекторов шаблонов. • Настройка стилей наведения курсора и нажатия. 09:09 Оформление отключённого состояния • Настройка отключённого состояния поля со списком. • Изменение шрифта заполнителя для большей заметности. 10:23 Завершение настройки выпадающего списка • Проверка работы цвета переднего плана. • Настройка границ и фона выпадающего списка. • Создание нового элемента со списком в стиле элемента управления. 12:16 Стилизация внутреннего изображения • Имитация выпадающего изображения. • Настройка фона и кисти для окантовки внутреннего изображения. • Удаление ненужных стилей для презентаторов контента. 13:14 Настройка переднего плана и курсора мыши • Основной передний план остаётся неизменным. • При наведении курсора мыши фон должен меняться, но не передний план или кисть. • Удаляется внутренний селектор для выбранного состояния. 13:50 Стилизация кнопок • Выбранное состояние должно быть активным, как у кнопок. • При нажатии на кнопку фон не удаляется, а изменяется. • Текст остаётся неизменным при нажатии. 15:12 Отключённые состояния • Отключённые состояния должны иметь границу. • Фон при отключении остаётся неизменным, но вес шрифта увеличивается для заметности. • Создаётся состояние нажатия для кнопок. 17:07 Визуальное оформление списка • Список и выпадающие списки должны иметь одинаковое визуальное оформление. • Создаётся новый стиль для элемента списка на основе шаблона по умолчанию. • Удаляется предварительный выбор в старом стиле. 18:40 Исправление стилей • Стили для списка корректируются для соответствия элементам со списком. • Исследуется проблема с отображением активного выбора. 19:51 Решение проблемы с привязками • Проблема с привязкой шаблона решается заменой на родительскую привязку. • Объясняется, почему привязка шаблона не всегда работает. • Подчёркивается важность понимания различий между привязками. 23:06 Заключение • Страница настроек готова. • Планируется переход к главной странице и внутренним настройкам. • Приложение будет использоваться для поиска локаций и хостинга SolidWorks.
00:00 Начало работы с полем со списком • Оформление поля со списком для соответствия общей тематике страницы. • Использование темы управления для контроля над стилями и элементами. • Удаление текущего стиля поля со списком и добавление новых стилей. 00:49 Копирование темы управления • Копирование текущей темы управления в поле со списком. • Добавление ранее созданного стиля в приложение. 01:14 Проблемы со стилями • Проверка предварительного просмотра и устранение проблем со стилями. • Изменение селектора текущего элемента для корректной работы стилей. 02:08 Настройка фона и текста-заполнителя • Настройка фона поля со списком, удаление ненужной подсветки. • Добавление текста-заполнителя и настройка его отображения. 03:13 Работа с выпадающим списком • Установка переднего плана и настройка отступов. • Замена значка пути на метку с классом значка. 05:34 Исправление стилей наведения курсора • Удаление внутренних селекторов шаблонов. • Настройка стилей наведения курсора и нажатия. 09:09 Оформление отключённого состояния • Настройка отключённого состояния поля со списком. • Изменение шрифта заполнителя для большей заметности. 10:23 Завершение настройки выпадающего списка • Проверка работы цвета переднего плана. • Настройка границ и фона выпадающего списка. • Создание нового элемента со списком в стиле элемента управления. 12:16 Стилизация внутреннего изображения • Имитация выпадающего изображения. • Настройка фона и кисти для окантовки внутреннего изображения. • Удаление ненужных стилей для презентаторов контента. 13:14 Настройка переднего плана и курсора мыши • Основной передний план остаётся неизменным. • При наведении курсора мыши фон должен меняться, но не передний план или кисть. • Удаляется внутренний селектор для выбранного состояния. 13:50 Стилизация кнопок • Выбранное состояние должно быть активным, как у кнопок. • При нажатии на кнопку фон не удаляется, а изменяется. • Текст остаётся неизменным при нажатии. 15:12 Отключённые состояния • Отключённые состояния должны иметь границу. • Фон при отключении остаётся неизменным, но вес шрифта увеличивается для заметности. • Создаётся состояние нажатия для кнопок. 17:07 Визуальное оформление списка • Список и выпадающие списки должны иметь одинаковое визуальное оформление. • Создаётся новый стиль для элемента списка на основе шаблона по умолчанию. • Удаляется предварительный выбор в старом стиле. 18:40 Исправление стилей • Стили для списка корректируются для соответствия элементам со списком. • Исследуется проблема с отображением активного выбора. 19:51 Решение проблемы с привязками • Проблема с привязкой шаблона решается заменой на родительскую привязку. • Объясняется, почему привязка шаблона не всегда работает. • Подчёркивается важность понимания различий между привязками. 23:06 Заключение • Страница настроек готова. • Планируется переход к главной странице и внутренним настройкам. • Приложение будет использоваться для поиска локаций и хостинга SolidWorks.