整理: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的同时也触发了动画效果

猜你喜欢

转载自blog.csdn.net/u010975589/article/details/83213493