0

我需要 n 个形状（在我的代码中是“votingParticipants”）在半圆形（形状为拱形）的周边上均匀分布。其中 n 可以改变。

以下代码可令人满意地用于 13 个形状/点。看起来好像它们具有相等的角度，但是当我将其更改为 12 时，形状不再沿半圆的周边均匀分布。我还没有尝试过其他数量，但它需要适用于任何数量的形状。

谁能指出我做错了什么？

（另外，如果你准备好迎接挑战：我真的很想在圆的顶部始终有 1 个形状，并且一侧比另一侧多一个形状是可以的）

这是我的代码：注意：线条形状只是为了直观地显示角度在做什么

// test method with shapes
private void SetupShapes()
{         
var voteResultsParentVisual = VoteResultsCanvas.GetVisualParent<RadSplitContainer>();

var votingParticipants = 13;

var controlWidth = (voteResultsParentVisual.ActualWidth * .80) / votingParticipants;
var controlHeight = controlWidth * 1.2;

var radius = Math.Min(voteResultsParentVisual.ActualHeight, voteResultsParentVisual.ActualWidth/2); 
var angle = (double)votingParticipants * (Math.PI / -180.0f);

var center = new Point
{
    X = voteResultsParentVisual.ActualWidth / 2,
    Y = voteResultsParentVisual.ActualHeight / 2
};

for (var i = 1; i < votingParticipants+1; i++)
{
    var rec = new Rectangle { Width = controlWidth, Height = controlHeight, Fill = Brushes.Red };

    var x = (center.X + Math.Cos(angle * i)*radius) - (double)controlWidth / 2;
    var y = (center.Y + Math.Sin(angle * i) * radius) - (double)controlHeight / 2;

    var line = new Line
    {
        Stroke = Brushes.LightSeaGreen,
        X1 = center.X,
        Y1 = center.Y,
        X2 = x,
        Y2 = y,
        StrokeThickness = 1
    };

    Canvas.SetLeft(rec, x);
    Canvas.SetTop(rec, y);

    VoteResultsCanvas.Children.Add(rec);
    VoteResultsCanvas.Children.Add(line);
}
}
4

1 回答 1

0

你对角度的计算是错误的。正确的是

var angle = -Math.PI / (votingParticipants - 1);

这将使用一个半圆。如果您将 for 循环更改为：

for (var i = 0; i < votingParticipants; i++)

这个半圆将在一条直线上。

否则，如果您想获得与公式相同的结果。只需将角度计算更改为：

var angle = -Math.PI / (votingParticipants + 1)

并让 for 循环保持不变

于 2013-09-17T08:19:14.520 回答