sll
sll

Reputation: 62484

Draw solid color triangle using XAML only

Is it possible to draw a filled in triangle using XAML only (not a code behind solution)?

Triangle should be like on the image below to represent sort direction Ascending/Descending along with a sort button on a chart control:

enter image description here

EDIT: The solution, thanks to SpeziFish:

Ascending:

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

Descending:

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

Upvotes: 90

Views: 75935

Answers (3)

LongZheng
LongZheng

Reputation: 1893

Using paths

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

Upvotes: 26

Vladimir Trifonov
Vladimir Trifonov

Reputation: 1385

I want to add these to their collection:

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

Upvotes: 38

SpeziFish
SpeziFish

Reputation: 3301

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

See API or Example.

Upvotes: 112

Related Questions