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 Финальная проверка и завершение • Повторная проверка работы меню после исправления контекста данных. • Восстановление всех значков и текста на них. • Завершение работы над меню.
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 Финальная проверка и завершение • Повторная проверка работы меню после исправления контекста данных. • Восстановление всех значков и текста на них. • Завершение работы над меню.