51. Avalonia UI Real World (Process List Page)
00:00 Завершение работы над страницей действий • Страница действий содержит множество вкладок: «Печать», «Пользовательские свойства», «Информация о файле» и другие. • Переходим к вкладке «Процесс», сравнивая макет слева и текущую страницу справа. • Модель представления для серверной части уже создана, осталось разработать пользовательский интерфейс. 00:54 Копирование модели просмотра печати действий • Копируем модель просмотра печати действий на пустую страницу процесса. • Сравниваем различия между страницами, копируя и перемещая элементы. • Настраиваем порядок типов данных в моделях представлений. 01:32 Настройка модели представления данных • Изменяем модель представления данных с «страницы действий» на «страницу процессов». • Открываем конструктор для визуализации изменений. • Добавляем процессы и список процессов в интерфейс. 02:44 Добавление новой кнопки и команды • Создаём новую кнопку «Обработать» для нового процесса. • Изменяем действие «Новая печать» на «новый процесс». • Обнаруживаем ошибку в модели представления и добавляем новую команду. 03:57 Работа со службой базы данных • Используем службу базы данных для работы с процессами. • Передаём службу базы данных в конструкторе. • Обновляем класс для работы с новыми процессами. 05:16 Создание модели представления элементов процесса • Создаём модель представления элементов процесса process item viewmodel. • Добавляем идентификатор, описание и название задания. • Удаляем ненужные методы для упрощения модели. 06:13 Настройка списка процессов • Создаём наблюдаемую коллекцию моделей проверки элементов процесса. • Привязываем список процессов к пользовательскому интерфейсу. • Проверяем правильность возвращаемых типов и обработку элементов. 08:53 Завершение работы над моделью представления • Проверяем привязку элементов к верхнему уровню представления. • Отменяем ненужные изменения и возвращаемся к исходной модели. • Подтверждаем правильность всех изменений. 10:03 Исправление ошибок в process viewmodel • Проверка наличия всех команд на странице процесса. • Привязка к правильной модели просмотра страницы процесса. • Добавление команды «add» для работы с процессами. 10:54 Работа с новым процессом • Вставка нового процесса в модель представления. • Получение списка процессов. 11:09 Добавление новой команды процесса • Добавление новой команды процесса в нужное место. • Использование идентификатора списка выбранных процессов. 12:09 Работа с моделью просмотра действий • Создание метода для работы с добавленными элементами. • Кастинг элементов списка к модели представления процесса. 13:07 Удаление элемента процесса • Привязка шаблона данных к процессу viewmodel. • Удаление элемента процесса через команду «Удалить печать». 14:26 Упрощение кода • Удаление дублирующегося кода. • Создание универсального класса для стандартных поведения. 15:28 Завершение процесса удаления • Подтверждение удаления элемента процесса. • Использование основной модели просмотра и диалоговой службы. 16:34 Обновление моделей просмотра • Обновление моделей просмотра для конструктора. • Создание новой фабрики страниц и диалоговой службы. 17:54 Оптимизация кода • Устранение дублирования методов удаления рекламы. • Планирование упрощения модели распространённого поведения. 18:52 Настройка интерфейса • Изменение настроек процесса и списка заданий. • Добавление возможности перетаскивания элементов. 19:50 Завершающие настройки • Настройка оверлея и списка процессов. • Создание нового процесса для начала работы. 20:17 Новый процесс и общие настройки • Создание нового процесса через всплывающее окно. • Добавление новой команды процесса. • Настройка основных свойств задания: название, описание, список элементов для печати. 21:16 Удаление лишних элементов • Удаление ненужной этикетки «печать». • Удаление двух дополнительных строк в сетке. 21:36 Профили и список действий • Выбор профилей для форматов бумаги. • Переименование списка настроек принтера в список действий. 22:10 Привязка к процессу • Привязка к идентификатору выбранного процесса. • Сохранение порядка действий в списке. 23:49 Порядок сортировки • Введение порядка сортировки int как наблюдаемого свойства. • Добавление порядка сортировки в модель данных процесса. 24:37 Сортировка списка 25:40 Модель представления действий 27:29 Редактирование и удаление 28:28 Новая команда для удаления 30:08 Порядок сортировки в модели представления 30:26 Использование порядка сортировки 31:26 Проверка элементов и передача логики 32:23 Логические действия с выбранным элементом 33:43 Удаление элемента и асинхронность 34:32 Перетаскивание действий 35:28 Сохранение и отмена действий 37:44 Завершение работы и тестирование 38:36 Исправление ошибок и добавление заголовка 40:32 Завершающие настройки 40:47 Создание страницы процессов в LinkedIn 41:46 Исправление текста и добавление доступных действий 42:05 Создание списка действий 43:02 Сортировка и фильтрация действий 44:01 Заключение
00:00 Завершение работы над страницей действий • Страница действий содержит множество вкладок: «Печать», «Пользовательские свойства», «Информация о файле» и другие. • Переходим к вкладке «Процесс», сравнивая макет слева и текущую страницу справа. • Модель представления для серверной части уже создана, осталось разработать пользовательский интерфейс. 00:54 Копирование модели просмотра печати действий • Копируем модель просмотра печати действий на пустую страницу процесса. • Сравниваем различия между страницами, копируя и перемещая элементы. • Настраиваем порядок типов данных в моделях представлений. 01:32 Настройка модели представления данных • Изменяем модель представления данных с «страницы действий» на «страницу процессов». • Открываем конструктор для визуализации изменений. • Добавляем процессы и список процессов в интерфейс. 02:44 Добавление новой кнопки и команды • Создаём новую кнопку «Обработать» для нового процесса. • Изменяем действие «Новая печать» на «новый процесс». • Обнаруживаем ошибку в модели представления и добавляем новую команду. 03:57 Работа со службой базы данных • Используем службу базы данных для работы с процессами. • Передаём службу базы данных в конструкторе. • Обновляем класс для работы с новыми процессами. 05:16 Создание модели представления элементов процесса • Создаём модель представления элементов процесса process item viewmodel. • Добавляем идентификатор, описание и название задания. • Удаляем ненужные методы для упрощения модели. 06:13 Настройка списка процессов • Создаём наблюдаемую коллекцию моделей проверки элементов процесса. • Привязываем список процессов к пользовательскому интерфейсу. • Проверяем правильность возвращаемых типов и обработку элементов. 08:53 Завершение работы над моделью представления • Проверяем привязку элементов к верхнему уровню представления. • Отменяем ненужные изменения и возвращаемся к исходной модели. • Подтверждаем правильность всех изменений. 10:03 Исправление ошибок в process viewmodel • Проверка наличия всех команд на странице процесса. • Привязка к правильной модели просмотра страницы процесса. • Добавление команды «add» для работы с процессами. 10:54 Работа с новым процессом • Вставка нового процесса в модель представления. • Получение списка процессов. 11:09 Добавление новой команды процесса • Добавление новой команды процесса в нужное место. • Использование идентификатора списка выбранных процессов. 12:09 Работа с моделью просмотра действий • Создание метода для работы с добавленными элементами. • Кастинг элементов списка к модели представления процесса. 13:07 Удаление элемента процесса • Привязка шаблона данных к процессу viewmodel. • Удаление элемента процесса через команду «Удалить печать». 14:26 Упрощение кода • Удаление дублирующегося кода. • Создание универсального класса для стандартных поведения. 15:28 Завершение процесса удаления • Подтверждение удаления элемента процесса. • Использование основной модели просмотра и диалоговой службы. 16:34 Обновление моделей просмотра • Обновление моделей просмотра для конструктора. • Создание новой фабрики страниц и диалоговой службы. 17:54 Оптимизация кода • Устранение дублирования методов удаления рекламы. • Планирование упрощения модели распространённого поведения. 18:52 Настройка интерфейса • Изменение настроек процесса и списка заданий. • Добавление возможности перетаскивания элементов. 19:50 Завершающие настройки • Настройка оверлея и списка процессов. • Создание нового процесса для начала работы. 20:17 Новый процесс и общие настройки • Создание нового процесса через всплывающее окно. • Добавление новой команды процесса. • Настройка основных свойств задания: название, описание, список элементов для печати. 21:16 Удаление лишних элементов • Удаление ненужной этикетки «печать». • Удаление двух дополнительных строк в сетке. 21:36 Профили и список действий • Выбор профилей для форматов бумаги. • Переименование списка настроек принтера в список действий. 22:10 Привязка к процессу • Привязка к идентификатору выбранного процесса. • Сохранение порядка действий в списке. 23:49 Порядок сортировки • Введение порядка сортировки int как наблюдаемого свойства. • Добавление порядка сортировки в модель данных процесса. 24:37 Сортировка списка 25:40 Модель представления действий 27:29 Редактирование и удаление 28:28 Новая команда для удаления 30:08 Порядок сортировки в модели представления 30:26 Использование порядка сортировки 31:26 Проверка элементов и передача логики 32:23 Логические действия с выбранным элементом 33:43 Удаление элемента и асинхронность 34:32 Перетаскивание действий 35:28 Сохранение и отмена действий 37:44 Завершение работы и тестирование 38:36 Исправление ошибок и добавление заголовка 40:32 Завершающие настройки 40:47 Создание страницы процессов в LinkedIn 41:46 Исправление текста и добавление доступных действий 42:05 Создание списка действий 43:02 Сортировка и фильтрация действий 44:01 Заключение