【问题标题】:WPF: How to draw this polygon?WPF:如何绘制这个多边形?
【发布时间】:2011-02-16 01:40:37
【问题描述】:

我想绘制以下红色多边形:

问题是如果我使用这样的东西:

Polygon poly = new Polygon();
poly.StrokeThickness = 2;
poly.Stroke = Brushes.Black;
PointCollection points = new PointCollection();

for (int i = 0; i < this.NumberOfMetrics; i++)
{
   points.Add(new Point(MAX_VALUE - this.Metrics[n, i] * Math.Cos(DegreeToRadian(i * (360 / (this.NumberOfMetrics)))), MAX_Y_GUI - this.Metrics[n, i] * Math.Sin(DegreeToRadian(i * (360 / (this.NumberOfMetrics))))));
}       
poly.Points = points;

然后多边形总是被“填充”,在上面的例子中,红色和绿色的多边形被绘制出来。

我已经尝试将 4 个“内部”点添加到 PointCollection,但没有绘制任何内容。那么我该如何实现呢?

我尝试了大卫提出的解决方案:

for (int n = 0; n < this.NumberOfRevisions; n++)
            {
                Path path = new Path();

                CombinedGeometry geometry = new CombinedGeometry();
                geometry.GeometryCombineMode = GeometryCombineMode.Union;

                Polygon poly = new Polygon();
                PointCollection points = new PointCollection();

                for (int i = 0; i < this.NumberOfMetrics; i++)
                {
                    points.Add(new Point(MAX_VALUE - this.Metrics[n, i] * Math.Cos(DegreeToRadian(i * (360 / (this.NumberOfMetrics)))), MAX_Y_GUI - this.Metrics[n, i] * Math.Sin(DegreeToRadian(i * (360 / (this.NumberOfMetrics))))));
                }

                poly.Points = points;

                geometry.Geometry1 = poly.RenderedGeometry;


                geometry.Geometry2 = poly.RenderedGeometry;


                path.Data = geometry;

                polygons.Add(poly);

                paths.Add(path);
            }

这只是一个测试,但我认为我应该得到与以前相同的结果,但它没有绘制任何东西。我的代码有问题吗?

【问题讨论】:

  • 你试过先画红色多边形,再画绿色多边形吗?另外,你在哪里改变颜色,一个是红色的,另一个是绿色的?
  • 我认为了解这些数据的含义可能会有所帮助。
  • @dthorpe 是的,我这样做了,然后它起作用了,因为第二个多边形位于第一个多边形的顶部。但是我其中一种颜色是透明的,它不再起作用了。

标签: c# .net wpf


【解决方案1】:

如果您想要 2 个独立的形状,并且绿色的形状可能是透明的,如您在评论中所述,最好的方法是使用组合几何:

http://msdn.microsoft.com/en-en/library/ms653071%28v=VS.85%29.aspx

借助这个,您可以先创建绿色几何图形,然后通过从红色几何图形中减去绿色(或其副本)来创建孔洞。

所以基本上:

  1. 红色形状,纯色
  2. 上面的绿色形状,平原
  3. 从红色形状中减去绿色形状或其副本>>红色形状中的孔

这样你就可以得到你想要的效果

在 Xaml 中更容易完成,在 C# 中稍微复杂一些,但仍然可行。

编辑:将组合几何设置为路径的数据:

Path myPath = new Path();
CombinedGeometry myCombinedGeometry = new CombinedGeometry()

// here you set the combinedGeometry's geometries to create the shape you want

myPath.Data = myCombinedGeometry;

myGrid.Children.Add(myPath);

顺便说一句,PATH 将是您为颜色设置填充/描边属性的位置,而不是内部几何图形。 (请参阅上面链接中 xaml 中的示例,您基本上只需要将代码翻译成 C#)

编辑2:

不要忘记在路径上设置填充:

for (int n = 0; n < this.NumberOfRevisions; n++)
{
    CombinedGeometry geometry = new CombinedGeometry() { GeometryCombineMode = GeometryCombineMode.Union };

    PointCollection points = new PointCollection();

    for (int i = 0; i < this.NumberOfMetrics; i++)
    {
        points.Add(new Point(MAX_VALUE - this.Metrics[n, i] * Math.Cos(DegreeToRadian(i * (360 / (this.NumberOfMetrics)))), MAX_Y_GUI - this.Metrics[n, i] * Math.Sin(DegreeToRadian(i * (360 / (this.NumberOfMetrics))))));
    }

    Polygon poly = new Polygon();
    poly.Points = points;

    geometry.Geometry1 = poly.RenderedGeometry;
    geometry.Geometry2 = poly.RenderedGeometry;

    polygons.Add(poly);

    paths.Add(path = new Path() { Data = geometry, Fill = Brushes.Red, Stroke = Brushes.Transparent });
}

【讨论】:

  • 非常感谢我已经考虑过这个解决方案,但我有一个问题......如何将此 Geometry 对象添加到我的 UIElement(例如网格),因为 Grid.Children.Add(Geometry)不允许。
  • 您必须创建一个 Path 对象并将几何体设置为路径的数据,请参阅我的编辑
  • 谢谢,我试过了,但不知怎么还是有问题。因此我编辑了我的问题。
  • 您没有为多边形设置任何填充,请参阅我编辑的答案
猜你喜欢
  • 2013-10-13
  • 2023-03-09
  • 1970-01-01
  • 1970-01-01
  • 2016-12-09
  • 2011-12-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多