整理：WPF用于绑定命令和触发路由事件的自定义控件写法

原文:整理：WPF用于绑定命令和触发路由事件的自定义控件写法

目的：自定义一个控件，当点击按钮是触发到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用于注册路由事件

效果：当点击内部按钮是触发了ViewModel的同时也触发了动画效果