目的:自定义一个控件,当点击按钮是触发到ViewModel(业务逻辑部分)和Xaml路由事件(页面逻辑部分)
自定义控件增加ICommand
#region - 用于绑定ViewModel部分 -
public ICommand Command
{
get { return (ICommand)GetValue(CommandProperty); }
set { SetValue(CommandProperty, value); }
}
// Using a DependencyProperty as the backing store for MyProperty. This enables animation, styling, binding, etc...
public static readonly DependencyProperty CommandProperty =
DependencyProperty.Register("Command", typeof(ICommand), typeof(MyUserControl), new PropertyMetadata(default(ICommand)));
public object CommandParameter
{
get { return (object)GetValue(CommandParameterProperty); }
set { SetValue(CommandParameterProperty, value); }
}
// Using a DependencyProperty as the backing store for MyProperty. This enables animation, styling, binding, etc...
public static readonly DependencyProperty CommandParameterProperty =
DependencyProperty.Register("CommandParameter", typeof(object), typeof(MyUserControl), new PropertyMetadata(default(object)));
public IInputElement CommandTarget { get; set; }
#endregion
自定义增加路由事件
#region 用于Xaml触发路由事件部分
//声明和注册路由事件
public static readonly RoutedEvent MyEventRoutedEvent =
EventManager.RegisterRoutedEvent("MyEvent", RoutingStrategy.Bubble, typeof(EventHandler<RoutedEventArgs>), typeof(MyUserControl));
//CLR事件包装
public event RoutedEventHandler MyEvent
{
add { this.AddHandler(MyEventRoutedEvent, value); }
remove { this.RemoveHandler(MyEventRoutedEvent, value); }
}
//激发路由事件,借用Click事件的激发方法
protected void OnMyEvent()
{
RoutedEventArgs args = new RoutedEventArgs(MyEventRoutedEvent, this);
this.RaiseEvent(args);
}
#endregion
自定义控件中增加一个按钮,当按钮点击时触发绑定的命令和路由事件
/// <summary> 内部触发的路由事件和自定义命令方法 </summary>
private void Button_Click(object sender, RoutedEventArgs e)
{
//命令作用于命令目标
if (this.Command != null)
{
this.Command.Execute(CommandParameter);
this.OnMyEvent();
}
}
Xaml部分绑定ICommand和触发RoutedEvent
<local:MyUserControl Grid.Row="1" Command="{Binding RelayCommand}" CommandParameter="Sumit">
<local:MyUserControl.Triggers>
<EventTrigger RoutedEvent="local:MyUserControl.MyEvent">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" BeginTime="00:00:00" Duration="00:00:01"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</local:MyUserControl.Triggers>
</local:MyUserControl>
Command用于绑定ViewModel中的Command
EventTrigger用于注册路由事件