007. Avalonia UI - миграция на кросс-платформенный шаблон и 11 версию
00:00 Начало работы с новым шаблоном Avalonia • Переименование папки в Avalonia Loudness Meter. • Использование Rider для проверки работы нового решения. 00:37 Исправление ошибок • Ошибка при создании решения, решение открывается с помощью Rider. • Открытие папки в Visual Studio Code для удобства работы. 01:19 Проверка кода • Запуск кода, обнаружение ошибок в синтаксисе. • Перезапуск Rider для устранения волнистых линий. 02:09 Анализ проекта • Поиск специфических для платформы элементов. • Обнаружение загрузочного экрана и использования Blazor. 03:07 Работа с активами • Перемещение папки «Активы» в нужное место. • Настройка git ignore для соответствия новым типам файлов. 04:24 Работа со стилями • Копирование стилей из старого проекта в новый. • Создание папки «Стили» для организации стилей. 05:24 Настройка главного окна • Проверка кода главного окна, обнаружение изменений. • Преобразование окна в пользовательский элемент управления. 08:24 Добавление SVG-изображения • Установка пакета Avalonia.SVG.Skia. • Исправление ошибок с пространством имён для элементов управления. 10:01 Проблемы с предварительным просмотром • Сломанный предварительный просмотр после установки SVG. • Перезагрузка компьютера для исправления проблемы. 11:12 Финальные корректировки • Добавление косой черты для корректной работы стилей. • Проверка работы предварительного просмотра после внесения изменений. 12:10 Проблемы со стилями • Стили должны работать, но возникли проблемы с цветами по умолчанию. • Текст заголовка «Авалонии» теперь белый вместо чёрного. • Необходимо установить цвет переднего плана. 12:41 Добавление стилей по умолчанию • Добавляются настройки приложения по умолчанию. • Стили копируются и вставляются в проект без использования кода. 13:35 Настройка элемента управления • Устанавливается белый передний план и чёрный фон для этикетки. • Шаблон и другие элементы управления не нужны. 14:12 Проверка предварительного просмотра • Проверяется работа предварительного просмотра с белым фоном. • Убеждаются, что текст заголовка чёрный. 14:38 Изменение стилей по умолчанию • После сборки стили становятся чёрными, а затем белыми. • Отмечается разница в стилях по умолчанию. 15:02 Перенос базового приложения • Переворачивается стиль элемента управления большим лейблом. • Передний план становится белым, надписи привязываются к нему. 16:26 Завершение миграции • Настраивается иконка для вкладки. • Миграция завершена, изменения фиксируются в Git. 17:12 Рекомендации по коду • Код доступен на GitHub. • Приглашение к обсуждению проблем в Discord.
00:00 Начало работы с новым шаблоном Avalonia • Переименование папки в Avalonia Loudness Meter. • Использование Rider для проверки работы нового решения. 00:37 Исправление ошибок • Ошибка при создании решения, решение открывается с помощью Rider. • Открытие папки в Visual Studio Code для удобства работы. 01:19 Проверка кода • Запуск кода, обнаружение ошибок в синтаксисе. • Перезапуск Rider для устранения волнистых линий. 02:09 Анализ проекта • Поиск специфических для платформы элементов. • Обнаружение загрузочного экрана и использования Blazor. 03:07 Работа с активами • Перемещение папки «Активы» в нужное место. • Настройка git ignore для соответствия новым типам файлов. 04:24 Работа со стилями • Копирование стилей из старого проекта в новый. • Создание папки «Стили» для организации стилей. 05:24 Настройка главного окна • Проверка кода главного окна, обнаружение изменений. • Преобразование окна в пользовательский элемент управления. 08:24 Добавление SVG-изображения • Установка пакета Avalonia.SVG.Skia. • Исправление ошибок с пространством имён для элементов управления. 10:01 Проблемы с предварительным просмотром • Сломанный предварительный просмотр после установки SVG. • Перезагрузка компьютера для исправления проблемы. 11:12 Финальные корректировки • Добавление косой черты для корректной работы стилей. • Проверка работы предварительного просмотра после внесения изменений. 12:10 Проблемы со стилями • Стили должны работать, но возникли проблемы с цветами по умолчанию. • Текст заголовка «Авалонии» теперь белый вместо чёрного. • Необходимо установить цвет переднего плана. 12:41 Добавление стилей по умолчанию • Добавляются настройки приложения по умолчанию. • Стили копируются и вставляются в проект без использования кода. 13:35 Настройка элемента управления • Устанавливается белый передний план и чёрный фон для этикетки. • Шаблон и другие элементы управления не нужны. 14:12 Проверка предварительного просмотра • Проверяется работа предварительного просмотра с белым фоном. • Убеждаются, что текст заголовка чёрный. 14:38 Изменение стилей по умолчанию • После сборки стили становятся чёрными, а затем белыми. • Отмечается разница в стилях по умолчанию. 15:02 Перенос базового приложения • Переворачивается стиль элемента управления большим лейблом. • Передний план становится белым, надписи привязываются к нему. 16:26 Завершение миграции • Настраивается иконка для вкладки. • Миграция завершена, изменения фиксируются в Git. 17:12 Рекомендации по коду • Код доступен на GitHub. • Приглашение к обсуждению проблем в Discord.