Diagonale Linie im WPF-Raster zeichnen

8

Ich denke, ich versuche etwas relativ Einfaches in WPF zu machen, aber kann nicht für das Leben von mir herausfinden, wie; und ich denke, ich bin wahrscheinlich kurz davor, es zu komplizieren.

Wenn ich ein Raster hätte, das aus drei Zeilen und drei Spalten besteht und ich die Ecken zweier Zellen verbinden wollte, um einen diagonalen Rahmen zu erstellen, was wäre der beste Weg?

Die Zeilen sollten idealerweise neu skaliert werden, wenn das Steuerelement in der Größe angepasst wird (also an die Ecken der Zelle gebunden ist).

Im Wesentlichen möchte ich die roten Linien in dem hier gehosteten Diagramm erstellen: Beispielbild http://imm.io/7A4L

    
Craig Parsons 27.07.2011, 15:10
quelle

2 Antworten

23

Sie könnten einen Pfad mit Stretch = Fill verwenden. Für die Zelle oben rechts in Ihrem Beispiel würden Sie verwenden:

%Vor%

Die "Fill" -Streckung bewirkt, dass der Path-Bereich seine Eltern füllt, was den Eindruck vermittelt, dass die Koordinaten der LineGeometry relativ sind (X = 0, Y = 0 ist oben links, X = 1, Y = 1 ist unten) richtig).

    
Mathieu Garstecki 27.07.2011, 16:17
quelle
2

Ich habe ein Beispiel erstellt, um eine Linie aus dem Code zu zeichnen, die Ihnen mehr Kontrolle geben wird ... Ich habe ein Raster erstellt, das in jeder Zelle eine Leinwand enthält, und auf der Leinwand lade ich einen Pfad und füge ihn zur gleichen Leinwand hinzu ...

Wie @ Mathieu Garstecki antwortet, können wir diesen crating Pfad in xaml erreichen ... Wenn Sie vor dem Erstellen des Pfades etwas Logik hinzufügen möchten, können Sie meine Antwort verwenden XAML

%Vor%

Code hinter

%Vor%

OutPut

    
Bathineni 27.07.2011 16:35
quelle

Tags und Links