整理:WPF用于绑定命令和触发路由事件的自定义控件写法
2024-09-27 07:49:22
原文:整理: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的同时也触发了动画效果
最新文章
- gulp配置文件备份
- 学习angularjs时遇到 XX is not a function
- SQL SERVER 2008 如何查询含有某关键词的表
- WinForm中动态添加控件 出现事件混乱,解决办法记录。
- LoadImage 和 BitBlt
- Oracle start with.connect by prior子句实现递归查询
- oracle导入数据
- 第九十四节,html5+css3移动手机端流体布局,旅游部分,媒体查询
- hadoop1.2.1 MultipleOutputs将结果输出到多个文件或文件夹
- Python3中的模块
- [经验分享] OSCP 渗透测试认证
- css之overflow应用
- adobe air for ios 例子
- Linux搜索文件或内容
- flex属性的学习
- hdu2509 Be the Winner 博弈
- NET Core 1.1 版本项目和2.0环境下的项目开发注意事项
- java IO包的其他类
- PHP通过日志来发现问题
- UI- UIView控件知识点回顾
热门文章
- Mysql高性能优化规范
- ASP.NET----内置对象----Response
- 【Spring Boot】Spring Boot之使用 Spring Boot Configuration Processor 完成设置自定义项目属性自动补全
- Java中基本数据类型、不能用浮点数表示金额
- Linux文本编辑器Vim使用
- 性能测试基础---ant集成1
- 1. 观察者模式总结(C++)
- vue-router模式history与hash
- LuoguP5540:【模板】最小乘积生成树(几何逼近)
- Quay: Introducing an Application Registry for Kubernetes