#13 AvaloniaUI - XAML Playground для AvaloniaUI - От настройки до стилизации, привязки данных и MVVM
00:00 Введение • Приветствие от Ронака. • Объяснение темы видео: использование инструмента Avalonia XAML Playground. • Призыв подписаться на канал. 00:16 Доступ к документации Avalonia • Инструкция по поиску документации Avalonia через Google. • Описание интерфейса игровой площадки XAML: слева XAML-код, справа элементы управления. 01:31 Работа с игровой площадкой • Демонстрация изменений в реальном времени на игровой площадке. • Пример изменения текста кнопки. 02:04 Создание проекта в Visual Studio • Запуск Visual Studio и создание нового проекта. • Выбор шаблона Avalonia. 02:58 Примеры кнопок • Обзор различных типов кнопок: стандартная, с белым передним планом, с динамическим ресурсом. • Использование стилей и тем для кнопок. • Пример кнопки повтора. 04:27 Предварительный просмотр XAML • Установка расширения Avalonia для предварительного просмотра XAML в Visual Studio. • Копирование и вставка кода из игровой площадки в проект. 06:03 Запуск приложения • Запуск приложения и демонстрация различных типов кнопок. 06:21 Анимация • Объяснение использования анимации ключевых кадров. • Примеры анимации с использованием шаблонов. 07:18 Акриловые элементы управления • Пример использования ползунков непрозрачности оттенка. • Привязка текстовых блоков к ползункам. 09:11 Границы элементов управления • Добавление границ к элементам управления с помощью элемента border. • Настройка толщины, отступа и радиуса угла границ. 10:06 Исключения и привязки • Обсуждение исключений и их использования в элементах управления. • Примеры привязок свойств к счётчику кнопок. 12:07 Календари и режимы выбора • Обзор календарей и режимов выбора. • Вставка панели со списком в код и настройка режима выбора календаря. 13:24 Работа с календарем • Демонстрация календаря и текстового блока. • Режим выбора «нет» не позволяет делать выборки в календаре. • Возможность выбора одной даты. 14:37 Выбор нескольких дат • Удержание клавиши Shift после выбора конкретной даты позволяет выбрать несколько дат. • Дополнительные варианты размещения в элементе управления календарем. 15:29 Средство выбора даты в календаре • Свойство «выбранный формат даты» определяет формат даты: короткий, длинный или пользовательский. • Пользовательский формат даты требует указания строки формата в свойствах. • Отображение текста-заполнителя в нужном формате с красивым значком. 16:13 Элемент управления canvas • Создание геометрии контура на холсте. • Применение свойства отсечения к геометрии. • Генерация геометрических значений контура онлайн. 18:00 Поле со списком • Отображение текста-заполнителя в выпадающих списках. • Определение пользовательских элементов и шаблонов в полях со списком. • Использование эллипса, прямоугольника и текстового блока в качестве элементов списка. 19:28 Контекстное меню • Создание всплывающих окон с меню и подменю при щелчке правой кнопкой мыши. • Настройка всплывающего меню для различных элементов управления. • Возможность отображения XML-файла во всплывающем меню. 21:53 Выбор даты и времени • Элемент управления для выбора календаря. • Прокрутка полей месяц, дата, месяц, год. • Проверка ошибок при выборе нереалистичной даты. • Форматированный выбор даты и времени с указанием только даты и года. • Простой выбор времени без даты. 23:58 Выбор времени • Средство выбора времени с шагом в пятнадцать минут. • Возможность установки идентификатора часов как двадцатичетырёхчасовых или двенадцатичасовых. • Индикаторы утра или вечера в зависимости от формата времени. 24:54 Расширители и всплывающие окна • Расширители могут размещать отдельные элементы или группы элементов внутри панели стека. • Заголовок расширителя может быть развёрнут вверх, вниз, влево или вправо. • Всплывающие окна могут содержать образцы и меню. 26:05 Размещение всплывающих окон • Установка мест размещения всплывающих окон с помощью свойств. • Варианты размещения: вверху, справа, внизу и другие. 26:57 Элементы управления • Преобразование поворота для кнопок и макетов. • Цифровые кнопки управления движением вверх и вниз. • Индикаторы выполнения, переключатели, ползунки, пружина и элементы управления вкладками. 28:15 Дополнительные элементы управления • Текстовый блок, текстовое поле, тумблер и пользовательские элементы управления. • Окно просмотра как контейнер для элементов. 29:14 Заключение • Упоминание о других видеороликах по Avalonia. • Рекомендация проверить xaml-предпросмотр. • Призыв к подписке и лайкам.
00:00 Введение • Приветствие от Ронака. • Объяснение темы видео: использование инструмента Avalonia XAML Playground. • Призыв подписаться на канал. 00:16 Доступ к документации Avalonia • Инструкция по поиску документации Avalonia через Google. • Описание интерфейса игровой площадки XAML: слева XAML-код, справа элементы управления. 01:31 Работа с игровой площадкой • Демонстрация изменений в реальном времени на игровой площадке. • Пример изменения текста кнопки. 02:04 Создание проекта в Visual Studio • Запуск Visual Studio и создание нового проекта. • Выбор шаблона Avalonia. 02:58 Примеры кнопок • Обзор различных типов кнопок: стандартная, с белым передним планом, с динамическим ресурсом. • Использование стилей и тем для кнопок. • Пример кнопки повтора. 04:27 Предварительный просмотр XAML • Установка расширения Avalonia для предварительного просмотра XAML в Visual Studio. • Копирование и вставка кода из игровой площадки в проект. 06:03 Запуск приложения • Запуск приложения и демонстрация различных типов кнопок. 06:21 Анимация • Объяснение использования анимации ключевых кадров. • Примеры анимации с использованием шаблонов. 07:18 Акриловые элементы управления • Пример использования ползунков непрозрачности оттенка. • Привязка текстовых блоков к ползункам. 09:11 Границы элементов управления • Добавление границ к элементам управления с помощью элемента border. • Настройка толщины, отступа и радиуса угла границ. 10:06 Исключения и привязки • Обсуждение исключений и их использования в элементах управления. • Примеры привязок свойств к счётчику кнопок. 12:07 Календари и режимы выбора • Обзор календарей и режимов выбора. • Вставка панели со списком в код и настройка режима выбора календаря. 13:24 Работа с календарем • Демонстрация календаря и текстового блока. • Режим выбора «нет» не позволяет делать выборки в календаре. • Возможность выбора одной даты. 14:37 Выбор нескольких дат • Удержание клавиши Shift после выбора конкретной даты позволяет выбрать несколько дат. • Дополнительные варианты размещения в элементе управления календарем. 15:29 Средство выбора даты в календаре • Свойство «выбранный формат даты» определяет формат даты: короткий, длинный или пользовательский. • Пользовательский формат даты требует указания строки формата в свойствах. • Отображение текста-заполнителя в нужном формате с красивым значком. 16:13 Элемент управления canvas • Создание геометрии контура на холсте. • Применение свойства отсечения к геометрии. • Генерация геометрических значений контура онлайн. 18:00 Поле со списком • Отображение текста-заполнителя в выпадающих списках. • Определение пользовательских элементов и шаблонов в полях со списком. • Использование эллипса, прямоугольника и текстового блока в качестве элементов списка. 19:28 Контекстное меню • Создание всплывающих окон с меню и подменю при щелчке правой кнопкой мыши. • Настройка всплывающего меню для различных элементов управления. • Возможность отображения XML-файла во всплывающем меню. 21:53 Выбор даты и времени • Элемент управления для выбора календаря. • Прокрутка полей месяц, дата, месяц, год. • Проверка ошибок при выборе нереалистичной даты. • Форматированный выбор даты и времени с указанием только даты и года. • Простой выбор времени без даты. 23:58 Выбор времени • Средство выбора времени с шагом в пятнадцать минут. • Возможность установки идентификатора часов как двадцатичетырёхчасовых или двенадцатичасовых. • Индикаторы утра или вечера в зависимости от формата времени. 24:54 Расширители и всплывающие окна • Расширители могут размещать отдельные элементы или группы элементов внутри панели стека. • Заголовок расширителя может быть развёрнут вверх, вниз, влево или вправо. • Всплывающие окна могут содержать образцы и меню. 26:05 Размещение всплывающих окон • Установка мест размещения всплывающих окон с помощью свойств. • Варианты размещения: вверху, справа, внизу и другие. 26:57 Элементы управления • Преобразование поворота для кнопок и макетов. • Цифровые кнопки управления движением вверх и вниз. • Индикаторы выполнения, переключатели, ползунки, пружина и элементы управления вкладками. 28:15 Дополнительные элементы управления • Текстовый блок, текстовое поле, тумблер и пользовательские элементы управления. • Окно просмотра как контейнер для элементов. 29:14 Заключение • Упоминание о других видеороликах по Avalonia. • Рекомендация проверить xaml-предпросмотр. • Призыв к подписке и лайкам.