无法与装饰层上的项目交互

Question

无法与装饰层上的项目交互

5

public DesignerItemAdvancedOptionsAdorner(DesignerControl designerItem):base(designerItem) { _designerItem = designerItem; DataTemplate dataTemplate = (DataTemplate)FindResource("DesignerItemAdvancedOptionsAdorner"); _contentPresenter = new ContentPresenter() { ContentTemplate = dataTemplate, Opacity = 0.75 }; Loaded += DesignerItemAdvancedOptionsAdorner_Loaded; Unloaded += DesignerItemAdvancedOptionsAdorner_Unloaded; } private void DesignerItemAdvancedOptionsAdorner_Loaded(object sender, RoutedEventArgs e) { double newDistance = Math.Round((_designerItem.ControlActualWidth * ActiveZoomLevel) + 50); AnimateMargin(new Thickness((_designerItem.ControlActualWidth * ActiveZoomLevel) + 45, 0, 0, 0), new Thickness(newDistance, 0, 0, 0), 0.1); } protected override Visual GetVisualChild(int index) { return _contentPresenter; } protected override int VisualChildrenCount { get { return 1; } }

以下是装饰器的数据模板。

<DataTemplate x:Key="DesignerItemAdvancedOptionsAdorner">
        <Grid RenderTransformOrigin="0.5,0.5" Margin="0,-10,0,0" Height="320" Width="160" HorizontalAlignment="Left">
            <Path Stroke="{DynamicResource ApplicationPrimaryColour}" StrokeThickness="1" Fill="White">
                <Path.Data>
                    <CombinedGeometry GeometryCombineMode="Union">
                        <CombinedGeometry.Geometry1>
                            <RectangleGeometry  Rect="0,0,140,280">
                                <RectangleGeometry.Transform>
                                    <TranslateTransform X="10" />
                                </RectangleGeometry.Transform>
                            </RectangleGeometry>
                        </CombinedGeometry.Geometry1>
                        <CombinedGeometry.Geometry2>
                            <PathGeometry>
                                <PathFigure StartPoint="0,20">
                                    <LineSegment Point="10,10" />
                                    <LineSegment Point="10,30" />
                                </PathFigure>
                            </PathGeometry>
                        </CombinedGeometry.Geometry2>
                    </CombinedGeometry>
                </Path.Data>
              </Path>
            <TextBlock Text="Options" HorizontalAlignment="Center" VerticalAlignment="Top" FontWeight="Bold" Margin="0,5,0,0"/>
            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Height="40" Width="100" Content="Test"/>
        </Grid>
    </DataTemplate>

下面是我实现装饰器后得到的渲染结果。 enter image description here

编辑-

我设法使其工作，下面是我得到的渲染结果 enter image description here

我错误地覆盖了 GetVisualChild 和 VisualChildrenCount 方法。相反，我在装饰器类中创建了一个 VisualCollection 属性，并将我的 contentPresenter 添加到该集合中，然后重写返回预期结果的方法，如 visualCollection[i] 用于 VisualChild，visualCollection.Count 用于 VisualChildrenCount。

此外，我没有任何与 UI 交互的问题，因为我将我的项的数据上下文传递给了装饰器，而且大多数进入 AdvancedOptions 装饰器的命令都是 Prism 组合命令，并且会在相关的 ViewModel 中触发。

- Krishna

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- JamesWHurst · Answer 1

这是一些令人印象深刻的项目代码 - 我的祝贺！不幸的是，我认为 Adorner - 虽然对于许多“装饰”目的非常有用，但在这里不会起作用。您需要与此控件进行完全交互，而 Adorner 并不打算提供此功能。在这里，您需要常规的 UX 元素。装饰是作为 UIElement 树的一种独立层实现的。我之前也曾走过这条路，后来才意识到这一点。顺便说一下，如果我能提供任何帮助，请联系我，我很想了解更多关于您的项目以及您在使用 WPF 实现它方面的成功情况。最好的祝愿。