The document discusses the Model-View-ViewModel (MVVM) pattern for building user interfaces. It covers topics such as separating the model, view, and view model; using bindings and commands to link them; implementing MVVM using different frameworks like Unity; and best practices like messaging to communicate between components. The goal of MVVM is to create testable, reusable UI code that is independent of platforms and technologies.

1. Braintree
http://www.nrumyantsev.com/

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