5

リアルタイムで何百本もの線を描いていきます。これを行うためにビジュアル レイヤーを選択しました。しかし、ここで線を引くには 2 つの異なる方法があることがわかります。より良いパフォーマンスと速度を得るには、どれをお勧めしますか?

1.DrawingContext.DrawLine

public class DrawingTypeOne : FrameworkElement
{
    private readonly VisualCollection _visuals;
    public DrawingTypeOne(double thickness)
    {
        var myPen = new Pen
        {
            Thickness = 1,
            Brush = Brushes.White,
        };
        myPen.Freeze();

        _visuals = new VisualCollection(this);
        var drawingVisual = new DrawingVisual();
        using (var dc = drawingVisual.RenderOpen())
        {
            dc.DrawLine(myPen, new Point(0,0) , new Point(100,100));
            _visuals.Add(drawingVisual);
        }
    }

    protected override Visual GetVisualChild(int index)
    {
        return _visuals[index];
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return _visuals.Count;
        }
    }
}

2.ストリームジオメトリ

public class DrawingTypeTwo : FrameworkElement
{
    private readonly VisualCollection _visuals;
    public DrawingTypeTwo()
    {
        _visuals = new VisualCollection(this);

        var geometry = new StreamGeometry();
        using (var gc = geometry.Open())
        {
            gc.BeginFigure(new Point(0, 0), true, true);
            gc.LineTo(new Point(100,100), true, false);
        }
        geometry.Freeze();

        var drawingVisual = new DrawingVisual();
        using (var dc = drawingVisual.RenderOpen())
        {
            dc.DrawGeometry(Brushes.Red, null, geometry);
        }

        _visuals.Add(drawingVisual);
    }

    protected override Visual GetVisualChild(int index)
    {
        return _visuals[index];
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return _visuals.Count;
        }
    }
}
4

1 に答える 1

4

先ほど言ったように、必要なビジュアルは 1 つだけで、内部にはすべてのラインを含めることができます。

これを見てください：

まず、描画コンテキスト内で複数の描画を定義します。

class EllipseAndRectangle : DrawingVisual
{
    public EllipseAndRectangle()
    {
        using (DrawingContext dc = RenderOpen())
        {
            // Black ellipse with blue border
            dc.DrawEllipse(Brushes.Black,
                new Pen(Brushes.Blue, 3),        
                new Point(120, 120), 20, 40); 

            // Red rectangle with green border
            dc.DrawRectangle(Brushes.Red,
                new Pen(Brushes.Green, 4),    
                new Rect(new Point(10, 10), new Point(80, 80))); 
        }
    }
}

これは、すべての図面をホストする 1 つの特別なビジュアルまたは要素です。

public class EllAndRectHost : FrameworkElement
{
    private EllipseAndRectangle _ellAndRect = new EllipseAndRectangle();

    // EllipseAndRectangle instance is our only visual child
    protected override Visual GetVisualChild(int index)
    {
        return _ellAndRect;
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return 1;
        }
    }
}

これらすべてを XAML で使用するには、次のようにします。

<local:EllAndRectHost Margin="30" ... />

100 行に対して 100 のビジュアルを作成する代わりに、継承できる DrawingVisual クラスについて話していました。

あなたの質問に関しては、最初のアプローチの方が高速です。2番目のアプローチは最終的に同じことを行うため、最初のアプローチはうまくラップされます。DrawLine最下位です。より深く入ることはできませんDrawLine。DrawGeometry呼び出しDrawLine中とその他の内部的なものです。

于 2014-04-11T21:15:52.350 に答える