Question

enter image description here

当您单击文档上的文本框时，上图是MS Word 2010中选项菜单的示例。我正在尝试使用WPF中的装饰器实现类似的功能，目前我正在努力实施。

我创建了2个名为optionsButtonAdorner和AdvancedOptionsAdorner的装饰器。当我在画布上单击我的项目时，我会使用一些滑动动画显示optionsButtonAdorner，当我单击optionsButtonAdorner时，我会使用相同的滑动动画显示AdvancedOptionsAdorner。我上面的任务正常工作，我的系统就像上面的图片一样正确地渲染了两个装饰。

但复杂的部分是，如果我尝试在AdvancedOptionsAdorner中放置任何内容，我可以在装饰器内部取消按钮，但我没有在按钮上获得任何HitTest（与任何其他控件相同，如果我尝试放置一个测试盒我无法专注于它或与之互动）。如果我使用snoop查看对象，我可以看到按钮和文本框已启用且hittest设置为true。但是进一步看，我实际上是在画布上获得了mousedown事件而不是装饰对象。现在我在想我的方法本身是错的。以下是AdvancedOptionsAdorner的示例代码

感谢您提供任何帮助，感谢抱歉这么长的帖子。

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方法。相反，我在adorner类中创建了一个VisualCollection属性，并将我的contentPresenter添加到该集合中，并且覆盖只返回了预期的结果，如VisualChild的VisualCollection [i]和VisualChildrenCount的visualCollection.Count。

此外，我对ui交互性没有任何问题，因为我将我的Item的dataContext传递给adorner，而且进入AdvancedOptions装饰器的大多数命令都是Prism Composite Commands，它们会在相关的ViewModels

Answer 1

这是一些令人印象深刻的项目代码 - 我的恭维！不幸的是，我认为Adorner - 虽然对很多＆＃39;装饰＆＃39;非常有用。目的，不打算在这里服务。您需要与此控件完全交互，Adorner无意提供此控件。您需要的是常规的UX元素。这些装饰从UIElement树的其余部分实现为一种单独的层。在意识到这一点之前，我自己一直走在那条路上。顺便说一下，我很想了解您的项目，以及您使用WPF实现它的成功程度。如果我能得到任何帮助，请打我。最好的愿望。

无法与装饰图层上的项目进行互动

1 个答案: