17. Avalonia UI Real World (Deleting List Items)
00:00 Привязка списка к модели представления • Создание боковой панели и viewmodel для обновления данных при переходе между вкладками. • Необходимость привязки списка к модели представления страницы действий. • Использование источника элемента для привязки к модели представления. 01:00 Исправление ошибок компиляции • Добавление пространства имён виртуальной машины для работы с viewmodels. • Исправление ошибки, связанной с отсутствием свойства observable. • Перекомпиляция файла для применения изменений. 01:59 Реализация конструктора для разработки • Добавление абстрактного метода для выполнения действий во время разработки. • Изменение стиля конструктора на обычный. • Использование функции Avalonia для управления дизайном в режиме разработки. 04:03 Работа с виртуальными методами • Объяснение работы виртуальных методов в конструкторах. • Проверка работы конструктора времени разработки. • Подтверждение корректной привязки списка. 06:36 Исправление проблем с локатором просмотра • Анализ проблемы с искажением изображения из-за локатора просмотра. • Исправление ошибки с базовым классом и наблюдаемым свойством. • Проверка работы приложения после исправления. 08:33 Обработка событий вкладок • Проблема с захватом событий при изменении выбора. • Проверка источника события для корректной обработки изменений вкладок. • Фиксация событий только при изменении вкладки. 10:36 Настройка пользовательских элементов • Создание стиля для списка с пользовательскими элементами. • Настройка размера кнопок «Удалить» и «Действие». • Кодирование стиля в представлении для упрощения абстракции. 11:44 Создание шаблона элемента • Определение шаблона данных и типа данных. • Добавление модели просмотра действия viewmodel. • Создание сетки с автоматическим определением столбцов для кнопки удаления. 12:26 Настройка таблицы • Добавление таблицы для отображения названия работы. • Удаление ненужных дополнений и настройка отступов. • Уменьшение размеров верхней и нижней границ для компактности. 13:12 Добавление кнопки «Удалить» • Размещение кнопки «Удалить» во втором столбце сетки. • Вертикальное выравнивание текста кнопки по центру. 14:07 Настройка значка • Добавление значка контура в ячейку. • Настройка семейства шрифтов для значка. • Исправление класса «только значок» для кнопки. 16:26 Оптимизация размеров кнопок • Уменьшение размеров кнопок для компактности. • Удаление лишних полей и отступов. • Создание дополнительных классов кнопок для ещё более компактного отображения. 20:15 Стилизация кнопки «Опасность» • Переименование кнопки «Предупреждение» в «Опасность». • Настройка градиента и цвета кнопки. • Добавление класса «опасность» для кнопки. 22:01 Привязка видимости кнопок • Привязка видимости кнопок к выбранному элементу. • Использование стилей точек в списке для привязки. • Проверка работы привязки и корректировка размеров элементов. 23:56 Финальная настройка • Корректировка размеров надписи для корректного отображения. • Устранение проблем с выравниванием элементов. • Достижение оптимального отображения элементов списка. 25:10 Настройка кнопки • Добавление отступов для кнопки. • Проверка работы кнопки в приложении. • Проблемы с viewmodels при удалении элементов. 26:03 Реализация функции удаления • Добавление функции удаления в модель представления верхнего уровня. • Передача идентификатора элемента в команду ретрансляции. • Логика удаления передаётся службе, работающей с базой данных. 27:01 Проверка наличия элемента • Проверка наличия элемента в списке по идентификатору. • Решение проблемы с интеллектуальным интеллектом IntelliSense. • Обработка ситуации, когда элемент не найден. 28:43 Привязка команды к кнопке • Использование привязки данных для вызова метода удаления. • Преобразование контекста данных в модель представления. • Передача командного параметра с идентификатором элемента. 31:35 Тестирование удаления • Проверка работы удаления в приложении. • Обновление списка и базы данных при удалении элемента. • Планирование внедрения сервиса для работы с базой данных. 32:34 Завершение работы с пользовательским интерфейсом • Завершение работы с пользовательским интерфейсом страницы действий. • Добавление опций сохранения после завершения работы с интерфейсом. • Сохранение данных в статической службе базы данных в фоновом режиме.
00:00 Привязка списка к модели представления • Создание боковой панели и viewmodel для обновления данных при переходе между вкладками. • Необходимость привязки списка к модели представления страницы действий. • Использование источника элемента для привязки к модели представления. 01:00 Исправление ошибок компиляции • Добавление пространства имён виртуальной машины для работы с viewmodels. • Исправление ошибки, связанной с отсутствием свойства observable. • Перекомпиляция файла для применения изменений. 01:59 Реализация конструктора для разработки • Добавление абстрактного метода для выполнения действий во время разработки. • Изменение стиля конструктора на обычный. • Использование функции Avalonia для управления дизайном в режиме разработки. 04:03 Работа с виртуальными методами • Объяснение работы виртуальных методов в конструкторах. • Проверка работы конструктора времени разработки. • Подтверждение корректной привязки списка. 06:36 Исправление проблем с локатором просмотра • Анализ проблемы с искажением изображения из-за локатора просмотра. • Исправление ошибки с базовым классом и наблюдаемым свойством. • Проверка работы приложения после исправления. 08:33 Обработка событий вкладок • Проблема с захватом событий при изменении выбора. • Проверка источника события для корректной обработки изменений вкладок. • Фиксация событий только при изменении вкладки. 10:36 Настройка пользовательских элементов • Создание стиля для списка с пользовательскими элементами. • Настройка размера кнопок «Удалить» и «Действие». • Кодирование стиля в представлении для упрощения абстракции. 11:44 Создание шаблона элемента • Определение шаблона данных и типа данных. • Добавление модели просмотра действия viewmodel. • Создание сетки с автоматическим определением столбцов для кнопки удаления. 12:26 Настройка таблицы • Добавление таблицы для отображения названия работы. • Удаление ненужных дополнений и настройка отступов. • Уменьшение размеров верхней и нижней границ для компактности. 13:12 Добавление кнопки «Удалить» • Размещение кнопки «Удалить» во втором столбце сетки. • Вертикальное выравнивание текста кнопки по центру. 14:07 Настройка значка • Добавление значка контура в ячейку. • Настройка семейства шрифтов для значка. • Исправление класса «только значок» для кнопки. 16:26 Оптимизация размеров кнопок • Уменьшение размеров кнопок для компактности. • Удаление лишних полей и отступов. • Создание дополнительных классов кнопок для ещё более компактного отображения. 20:15 Стилизация кнопки «Опасность» • Переименование кнопки «Предупреждение» в «Опасность». • Настройка градиента и цвета кнопки. • Добавление класса «опасность» для кнопки. 22:01 Привязка видимости кнопок • Привязка видимости кнопок к выбранному элементу. • Использование стилей точек в списке для привязки. • Проверка работы привязки и корректировка размеров элементов. 23:56 Финальная настройка • Корректировка размеров надписи для корректного отображения. • Устранение проблем с выравниванием элементов. • Достижение оптимального отображения элементов списка. 25:10 Настройка кнопки • Добавление отступов для кнопки. • Проверка работы кнопки в приложении. • Проблемы с viewmodels при удалении элементов. 26:03 Реализация функции удаления • Добавление функции удаления в модель представления верхнего уровня. • Передача идентификатора элемента в команду ретрансляции. • Логика удаления передаётся службе, работающей с базой данных. 27:01 Проверка наличия элемента • Проверка наличия элемента в списке по идентификатору. • Решение проблемы с интеллектуальным интеллектом IntelliSense. • Обработка ситуации, когда элемент не найден. 28:43 Привязка команды к кнопке • Использование привязки данных для вызова метода удаления. • Преобразование контекста данных в модель представления. • Передача командного параметра с идентификатором элемента. 31:35 Тестирование удаления • Проверка работы удаления в приложении. • Обновление списка и базы данных при удалении элемента. • Планирование внедрения сервиса для работы с базой данных. 32:34 Завершение работы с пользовательским интерфейсом • Завершение работы с пользовательским интерфейсом страницы действий. • Добавление опций сохранения после завершения работы с интерфейсом. • Сохранение данных в статической службе базы данных в фоновом режиме.