1. MVVM

2. План
Проблемы, которые решает MVVM
Обзор MVVM
Command pattern
MVVM - подходы
Простой пример

3. Типичные проблемы
Сильная связность кода и UI
Тяжело разделить состояние UI и логику его
работы с логикой отображения
Тяжело протестировать состояние и работу UI

4. MVVM
Разделение интересов и
ответственности
Воможность тестировать состояние UI и
логику его работы, не заботясь о
представлении
Потенциальная раздельная работа
разработчика и UI дизайнера

5. Separation of conserns
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data

6. Ideal for xaml
notifications
View data binding
commands
ViewModel
UI UI state and logic
DataBinding - DataContext,
DependencyProperty
Commands - ICommand, Blend interactions

7. Testability
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data
Состояние UI и логика его работы не зависит от
представления
Возможность «запустить» приложение в юнит-
тестах без UI

8. View
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data
Структура UI
DataContext = ViewModel
Минималистичность, нет code behind
Данные из Binding
Взаимодействие с ViewModel через команды

9. ViewModel
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data
Предоставляет Bindable свойства (INPC)
Предоставляет команды (ICommand)
Взаимодейтсвует с моделью
Не знает о View
Полностью тестируема
KISS, не забывая про SRP

10. Model
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data
BL, данные, клиентская объектная модель
Bindable свойства, которые могут использоваться
View напрямую или через ViewModel в качестве
адаптера

11. Команды
notifications
View data binding
commands
ViewModel Model
UI UI state and logic Business logic and data
Выполняются View при пользовательском
взаимодейтсвии (клики, ввод с клавиатуры и
т.п.)
ICommand, DelegateCommand, custom commands, etc.

12. Command pattern
Объект, представляющий собой
дейтсвие
Инкапсулирует само действие и его
параметры

13. Command pattern
Undo/redo
UI макросы
Транзакции
Очереди выполнения

14. Command pattern in
WPF
interface ICommand
{
bool CanExecute(object);
void Execute(object);
event EventHandler
CanExecuteChanged;
}

15. Внедряем MVVM
Слабая связность между View и ViewModel
Слабая связность между ViewModel и Model
View рассматривайте как шаблон для представления данных
View минималистична, нет code behind
ViewModel создаётся первой и устанавливается View как
DataContext
Используется Dependency injection / IoC

16. Подходы
View-first
ViewModel-first

17. View-first
xamly. View ссылается на ViewModel
(DataBinding)
perfect for modern WPF

18. ViewModel-first (MVP-
like)
class ViewModel
{
public ViewModel(IView view)
{
}
}

19. Marriage
interface IView
{
void ApplyViewModel(object viewModel);
}
IView view = container.Resolve<IGameView>();
IViewModel container.Resolve<IGameViewModel>();
view.ApplyViewModel(vm);