WPF: Как нарисовать этот многоугольник?

Question

Я хочу нарисовать следующий красный многоугольник:

Проблема в том, что если я использую что-то вроде этого:

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);
            }

Это всего лишь тест, но я думаю, что должен получить тот же результат, что и раньше, но ничего не нарисовано. Что-то не так с моим кодом?

Answer 1

Если вы хотите иметь 2 независимых фигуры с возможностью прозрачности зеленой, как вы указали в своем комментарии, лучший способ сделать это - использовать комбинированную геометрию:

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

с помощью этого вы можете сначала создать зеленую геометрию, а затем красную, вычитая зеленый (или его копию) из красного, чтобы создать отверстие.

Такв основном:

1. красная форма, PLAIN
2. зеленая форма поверх нее, PLAIN
3. Вычитание зеленой формы или ее копирование из красной формы >> отверстие в красномshape

таким образом вы получите желаемый эффект

проще сделать в 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 будет местом, где вы установите атрибут Fill / Stroke для цветов, а не для внутренней геометрии.(см. примеры в xaml по ссылке выше, вам просто нужно перевести код на C #)

Edit2:

не забудьте установить Fillна пути:

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 });
}