#23 C# WPF UI - Cтраница настроек
00:07 Начало работы над страницей настроек • Размещение интерфейса настроек в центре экрана. • Добавление кнопки выхода из системы. • Проверка сборки решения и отображения слайдера настроек. 01:01 Создание сетки и панели стека • Создание сетки с двумя строками и столбцами. • Определение ширины первого столбца. • Настройка панели стека внутри сетки. 02:26 Настройка аватарки • Добавление рамки для аватарки с скруглёнными углами. • Установка изображения и фоновой кисти. • Настройка размера и режима отображения изображения. 05:17 Выравнивание и центрирование • Выравнивание аватарки по вертикали сверху. • Добавление отступа справа. • Центрирование элемента при расширении экрана. 06:36 Настройка ширины сетки • Задание минимальной и максимальной ширины сетки. • Уменьшение ширины сетки для лучшего центрирования. • Проверка отображения на большом экране. 08:11 Проблема с анимацией • Обнаружение проблемы с анимацией при первой загрузке. • Анализ задержки в 5 миллисекунд перед анимацией. • Попытка исправления проблемы путём скрытия элемента при нулевой анимации. 14:11 Решение проблемы с мерцанием • Скрытие элемента перед добавлением задержки. • Проверка отсутствия мерцания после исправления. • Подтверждение решения проблемы с мерцанием. 15:33 Анимация и задержка • Обнаружена задержка в 5 миллисекунд. • Анимация выхода используется для плавного исчезновения снизу. • Проверка времени анимации перед отображением элемента. 16:12 Исправление анимации • Проверка наличия времени анимации перед отображением элемента. • Удаление раздражающей крошечной анимации. • Быстрое исправление проблемы. 17:01 Бегущая строка и аватарка • Создание анимированной бегущей строки с прокруткой. • Планирование добавления кнопки для смены аватарки при наведении курсора. • Временное удаление наведения до реализации функции. 17:58 Панель стека и пользовательский элемент управления • Обсуждение использования панели стека во втором столбце. • Рассмотрение возможности создания пользовательского элемента управления. • Решение начать со стандартного подхода. 19:10 Сетка и столбцы • Замена панели стека на сетку для заполнения всей ширины. • Определение ширины столбцов сетки. • Добавление меток и определение высоты строк. 22:28 Отступы в сетке • Проблема отсутствия отступов в сетке WPF. • Создание присоединённого свойства для добавления отступов. • Преобразование строкового значения в толщину для установки отступов. 29:07 Проверка и исправление • Проверка отображения элементов в приложении. • Обнаружение и исправление проблемы с анимацией. • Коррекция логики отображения элементов в зависимости от времени анимации. 30:30 Проблемы с красным цветом • Красный цвет не отображался, пока элемент не был нажат. • Необходимо убедиться, что красный цвет снова делает сетку красной. 31:09 Добавление логики • Добавление общей логики для повторяющегося набора кода. • Проверка видимости сетки с помощью красного или тёмно-зелёного цвета. 31:34 Анимация бокового меню • Боковое меню должно быть видимым при первой загрузке. • Проблема с анимацией: секунды не обнуляются, меню остаётся скрытым. 32:59 Ошибка с элементом управления настройками • Не удаётся создать экземпляр элемента управления настройками. • Подозревается проблема с присоединённым свойством. 34:43 Очистка проекта • Полная очистка проекта для устранения проблем с компиляцией. • Удаление папки VS и bin для полной очистки состояния WPF. 36:14 Исправление ошибки с изображением • Ошибка возникает из-за привязки высоты и источника изображения. • Использование сетки для исправления проблемы. 38:53 Настройка маски непрозрачности • Создание маски непрозрачности для визуального элемента. • Привязка визуальной кисти к контейнеру. 42:32 Исправление анимации бокового меню • Анимация бокового меню должна скользить слева направо. • Исправление значения animate in для первой загрузки. 45:23 Настройка отступов • Увеличение отступов слева и справа для улучшения визуального восприятия. • Проверка работы анимации после изменений отступов. 46:08 Подчёркивание ячеек • Добавление подчёркивания для каждой ячейки. • Обеспечение достаточного пространства для подчёркивания. 46:44 Превращение элементов в пользовательские элементы управления • Обсуждение необходимости превращения элементов в пользовательские элементы управления для упрощения работы. • Упоминание о добавлении подчёркивания к каждому свойству в будущем видео. • Настройка свойств grid.row для улучшения визуального восприятия. 47:39 Пример использования элементов • Пример использования имени пользователя Luke и статического пароля. • Объяснение необходимости визуального элемента вместо раскрытия длины пароля. • Добавление адреса электронной почты. 48:18 Добавление кнопок и привязка к модели представления 50:16 Проблемы с анимацией и их решение 52:00 Финальные исправления анимации 54:33 Перенос элементов в пользовательские элементы управления и добавление функций 55:24 Заключение
00:07 Начало работы над страницей настроек • Размещение интерфейса настроек в центре экрана. • Добавление кнопки выхода из системы. • Проверка сборки решения и отображения слайдера настроек. 01:01 Создание сетки и панели стека • Создание сетки с двумя строками и столбцами. • Определение ширины первого столбца. • Настройка панели стека внутри сетки. 02:26 Настройка аватарки • Добавление рамки для аватарки с скруглёнными углами. • Установка изображения и фоновой кисти. • Настройка размера и режима отображения изображения. 05:17 Выравнивание и центрирование • Выравнивание аватарки по вертикали сверху. • Добавление отступа справа. • Центрирование элемента при расширении экрана. 06:36 Настройка ширины сетки • Задание минимальной и максимальной ширины сетки. • Уменьшение ширины сетки для лучшего центрирования. • Проверка отображения на большом экране. 08:11 Проблема с анимацией • Обнаружение проблемы с анимацией при первой загрузке. • Анализ задержки в 5 миллисекунд перед анимацией. • Попытка исправления проблемы путём скрытия элемента при нулевой анимации. 14:11 Решение проблемы с мерцанием • Скрытие элемента перед добавлением задержки. • Проверка отсутствия мерцания после исправления. • Подтверждение решения проблемы с мерцанием. 15:33 Анимация и задержка • Обнаружена задержка в 5 миллисекунд. • Анимация выхода используется для плавного исчезновения снизу. • Проверка времени анимации перед отображением элемента. 16:12 Исправление анимации • Проверка наличия времени анимации перед отображением элемента. • Удаление раздражающей крошечной анимации. • Быстрое исправление проблемы. 17:01 Бегущая строка и аватарка • Создание анимированной бегущей строки с прокруткой. • Планирование добавления кнопки для смены аватарки при наведении курсора. • Временное удаление наведения до реализации функции. 17:58 Панель стека и пользовательский элемент управления • Обсуждение использования панели стека во втором столбце. • Рассмотрение возможности создания пользовательского элемента управления. • Решение начать со стандартного подхода. 19:10 Сетка и столбцы • Замена панели стека на сетку для заполнения всей ширины. • Определение ширины столбцов сетки. • Добавление меток и определение высоты строк. 22:28 Отступы в сетке • Проблема отсутствия отступов в сетке WPF. • Создание присоединённого свойства для добавления отступов. • Преобразование строкового значения в толщину для установки отступов. 29:07 Проверка и исправление • Проверка отображения элементов в приложении. • Обнаружение и исправление проблемы с анимацией. • Коррекция логики отображения элементов в зависимости от времени анимации. 30:30 Проблемы с красным цветом • Красный цвет не отображался, пока элемент не был нажат. • Необходимо убедиться, что красный цвет снова делает сетку красной. 31:09 Добавление логики • Добавление общей логики для повторяющегося набора кода. • Проверка видимости сетки с помощью красного или тёмно-зелёного цвета. 31:34 Анимация бокового меню • Боковое меню должно быть видимым при первой загрузке. • Проблема с анимацией: секунды не обнуляются, меню остаётся скрытым. 32:59 Ошибка с элементом управления настройками • Не удаётся создать экземпляр элемента управления настройками. • Подозревается проблема с присоединённым свойством. 34:43 Очистка проекта • Полная очистка проекта для устранения проблем с компиляцией. • Удаление папки VS и bin для полной очистки состояния WPF. 36:14 Исправление ошибки с изображением • Ошибка возникает из-за привязки высоты и источника изображения. • Использование сетки для исправления проблемы. 38:53 Настройка маски непрозрачности • Создание маски непрозрачности для визуального элемента. • Привязка визуальной кисти к контейнеру. 42:32 Исправление анимации бокового меню • Анимация бокового меню должна скользить слева направо. • Исправление значения animate in для первой загрузки. 45:23 Настройка отступов • Увеличение отступов слева и справа для улучшения визуального восприятия. • Проверка работы анимации после изменений отступов. 46:08 Подчёркивание ячеек • Добавление подчёркивания для каждой ячейки. • Обеспечение достаточного пространства для подчёркивания. 46:44 Превращение элементов в пользовательские элементы управления • Обсуждение необходимости превращения элементов в пользовательские элементы управления для упрощения работы. • Упоминание о добавлении подчёркивания к каждому свойству в будущем видео. • Настройка свойств grid.row для улучшения визуального восприятия. 47:39 Пример использования элементов • Пример использования имени пользователя Luke и статического пароля. • Объяснение необходимости визуального элемента вместо раскрытия длины пароля. • Добавление адреса электронной почты. 48:18 Добавление кнопок и привязка к модели представления 50:16 Проблемы с анимацией и их решение 52:00 Финальные исправления анимации 54:33 Перенос элементов в пользовательские элементы управления и добавление функций 55:24 Заключение