2011-10-24 12 views
58

¿Es posible dibujar un triángulo relleno usando solo XAML (no es un código detrás de la solución)?Dibuje un triángulo de color sólido usando XAML solamente

triángulo debe ser como en la imagen abajo para representar dirección de ordenación Ascending/Descending junto con un botón tipo en un control de gráfico:

enter image description here

EDIT: La solución, gracias a SpeziFish:

Ascendiendo:

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

Descendente:

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

Dibujar un triángulo con un rect ¿ángulo? Podrías mirar en 'Path' en su lugar. Mire [aquí] (http://stackoverflow.com/questions/432384/wpf-create-buttons-with-up-and-down-arrows-using-standard-buttons/433818#433818) para ver un ejemplo básico. – erikH

+0

@erikH: lo siento, el requisito principal es un XAML solo – sll

+0

¿Puedo preguntar por qué la pregunta fue downwoted? – sll

Respuesta

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

Ver API o Example.

+0

lo siento, el requisito principal es solo XAML, por lo que Polygon está bien. ¿Cómo hacerlo más pequeño 10 veces? – sll

+0

Devide los números por diez. Los números son fácilmente las coordenadas de píxel (x, y) de las esquinas. – SpeziFish

+0

¿cómo se posiciona y gira? Quiero decir que quiero dibujar un triángulo que será la posición alrededor de un círculo (fuera de ese círculo) basado en el enlace. ¿Algunas ideas? –

20

trazados mediante

<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

¿cómo se posiciona y gira? Quiero decir que quiero dibujar un triángulo que será la posición alrededor de un círculo (fuera de ese círculo) basado en el enlace. ¿Algunas ideas? –

24

Quiero añadir estos a su colección:

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" /> 
Cuestiones relacionadas