Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Разработка WPF приложений в стиле ViewModel First
Содержание
- 1. Разработка WPF приложений в стиле ViewModel First
- 2. Почему это актуальноWPF все ещё жив MVVM
- 3. В чем проблема?Много разных реализаций MVVMНепонятно, чем
- 4. Почему я здесьНакоплен интересный опыт участия в
- 5. Опрос Кто собирается написать WPF приложение?Кто при
- 6. О чем мы поговорим?Что такое MVVM?Какими бывают
- 7. Model-View-ViewModel
- 8. Что со всем этим делать?Как решать типовые задачи?CompositeUI (MasterDetail форма)Навигация (дочерние окна)
- 9. Нам нужен MVVM фреймворк!Бывает 2 типов:ViewFirst ViewModelFirst
- 10. Composite ui
- 11. Master Detail
- 12. ViewFirst (Prism)Отображение нового региона:Создать ViewСоздать ViewModel для ViewView.DataContext = ViewModelИнициализировать ViewModel
- 13. MainWinow
- 14. UserListView
- 15. UserDetailsView public UserDetailsView(){ DataContext = new UserDetailsViewModel();}
- 16. UserListViewModelpublic class UserListViewModel : ViewModel{ private
- 17. UserDetailsViewModelpublic class UserDetailsViewModel : ViewModel{ private User
- 18. Вопрос Как сделать так, чтобы UserListViewModel.SelectedUser синхронизировалось с UserDetailsViewModel.User?Ответ в стиле ViewFirst – MessageBus
- 19. MessageBus
- 20. MessageBuspublic class MessageBus{ public static MessageBus
- 21. UserListViewModel public class UserListViewModel : ViewModel{
- 22. UserDetailsViewModel public class UserDetailsViewModel : ViewModel{
- 23. Недостатки 1) Используется MessageBus, предназначенный для интеграции
- 24. ViewModelFirst (энтузиасты)Отображение нового региона:1) Создать ViewModel2) Инициализировать ViewModel3) Создать View для ViewModel4) View.DataContext = ViewModel
- 25. Чистим CodeBehindpublic UserListView(){ DataContext
- 26. Убираем MessageBuspublic class UserListViewModel : ViewModel{
- 27. Убираем MessageBuspublic class UserDetailsViewModel : ViewModel{
- 28. Вопрос Как сделать так, чтобы UserListViewModel.SelectedUser синхронизировалось с UserDetailsViewModel.User?Ответ в стиле ViewModelFirst – нам нужна родительская ViewModel
- 29. MainWindowViewModelpublic class MainWindowViewModel : ViewModel{ public
- 30. MainWindow
- 31. ViewFirst vs ViewModelFirst
- 32. Навигация
- 33. ViewFirst: показать новый элементДочернее окно, новый таб:Navigation.Show(Value);илиNavigation.Show("View",
- 34. ViewModelFirst: показать новый элементvar vm = Navigation.Get();vm.Arg
- 35. ViewFirst vs ViewModelFirst
- 36. Дочернее окно
- 37. Отображение дочернего окнаprivate void OnShowDetails(User user){
- 38. ChildViewModelpublic abstract class ChildViewModel : ViewModel, IChildViewModel{
- 39. ChildViewModelManagerpublic class ChildViewModelManager : IChildViewModelManager{ // открытые
- 40. ChildViewModelManager: Showprivate void Show(IChildViewModel viewModel){ //
- 41. ChildViewModelManager: Closepublic void Close(IChildViewModel viewModel){ //
- 42. ChildWindowpublic abstract class ChildWindow : Window{
- 43. Особенности ViewModelFirstДостоинстваПозволяет реализовать CompositeUIНе требует реализации MessageBusВзаимодействие
- 44. Наш рецептViewModelFirst Свой велосипедMugen MVVM ToolkitIoC контейнерReactiveUI (ограничено)ReactiveCommandObservableForPropertyОтдельная сборка для ViewModel
- 45. Материалы по ViewModelFirstМатериалы доклада на GitHub:https://github.com/denis-tsv/ViewFirst-vs-ViewModelFirstКурс «Методология
- 46. Спасибо за вниманиеДенис ЦветцихАстроСофтden.tsvettsih@yandex.ru
- 47. Скачать презентанцию
Почему это актуальноWPF все ещё жив MVVM – тема множества докладов и статей Множество разных реализацийот MVVM.Lightдо Prism с мануалом на 250 страниц
Слайды и текст этой презентации
Слайд 1Разработка WPF приложений в стиле ViewModel First
Денис Цветцих
АстроСофт
http://www.astrosoft.ru/
11-я конференция .NET
разработчиков
Слайд 2Почему это актуально
WPF все ещё жив
MVVM – тема множества
докладов и статей
Множество разных реализаций
от MVVM.Light
до Prism с мануалом
на 250 страниц
Слайд 3В чем проблема?
Много разных реализаций MVVM
Непонятно, чем они отличаются
Непонятно, какую
из них использовать и в каких случаях
Слайд 4Почему я здесь
Накоплен интересный опыт участия в WPF проектах
Есть опыт,
связанный с фреймворками:
Использование сторонних
Доработка сторонних
Изобретение своего MVVM фреймворка
Слайд 5Опрос
Кто собирается написать WPF приложение?
Кто при этом использовал какие-нибудь
MVVM библиотеки/фреймворки?
Кто их вас изобрел свой собственный MVVM велосипед фреймворк?
Слайд 6О чем мы поговорим?
Что такое MVVM?
Какими бывают подходы к его
реализации?
Как отличаются организация CompositeUI и дочерних окон в разных подходах?
Какой
подход лучше использовать?Где найти реализацию этого подхода?
Рекомендации на основе нашего опыта
Слайд 8Что со всем этим делать?
Как решать типовые задачи?
CompositeUI (MasterDetail форма)
Навигация
(дочерние окна)
Слайд 9Нам нужен MVVM фреймворк!
Бывает 2 типов:
ViewFirst
ViewModelFirst
Это не разные
реализации паттерна MVVM
Это разные подходы к решению типовых задач
с использованием MVVM
Слайд 12ViewFirst (Prism)
Отображение нового региона:
Создать View
Создать ViewModel для View
View.DataContext = ViewModel
Инициализировать
ViewModel
Слайд 14UserListView
Grid.Row="1" x:Name="UserListBox"
SelectedItem="{Binding SelectedUser, Mode=TwoWay}"
ItemsSource="{Binding Users}">public UserListView()
{
DataContext = new UserListViewModel();
}
Слайд 15UserDetailsView
Text="{Binding User.FirstName}" />
public UserDetailsView()
{
DataContext = new UserDetailsViewModel();
}
Слайд 16UserListViewModel
public class UserListViewModel : ViewModel
{
private User _selectedUser;
public IEnumerable Users { get; } // инициализация
public
User SelectedUser{
get { return _selectedUser; }
set
{
_selectedUser = value;
OnPropertyChanged();
}
}
}
Слайд 17UserDetailsViewModel
public class UserDetailsViewModel : ViewModel
{
private User _user;
public
User User
{
get { return
_user; }set
{
_user = value;
OnPropertyChanged();
}
}
}
Слайд 18Вопрос
Как сделать так, чтобы UserListViewModel.SelectedUser синхронизировалось с UserDetailsViewModel.User?
Ответ в стиле
ViewFirst – MessageBus
Слайд 20MessageBus
public class MessageBus
{
public static MessageBus Instance = new
MessageBus();
public event EventHandler SelectedUserChanged;
public void OnSelectedUserChanged(User
user){
SelectedUserChanged?.Invoke(this, new UserChangedEventArgs(user));
}
}
public class UserChangedEventArgs : EventArgs
{
public UserChangedEventArgs(User user)
{
User = user;
}
public User User { get; }
}
Слайд 21UserListViewModel
public class UserListViewModel : ViewModel
{
public User SelectedUser
{
get { return _selectedUser; }
set{
_selectedUser = value;
OnPropertyChanged();
MessageBus.Instance.OnSelectedUserChanged(value);
}
}
}
Слайд 22UserDetailsViewModel
public class UserDetailsViewModel : ViewModel
{
public UserDetailsViewModel()
{
MessageBus.Instance.SelectedUserChanged +=
(s, e) => User
= e.User;}
}
Слайд 23Недостатки
1) Используется MessageBus, предназначенный для интеграции систем
2) На широковещательное
событие может подписаться любой объект
3) Поведение системы становится запутанным и
неочевидным
Слайд 24ViewModelFirst (энтузиасты)
Отображение нового региона:
1) Создать ViewModel
2) Инициализировать ViewModel
3) Создать View
для ViewModel
4) View.DataContext = ViewModel
Слайд 25Чистим CodeBehind
public UserListView()
{
DataContext = new UserListViewModel();
}
public
UserDetailsView()
{
DataContext = new UserDetailsViewModel();
}
Слайд 26Убираем MessageBus
public class UserListViewModel : ViewModel
{
public User SelectedUser
{
get { return _selectedUser; }
set{
_selectedUser = value;
OnPropertyChanged();
MessageBus.Instance.OnSelectedUserChanged(value);
}
}
}
Слайд 27Убираем MessageBus
public class UserDetailsViewModel : ViewModel
{
public UserDetailsViewModel()
{
MessageBus.Instance.SelectedUserChanged +=
(s, e) => User
= e.User;}
}
Слайд 28Вопрос
Как сделать так, чтобы UserListViewModel.SelectedUser синхронизировалось с UserDetailsViewModel.User?
Ответ в стиле
ViewModelFirst – нам нужна родительская ViewModel
Слайд 29MainWindowViewModel
public class MainWindowViewModel : ViewModel
{
public UserDetailsViewModel UserDetailsViewModel {
get; private set; }
public UserListViewModel UserListViewModel { get;
private set; }public void Initialize()
{
UserListViewModel.PropertyChanged += (s, e) =>
{
if (e.PropertyName == "SelectedUser")
UserDetailsViewModel.User = UserListViewModel.SelectedUser;
};
}
}
Слайд 30MainWindow
Grid.Column="0" />
Grid.Column="1" />
Слайд 33ViewFirst: показать новый элемент
Дочернее окно, новый таб:
Navigation.Show(Value);
или
Navigation.Show("View", Value);
Аналогично вебу: http://address.ru/?arg=value
ViewFirst
предлагает в WPF организовать навигацию аналогично веб-приложению
Слайд 34ViewModelFirst: показать новый элемент
var vm = Navigation.Get();
vm.Arg = Value;
vm.Show();
Аналогично окну
WPF:
var wnd = new Window();
wnd.Arg1 = Value1;
wnd.Show();
Слайд 37Отображение дочернего окна
private void OnShowDetails(User user)
{
var detailsVM =
Factory.Resolve();
detailsVM.User = user;
detailsVM.Closed +=
(s, e) => { /* обработка e.DialogResult */ };detailsVM.Show();
}
Слайд 38ChildViewModel
public abstract class ChildViewModel : ViewModel, IChildViewModel
{
[Dependency]
public IChildViewModelManager ChildViewModelManager { private get; set; }
public
bool IsClosed { get; private set; } // уже закрыли или нет?protected void Close()
{
if (IsClosed) throw new InvalidOperationException(“closed");
IsClosed = true;
ChildViewModelManager.Close(this);
}
public void Show()
{
ChildViewModelManager.Show(this);
}
}
![ChildViewModelpublic abstract class ChildViewModel : ViewModel, IChildViewModel{ [Dependency] public IChildViewModelManager ChildViewModelManager { private get; set;](/img/thumbs/b4e6fd12fdb47e1249ddd0171c65bda6-800x.jpg "Разработка WPF приложений в стиле ViewModel First ChildViewModelpublic abstract class ChildViewModel : ViewModel, IChildViewModel{ [Dependency] public IChildViewModelManager ChildViewModelManager")
Слайд 39ChildViewModelManager
public class ChildViewModelManager : IChildViewModelManager
{
// открытые окна
private
readonly Dictionary _openedWindows
= new Dictionary();
//
по типу ViewModel возвращает View[Dependency]
public IViewTypeResolver ViewTypeResolver
{ private get; set; }
}
Слайд 40ChildViewModelManager: Show
private void Show(IChildViewModel viewModel)
{
// получить тип окна,
которое будем открывать
var windowType = ViewTypeResolver.
ResolveViewType(viewModel.GetType());
// создать экземпляр
окнаvar window =
(Window)Activator.CreateInstance(windowType);
// запомнить, какое окно открываем
_openedWindows.Add(viewModel.GetType(), window);
window.DataContext = viewModel;
// показать окно
window.Show();
}
Слайд 41ChildViewModelManager: Close
public void Close(IChildViewModel viewModel)
{
// какое окно закрываем
var window = _openedWindows[viewModel.GetType()];
// убираем из
списка открытых_openedWindows.Remove(viewModel.GetType());
// закрываем
Application.Current.Dispatcher.BeginInvoke(
new Action(() => window.Close()), null);
}
![ChildViewModelManager: Closepublic void Close(IChildViewModel viewModel){ // какое окно закрываем var window = _openedWindows[viewModel.GetType()];](/img/thumbs/fb4a5714597fccbcf5eab2585ff921fb-800x.jpg "Разработка WPF приложений в стиле ViewModel First ChildViewModelManager: Closepublic void Close(IChildViewModel viewModel){ // какое окно закрываем var")
Слайд 42ChildWindow
public abstract class ChildWindow : Window
{
protected override void
OnClosing(CancelEventArgs e)
{
base.OnClosing(e);
var viewModel = (ChildViewModel)DataContext;// если ViewModel на находится в состоянии «Закрыто»
if (!viewModel.IsClosed)
{
e.Cancel = true; // не закрываем окно
// запрашиваем изменение состояния ViewModel
viewModel.Close();
}
}
}
Слайд 43Особенности ViewModelFirst
Достоинства
Позволяет реализовать CompositeUI
Не требует реализации MessageBus
Взаимодействие ViewModel более очевидное
Нет
MessageBus – нет его использования не по назначению
Позволяет удобно реализовать
поддержку дочерних оконНедостатки
Не имеет вендорской поддержки
Слайд 44Наш рецепт
ViewModelFirst
Свой велосипед
Mugen MVVM Toolkit
IoC контейнер
ReactiveUI (ограничено)
ReactiveCommand
ObservableForProperty
Отдельная сборка для
ViewModel
Слайд 45Материалы по ViewModelFirst
Материалы доклада на GitHub:
https://github.com/denis-tsv/ViewFirst-vs-ViewModelFirst
Курс «Методология синхронной разработки приложений
в Microsoft Visual Studio 2010»
www.intuit.ru/studies/courses/2322/622/info
Mugen MVVM Toolkit
http://habrahabr.ru/post/236745/
