Применение шаблона проектирования MVVM при разработке архитектуры Windows Phone 7 приложений
- 2. 2
- 3. 3
- 4. 4
- 5. Model View Controller 5
- 6. Model View DataBinding Presentation Model (ViewModel) 6
- 7. 7
- 8. 8
- 9. <DataTemplate x:Key="MapTemplate"> <my:Pushpin Location="{Binding Location}" /> </DataTemplate> ... <my:Map Name="map1" Height="494" HorizontalAlignment="Left" Margin="20,6,0,0" VerticalAlignment="Top" Width="444" Center="{Binding MapCenter, Mode=TwoWay}" ZoomLevel="{Binding MapZoomLevel, Mode=TwoWay}"> <my:MapItemsControl x:Name="ListOfItems" ItemTemplate="{StaticResource MapTemplate}" ItemsSource="{Binding LocationDataCollection}"> </my:MapItemsControl> </my:Map> 9
- 10. <StackPanel Orientation="Horizontal" Height="22"> <Label Width="50"> Options: </Label> <Button x:Name="Search" Width="100" Command="{Binding SearchCommand}" >Search</Button> </StackPanel> 10
- 11. public class SearchCommand : ICommand { private ViewModel viewModel; public SearchCommand(ViewModel viewModelInstance) { viewModel = viewModelInstance; } #region ICommand Members public bool CanExecute(object parameter) { return true; } public event EventHandler CanExecuteChanged { add { CommandManager.RequerySuggested += value; } remove { CommandManager.RequerySuggested -= value; } } public void Execute(object parameter) { viewModel.Search(); } #endregion 11 }
- 12. http://unity.codeplex.com 12
- 13. IUnityContainer Container = new UnityContainer(); if (ViewModelBase.IsInDesignModeStatic) { Container.RegisterType<IDataService,Design.DesignDataService>(); } else { Container.RegisterType<IDataService, DataService>(); } Container.RegisterType<MainViewModel> (new ContainerControlledLifetimeManager()); 13
- 14. 14
- 15. 15
- 16. 16
- 17. <phone:PhoneApplicationPage x:Class="MvvmLiteRTM.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:vm="clr-namespace:MvvmLiteRTM.ViewModel" DataContext="{Binding Main, Source={StaticResource Locator}}" shell:SystemTray.IsVisible="True“> 17
- 18. <Button Content=“ZoomIn" Height="72" Name=“ZoomInButton"> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <cmd:EventToCommand Command="{Binding ZoomInCommand}"/> </i:EventTrigger> </i:Interaction.Triggers> </Button> 18
- 19. RelayCommand ZoomOutCommand = new RelayCommand( () => { MapZoomLevel--; } ); 19
- 20. View View Messages ViewModel ViewModel View Messages + callback ViewModel 20
- 21. private void SendMessageWithCallback() { Messenger.Default.Send(new NotificationMessageAction<string>( "Hello, call me back", SendMessageCallback)); } private void SendMessageCallback(string message) { ... } 21
- 22. private NotificationMessageAction<string> _lastMessage; public void MessageRecipient() { Messenger.Default.Register<NotificationMessageAction<string>>( this, m => { MessageTextBox.Text = m.Notification; _lastMessage = m; // Execute callback with parameter _lastMessage.Execute(MessageTextBox.Text); }); } 22
- 23. http://ultralightmvvm.codeplex.com/ http://mvvmlight.codeplex.com/ http://catel.codeplex.com/ http://caliburnmicro.codeplex.com/ 23 http://www.japf.fr/silverlight/mvvm/index.html
- 24. 24
- 25. 25
- 26. 26
- 27. View Feature View Model IFeature Injection 27
- 28. 28
- 29. 29
- 30. 30
- 31. http://create.msdn.com http://silverlight.codeplex.com/ Model-View-ViewModel (MVVM) Explained WPF Apps With The Model-View-ViewModel Design Pattern - Josh Smith http://nrumyantsev.com/ me@nrumyantsev.com 31
Editor's Notes
- #6: -Does not have a presenter, has a controller-Request first comes to controller, binds the model with the view-Logic is stored in controller
- #7: -State and Logic stored in Presenter-Presenter is an abstraction of view, Presenter unaware of view-View is aware of Presenter, however isolated from Model
- #8: -State and Logic stored in Presenter-Presenter is an abstraction of view, Presenter unaware of view-View is aware of Presenter, however isolated from Model-Uses WPF and Silverlight bindings-A very loose coupling between view and viewmodel, very easy to write unit tests-Growing in popularity (several toolkits MVVM Light, Prism, Caliburn)-Used internally at Microsoft during Expression Blend creation
- #12: -CanExecute determines if the command can be invoked on the current command target-Execute determines the command action to be performed-CanExecuteChanged event is raised when the command manager detects a change in the command source
- #19: -Uses the System.Windows.Interactivity namespace
- #20: -Avoid having to write separate class for commands, and implementing Icommand-lamba expression as an action
- #21: -allows you to send messages between view models-possible to open up filtered channels (to target types/interfaces)
- #22: -the sender sends a string message with a parameter of type NotificationMessageAction<string>-the callback parameter is a string
- #23: -The recipient registers to receive a message of type NotificationMessageAction-The Notification property of the NotificationMessageAction type contains the string message-The recipient executes the sender’s callback with a string parameter
- #31: -CheckBeginInvokeOnUI excepts Action parameter-Also contains UIThreadDispatrcher property in case you need to do other work on the UI thread.