UWP C#实现Android Path绘图：转换方法遇绘制异常求助

你的问题出在完全没有对应Android中Path的复杂路径构建逻辑——原Android代码支持移动起点、直线、贝塞尔曲线、圆弧、椭圆、闭合路径等多种操作，但你的C#代码只是把所有点简单连成折线，自然无法还原正确图形，甚至会因为曲线被强行转成折线而看起来模糊。

在UWP中，对应Android Path的是PathGeometry类，它通过PathFigure和各种PathSegment子类（对应不同的路径命令）来构建复杂路径。下面是完整的实现，完全匹配你的Android代码逻辑：

前提：GraphicsSegment类定义 #

确保你的GraphicsSegment类属性与以下定义一致（如果已有则忽略）：

public class GraphicsSegment
{
    public const int T_MOVETO = 0;
    public const int T_LINETO = 1;
    public const int T_QUADTO = 2;
    public const int T_CUBICTO = 3;
    public const int T_ARCTO = 4;
    public const int T_ADDOVAL = 5;
    public const int T_CLOSE = 6;

    public int drawingType { get; set; }
    public float X { get; set; }
    public float Y { get; set; }
    public float X1 { get; set; }
    public float Y1 { get; set; }
    public float X2 { get; set; }
    public float Y2 { get; set; }
}

完整转换实现 #

using Windows.UI;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Media.Imaging;

public async Task<WriteableBitmap> GetPathBitmapAsync(int width, int height, GraphicsSegment[] segments)
{
    // 1. 构建对应Android Path的PathGeometry
    var pathGeometry = new PathGeometry();
    var currentFigure = new PathFigure();
    pathGeometry.Figures.Add(currentFigure);

    foreach (var segment in segments)
    {
        switch (segment.drawingType)
        {
            case GraphicsSegment.T_MOVETO:
                // 移动路径起点，对应Android Path.moveTo
                currentFigure = new PathFigure
                {
                    StartPoint = new Point(segment.X, segment.Y)
                };
                pathGeometry.Figures.Add(currentFigure);
                break;

            case GraphicsSegment.T_LINETO:
                // 添加直线段，对应Android Path.lineTo
                currentFigure.Segments.Add(new LineSegment
                {
                    Point = new Point(segment.X, segment.Y)
                });
                break;

            case GraphicsSegment.T_QUADTO:
                // 添加二次贝塞尔曲线，对应Android Path.quadTo
                currentFigure.Segments.Add(new QuadraticBezierSegment
                {
                    Point1 = new Point(segment.X, segment.Y),
                    Point2 = new Point(segment.X2, segment.Y2)
                });
                break;

            case GraphicsSegment.T_CUBICTO:
                // 添加三次贝塞尔曲线，对应Android Path.cubicTo
                currentFigure.Segments.Add(new BezierSegment
                {
                    Point1 = new Point(segment.X, segment.Y),
                    Point2 = new Point(segment.X1, segment.Y1),
                    Point3 = new Point(segment.X2, segment.Y2)
                });
                break;

            case GraphicsSegment.T_ARCTO:
                // 转换Android arcTo参数到UWP ArcSegment
                float rectLeft = segment.X;
                float rectTop = segment.Y;
                float rectRight = segment.X1;
                float rectBottom = segment.Y1;
                float startAngle = segment.X2;
                float sweepAngle = segment.Y2;

                float ellipseWidth = rectRight - rectLeft;
                float ellipseHeight = rectBottom - rectTop;
                double centerX = rectLeft + ellipseWidth / 2;
                double centerY = rectTop + ellipseHeight / 2;

                // 计算圆弧的起点和终点坐标
                double startRad = Math.PI * startAngle / 180.0;
                double sweepRad = Math.PI * sweepAngle / 180.0;
                double endRad = startRad + sweepRad;

                Point arcStart = new Point(
                    centerX + (ellipseWidth / 2) * Math.Cos(startRad),
                    centerY + (ellipseHeight / 2) * Math.Sin(startRad)
                );
                Point arcEnd = new Point(
                    centerX + (ellipseWidth / 2) * Math.Cos(endRad),
                    centerY + (ellipseHeight / 2) * Math.Sin(endRad)
                );

                // 如果当前路径的起点不是圆弧起点，先添加直线连接（匹配Android arcTo的行为）
                if (currentFigure.StartPoint != arcStart && currentFigure.Segments.Count == 0)
                {
                    currentFigure.Segments.Add(new LineSegment { Point = arcStart });
                }

                currentFigure.Segments.Add(new ArcSegment
                {
                    Point = arcEnd,
                    Size = new Size(ellipseWidth / 2, ellipseHeight / 2),
                    RotationAngle = 0, // Android的arcTo是轴对齐椭圆，旋转角为0
                    IsLargeArc = Math.Abs(sweepAngle) > 180,
                    SweepDirection = sweepAngle > 0 ? SweepDirection.Clockwise : SweepDirection.Counterclockwise
                });
                break;

            case GraphicsSegment.T_ADDOVAL:
                // 添加椭圆，对应Android Path.addOval
                float ovalLeft = segment.X;
                float ovalTop = segment.Y;
                float ovalRight = segment.X1;
                float ovalBottom = segment.Y1;

                // 创建新的PathFigure来绘制椭圆（椭圆可视为360度的圆弧）
                var ovalFigure = new PathFigure
                {
                    StartPoint = new Point(ovalRight, ovalTop + (ovalBottom - ovalTop)/2)
                };
                ovalFigure.Segments.Add(new ArcSegment
                {
                    Point = ovalFigure.StartPoint, // 终点回到起点
                    Size = new Size((ovalRight - ovalLeft)/2, (ovalBottom - ovalTop)/2),
                    RotationAngle = 0,
                    IsLargeArc = true,
                    SweepDirection = SweepDirection.Clockwise
                });
                pathGeometry.Figures.Add(ovalFigure);
                break;

            case GraphicsSegment.T_CLOSE:
                // 闭合当前路径，对应Android Path.close()
                currentFigure.IsClosed = true;
                break;
        }
    }

    // 2. 创建Path控件并设置样式（匹配Android的Paint）
    var pathControl = new Path
    {
        Data = pathGeometry,
        Stroke = new SolidColorBrush(Colors.Black),
        StrokeThickness = 2,
        Width = width,
        Height = height,
        Stretch = Stretch.None
    };

    // 3. 渲染Path到WriteableBitmap
    var renderTargetBitmap = new RenderTargetBitmap();
    await renderTargetBitmap.RenderAsync(pathControl);

    // 转换为WriteableBitmap
    var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();
    var writeableBitmap = new WriteableBitmap(width, height);
    using (var stream = writeableBitmap.PixelBuffer.AsStream())
    {
        await stream.WriteAsync(pixelBuffer.ToArray(), 0, pixelBuffer.Length);
    }

    return writeableBitmap;
}

关键说明 #

• 路径命令对应：每个Android Path的方法都有对应的UWP类，比如quadTo对应QuadraticBezierSegment，cubicTo对应BezierSegment，完全还原原代码的路径行为。
• 圆弧参数转换：Android的arcTo基于矩形和角度，而UWP的ArcSegment需要起点、终点和椭圆尺寸，这里做了完整的数学转换，确保圆弧形状一致。
• 清晰度保障：使用RenderTargetBitmap渲染官方Path控件，避免手动绘制导致的分辨率模糊问题。
• 异步注意：方法是异步的，调用时需要使用await关键字。

如果需要更高性能的实时绘图场景，可以考虑使用Win2D库，它提供的CanvasDrawingSession可以直接在WriteableBitmap上高效绘制路径。

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