Windwos Phone MVVM Light的 EventToCommand 命令绑定实现方式

1.用户点击一个按钮时需要执行一个方法,这时可以使用mvvm light的EventToCommand来实现.

2.如果需要实现点击ListBox中的一项,显示详情页面,这时需要向详情页面传递一个参数,也可以用EventToCommand来实现.

下面我将演示这两个情情况的具体使用方法:

第一种,点击一个按钮,执行点击事件

(1)使用MvvmLight的EventToCommand事件需要引用两个命名空间分别为:

  xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"  

  (该命名空间需要引用System.Windows.Interactivity.dll)  xmlns:command="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP71"

(2)在MainPage.xaml页面上添加一个按钮,并引用EvntToCommand事件

  <Button Content="TestEventToCommand"          VerticalAlignment="Center">          <i:Interaction.Triggers>             <i:EventTrigger EventName="Click">                 <command:EventToCommand Command="{Binding ButtonClickCommand}"/>             </i:EventTrigger>         </i:Interaction.Triggers>   </Button>

(3)在MainPageViewModel里面添加RelayCommand属性并在构造函数中初始化      

  public MainViewModel()  {        ButtonClickCommand = new RelayCommand(OnButtonClick);  }   public RelayCommand ButtonClickCommand { get; set; }   //按钮的回调方法   private void OnButtonClick()   {        //当按钮被按下时需要执行的逻辑   }

 2.使用带参数的EventToCommand向调用函数传递参数,有两种实现方式.下面分别进行介绍.

(1)首选在MainPage.xaml中定义一个ListBox

 <ListBox ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding ItemSource}">          <i:Interaction.Triggers>               <i:EventTrigger EventName="SelectionChanged">                     <command:EventToCommand Command="{Binding ListBoxSelectionChangedCommand}"  PassEventArgsToCommand="True"/> (一旦设置了PassEventArgsToCommand=True,就会把SelectionChanged事件的EventArg参数传递给绑定方法,非常好用)             </i:EventTrigger>          </i:Interaction.Triggers>  </ListBox>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> //ListBox的ItemTemplate定义</span>

<phone:PhoneApplicationPage.Resources>  <DataTemplate x:Key="ItemTemplate">       <StackPanel Margin="{StaticResource PhoneTouchTargetOverhang}">                <TextBlock Text="{Binding Name}"/>             <TextBlock Text="{Binding Sex}"/>       </StackPanel>  </DataTemplate> </phone:PhoneApplicationPage.Resources>

(2)然后在MainPage.xaml中定义事件属性和实现,并在构造函数中初始化.

 public MainViewModel() {     ListBoxSelectionChangedCommand= new RelayCommand(OnListBoxSelecgtionChanged); }

 public RelayCommand<SelectionChangedEventArgs> ListBoxSelectionChangedCommand { get; set; } //按钮的回调方法 private void OnListBoxSelecgtionChangedSelectionChangedEventArgs e) {       //Cast 方法需要引入System.linq命名空间后才能使用       Item item = e.AddedItems.Cast<Item>().First(); }

第二种实现方式

(1)对ListBox进行命名,然后使用CommandParameter参数(注意这种实现方式和第一种的区别)

<ListBox Name="lb" ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding ItemSource}">          <i:Interaction.Triggers>               <i:EventTrigger EventName="Tap">                   <command:EventToCommand Command="{Binding ListBoxSelectionChangedCommand}"                                           CommandParameter="{Binding Path=SelectedItem, ElementName=lb}"/>                </i:EventTrigger>          </i:Interaction.Triggers></ListBox>

(2)MainPageVewiModel.cs    

public RelayCommand<Item> ListBoxSelectionChangedCommand { get; set; }        //按钮的回调方法private void OnListBoxSelecgtionChanged(Item e){}

我的Item定义如下   

public class Item{      public string Name { get; set; }      public string Sex { get; set; }}