wpf silverlight mvvm mvc 种种

最近在研究wp7的开发,其实一直不明白为什么wp7的开发模板要叫silverlight,我一开始还以为应该和winform很相似

干了多年的web开始,渐渐忽视了对winform领域的关注,才发现winform已经发展到wpf到silverlight了.

 

现在我在vs2010已经看到什么wpf的模板了,只有silverlight的.

其实最另我关注并不是这种新的应用程序UI界面,而是发明了一种叫mvvm的架构.

 

多少年来,我们一直在说美工与程序的分开,在web开发方面,因为ajax的出现,不管用不用微软MVC的模板,都可以实现美工与程序分开,因为我们所有的逻辑都可以在一下纯粹的HTML上面完成.

但是winform上面还是要用click事件,直到出现了wpf.它用控件的一个属性command,来代替onclick事件,所以美工人员可以专门做界面,程序员专门做程序,界面与程序之间靠一个viewmodel类来实现关联

下面代码说话

<UserControl x:Class="SilverlightApplication2.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400"
    xmlns:local="clr-namespace:SilverlightApplication2"         
             >
    <UserControl.DataContext>
        <!--声明创建一个BtnViewModel的实例-->
        <local:BtnViewModel/>
    </UserControl.DataContext>

    <Grid x:Name="LayoutRoot" Background="White">
       
        <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="109,118,0,0" Name="button1" VerticalAlignment="Top" Width="75" Command="{Binding BtnCommand}"/>
    </Grid>
</UserControl>

这里高亮显示的部分是新加的,特别是很多网上的用例都没有强调 xmlns:local="clr-namespace:SilverlightApplication2"    这个KEY的添加,所以我在刚开始写的时候经常会报

local是未定义节点的错误

<UserControl.DataContext>        <!--声明创建一个BtnViewModel的实例-->        <local:BtnViewModel/>    </UserControl.DataContext>

表示实例化一个叫btnviewmodel的类

coomand="{binding brncommand}"表示绑定一个叫brncommand的类

BtnCommand类是这样写的

 public class BtnCommand:ICommand
    {

        public bool CanExecute(object parameter)
        {
            return true;
        }
        
        public event EventHandler CanExecuteChanged;

        public void Execute(object parameter)
        {
            if (parameter != null)
            { MessageBox.Show(parameter.ToString()); }
            else
            {
                MessageBox.Show("未设置CommandParameter");
            }   

        }
    }

我们还要建一个viewmodel的类

public class BtnViewModel
    {
        public ICommand BtnCommand { get; set; }
        public BtnViewModel()
        {
            BtnCommand = new BtnCommand();
        }   
    }

这样一来,我们就实现了click事件了,美工可以单纯的做他的页面,程序可以写他的类库,完全不用去碰界面的CS代码.

public class BtnViewModel
    {
        public ICommand BtnCommand { get; set; }
        public BtnViewModel()
        {
            BtnCommand = new BtnCommand();
        }   
    }