wpf - How can I get an arrow pointed on my border? -


ive tried million things , im there...

i have border, , want arrow coming off point upwards (i same each side , bottom after have done also). here have far:

<grid>     <grid.rowdefinitions>         <rowdefinition height="auto" />         <rowdefinition />     </grid.rowdefinitions>     <polygon points="5,0 10,10, 0,10" stroke="black" fill="white" grid.row="0" horizontalalignment="center" margin="0,0,0,-2" panel.zindex="10" strokethickness="2" strokedasharray="1 0"  />     <border background="#00000000" borderbrush="black" borderthickness="2" cornerradius="10" grid.row="1"> 

the polygon creates perfect arrow, bottom border of triangle black , want white. not sure how white white bg bleeds arrow. here looks far:

enter image description here

i want rid of black line underneath it. interested if there whole different approach should trying instead :)

this bit tricky. wrap triangle inside grid cliptobounds set true. add negative bottom margin of -2 grid:

<grid>     <grid.rowdefinitions>         <rowdefinition height="auto" />         <rowdefinition />     </grid.rowdefinitions>     <grid grid.row="0" height="10" cliptobounds="true" margin="0,0,0,-2">         <polygon points="5,0 10,10, 0,10" stroke="black" fill="white" horizontalalignment="center"                  margin="0,0,0,-2" panel.zindex="10" strokethickness="2" strokedasharray="1 0"  />     </grid>     <border background="#00000000" borderbrush="black" borderthickness="2" cornerradius="10" grid.row="1"> </grid> 

you may want make triangle bigger, since slice of hidden outside grid.


Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -