简练的视图模型 ViewModel

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

这里是我的代码：

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
    }
}

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
    }
}

 

<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>