前言：

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

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. Scrum Meeting 4

    Basic Info where:共享空间 when:2021/4/29 target: 简要汇报一下已完成任务,下一步计划与遇到的问题 Progress Team Member Position A ...

  2. 【Cocos2d-x】屏蔽Emoji并解决由于Emoji导致的崩溃问题

    IOS的Emoji表情因为编码问题,在Android手机上无法正常显示,如果当前的cc.Label节点使用的是系统字,在系统字库中找不到对应编码的字符,会导致崩溃. 为了解决这个问题,又要兼顾新老版本 ...

  3. [bug] powerdesigner 设置id 自增 Properties中没有identity

    参考 https://blog.csdn.net/qq_37924509/article/details/105215719

  4. [刷题] 17 Letter Combinations of a Phone Number

    要求 给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合 1 不对应任何字母    示例 输入:"23" 输出:["ad", "ae&q ...

  5. [Java] HOW2J（Java初级）

    变量 基本类型:整型(byte.short.int.long).字符型(char).浮点型(float.double).布尔型(boolean) 给基本类型赋值的方式叫字面值 字符的字面值放在单引号中 ...

  6. 如何访问pod --- service（7）

    一.通过service访问pod 我们不应该期望 Kubernetes Pod 是健壮的,而是要假设 Pod 中的容器很可能因为各种原因发生故障而死掉.Deployment 等 controller ...

  7. flink-cdc读取postgres报异常，没有发布表

    异常信息 must be superuser to create FOR ALL TABLES publication 必须是超级用户才能为所有发布表创建 网上搜索了一天,都毫无头绪,后面搜索到了一个 ...

  8. 安装JDK 常见错误解决（Day_07）

    在cmd中输入java -version或者java 或出现以下错误: 原因一:可能是你的JDK装的时间比较早,导致环境变量中的Path(此电脑->右击属性->高级系统设置->环境变 ...

  9. Linux 安装配置 tftp 服务器

    1.安装TFTP服务 安装服务端 sudo apt-get install tftpd-hpa 安装客服端 sudo apt-get install tftp-hpa 2.创建TFTP服务器目录 cd ...

  10. Python+Selenium - 鼠标操作

    鼠标操作类:action_chains模块的ActionChains类 使用组成:操作 + 执行(perform()) 导入代码 from selenium.webdriver.common.acti ...