如何绘制三点角度的弧？(How to draw the arc of a three point a

我创建一个控制的地方可以借鉴的角度。 我有三个依赖的对象。

• 半径：行Lenght
• 由startAngle：从什么程度我应该开始
• 角度

下面是截图有关该计划目前吸引（红线是我想要绘制）。

所以我还没有完成是圆弧。 我需要一些帮助来绘制。 这是我有。

public class AngleControl2 : Control
{
    static AngleControl2()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(AngleControl2), new FrameworkPropertyMetadata(typeof(AngleControl2)));
    }

    public double Angle
    {
        get { return (double)base.GetValue(AngleProperty); }
        set { base.SetValue(AngleProperty, value); }
    }

    public static readonly DependencyProperty AngleProperty =
      DependencyProperty.Register("Angle", typeof(double), typeof(AngleControl2), new PropertyMetadata(90.0, new PropertyChangedCallback(AngleChanged)));

    public double StartAngle
    {
        get { return (double)base.GetValue(StartAngleProperty); }
        set { base.SetValue(StartAngleProperty, value); }
    }

    public static readonly DependencyProperty StartAngleProperty =
      DependencyProperty.Register("StartAngle", typeof(double), typeof(AngleControl2), new PropertyMetadata(0.0, new PropertyChangedCallback(AngleChanged)));

    public double Radius
    {
        get { return (double)base.GetValue(RadiusProperty); }
        set { base.SetValue(RadiusProperty, value); }
    }

    public static readonly DependencyProperty RadiusProperty =
      DependencyProperty.Register("Radius", typeof(double), typeof(AngleControl2), new PropertyMetadata(100.0));

    static void AngleChanged(DependencyObject property, DependencyPropertyChangedEventArgs args)
    {
        AngleControl2 c = (AngleControl2)property;

        Line line1 = c.GetTemplateChild("PART_Line1") as Line;
        Line line2 = c.GetTemplateChild("PART_Line2") as Line;

        if (line1 != null)
        {
            line1.X2 = Math.Cos((c.StartAngle + c.Angle) * (Math.PI / 180)) * c.Radius;
            line1.Y2 = Math.Sin((c.StartAngle + c.Angle) * (Math.PI / 180)) * c.Radius;
        }

        if (line2 != null)
        {
            line2.X2 = Math.Cos(c.StartAngle * (Math.PI / 180)) * c.Radius;
            line2.Y2 = Math.Sin(c.StartAngle * (Math.PI / 180)) * c.Radius;
        }
    }
}

Answer 1:

这将是更容易使用路径，而不是线。 举例来说，如果你有下面的一段模板

<Canvas Width="200" Height="200">
    <Path x:Name="PART_Path" Stroke="Green" StrokeThickness="3" Canvas.Left="100" Canvas.Top="100"/>
</Canvas>

然后你就可以在你的AngleChanged事件中使用此代码：

Path path = c.GetTemplateChild("PART_Path") as Path;

if (path != null)
{
    Point p = new Point(
        Math.Cos((this.StartAngle + this.Angle) * (Math.PI / 180)) * this.Radius,
        Math.Sin((this.StartAngle - this.Angle) * (Math.PI / 180)) * this.Radius);

    Point q = new Point(
        Math.Cos((this.StartAngle) * (Math.PI / 180)) * this.Radius,
        Math.Sin((this.StartAngle) * (Math.PI / 180)) * this.Radius);

    path.Data = new PathGeometry()
    {
        Figures = new PathFigureCollection()
        {
            new PathFigure()
            {
                StartPoint = new Point(0, 0),
                Segments = new PathSegmentCollection()
                {
                    new LineSegment() { Point = p }
                }
            },
            new PathFigure()
            {
                StartPoint = new Point(0, 0),
                Segments = new PathSegmentCollection()
                {
                    new LineSegment() { Point = q }
                }
            },
            new PathFigure()
            {
                StartPoint = new Point(p.X/3, p.Y/3),
                Segments = new PathSegmentCollection()
                {
                    new ArcSegment()
                    {
                        IsLargeArc = (Math.Abs(this.Angle) % 360) > 180,
                        RotationAngle = Math.Abs(this.Angle) * (Math.PI / 180),
                        SweepDirection = this.Angle < 0 ? SweepDirection.Counterclockwise : SweepDirection.Clockwise,
                        Point = new Point(q.X/ 3, q.Y/ 3),
                        Size = new Size(this.Radius / 3, this.Radius/3)
                    }
                }
            },
        }
    };
}

请注意，它也是一个更好的主意，打电话给你的AngleChanged处理程序OnApplyTemplate（）这样使视觉会在启动时出现。

protected override void OnApplyTemplate()
{
    base.OnApplyTemplate();
    AngleChanged(this, null);
}

Answer 2:

这里有一个ArcSegment类，能做到这一点，阅读文档。

文章来源: How to draw the arc of a three point angle?