#22 C# WPF UI - Всплывающее меню настроек
00:07 Введение и план работы • Переход на страницу настроек. • Быстрое создание файла Photoshop для моделирования пользовательского интерфейса. • Идея скольжения интерфейса снизу вверх и закрытия кнопкой. 01:06 Настройка класса в Visual Studio • Удаление пространств имён и добавление «public» при создании класса. • Использование конструктора по умолчанию. • Настройка шаблона класса для экономии времени. 04:18 Работа с правами администратора • Запуск Visual Studio Code от имени администратора. • Проблемы с сохранением файла и их решение. 06:07 Создание нового класса • Добавление нового класса и настройка его параметров. • Добавление комментариев и проверка работы класса. 08:15 Создание пользовательского элемента управления • Создание пользовательского элемента управления «Настройки». • Изменение пространства имён и проверка компиляции. 10:53 Настройка интерфейса • Добавление белого фона и сетки. • Создание заголовка настроек и основного содержимого. • Настройка шрифта и кнопки со значком. 14:05 Решение проблем • Проверка наличия кнопки со значком на экране. • Устранение проблем с тестированием и стилями элементов. 14:47 Настройка макета кнопок • Привязка пуговиц по ширине к высоте. • Проблема с бесконечной высотой и нулевой шириной. • Установка высоты для обхода проблемы. • Изменение цвета переднего плана. 15:38 Создание стрелки влево • Использование шрифта для стрелки влево. • Рисование стрелки в виде круга или использование готовой из Photoshop. • Выравнивание стрелки по левому краю. 17:30 Настройка текстового блока • Использование шрифта Font Awesome для текста настроек. • Центрирование текста по вертикали. • Создание текстового блока с внутренними проходами. 20:20 Добавление меню настроек • Добавление страницы настроек в главное окно. • Настройка сетки и индекса панели. • Применение анимации слайда вверх. 21:54 Привязка анимации к свойству • Привязка анимации к новому свойству меню настроек. • Переход к модели просмотра окна. • Проблемы с IntelliSense и их решение. 25:41 Рефакторинг модели представления приложения • Добавление ярлыка для модели представления приложения в IOC. • Изменение модели представления приложения на «приложение». • Удобный доступ к модели представления через IOC.application. 27:08 Тестирование меню настроек • Установка значения ioc.application.settings menu visible равным true для отображения меню настроек. • Запуск проекта для тестирования. • Проблемы с производительностью компьютера. 28:31 Исправление бесконечного цикла • Замена вызова программы на модель представления приложения для предотвращения бесконечного цикла. • Проверка работы кнопки «Отправить» и страницы «Настройки». 29:20 Настройка анимации • Изменение свойства «исчезать» для всех анимаций. • Обсуждение влияния на макет при сохранении запаса прочности. 30:37 Проверка работы анимаций • Вставка анимации «Исчезай» для скрытия элементов. • Проверка скрытия анимаций на странице входа в систему. 31:29 Проблемы с меню настроек • Привязка меню настроек к видимому состоянию. • Анализ проблем с моделью настроек приложения IOC. 33:11 Использование локатора моделей просмотра • Применение локатора моделей просмотра для получения значения страницы приложения. • Настройка исходного кода для привязки видимого меню настроек. 36:05 Исправление стиля кнопки • Настройка высоты и стиля значка кнопки. • Изменение стиля на кнопку увеличения значка. 38:13 Проблемы с анимацией коллапса • Проверка влияния коллапса на анимацию. • Добавление теста на видимость для корректной работы анимации. 39:25 Проблемы со слайдом вверх • Анализ проблем со слайдом вверх на странице настроек. • Возвращение изменений для исправления работы анимации. 41:02 Завершение работы над анимацией • Проверка работы анимации после внесения изменений. • Поиск альтернативных решений для корректной работы анимации. 41:46 Проблема с всплывающим окном • Обсуждение проблемы с всплывающим окном, которое было полностью отключено. • Упоминание о использовании свойства «Вставлять снизу» в меню. 42:52 Анализ решения проблемы • Объяснение, что проблема была решена путём установки индексов Z. • Решение удалить анимацию элементов фреймворка для исправления макета. 43:51 Проверка скрытия элемента • Попытка сделать элемент невидимым для решения проблемы. • Проверка работы скрытия в главном окне управления настройками. 45:25 Настройка анимации страницы • Настройка анимации страницы: постепенное увеличение высоты. • Проверка фактической высоты элемента и её соответствия ожиданиям. 46:44 Создание модели представления настроек 50:09 Привязка модели представления 52:23 Тестирование закрытия меню 53:46 Завершение настройки 54:25 Привязка команды к кнопке настроек 56:31 Исправление проблем с WPF 58:09 Настройка анимации слайда 01:00:02 Решение проблемы с планировкой 01:02:18 Завершение работы над меню настроек 01:04:13 Анонс следующего видео
00:07 Введение и план работы • Переход на страницу настроек. • Быстрое создание файла Photoshop для моделирования пользовательского интерфейса. • Идея скольжения интерфейса снизу вверх и закрытия кнопкой. 01:06 Настройка класса в Visual Studio • Удаление пространств имён и добавление «public» при создании класса. • Использование конструктора по умолчанию. • Настройка шаблона класса для экономии времени. 04:18 Работа с правами администратора • Запуск Visual Studio Code от имени администратора. • Проблемы с сохранением файла и их решение. 06:07 Создание нового класса • Добавление нового класса и настройка его параметров. • Добавление комментариев и проверка работы класса. 08:15 Создание пользовательского элемента управления • Создание пользовательского элемента управления «Настройки». • Изменение пространства имён и проверка компиляции. 10:53 Настройка интерфейса • Добавление белого фона и сетки. • Создание заголовка настроек и основного содержимого. • Настройка шрифта и кнопки со значком. 14:05 Решение проблем • Проверка наличия кнопки со значком на экране. • Устранение проблем с тестированием и стилями элементов. 14:47 Настройка макета кнопок • Привязка пуговиц по ширине к высоте. • Проблема с бесконечной высотой и нулевой шириной. • Установка высоты для обхода проблемы. • Изменение цвета переднего плана. 15:38 Создание стрелки влево • Использование шрифта для стрелки влево. • Рисование стрелки в виде круга или использование готовой из Photoshop. • Выравнивание стрелки по левому краю. 17:30 Настройка текстового блока • Использование шрифта Font Awesome для текста настроек. • Центрирование текста по вертикали. • Создание текстового блока с внутренними проходами. 20:20 Добавление меню настроек • Добавление страницы настроек в главное окно. • Настройка сетки и индекса панели. • Применение анимации слайда вверх. 21:54 Привязка анимации к свойству • Привязка анимации к новому свойству меню настроек. • Переход к модели просмотра окна. • Проблемы с IntelliSense и их решение. 25:41 Рефакторинг модели представления приложения • Добавление ярлыка для модели представления приложения в IOC. • Изменение модели представления приложения на «приложение». • Удобный доступ к модели представления через IOC.application. 27:08 Тестирование меню настроек • Установка значения ioc.application.settings menu visible равным true для отображения меню настроек. • Запуск проекта для тестирования. • Проблемы с производительностью компьютера. 28:31 Исправление бесконечного цикла • Замена вызова программы на модель представления приложения для предотвращения бесконечного цикла. • Проверка работы кнопки «Отправить» и страницы «Настройки». 29:20 Настройка анимации • Изменение свойства «исчезать» для всех анимаций. • Обсуждение влияния на макет при сохранении запаса прочности. 30:37 Проверка работы анимаций • Вставка анимации «Исчезай» для скрытия элементов. • Проверка скрытия анимаций на странице входа в систему. 31:29 Проблемы с меню настроек • Привязка меню настроек к видимому состоянию. • Анализ проблем с моделью настроек приложения IOC. 33:11 Использование локатора моделей просмотра • Применение локатора моделей просмотра для получения значения страницы приложения. • Настройка исходного кода для привязки видимого меню настроек. 36:05 Исправление стиля кнопки • Настройка высоты и стиля значка кнопки. • Изменение стиля на кнопку увеличения значка. 38:13 Проблемы с анимацией коллапса • Проверка влияния коллапса на анимацию. • Добавление теста на видимость для корректной работы анимации. 39:25 Проблемы со слайдом вверх • Анализ проблем со слайдом вверх на странице настроек. • Возвращение изменений для исправления работы анимации. 41:02 Завершение работы над анимацией • Проверка работы анимации после внесения изменений. • Поиск альтернативных решений для корректной работы анимации. 41:46 Проблема с всплывающим окном • Обсуждение проблемы с всплывающим окном, которое было полностью отключено. • Упоминание о использовании свойства «Вставлять снизу» в меню. 42:52 Анализ решения проблемы • Объяснение, что проблема была решена путём установки индексов Z. • Решение удалить анимацию элементов фреймворка для исправления макета. 43:51 Проверка скрытия элемента • Попытка сделать элемент невидимым для решения проблемы. • Проверка работы скрытия в главном окне управления настройками. 45:25 Настройка анимации страницы • Настройка анимации страницы: постепенное увеличение высоты. • Проверка фактической высоты элемента и её соответствия ожиданиям. 46:44 Создание модели представления настроек 50:09 Привязка модели представления 52:23 Тестирование закрытия меню 53:46 Завершение настройки 54:25 Привязка команды к кнопке настроек 56:31 Исправление проблем с WPF 58:09 Настройка анимации слайда 01:00:02 Решение проблемы с планировкой 01:02:18 Завершение работы над меню настроек 01:04:13 Анонс следующего видео