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，有一個不能點擊。