2011-10-24 12 views
58

È possibile disegnare un triangolo pieno usando solo XAML (non un codice dietro una soluzione)?Disegna il triangolo a tinta unita usando solo XAML

Triangle dovrebbe essere come sull'immagine sottostante per rappresentare sorta direzione Ascending/Descending insieme a un pulsante ordinamento su un controllo grafico:

enter image description here

EDIT: La soluzione, grazie alla SpeziFish:

Ascendente:

<Polygon Points="0,0 8,5, 0,10" Stroke="Black" Fill="Black" /> 

Discendente:

<Polygon Points="8,0 0,5, 8,10" Stroke="Black" Fill="Black" /> 
+1

Disegnare un triangolo con un rect angolo? Potresti invece cercare in 'Path'. Guardate [qui] (http://stackoverflow.com/questions/432384/wpf-create-buttons-with-up-and-down-arrows-using-standard-buttons/433818#433818) per un esempio di base. – erikH

+0

@erikH: scusate, il requisito principale è solo XAML – sll

+0

Posso chiedere perché la domanda è stata downwoted? – sll

risposta

80
<Polygon Points="0,0 80,50, 0,100" Stroke="Black" Fill="Black" /> 

Vedi API o Example.

+0

scusa, il requisito principale è un XAML, quindi Polygon va bene. Come renderlo più piccolo 10 volte? – sll

+0

Dividi i numeri per dieci. I numeri sono facilmente le coordinate dei pixel (x, y) degli angoli. – SpeziFish

+0

come posizionare e ruotare? Voglio dire, voglio disegnare un triangolo che sarà posizionato attorno a un cerchio (fuori da quel cerchio) basato sul legame. Qualche idea? –

20

utilizzando percorsi

<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 319.344,237.333L 287.328,218.849L 287.328,255.818L 319.344,237.333 Z "/> 
<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 287.328,237.333L 319.344,255.818L 319.344,218.849L 287.328,237.333 Z "/> 
+0

come posizionare e ruotare? Voglio dire, voglio disegnare un triangolo che sarà posizionato attorno a un cerchio (fuori da quel cerchio) basato sul legame. Qualche idea? –

24

voglio aggiungere questi alla loro collezione:

enter image description here

<Polygon Points="5,0 10,10, 0,10" Stroke="Black" Fill="Black" /> 

enter image description here

<Polygon Points="0,0 5,10, 10,0" Stroke="Black" Fill="Black" /> 
Problemi correlati