Silverlight实用窍门系列：63.Silverlight中的Command，自定义简单Command

　　　　在Silverlight中的MVVM模式下将前台页面和ViewModel界面交互分离开是通过本节所要讲述的Command实现的。我们自定义一个Command需要继承于ICommand接口并且实现这个接口。它有CanExecute()、Execute()方法和CanExecuteChanged事件组成。

　　　　  CanExecute()：判断是否继续执行操作。

　　　　  Execute()：执行操作的内容。

　　　　  CanExecuteChanged：当出现影响是否应执行该命令的更改时发生。

　　　　首先：自定义的一个btnCommand。

    public class btnCommand:ICommand

    {

        private bool canExe;

        /// <summary>

        /// 构造函数设置是否执行操作

        /// </summary>

        /// <param name="canexe"></param>

        public btnCommand(bool canexe)

        {

            this.canExe = canexe; 

        }



        /// <summary>

        /// 判断是否执行操作

        /// </summary>

        /// <param name="parameter"></param>

        /// <returns></returns>

        public bool CanExecute(object parameter)

        {

            if (canExe)

            {

                return true;               

            }

            return false;

        }



        /// <summary>

        /// 是否执行操作的变更发生时

        /// </summary>

        public event EventHandler CanExecuteChanged;



        /// <summary>

        /// 执行操作的内容，可以变为Action行为

        /// </summary>

        /// <param name="parameter"></param>

        public void Execute(object parameter)

        {

            if (parameter != null)

            { MessageBox.Show(parameter.ToString()); }

            else

            {

                MessageBox.Show("未设置CommandParameter");

            }

        }

    }

　　　　其次：定义一个ViewModel，并且在构造函数中初始化两个Command属性。

    public class BtnViewModel

    {

        // 设置两个命令

        public ICommand BtnCommand { get; set; }

        public ICommand BtnCommandTrue { get; set; }

        public BtnViewModel()

        {

            //初始化两个命令值

            BtnCommand = new btnCommand(false);

            BtnCommandTrue = new btnCommand(true);

        }

    }

　　　　再次将ViewModel初始化为页面数据源

    <UserControl.DataContext>

        <local:BtnViewModel />

    </UserControl.DataContext>

　　　　最后：前台的两个按钮绑定Command

    <Grid x:Name="LayoutRoot" Background="White">

        <Button Content="第一个" Height="23" HorizontalAlignment="Left"

                Command="{Binding BtnCommand}" CommandParameter="第一个Command"

                Margin="94,80,0,0" Name="button1" VerticalAlignment="Top" Width="75" />

        <Button Command="{Binding BtnCommandTrue}" CommandParameter="第二个Command" 

                Content="第二个" Height="23" HorizontalAlignment="Left" Margin="94,140,0,0"

                Name="button2" VerticalAlignment="Top" Width="75" />

    </Grid>

　　　　如需源码请点击 SLICommand.zip 下载，下面是效果图。有一个按钮CanExecute，有一个不能点击。