#15 AvaloniaUI - Пользовательские элементы управления
00:00 Введение в пользовательские элементы управления в Avalonia • Пользовательские элементы управления в Avalonia — это повторно используемые компоненты пользовательского интерфейса. • Они инкапсулируют функциональность и упрощают разработку интерфейса за счёт модульности и возможности повторного использования. • Основные характеристики: инкапсуляция, повторное использование, настраиваемость и разделение функций. 00:37 Создание проекта Avalonia • Выбор шаблона «Приложение Avalonia .NET» в Visual Studio. • Упоминание о необходимости установки расширения Avalonia для доступа к дизайнеру. 01:38 Определение разметки XAML • Разметка XAML определяет макет и структуру пользовательского элемента управления. • Добавление дизайнера через расширение Avalonia для Visual Studio. 02:50 Создание пользовательского элемента управления • Добавление нового элемента «Пользовательский контроль Avalonia». • Настройка макета: добавление сетки и текстового блока, установка свойств фона и привязки текста. 05:14 Разработка кода пользовательского элемента управления • Создание свойства стиля и геттеров/сеттеров для свойства сообщения. • Указание контекста данных в пользовательском элементе управления. 07:34 Решение проблемы с скомпилированными привязками • Объяснение проблемы с компилированными привязками и способы её решения: глобальное включение/отключение, использование разметки скомпилированной привязки. • Пример изменения значения «avalonia use compiled binding» в файле проекта. 09:36 Добавление пользовательского элемента управления в проект • Определение пространства имён и добавление пользовательского элемента управления в главное окно. • Передача сообщения в пользовательский элемент управления. 11:04 Разработка кнопки с значком • Удаление сетки и добавление рамки с радиусом угла. • Добавление панели стека и кнопки с значком контура. • Создание стиля для значка и добавление геометрии потока. 14:53 Завершение разработки кнопки • Вставка статического ресурса в значок пути. • Альтернативный способ: использование тега геометрии контура с геометрией, полученной с веб-сайта. 15:58 Демонстрация готового пользовательского элемента управления • Запуск проекта и демонстрация готового пользовательского элемента управления. • Призыв к подписке и лайкам.
00:00 Введение в пользовательские элементы управления в Avalonia • Пользовательские элементы управления в Avalonia — это повторно используемые компоненты пользовательского интерфейса. • Они инкапсулируют функциональность и упрощают разработку интерфейса за счёт модульности и возможности повторного использования. • Основные характеристики: инкапсуляция, повторное использование, настраиваемость и разделение функций. 00:37 Создание проекта Avalonia • Выбор шаблона «Приложение Avalonia .NET» в Visual Studio. • Упоминание о необходимости установки расширения Avalonia для доступа к дизайнеру. 01:38 Определение разметки XAML • Разметка XAML определяет макет и структуру пользовательского элемента управления. • Добавление дизайнера через расширение Avalonia для Visual Studio. 02:50 Создание пользовательского элемента управления • Добавление нового элемента «Пользовательский контроль Avalonia». • Настройка макета: добавление сетки и текстового блока, установка свойств фона и привязки текста. 05:14 Разработка кода пользовательского элемента управления • Создание свойства стиля и геттеров/сеттеров для свойства сообщения. • Указание контекста данных в пользовательском элементе управления. 07:34 Решение проблемы с скомпилированными привязками • Объяснение проблемы с компилированными привязками и способы её решения: глобальное включение/отключение, использование разметки скомпилированной привязки. • Пример изменения значения «avalonia use compiled binding» в файле проекта. 09:36 Добавление пользовательского элемента управления в проект • Определение пространства имён и добавление пользовательского элемента управления в главное окно. • Передача сообщения в пользовательский элемент управления. 11:04 Разработка кнопки с значком • Удаление сетки и добавление рамки с радиусом угла. • Добавление панели стека и кнопки с значком контура. • Создание стиля для значка и добавление геометрии потока. 14:53 Завершение разработки кнопки • Вставка статического ресурса в значок пути. • Альтернативный способ: использование тега геометрии контура с геометрией, полученной с веб-сайта. 15:58 Демонстрация готового пользовательского элемента управления • Запуск проекта и демонстрация готового пользовательского элемента управления. • Призыв к подписке и лайкам.