adorner 레이어의 UIElement를 강조 표시하거나 윤곽을 잡습니다.

Question

어도비 레이어에서 특정 UIElement (또는 아마도 Visual)을 윤곽을 지정하거나 강조 표시하고 싶습니다. Adorner는 그 자체로 문제가 아닙니다. 나는 UIElement의 윤곽을 그리는 것에 더 관심이 있습니다.

나는 OuterGlowBitmapEffect이 제공하는 유사한 효과를 목표로합니다. UIElement의 바깥 쪽 윤곽을 따라 가고 싶습니다. Clip 속성 (거의 항상 null)과 다른 방법을 사용하여 많은 접근법을 시도했지만 비참하게 실패했습니다.

이제 나는 이것이 분명히 쉬울 것이라고 생각하고 있습니다. 그것은 제가 누락 된 것입니다. 또한 이번에도 Google은 내 친구가 아니 었습니다.

편집 : 3.5 NET은

Answer 1

윤곽선을 지정할 요소에 Visual이 설정된 VisualBrush의 OpacityMask을 사용할 수 있습니다. 다음은 포드 그라운드에 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

한 가지 방법은 MSDN SimpleCircleAdorner example에서 볼 수 있듯이 UIElement의 OnRender을 무시하는 것입니다 요구 사항입니다.

// 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 세그먼트로 구성 경로를 구축 할 수 path geometries의 사용을해야 할 것이다 전형적인 사각형 또는 둥근 사각형 외부의 강력한 솔루션을 제공하려면 , 또는 ArcSegment을 입력하면 UIElement 주위에 적절한 경로가 생성됩니다.

한편 사각형 또는 둥근 사각형으로 충분하면 OnRender 무시 내에서 DrawingContext.DrawRectangle 및 DrawingContext.DrawRoundedRectangle을 각각 사용할 수 있습니다.