突出显示或勾勒装饰层中的任何 UIElement

Question

我希望能够以某种方式勾勒或突出显示装饰层中的任何特定 UIElement （甚至可能是 Visual）。装饰器本身不是问题。我更关心创建 UIElement 的轮廓。

我的目标是 OuterGlowBitmapEffect 提供类似的效果。我想遵循 UIElement 的外部轮廓。我尝试了很多方法来检查 Clip 属性（几乎总是 null）和其他一些方法，但我惨败了。

现在我想这肯定很容易，只是我错过了一些东西。此外，谷歌这次也不是我的朋友。

编辑：NET 3.5 是一个要求

Answer 1

您可以将 OpacityMask 与 VisualBrush 一起使用，并将其 Visual 设置为您想要轮廓的元素。在下面的示例中，前景有一个 Rectangle，背景有一个 TabControl。由于选项卡控件不是矩形，我们可以看看该技术是否有效：

<Grid Background="Gray">
    <TabControl Name="element">
        <TabItem Header="Tab1">
            <TextBlock Text="Hello, world!" FontSize="40" FontWeight="Bold"/>
        </TabItem>
    </TabControl>
    <Rectangle Fill="Yellow" Opacity="0.5">
        <Rectangle.OpacityMask>
            <VisualBrush Visual="{Binding ElementName=element}"/>
        </Rectangle.OpacityMask>
    </Rectangle>
</Grid>

结果如下所示：

仅突出显示选项卡控件及其选项卡标题。

Answer 2

一种方法是重写 UIElement 的 OnRender，如 MSDN SimpleCircleAdorner 示例。

  // A common way to implement an adorner's rendering behavior is to override the OnRender
  // method, which is called by the layout system as part of a rendering pass.
  protected override void OnRender(DrawingContext drawingContext)
  {
    Rect adornedElementRect = new Rect(this.AdornedElement.DesiredSize);

    // Some arbitrary drawing implements.
    SolidColorBrush renderBrush = new SolidColorBrush(Colors.Green);
    renderBrush.Opacity = 0.2;
    Pen renderPen = new Pen(new SolidColorBrush(Colors.Navy), 1.5);
    double renderRadius = 5.0;

    // Draw a circle at each corner.
    drawingContext.DrawEllipse(renderBrush, renderPen, adornedElementRect.TopLeft, renderRadius, renderRadius);
    drawingContext.DrawEllipse(renderBrush, renderPen, adornedElementRect.TopRight, renderRadius, renderRadius);
    drawingContext.DrawEllipse(renderBrush, renderPen, adornedElementRect.BottomLeft, renderRadius, renderRadius);
    drawingContext.DrawEllipse(renderBrush, renderPen, adornedElementRect.BottomRight, renderRadius, renderRadius);
  }
}

如果您想在典型矩形或圆角矩形之外提供强大的解决方案，则必须使用 路径几何图形，它允许您构建由 BezierSegment、LineSegment 或 ArcSegment< 等线段组成的路径/code> 从而在 UIElement 周围创建适当的路径。

另一方面，如果矩形或圆角矩形就足够了，您可以在 OnRender 中分别使用 DrawingContext.DrawRectangle 和 DrawingContext.DrawRoundedRectangle覆盖。