简练的视图模型 ViewModel

patterns & practices Developer Center 发布了 Unity Application Block 1.2 for Silverlight - December 2008  依赖注入容器。用其来做MVP模式的silverlight会非常的方便，在正式开始MVP模型的学习前先简单的做了一个视图模型ViewModel的演练。

这里是我的代码：

ChristmasModel.cs
 using System;
 using System.ComponentModel;
 
 namespace ChristmasViewModel
 {
 public class ChristmasModel : INotifyPropertyChanged
     {
 private bool _isShow1 = true;
 private bool _isShow2 = true;
 private bool _isShow3 = true;
 private bool _isShow4 = true;
 private bool _isShow5 = true;
 private bool _isShow6 = true;
 private bool _isShow7 = true;
 private bool _isShow8 = true;
 private bool _isShow9 = true;
 private bool _isShow10 = true;
 
 public bool IsShow1
         {
 get { return this._isShow1; }
 set {
 if (this._isShow1 != value) {
 this._isShow1 = value;
 this.RaisePropertyChanged("IsShow1");
                 }
             }
         }
 public bool IsShow2
         {
 get { return this._isShow2; }
 set
             {
 if (this._isShow2 != value)
                 {
 this._isShow2 = value;
 this.RaisePropertyChanged("IsShow2");
                 }
             }
         }
 public bool IsShow3
         {
 get { return this._isShow3; }
 set
             {
 if (this._isShow3 != value)
                 {
 this._isShow3 = value;
 this.RaisePropertyChanged("IsShow3");
                 }
             }
         }
 public bool IsShow4
         {
 get { return this._isShow4; }
 set
             {
 if (this._isShow4 != value)
                 {
 this._isShow4 = value;
 this.RaisePropertyChanged("IsShow4");
                 }
             }
         }
 public bool IsShow5
         {
 get { return this._isShow5; }
 set
             {
 if (this._isShow5 != value)
                 {
 this._isShow5 = value;
 this.RaisePropertyChanged("IsShow5");
                 }
             }
         }
 public bool IsShow6
         {
 get { return this._isShow6; }
 set
             {
 if (this._isShow6 != value)
                 {
 this._isShow6 = value;
 this.RaisePropertyChanged("IsShow6");
                 }
             }
         }
 public bool IsShow7
         {
 get { return this._isShow7; }
 set
             {
 if (this._isShow7 != value)
                 {
 this._isShow7 = value;
 this.RaisePropertyChanged("IsShow7");
                 }
             }
         }
 public bool IsShow8
         {
 get { return this._isShow8; }
 set
             {
 if (this._isShow8 != value)
                 {
 this._isShow8 = value;
 this.RaisePropertyChanged("IsShow8");
                 }
             }
         }
 public bool IsShow9
         {
 get { return this._isShow9; }
 set
             {
 if (this._isShow9 != value)
                 {
 this._isShow9 = value;
 this.RaisePropertyChanged("IsShow9");
                 }
             }
         }
 public bool IsShow10
         {
 get { return this._isShow10; }
 set
             {
 if (this._isShow10 != value)
                 {
 this._isShow10 = value;
 this.RaisePropertyChanged("IsShow10");
                 }
             }
         }
 
 #region INotifyPropertyChanged Members
 
 public event PropertyChangedEventHandler PropertyChanged;
 
 
 private void RaisePropertyChanged(string propertyName) {
 if (this.PropertyChanged != null) {
 this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
             }
         }
 #endregion
     }
 }
 

VisibilityConverter.cs
 using System;
 using System.Windows;
 
 namespace ChristmasViewModel
 {
 public class VisibilityConverter : System.Windows.Data.IValueConverter
     {
 
 #region IValueConverter Members
 
 public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
         {
 bool isVisible = (bool)value;
 return (isVisible ? Visibility.Visible : Visibility.Collapsed);
         }
 
 public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
         {
 bool isVisible = ((Visibility)value == Visibility.Visible);
 return isVisible;
         }
 
 #endregion
     }
 }
 

page.xaml
 <UserControl x:Class="ChristmasViewModel.Page"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Width="338" Height="176" xmlns:ChristmasViewModel="clr-namespace:ChristmasViewModel" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
 <UserControl.Resources>
 <ChristmasViewModel:VisibilityConverter x:Key="VisibilityConverterDS" d:IsDataSource="True"/>
 </UserControl.Resources>
 <UserControl.DataContext>
 <ChristmasViewModel:ChristmasModel/>
 </UserControl.DataContext>
 <Grid x:Name="LayoutRoot" Background="White">
 <StackPanel Height="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto">
 <StackPanel Height="84" Width="Auto" Orientation="Horizontal">
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/01_User.png" Stretch="Fill" Height="64" Width="64" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow1}"/>
 <CheckBox Content="Show" Width="64" Height="17" IsChecked="{Binding Mode=TwoWay, Path=IsShow1}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/02_ShoppingCart.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow2}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow2}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/03_RSS.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow3}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow3}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/04_Portfolio.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow4}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow4}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/05_Contact.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow5}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow5}"/>
 </StackPanel>
 </StackPanel>
 <StackPanel Height="84" Orientation="Horizontal">
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/06_Comment.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow6}" Height="64" Width="64"/>
 <CheckBox Content="Show" Width="64" IsChecked="{Binding Mode=TwoWay, Path=IsShow6}" Height="17"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/07_Calendar.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow7}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow7}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/08_Links.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow8}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow8}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/09_Print.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow9}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow9}"/>
 </StackPanel>
 <StackPanel Height="Auto" Width="Auto">
 <Image Source="assets/10_SocNet.png" Stretch="Fill" Visibility="{Binding Converter={StaticResource VisibilityConverterDS}, Path=IsShow10}" Height="64" Width="64"/>
 <CheckBox Width="64" Content="Show" Height="20" IsChecked="{Binding Mode=TwoWay, Path=IsShow10}"/>
 </StackPanel>
 </StackPanel>
 </StackPanel>
 </Grid>
 </UserControl>