WPF中如何获取UI元素轮廓？调用VisualTreeHelper.GetClip返回null如何解决

问题原因 #

VisualTreeHelper.GetClip()用于读取元素显式设置的Clip裁剪属性值，仅当主动为元素赋值Clip属性时才会返回对应几何对象，默认状态下返回null，该接口本身不具备获取元素渲染轮廓的能力。

实现方法 #

方法1：按元素类型分别处理 #

针对示例中的三类元素，分别适配获取逻辑：

• Ellipse、Polygon等继承自Shape的图形元素可直接读取自带的Data属性
• Border元素根据自身的尺寸、圆角属性手动构造几何对象
  修改后的C#代码如下：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;

namespace CopyGeometryElements
{
    public partial class CopyGeometryElementsWindow : Window
    {
        public CopyGeometryElementsWindow()
        {
            InitializeComponent();
        }

        private void OnCopy(object sender, RoutedEventArgs e)
        {
            foreach (UIElement uie in source.Children)
            {
                Geometry geometry = null;
                // 处理Shape类元素
                if (uie is Shape shape)
                {
                    geometry = shape.Data;
                }
                // 处理Border类元素
                else if (uie is Border border)
                {
                    geometry = new RectangleGeometry(
                        new Rect(0, 0, border.ActualWidth, border.ActualHeight),
                        border.CornerRadius.TopLeft, 
                        border.CornerRadius.TopLeft);
                }
                if (geometry == null) continue;

                var offset = uie.TranslatePoint(new Point(), source);
                var copy = new Path()
                {
                    Data = geometry,
                    Stroke = Brushes.Red,
                    StrokeThickness = 2
                };
                Canvas.SetLeft(copy, offset.X);
                Canvas.SetTop(copy, offset.Y);
                target.Children.Add(copy);
            }
        }
    }
}

方法2：通用方案（适配所有UI元素） #

无需判断元素类型，直接调用RenderToGeometry方法即可获取任意UI元素的渲染轮廓几何，适合元素类型不固定的场景：

private void OnCopy(object sender, RoutedEventArgs e)
{
    foreach (UIElement uie in source.Children)
    {
        var geometry = uie.RenderToGeometry();
        var offset = uie.TranslatePoint(new Point(), source);
        var copy = new Path()
        {
            Data = geometry,
            Stroke = Brushes.Red,
            StrokeThickness = 2
        };
        Canvas.SetLeft(copy, offset.X);
        Canvas.SetTop(copy, offset.Y);
        target.Children.Add(copy);
    }
}

示例中的XAML代码无需修改，替换对应后台逻辑即可正常运行。

内容的提问来源于stack exchange，提问作者EldHasp