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,有一个不能点击。

posted @ 2012-04-16 14:16  程兴亮  阅读(3322)  评论(5编辑  收藏