#23 AvalomiaUI - Введение в элементы управления ActiPro
00:03 Введение и создание проекта • Приветствие от Ронака и представление темы видео. • Объяснение, что Active Pro Avalonia — это набор элементов управления для создания красивых приложений Avalonia. • Начало создания нового проекта в Visual Studio с выбором шаблона Avalonia .NET MVVM. 01:02 Установка Active Pro • Использование дизайнера Avalonia для работы с кодом. • Установка пакета Active Pro через NuGet. • Решение проблемы с обновлением пакетов перед установкой. 02:41 Ссылка на Active Pro в приложении • Добавление пространства имён Active Pro и современной темы в XAML. • Обзор элементов управления Active Pro: аватары, группы аватаров, значки, карточки, круговые индикаторы прогресса и другие. 04:00 Управление аватаром • Добавление элемента управления аватаром Active Pro. • Настройка свойств аватара: описание, ширина, содержимое. • Демонстрация работы аватара в приложении. 06:24 Управление группой аватаров и значки • Объяснение использования группы аватаров для отображения нескольких аватаров. • Создание значка и настройка его свойств: радиус поворота, количество, класс акцента. 09:00 Круговой индикатор выполнения • Описание кругового индикатора выполнения и его использования. • Пример настройки индикатора с минимальными и максимальными значениями. • Возможность использования классов для изменения цвета индикатора. 10:05 Информационная панель • Назначение информационной панели для отображения важной информации. • Уровни серьёзности информационной панели: информация, успех, предупреждение, ошибка. • Настройка значков и фона для каждого уровня серьёзности. • Добавление кнопок действий на информационную панель. 12:56 Кнопка на информационной панели • Кнопка появляется при запуске приложения. • Можно изменять свойства кнопки, как у обычной кнопки. • Возможность добавления значков вместо действий. 13:13 Сегментированная панель • Сегментированная панель позволяет выбирать один элемент с плавной анимацией. • Добавление сегментированной панели на экран. • Настройка высоты панели. 14:09 Настройка сегментированной панели • Установка «включить» или «отключить» для каждого элемента панели сегментов. • Добавление класса «акцентирование контура дефиса» для контура выбранных элементов. 15:10 Индикатор прогресса • Индикаторы прогресса используются для сообщения пользователю о происходящем процессе. • Кольцевой индикатор прогресса отображает анимированное кольцо с двумя сегментами. • Использование свойства электронного вращения для активации анимации. 16:01 Настройка кольцевого индикатора • Изменение ширины и высоты изображения на 50 пунктов. • Настройка акцентного цвета и толщины линии. • Изменение заглушки линии на «круглую». • Установка свойства e-spinning в значение true.
00:03 Введение и создание проекта • Приветствие от Ронака и представление темы видео. • Объяснение, что Active Pro Avalonia — это набор элементов управления для создания красивых приложений Avalonia. • Начало создания нового проекта в Visual Studio с выбором шаблона Avalonia .NET MVVM. 01:02 Установка Active Pro • Использование дизайнера Avalonia для работы с кодом. • Установка пакета Active Pro через NuGet. • Решение проблемы с обновлением пакетов перед установкой. 02:41 Ссылка на Active Pro в приложении • Добавление пространства имён Active Pro и современной темы в XAML. • Обзор элементов управления Active Pro: аватары, группы аватаров, значки, карточки, круговые индикаторы прогресса и другие. 04:00 Управление аватаром • Добавление элемента управления аватаром Active Pro. • Настройка свойств аватара: описание, ширина, содержимое. • Демонстрация работы аватара в приложении. 06:24 Управление группой аватаров и значки • Объяснение использования группы аватаров для отображения нескольких аватаров. • Создание значка и настройка его свойств: радиус поворота, количество, класс акцента. 09:00 Круговой индикатор выполнения • Описание кругового индикатора выполнения и его использования. • Пример настройки индикатора с минимальными и максимальными значениями. • Возможность использования классов для изменения цвета индикатора. 10:05 Информационная панель • Назначение информационной панели для отображения важной информации. • Уровни серьёзности информационной панели: информация, успех, предупреждение, ошибка. • Настройка значков и фона для каждого уровня серьёзности. • Добавление кнопок действий на информационную панель. 12:56 Кнопка на информационной панели • Кнопка появляется при запуске приложения. • Можно изменять свойства кнопки, как у обычной кнопки. • Возможность добавления значков вместо действий. 13:13 Сегментированная панель • Сегментированная панель позволяет выбирать один элемент с плавной анимацией. • Добавление сегментированной панели на экран. • Настройка высоты панели. 14:09 Настройка сегментированной панели • Установка «включить» или «отключить» для каждого элемента панели сегментов. • Добавление класса «акцентирование контура дефиса» для контура выбранных элементов. 15:10 Индикатор прогресса • Индикаторы прогресса используются для сообщения пользователю о происходящем процессе. • Кольцевой индикатор прогресса отображает анимированное кольцо с двумя сегментами. • Использование свойства электронного вращения для активации анимации. 16:01 Настройка кольцевого индикатора • Изменение ширины и высоты изображения на 50 пунктов. • Настройка акцентного цвета и толщины линии. • Изменение заглушки линии на «круглую». • Установка свойства e-spinning в значение true.