15. Avalonia UI Real World (Running In The Browser)
00:00 Введение в кроссплатформенность Avalonia • Avalonia позволяет создавать кроссплатформенные приложения. • Текущие приложения работают только в Windows, но можно добавить поддержку других платформ. • Преобразование существующего приложения в кроссплатформенное. 00:52 Создание кроссплатформенного приложения • Создание нового решения для кроссплатформенного приложения. • Загрузка зависимостей для различных платформ. • Проверка работы приложения на рабочем столе и в браузере. 02:49 Настройка браузера • Изменение браузера по умолчанию на Edge. • Решение проблем с запуском приложения в браузере. 03:39 Установка средств компиляции WebAssembly • Установка средств компиляции WebAssembly через PowerShell. • Проверка установки SDK для нужной версии .NET. 05:34 Обновление шаблонов Avalonia • Переустановка шаблонов Avalonia для актуальной версии. • Пересоздание проекта на основе обновлённых шаблонов. 07:14 Преобразование приложения • Анализ различий между настольным и кроссплатформенным приложениями. • Перемещение файлов и настройка структуры проекта. • Добавление проектов в решение. 10:04 Синхронизация ссылочных номеров • Проверка различий в ссылках между старым и новым шаблонами. • Синхронизация ссылочных номеров в новом шаблоне. 10:38 Работа с файлами и версиями • Удаление каталога «пакеты» и вставка файла из примера приложения. • Удаление версий из файлов для корректной компиляции. • Проверка отсутствия изменений в проекте после удаления версий. 11:12 Добавление зависимостей • Копирование и вставка фреймворка сообщества в файл props. • Настройка синтаксиса для правильного внедрения зависимостей. 12:18 Ссылка на проект • Добавление ссылки на проект через пользовательский интерфейс или копирование ссылки вручную. • Перемещение папки в нужную директорию. • Изменение пространства имён в программе для соответствия новому названию проекта. 13:22 Удаление ненужных элементов • Удаление ресурсов и шрифтов, которые не нужны для проекта. • Удаление ненужных зависимостей, кроме Avalonia Desktop. 13:39 Преобразование проекта • Обновление версии .NET до .NET 9.0. • Удаление встроенного введения и файла манифеста Avalonia. • Удаление номеров версий из ссылок. 15:05 Проверка проекта • Повторная проверка проекта на наличие оставшихся номеров версий. • Преобразование проекта в библиотеку классов. • Запуск проекта для проверки его работы. 16:47 Добавление браузера • Копирование папки с примером браузера в папку пакетного процесса. • Переименование папки и решение. • Добавление проекта браузера в решение и проверка ссылок. 18:42 Настройка браузера • Проверка файла проекта CS и условий запуска. • Настройка пространства имён в HTML и JavaScript. • Добавление проекта браузера в решение и попытка его запуска. 20:27 Исправление ошибок • Анализ ошибок при запуске браузера. • Сравнение кода с примером для выявления различий. • Добавление единой платформы просмотра для исправления ошибок. 21:11 Завершение настройки • Копирование и вставка кода для создания главного окна. • Уточнение различий между main view и главным окном. 21:54 Изменение главного вида на пользовательский элемент управления • Создание нового пользовательского элемента управления Avalonia. • Вырезание содержимого главного окна и вставка его в новый элемент управления. • Перенос пространства имён viewmodel и типа данных в новый элемент управления. 22:55 Импорт кода и переименование элементов • Импорт необходимого кода из основного представления в новый элемент управления. • Переименование главного окна в «главный вид» и обратно в «главное окно». • Использование пользовательского элемента управления как единственного элемента внутри окна. 23:54 Работа с изображениями и пространствами имён • Создание пространства имён XML для работы с локальными изображениями. • Размещение основного изображения в главном окне. • Соответствие примера кроссплатформенного приложения. 25:12 Проблемы с отладкой и их решение • Отсутствие возможности отладки из-за неправильной версии Ski. • Обновление версии Ski и перестройка проекта. • Запуск приложения в браузере и проверка его работы. 26:42 Ограничения браузерного проекта • Неработающие действия и отсутствие отладки в браузере. • Ограниченные возможности браузера, включая отсутствие поддержки внедрения зависимостей и многопоточности. • Планы на будущее: обновление браузера для запуска приложения.
00:00 Введение в кроссплатформенность Avalonia • Avalonia позволяет создавать кроссплатформенные приложения. • Текущие приложения работают только в Windows, но можно добавить поддержку других платформ. • Преобразование существующего приложения в кроссплатформенное. 00:52 Создание кроссплатформенного приложения • Создание нового решения для кроссплатформенного приложения. • Загрузка зависимостей для различных платформ. • Проверка работы приложения на рабочем столе и в браузере. 02:49 Настройка браузера • Изменение браузера по умолчанию на Edge. • Решение проблем с запуском приложения в браузере. 03:39 Установка средств компиляции WebAssembly • Установка средств компиляции WebAssembly через PowerShell. • Проверка установки SDK для нужной версии .NET. 05:34 Обновление шаблонов Avalonia • Переустановка шаблонов Avalonia для актуальной версии. • Пересоздание проекта на основе обновлённых шаблонов. 07:14 Преобразование приложения • Анализ различий между настольным и кроссплатформенным приложениями. • Перемещение файлов и настройка структуры проекта. • Добавление проектов в решение. 10:04 Синхронизация ссылочных номеров • Проверка различий в ссылках между старым и новым шаблонами. • Синхронизация ссылочных номеров в новом шаблоне. 10:38 Работа с файлами и версиями • Удаление каталога «пакеты» и вставка файла из примера приложения. • Удаление версий из файлов для корректной компиляции. • Проверка отсутствия изменений в проекте после удаления версий. 11:12 Добавление зависимостей • Копирование и вставка фреймворка сообщества в файл props. • Настройка синтаксиса для правильного внедрения зависимостей. 12:18 Ссылка на проект • Добавление ссылки на проект через пользовательский интерфейс или копирование ссылки вручную. • Перемещение папки в нужную директорию. • Изменение пространства имён в программе для соответствия новому названию проекта. 13:22 Удаление ненужных элементов • Удаление ресурсов и шрифтов, которые не нужны для проекта. • Удаление ненужных зависимостей, кроме Avalonia Desktop. 13:39 Преобразование проекта • Обновление версии .NET до .NET 9.0. • Удаление встроенного введения и файла манифеста Avalonia. • Удаление номеров версий из ссылок. 15:05 Проверка проекта • Повторная проверка проекта на наличие оставшихся номеров версий. • Преобразование проекта в библиотеку классов. • Запуск проекта для проверки его работы. 16:47 Добавление браузера • Копирование папки с примером браузера в папку пакетного процесса. • Переименование папки и решение. • Добавление проекта браузера в решение и проверка ссылок. 18:42 Настройка браузера • Проверка файла проекта CS и условий запуска. • Настройка пространства имён в HTML и JavaScript. • Добавление проекта браузера в решение и попытка его запуска. 20:27 Исправление ошибок • Анализ ошибок при запуске браузера. • Сравнение кода с примером для выявления различий. • Добавление единой платформы просмотра для исправления ошибок. 21:11 Завершение настройки • Копирование и вставка кода для создания главного окна. • Уточнение различий между main view и главным окном. 21:54 Изменение главного вида на пользовательский элемент управления • Создание нового пользовательского элемента управления Avalonia. • Вырезание содержимого главного окна и вставка его в новый элемент управления. • Перенос пространства имён viewmodel и типа данных в новый элемент управления. 22:55 Импорт кода и переименование элементов • Импорт необходимого кода из основного представления в новый элемент управления. • Переименование главного окна в «главный вид» и обратно в «главное окно». • Использование пользовательского элемента управления как единственного элемента внутри окна. 23:54 Работа с изображениями и пространствами имён • Создание пространства имён XML для работы с локальными изображениями. • Размещение основного изображения в главном окне. • Соответствие примера кроссплатформенного приложения. 25:12 Проблемы с отладкой и их решение • Отсутствие возможности отладки из-за неправильной версии Ski. • Обновление версии Ski и перестройка проекта. • Запуск приложения в браузере и проверка его работы. 26:42 Ограничения браузерного проекта • Неработающие действия и отсутствие отладки в браузере. • Ограниченные возможности браузера, включая отсутствие поддержки внедрения зависимостей и многопоточности. • Планы на будущее: обновление браузера для запуска приложения.