#07 C# WPF UI - Анимация раскадровки
00:07 Введение и причины задержки • Объявляет тему видео: анимации в WPF. • Упоминает приложение Faceto Word и экран регистрации. 01:06 Анимации переключения страниц • Обсуждается добавление анимаций для переключения между страницами. • Пример анимации: экран входа в систему перемещается вправо при загрузке. • Подчёркивается разнообразие способов реализации анимаций в WPF. 02:05 Работа с триггерами и раскадровками • Объяснение работы с триггерами событий и корневыми событиями. • Раскадровки как основной инструмент анимации в WPF. • Примеры различных типов анимаций: числовая, цветовая, логическая. 03:16 Создание цветной анимации • Настройка цветной анимации для изменения цвета фона кнопки. • Установка длительности анимации и целевого свойства. • Проверка работы анимации при наведении курсора. 04:36 Обратная анимация • Создание обратной анимации для изменения цвета при отведении курсора. • Копирование и вставка триггера события для обратной анимации. 06:10 Базовая страница для анимаций • Создание базового класса для страниц с возможностью анимации. • Добавление анимации для появления и исчезновения страниц. • Перечисление типов анимаций: «скользить» и «исчезать». 09:48 Настройка времени анимации • Определение времени анимации для каждой страницы. • Использование свойства для настройки времени анимации. • Пример настройки времени анимации слайда. 11:33 Запуск анимации при загрузке страницы • Перенос кода для запуска анимации при загрузке страницы. • Уменьшение видимости элемента перед запуском анимации. • Запуск анимации и ожидание её завершения. 13:59 Ожидание события и проверка загрузки страницы • Событие делается ожидаемым для устранения ошибки. • Аниматор проверяет, не равна ли точка загрузки страницы нулю. • Если точка загрузки равна нулю, анимация не выполняется. 14:32 Добавление анимации загрузки • Включается анимация загрузки. • Начинается обработка скольжения справа. • Планируется создание помощника для раскадровки с анимациями скольжения и затухания. 15:44 Настройка анимации слайдов • Создаётся новая анимация слайдов. • Настраиваются поля страницы: левое поле — ширина окна, правое поле — отрицательное значение. • Используется анимация толщины для смещения страницы. 16:44 Создание вспомогательной функции • Вспомогательная функция упрощает указание времени анимации. • Устанавливаются значения полей: левое поле — список.окно window, верхнее поле — пустота, правое поле — минус ширина окна stop, нижнее поле — пустота. 17:45 Коэффициент замедления и использование анимации • Коэффициент замедления 0,9 обеспечивает эффект упругости. • Анимация слайдов перемещается с внешнего экрана на внутренний. • Указывается, где используется анимация. 18:18 Прикрепление анимации к раскадровке • Прикрепляются свойства storyboard.target name и storyboard.target property. • Добавляется анимация слайда на раскадровку. 19:09 Запуск анимации и ожидание её завершения • Запускается анимация слайда. • Выполняется задача «ожидание» для задержки слайда на несколько секунд. • После завершения анимации страница становится видимой. 20:48 Замена страницы входа • Страница входа заменяется на базовую страницу. • Изменения вносятся в XAML и код. 22:04 Демонстрация анимации • Демонстрируется работа анимации при нажатии кнопки. • Подчёркивается важность использования моделей представлений для логики анимации. 24:23 Создание вспомогательного класса • Планируется создание нового класса «помощники по раскадровке» для управления анимациями. 24:47 Создание класса и анимационных помощников • Создание общедоступного класса `Story` и статических анимационных помощников для раскадровок. • Добавление слайда справа и использование вспомогательной функции раскадровки. • Необходимость точных секунд для анимации. 25:37 Настройка параметров анимации • Определение смещения и замедления для анимации. • Использование известных значений по умолчанию. 26:57 Создание вспомогательной функции • Создание вспомогательной функции для анимации слайда. • Разделение кода на модули для повторного использования. 27:33 Реализация помощника по анимации • Создание вспомогательного класса для анимации страницы. • Передача параметров анимации: секунды, смещение, замедление. 30:26 Добавление анимации в раскадровку • Создание анимации с заданными параметрами. • Добавление анимации в раскадровку и запуск процесса. 33:01 Проверка работы анимации • Проверка работы анимации «скользить и исчезать справа». • Подтверждение, что все анимации работают корректно. 33:53 Добавление постепенного исчезновения • Добавление анимации с постепенным исчезновением. • Настройка параметров анимации: секунды, отсутствие смещения и замедления. • Создание двойной анимации для постепенного исчезновения. 35:05 Настройка анимации непрозрачности 35:53 Создание новых анимаций 37:34 Анимация страниц 38:46 Отладка анимации 40:33 Влияние размера окна на анимацию 42:18 Привязка страниц и асинхронные преобразователи 44:08 Заключение
00:07 Введение и причины задержки • Объявляет тему видео: анимации в WPF. • Упоминает приложение Faceto Word и экран регистрации. 01:06 Анимации переключения страниц • Обсуждается добавление анимаций для переключения между страницами. • Пример анимации: экран входа в систему перемещается вправо при загрузке. • Подчёркивается разнообразие способов реализации анимаций в WPF. 02:05 Работа с триггерами и раскадровками • Объяснение работы с триггерами событий и корневыми событиями. • Раскадровки как основной инструмент анимации в WPF. • Примеры различных типов анимаций: числовая, цветовая, логическая. 03:16 Создание цветной анимации • Настройка цветной анимации для изменения цвета фона кнопки. • Установка длительности анимации и целевого свойства. • Проверка работы анимации при наведении курсора. 04:36 Обратная анимация • Создание обратной анимации для изменения цвета при отведении курсора. • Копирование и вставка триггера события для обратной анимации. 06:10 Базовая страница для анимаций • Создание базового класса для страниц с возможностью анимации. • Добавление анимации для появления и исчезновения страниц. • Перечисление типов анимаций: «скользить» и «исчезать». 09:48 Настройка времени анимации • Определение времени анимации для каждой страницы. • Использование свойства для настройки времени анимации. • Пример настройки времени анимации слайда. 11:33 Запуск анимации при загрузке страницы • Перенос кода для запуска анимации при загрузке страницы. • Уменьшение видимости элемента перед запуском анимации. • Запуск анимации и ожидание её завершения. 13:59 Ожидание события и проверка загрузки страницы • Событие делается ожидаемым для устранения ошибки. • Аниматор проверяет, не равна ли точка загрузки страницы нулю. • Если точка загрузки равна нулю, анимация не выполняется. 14:32 Добавление анимации загрузки • Включается анимация загрузки. • Начинается обработка скольжения справа. • Планируется создание помощника для раскадровки с анимациями скольжения и затухания. 15:44 Настройка анимации слайдов • Создаётся новая анимация слайдов. • Настраиваются поля страницы: левое поле — ширина окна, правое поле — отрицательное значение. • Используется анимация толщины для смещения страницы. 16:44 Создание вспомогательной функции • Вспомогательная функция упрощает указание времени анимации. • Устанавливаются значения полей: левое поле — список.окно window, верхнее поле — пустота, правое поле — минус ширина окна stop, нижнее поле — пустота. 17:45 Коэффициент замедления и использование анимации • Коэффициент замедления 0,9 обеспечивает эффект упругости. • Анимация слайдов перемещается с внешнего экрана на внутренний. • Указывается, где используется анимация. 18:18 Прикрепление анимации к раскадровке • Прикрепляются свойства storyboard.target name и storyboard.target property. • Добавляется анимация слайда на раскадровку. 19:09 Запуск анимации и ожидание её завершения • Запускается анимация слайда. • Выполняется задача «ожидание» для задержки слайда на несколько секунд. • После завершения анимации страница становится видимой. 20:48 Замена страницы входа • Страница входа заменяется на базовую страницу. • Изменения вносятся в XAML и код. 22:04 Демонстрация анимации • Демонстрируется работа анимации при нажатии кнопки. • Подчёркивается важность использования моделей представлений для логики анимации. 24:23 Создание вспомогательного класса • Планируется создание нового класса «помощники по раскадровке» для управления анимациями. 24:47 Создание класса и анимационных помощников • Создание общедоступного класса `Story` и статических анимационных помощников для раскадровок. • Добавление слайда справа и использование вспомогательной функции раскадровки. • Необходимость точных секунд для анимации. 25:37 Настройка параметров анимации • Определение смещения и замедления для анимации. • Использование известных значений по умолчанию. 26:57 Создание вспомогательной функции • Создание вспомогательной функции для анимации слайда. • Разделение кода на модули для повторного использования. 27:33 Реализация помощника по анимации • Создание вспомогательного класса для анимации страницы. • Передача параметров анимации: секунды, смещение, замедление. 30:26 Добавление анимации в раскадровку • Создание анимации с заданными параметрами. • Добавление анимации в раскадровку и запуск процесса. 33:01 Проверка работы анимации • Проверка работы анимации «скользить и исчезать справа». • Подтверждение, что все анимации работают корректно. 33:53 Добавление постепенного исчезновения • Добавление анимации с постепенным исчезновением. • Настройка параметров анимации: секунды, отсутствие смещения и замедления. • Создание двойной анимации для постепенного исчезновения. 35:05 Настройка анимации непрозрачности 35:53 Создание новых анимаций 37:34 Анимация страниц 38:46 Отладка анимации 40:33 Влияние размера окна на анимацию 42:18 Привязка страниц и асинхронные преобразователи 44:08 Заключение