WPF 装饰器Decorator 与 Adorner

Decorator 和 Adorner，它们都有“装饰品”的意思。
Decorator类
    负责包装某个UI元素，以提供额外的行为。它有一个类型为UIElement的Child属性，其中含有待包装的内容。Decorator可被用于添加简单的视觉装饰，例如边界(Border)，或者更复杂的行为，例如ViewBox，AdornerDecorator，或是InkPresenter。
当你从Decorator派生新类时，可以暴露一些有用的依赖属性来定制它。例如，Border类暴露它的BorderBrush, BorderThickness，和CornerRadius，它们都会影响包围child content的边界的绘制方式。

Adorner类
    既然已经有了Decorator为什么还需要Adorner类?因为它们的功能不同。Decorator类用于在child content的外周绘制装饰;Adorner允许你在已经存在的visual元素之上叠加visuals。简单的想法是，它们是另一组交互的visual，提供与主visual交互的额外途径。这看起来比较复杂，但是想想出现在典型图表软件元素中的窗口小部件(widgets)，例如调整尺寸的把柄(resizing grips)。那些就是叠加在元素之上的另一个visual，它们装饰并提供额外的功能及交互。通过点击或拖动这些调节尺寸的把柄，用户可以改变其中控件的大小。

Adorner类和AdornerDecorator一起工作，后者是一个不可见的平面，用于承载adorners。为了成为可视树的一部分，adorners必须有一个容器。AdornerDecorator就是这个容器AdornerDecorator通常被定义在可视树的顶端(如Window Control的ControlTemplate)。这使得所有的adorners都位于窗口内容之上。

实例链接：WPF装饰器Decorator和Adorner综合实例-C#文档类资源-CSDN下载

Decorator 和 Adorner综合实例：(Decorator装饰控件可根据内容自动调整大小，Adorner装饰控件，可以手动调节大小，位置)

<!--xaml代码-->
<Window x:Class="Test.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test"
         xmlns:MyNamespace="clr-namespace:Test"    
        mc:Ignorable="d" Name="win" 
        xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        Title="Window1" Height="450" Width="800"  Loaded="win_Loaded">
    <Canvas x:Name="mainCanvas" >

        <StackPanel Orientation="Horizontal" Margin="0,20">
            <local:AngleBorder Padding="10" BorderBrush="#62BE65" BorderThickness="1" 
                            SnapsToDevicePixels="True" UseLayoutRounding="True"
                            Placement="TopLeft" CornerRadius="5" Margin="10,0" VerticalAlignment="Center"
                            TailWidth="12" TailHeight="6">
                <TextBlock Text="111" Foreground="Black" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </local:AngleBorder>

            <local:AngleBorder Padding="10" BorderBrush="#62BE65" BorderThickness="1" 
                            SnapsToDevicePixels="True" UseLayoutRounding="True"
                            Placement="BottomCenter" CornerRadius="5" Margin="10,0" VerticalAlignment="Center"
                            TailWidth="12" TailHeight="6">
                <TextBlock Text="2222222222222222222222222" Foreground="Black" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </local:AngleBorder>

        </StackPanel>

        <Button Name="btnAdorner" Canvas.Left="200" Canvas.Top="80" Width="100" Height="30"/>

        <StackPanel   Canvas.Left="200" Canvas.Bottom="80">
            <Button Name="BtnStart" Content="开始添加装饰效果" HorizontalAlignment="Left"  VerticalAlignment="Top" Width="100" Height="30" Click="BtnStart_Click" Margin="0,0,0,30"/>
            <Button Name="BtnStop" Content="移除装饰效果" HorizontalAlignment="Left" VerticalAlignment="Top" Width="100" Height="30" Click="BtnStop_Click"/>
        </StackPanel>
    </Canvas>
</Window>

参考:https://www.cnblogs.com/Curry/archive/2009/09/16/WPFDecorator.html

装饰器概述 - WPF .NET Framework | Microsoft Docs