前言：

最初是想解答园友“小代码大世界 ”的问题，后来想举一反三，将这个问题简单剖析下，做到知其所以然。

MaterialDesignInXAML 控件库高度封装，有一些控件在使用过程中有隐晦前提条件，使用前还得多读读源码。

针对这个问题，我分步骤说明一下解决思路。

1.首先解释下“无法绑定到目标方法，因其签名或安全透明度与委托类型的签名或安全透明度不兼容”异常。字面看是提示有属性绑定失败，而且提到是委托类型，由此需检查哪些属性是绑定到委托类型的。

DialogOpenedAttached、DialogClosingAttached是DialogHost控件的两个附件属性，官方示例是绑定到CombinedDialogOpenedEventHandler、CombinedDialogClosingEventHandler上，这两个事件处理函数是需要我们在后置代码中去定义的。我们可以在这两个事件处理函数中添加一些自定义逻辑。

public void CombinedDialogOpenedEventHandler(object sender, DialogOpenedEventArgs eventArgs)

{

    CombinedCalendar.SelectedDate = _mainViewModel.Date;

    CombinedClock.Time = _mainViewModel.Time;

}

public void CombinedDialogClosingEventHandler(object sender, DialogClosingEventArgs eventArgs)

{

    if (Convert.ToBoolean(Convert.ToUInt16(eventArgs.Parameter)) && CombinedCalendar.SelectedDate is DateTime selectedDate)

    {

        DateTime combined = selectedDate.AddSeconds(CombinedClock.Time.TimeOfDay.TotalSeconds);

        _mainViewModel.Time = combined;

        _mainViewModel.Date = combined;

    }

}

编译不再报错，这样最直接的问题就解决了。

2.接下来还会遇到一个问题，就是弹出时间选择器对话框的按钮是禁用状态。

这个问题在控件GitHub主页的wiki中有详细解答，issues中也有相关问题。

翻译如下：

  1. 第一种类型是一个简单的ICommand实现，通过视图模型（或类似的）提供。这些命令在执行时通常只是调用一个方法。尽管WPF并没有为此提供一个本地实现，但许多流行的MVVM库确实有一些ICommand接口的实现，旨在使方法调用变得简单。
  2. 路由命令的设置是为了明确地在调用命令的元素和处理命令执行的元素之间造成分离。当一个路由命令被调用时，WPF通过可视化树（从调用命令的元素开始）寻找一个可以处理该命令的元素。如果没有找到处理程序，那么该命令将导致该按钮被禁用。在DialogHost.OpenDialogCommand的例子中，这种情况经常发生，因为在视觉树中没有找到DialogHost实例。你也可以通过使用CommandTarget属性来指定另一个命令目标，以找到RoutedCommand的处理程序。

根本原因就是“因为在视觉树中没有找到DialogHost实例”。这就是隐晦前提条件。

GitHub主页的wiki中介绍了打开对话框的4种方式，分别如下：

  1. DialogHost.OpenDialogCommand

    <Button Command="{x:Static md:DialogHost.OpenDialogCommand}" />

    RoutedCommand 通常从一个按钮中使用，可通过CommandParameter提供可选的内容。

  2. DialogHost.IsOpen

    <md:DialogHost IsOpen="True" />

    依赖属性，可以从XAML触发，从代码后台或通过绑定设置。内容必须在DialogHost.DialogContent中设置。

  3. DialogHost.Show

    DialogHost.Show(viewOrModel);

    基于异步/等待的静态API，可以纯粹地在代码中使用（例如从视图模型中）。内容可以直接传递给对话框。注意，如果你有多个窗口和多个DialogHost实例，你可以设置DialogHost.Identifier属性，并向.Show(..)方法提供标识符，以帮助找到所需的DialogHost。

    如果有多个可能的对话主机实例，在正确的窗口显示对话框的替代方法是使用扩展方法。

  4. .Show() 扩展方法

    该方法同时扩展了Window和DepedencyObject，将尝试定位最合适的DialogHost来显示对话框。

但文档还漏了一种很实用也很常见的方式，官方的示例就是这种用法。将 MainWindow 的根容器定义为 DialogHost。

<materialDesign:DialogHost DialogTheme="Inherit"

                            Identifier="RootDialog">

    <!--Content-->

</materialDesign:DialogHost>

这样在视觉树中始终能找到DialogHost实例，对于实现弹框全局模态效果，这种方式值得推荐。

代码如下：

<materialDesign:DialogHost DialogTheme="Inherit"

                       Identifier="RootDialog">

    <Grid>

        <StackPanel HorizontalAlignment="Center"

                VerticalAlignment="Center"

                Orientation="Horizontal">

            <TextBlock VerticalAlignment="Center"

                   FontSize="24"

                   Text="{Binding Date, StringFormat={}{0:yyyy-MM-dd HH:mm:ss}}" />

            <Button Margin="8 0 0 0"

                materialDesign:DialogHost.DialogClosingAttached="CombinedDialogClosingEventHandler"

                materialDesign:DialogHost.DialogOpenedAttached="CombinedDialogOpenedEventHandler"

                Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}"

                Content="...">

                <Button.CommandParameter>

                    <Grid Margin="-1">

                        <Grid.RowDefinitions>

                            <RowDefinition Height="*" />

                            <RowDefinition Height="Auto" />

                        </Grid.RowDefinitions>

                        <StackPanel Grid.Row="0"

                                Orientation="Horizontal">

                            <Calendar x:Name="CombinedCalendar"

                                  Margin="-1 -4 -1 0" />

                            <materialDesign:Clock x:Name="CombinedClock"

                                              DisplayAutomation="CycleWithSeconds"

                                              Is24Hours="True" />

                        </StackPanel>

                        <StackPanel Grid.Row="1"

                                Margin="8"

                                HorizontalAlignment="Right"

                                Orientation="Horizontal">

                            <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                                CommandParameter="0"

                                Content="CANCEL"

                                Style="{DynamicResource MaterialDesignFlatButton}" />

                            <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                                CommandParameter="1"

                                Content="OK"

                                Style="{DynamicResource MaterialDesignFlatButton}" />

                        </StackPanel>

                    </Grid>

                </Button.CommandParameter>

            </Button>

        </StackPanel>

    </Grid>

</materialDesign:DialogHost>
3.除了定义DialogHost作为根容器，还可以通过指定CommandTarget的来解决。
<Grid>

    <StackPanel HorizontalAlignment="Center"

                VerticalAlignment="Center"

                Orientation="Horizontal">

        <TextBlock VerticalAlignment="Center"

                   FontSize="24"

                   Text="{Binding Date, StringFormat={}{0:yyyy-MM-dd HH:mm:ss}}" />

        <Button Margin="8 0 0 0"

                materialDesign:DialogHost.DialogClosingAttached="CombinedDialogClosingEventHandler"

                materialDesign:DialogHost.DialogOpenedAttached="CombinedDialogOpenedEventHandler"

                Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}"

                CommandTarget="{Binding ElementName=DatePickerDialogHost}"

                Content="...">

            <Button.CommandParameter>

                <Grid Margin="-1">

                    <Grid.RowDefinitions>

                        <RowDefinition Height="*" />

                        <RowDefinition Height="Auto" />

                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="0"

                                Orientation="Horizontal">

                        <Calendar x:Name="CombinedCalendar"

                                  Margin="-1 -4 -1 0" />

                        <materialDesign:Clock x:Name="CombinedClock"

                                              DisplayAutomation="CycleWithSeconds"

                                              Is24Hours="True" />

                    </StackPanel>

                    <StackPanel Grid.Row="1"

                                Margin="8"

                                HorizontalAlignment="Right"

                                Orientation="Horizontal">

                        <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                                CommandParameter="0"

                                Content="CANCEL"

                                Style="{DynamicResource MaterialDesignFlatButton}" />

                        <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                                CommandParameter="1"

                                Content="OK"

                                Style="{DynamicResource MaterialDesignFlatButton}" />

                    </StackPanel>

                </Grid>

            </Button.CommandParameter>

        </Button>

    </StackPanel>

    <materialDesign:DialogHost x:Name="DatePickerDialogHost">

    </materialDesign:DialogHost>

</Grid>

这种方式的Content部分是通过CommandParameter传递给Command的。下面的源代码一目了然。

CommandBindings.Add(new CommandBinding(OpenDialogCommand, OpenDialogHandler));

private void OpenDialogHandler(object sender, ExecutedRoutedEventArgs executedRoutedEventArgs)

{

    if (executedRoutedEventArgs.Handled) return;

    if (executedRoutedEventArgs.OriginalSource is DependencyObject dependencyObject)

    {

        _attachedDialogOpenedEventHandler = GetDialogOpenedAttached(dependencyObject);

        _attachedDialogClosingEventHandler = GetDialogClosingAttached(dependencyObject);

    }

    if (executedRoutedEventArgs.Parameter != null)

    {

        AssertTargetableContent();

        if (_popupContentControl != null)

        {

            _popupContentControl.DataContext = OpenDialogCommandDataContextSource switch

            {

                DialogHostOpenDialogCommandDataContextSource.SenderElement

                    => (executedRoutedEventArgs.OriginalSource as FrameworkElement)?.DataContext,

                DialogHostOpenDialogCommandDataContextSource.DialogHostInstance => DataContext,

                DialogHostOpenDialogCommandDataContextSource.None => null,

                _ => throw new ArgumentOutOfRangeException(),

            };

        }

        DialogContent = executedRoutedEventArgs.Parameter;

    }

    SetCurrentValue(IsOpenProperty, true);

    executedRoutedEventArgs.Handled = true;

}
4.如果不想通过CommandParameter传递内容参数，还可以直接在DialogContent定义内容部分。这是使用Dialog控件的常见方式。
<Grid>

    <materialDesign:DialogHost>

        <materialDesign:DialogHost.DialogContent>

            <Grid Margin="-1">

                <Grid.RowDefinitions>

                    <RowDefinition Height="*" />

                    <RowDefinition Height="Auto" />

                </Grid.RowDefinitions>

                <StackPanel Grid.Row="0"

                            Orientation="Horizontal">

                    <Calendar x:Name="CombinedCalendar"

                              Margin="-1 -4 -1 0" />

                    <materialDesign:Clock x:Name="CombinedClock"

                                          DisplayAutomation="CycleWithSeconds"

                                          Is24Hours="True" />

                </StackPanel>

                <StackPanel Grid.Row="1"

                            Margin="8"

                            HorizontalAlignment="Right"

                            Orientation="Horizontal">

                    <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                            CommandParameter="0"

                            Content="CANCEL"

                            Style="{DynamicResource MaterialDesignFlatButton}" />

                    <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"

                            CommandParameter="1"

                            Content="OK"

                            Style="{DynamicResource MaterialDesignFlatButton}" />

                </StackPanel>

            </Grid>

        </materialDesign:DialogHost.DialogContent>

        <StackPanel HorizontalAlignment="Center"

                    VerticalAlignment="Center"

                    Orientation="Horizontal">

            <TextBlock VerticalAlignment="Center"

                       FontSize="24"

                       Text="{Binding Date, StringFormat={}{0:yyyy-MM-dd HH:mm:ss}}" />

            <Button Margin="8 0 0 0"

                    materialDesign:DialogHost.DialogClosingAttached="CombinedDialogClosingEventHandler"

                    materialDesign:DialogHost.DialogOpenedAttached="CombinedDialogOpenedEventHandler"

                    Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}"

                    CommandTarget="{Binding ElementName=DatePickerDialogHost}"

                    Content="..." />

        </StackPanel>

    </materialDesign:DialogHost>

</Grid>

源码下载：网盘 Github

MaterialDesignInXamlToolkit“无法绑定到目标方法，因其签名或安全透明度与委托类型的签名或安全透明度不兼容”异常的解决思路的更多相关文章

  1. Spring AOP中使用args表达式访问目标方法的参数

    Spring AOP 的使用过程理解 首先,aop的使用场景介绍: 1.处理一些通用的非功能性的需求,不影响业务流程,比如说打印日志.性能统计.推送消息等: 2.aop无法拦截static.final ...

  2. jquery 绑定事件的方法

    jQuery中提供了四种绑定事件的方法,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off: 一.on()方法(首选方法) ...

  3. JavaScript绑定事件的方法[3种]

    在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HT ...

  4. GridView等表格模板列绑定数据的方法

    //绑定GridView每一行中的CheckBoxList protected void GridView1_RowDataBound(object sender, GridViewRowEventA ...

  5. elementui command绑定变量对象方法

    command绑定变量对象方法 使用v-bind : command绑定 简写 :command

  6. Spring Aop 修改目标方法参数和返回值

    一.新建注解 @Target({ElementType.METHOD, ElementType.TYPE}) @Retention(RetentionPolicy.RUNTIME) @Document ...

  7. Android studio button 按钮 四种绑定事件的方法

    package com.geli_2.sujie.sujiegeili2testbutton; import android.os.Bundle; import android.support.v7. ...

  8. AOP实现拦截对象以及获取切入目标方法和注解

    AOP实现拦截对象以及获取切入目标方法和注解 一.JoinPoint是什么? AspectJ使用org.aspectj.lang.JoinPoint接口表示目标类连接点对象,如果是环绕增强时,使用 o ...

  9. SpringMVC系列（五）使用 Serlvet 原生的 API 作为目标方法的参数

    SpringMVC的Handler方法可以接受哪些 ServletAPI 类型的参数 • HttpServletRequest• HttpServletResponse• HttpSession• j ...

随机推荐

  1. Java on Visual Studio Code的更新 – 2021年4月

    杨尧今 from Microsoft VS Code Java Team 欢迎来到这一期的VS Code Java更新.又是一个忙碌而富有成效的月份. Java调试器和Java测试扩展获得了新功能.在 ...

  2. jQ的显式迭代和隐式迭代

    jQ的显示迭代 隐式迭代 let lis = document.querySelector('li') lis.forEach(function (value, index) { value.styl ...

  3. Linux进阶之Git分布式版本控制系统篇

    一.Git介绍 Git(读音为/gɪt/.)是一个开源的分布式版本控制系统,可以有效.高速的处理从很小到非常大的项目版本管理. Git 是 Linus Torvalds 为了帮助管理 Linux 内核 ...

  4. IDEA 创建 Maven 项目每次都需要重新配置问题

    问题描述 通过 File->Settings 设置 maven 配置,在 IDEA 新创建 Maven 项目时设置的 maven 配置会被重置,导致每次创建新 Maven 项目都需要重新设置一遍 ...

  5. 如何设置 web 项目打开的默认页面

    引言 我们在创建 Web 项目启动 Tomcat 会自动打开一个默认 index.jsp 页面,这个页面是创建 Web 项目时就自动生成的.那么,如何设置 web 项目打开的这个的默认页面,改为自己的 ...

  6. 原生基础js脚本实现--在线答题系统

    全部代码在最下面----需要的直接往下翻 html方面的代码  : 正确的答案 value=s <!DOCTYPE html> <html lang="en"&g ...

  7. Redis（3）- 数据结构

    一.Redis数据结构 Redis数据结构:Redis在数据类型上常用的有5种数据类型,而底层实现拥有种.可以使用命令OBJECT ENCODING K1查询底层数据结构. # 查询key的底层数据类 ...

  8. ntp导致的时钟回拨

    ntp导致的时钟回拨 时钟回拨 我们的服务器时间校准一般是通过ntp进程去校准的.但由于校准这个动作,会导致时钟跳跃变化的现象. 而这种情况里面,往往回拨最能引起我们的困扰,回拨如下所示: 会引起什么 ...

  9. node.js学习(5)读写文件（同步异步）

    1 导入文件系统库 # 同步的 读文件 写文件 # 异步 需要用异步处理耗时

  10. gasshopper之python电池输出dict结构

    问题:gh 直接用 panel 是无法直接输出字典结构的 故需要用 zip() 函数将字典的keys()  values() 组成一个元组,可以直接输出: 实例: dict = {} for i in ...