07. Avalonia UI Real World Control Themes

00:00 Введение в оформление пользовательского интерфейса Обсуждение оформления пользовательского интерфейса на странице настроек. Цель сделать стандартную кнопку со значком. Необходимость добавления XAML для отображения значка содержимого и текста значка. 00:26 Проблемы с текущим подходом Описание сложности работы с панелью стека и ярлыками. Упоминание о необходимости учёта уникальности контента. Идея использования ярлыка внутри кнопки для доступа к боковому меню. 01:03 Создание пользовательских элементов управления Создание папки для пользовательских элементов управления. Создание шаблона кнопки со значком. Проблемы с переопределением стиля и потерей текста. 02:09 Переопределение стиля кнопки Попытка переопределить стиль кнопки для исправления внешнего вида. Потеря индивидуального стиля при переопределении. Невозможность дальнейшего настройки стиля. 03:22 Использование шаблонов по умолчанию Замена шаблона кнопки на шаблон по умолчанию из Avalonia. Копирование шаблона кнопки и его переопределение. Добавление пространства имён и префикса для доступа к кнопкам. 04:55 Стилизация всех кнопок Применение стандартного стиля кнопок. Изменение селектора для стилизации всех кнопок. Достижение единого стиля для всех кнопок. 06:00 Клонирование шаблона кнопки Создание идентичного клона шаблона кнопки. Возможность изменения содержимого кнопки. Объяснение необходимости стилизации под content presenter. 06:59 Удаление префикса XML Предложение избавиться от префикса XML для определения кнопок. Использование определения пространства имён XML. Улучшение внешнего вида кнопки после удаления префикса. 08:14 Добавление стилизованного свойства Добавление стилизованного свойства для текста значка. Вставка значков в кнопку. Настройка содержимого кнопки через content presenter. 10:15 Привязка контента Привязка контента к кнопке. Использование шаблона данных для контента. Компиляция и проверка результата. 10:51 Работа с шаблонами контента и значками Создан набор шаблонов контента вместо самого контента. Добавлен значок и свойство стиля icontext для кнопки icon. Привязка в стиле CSS упрощает работу с иконками. 11:27 Проверка работы на главном экране Иконка привязана к тексту значка. Изменение значений иконки приводит к её исчезновению и появлению. Проверка работы на главном экране. 12:05 Настройка содержимого кнопки Содержимое кнопки должно исчезнуть но иконка сохраняется. Настройка текста значка для упрощения интерфейса. 12:39 Добавление словаря ресурсов Создание словаря ресурсов для управления иконками. Объединение словарей ресурсов и их включение в приложение. 13:12 Очистка XAML-кода Замена кнопок на кнопки со значками для упрощения кода. Удаление ненужных элементов для очистки интерфейса. 14:30 Исправление ошибок выравнивания шрифта Временное размещение содержимого на кнопках до исправления ошибки выравнивания шрифта. Изменение семейства шрифтов кнопок после исправления ошибки. 15:38 Привязка ярлыков к боковому меню Привязка ярлыков к боковому меню для сохранения функции расширения и сворачивания. Решение проблемы с привязкой объекта label к основной модели просмотра. 16:26 Исправление контекста данных Изменение контекста данных для корректной привязки. Восстановление работы значков после исправления контекста данных. 16:55 Финальная проверка и завершение Повторная проверка работы меню после исправления контекста данных. Восстановление всех значков и текста на них. Завершение работы над меню.,

#