如何将PNG转换为XAML DrawingBrush？WPF应用技术问询

嘿，我来帮你搞定这个问题——把PNG转换成WPF里能用的DrawingBrush，其实有两种实用的方法，看你是要处理单个文件还是批量操作：

这是最靠谱的手动处理方式，推荐用免费开源的Inkscape工具，步骤超清晰：

• 打开Inkscape，导入你的PNG文件（直接拖进去就行）
• 选中导入的PNG，点击顶部菜单的「路径」→「追踪位图」，在弹出的窗口里调整参数：
  • 如果是单色图标，选「单次扫描」，调整阈值让轮廓更清晰
  • 如果是彩色图标，选「多次扫描」，设置合适的颜色数量，预览满意后点击「确定」
• 此时原来的PNG会被转换成矢量路径，你可以删掉原来的位图层，只保留生成的矢量图形
• 点击「文件」→「导出」→「导出为XAML」，选择保存路径
• 打开导出的XAML文件，把里面Path元素的Data属性值提取出来，放到DrawingBrush的结构里，示例代码如下：

<DrawingBrush x:Key="MyCustomDrawingBrush">
    <DrawingBrush.Drawing>
        <DrawingGroup>
            <GeometryDrawing Brush="#FF333333">
                <GeometryDrawing.Geometry>
                    <!-- 这里粘贴导出的Path的Data属性值 -->
                    <PathGeometry Figures="M20,20 C20,10 30,10 30,20 S40,30 30,30 S20,30 20,20 Z"/>
                </GeometryDrawing.Geometry>
            </GeometryDrawing>
        </DrawingGroup>
    </DrawingBrush.Drawing>
</DrawingBrush>

如果你需要批量处理一堆PNG，用代码来实现会更高效，核心思路是把PNG的像素轮廓转换成矢量几何图形，再封装成DrawingBrush：

• 首先加载PNG文件为BitmapSource：

var bitmap = new BitmapImage(new Uri(@"Assets/your-image.png", UriKind.Relative));

• 接下来提取图像的轮廓：可以用颜色阈值筛选出目标颜色的像素，把连续的像素点转换成LineSegment或BezierSegment，组合成PathFigure
• 把PathFigure加入PathGeometry，再构建GeometryDrawing和DrawingBrush：

// 示例：构建简单的路径几何
var pathFigure = new PathFigure { StartPoint = new Point(10, 10) };
pathFigure.Segments.Add(new LineSegment(new Point(50, 10), true));
pathFigure.Segments.Add(new LineSegment(new Point(50, 50), true));
pathFigure.Segments.Add(new LineSegment(new Point(10, 50), true));
pathFigure.IsClosed = true;

var geometry = new PathGeometry();
geometry.Figures.Add(pathFigure);

var drawing = new GeometryDrawing(Brushes.DarkBlue, new Pen(Brushes.Black, 1), geometry);
var drawingBrush = new DrawingBrush(new DrawingGroup { Children = { drawing } });

// 根据需求设置Brush属性
drawingBrush.Stretch = Stretch.Uniform;
drawingBrush.TileMode = TileMode.None;

⚠️ 注意：这种方法对复杂图像的转换效果有限，只适合简单的单色图标或线条图，复杂照片类PNG还是直接用ImageBrush更合适。

• PNG是位图，转矢量必然会有失真，简单图标转换效果最好，复杂图像不建议强行转成DrawingBrush
• 导出的XAML可能有冗余代码，可以手动精简或者用XAML优化工具合并重复路径，减少体积
• 使用DrawingBrush时，记得根据场景调整Stretch、TileMode、Viewport等属性，确保显示效果符合预期

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