Image 和 InkPresenter 之间的 Z 顺序

Question

我有这个 CustomControl，其中包含一个 InkPresenter 和一个 Image。 该图像有一个 AdornerDecorator 因为我计划稍后向图像添加装饰器。 我已将 Image 的 Canvas.ZIndex 设置为高于 InkPresenter，以便 InkPresenter 将绘制在图像上。

问题是，当我尝试从 InkPresenter 收集和显示墨迹时，笔划会绘制在图像下方。 （我曾经使用 Snoop 检查视觉树，并且 InkPresenter 位于 Image 之上）我不确定这是为什么。 这里有人知道为什么 Image 绘制在 InkPresenter 之上吗？ 任何帮助深表感谢。

我的代码如下：

Generic.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:HotSpotImage">
    <Style TargetType="{x:Type local:HotSpotImage}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:HotSpotImage}">
                    <ControlTemplate.Resources>
                        <local:StringtoImageSource x:Key="ImageSourceConverter"/>

                    </ControlTemplate.Resources>
                    <Canvas Width="{TemplateBinding Width}" 
                            Height="{TemplateBinding Height}">    
                        <InkPresenter Canvas.ZIndex="1"  
                                      x:Name="PART_InkPresenter"
                                      Width="{TemplateBinding Width}" 
                                      Height="{TemplateBinding Height}"/>
                        <Image Canvas.ZIndex="2"  x:Name="PART_Image" 
                               Width="{TemplateBinding Width}" 
                               Height="{TemplateBinding Height}" Source="{Binding 
                                RelativeSource={RelativeSource TemplatedParent}, 
                                Path=Source, 
                                Converter={StaticResource ImageSourceConverter}}"/>
                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

我已将 MouseDown、MouseUp、MouseMove 等事件附加到InkPresenter 因为我计划稍后将这些事件的处理移至其他类。

不幸的是，这些事件不会被捕获，因为 Image 是在 InkPresenter 之上绘制的，因此它获取事件而不是 InkPresenter。 有谁知道为什么会这样？

任何帮助深表感谢。

Answer 1

您正在向后考虑 z 顺序。 值越高，离用户越近，因此值 2 的图像将绘制在值 1 的墨水上。

请参阅 MSDN