WPF Image Border

Question

I have this Image:

ArrowImage

I want the image to have a border If I do:

<Border BorderThickness="1" BorderBrush="Black" HorizontalAlignment="Right" Width="22" VerticalAlignment="Center">
            <Image Source="/<AppName>;component/Images/Background/Achtergrond_Arrow.png" HorizontalAlignment="Right" Width="22" >
                <Image.Effect>
                    <DropShadowEffect Color="#FF868686" Direction="0" ShadowDepth="0" BlurRadius="10"  />
                </Image.Effect>
            </Image>
        </Border>

it gives a Square border, not following the arrow itself.

Square Image

Does anybody have any idea on how to fix this??

score 3 · Accepted Answer · edited May 23 '17 at 12:30

3

Don't use an image but draw the border and triangle yourself. You can use a Path, a Line and other basic geometric shapes for this.

This post may give you a starting point. Or a Petzold blog post can give you further assistance.

edited May 23 '17 at 12:30

Community

1
1

answered Aug 30 '12 at 07:14

Youp Bernoulli

5,303
5
39
59

And finally you just did it as supposed by your own answer. So you can safely mark my answer as Accepted ;) – Youp Bernoulli Aug 30 '12 at 09:19
you rly just doing this to get some accepted answers do you? :p – Zarkos Sep 03 '12 at 14:59
1

Thanx Zarkos. And, yes I have an ego that likes reputation ;) – Youp Bernoulli Sep 04 '12 at 08:58

score 1 · Answer 2 · answered Aug 30 '12 at 07:17

1

The Border in WPF is always rectangular.

If you want an outline you will have to draw it or use an effect

answered Aug 30 '12 at 07:17

Emond

50,210
11
84
115

score 1 · Answer 3 · answered Aug 30 '12 at 07:46

My solution:

<Path Fill="Black" Data="M 0 44 L 22 22 L 0 0 Z"  HorizontalAlignment="Right" VerticalAlignment="Center" Width="22" >
        <Path.Effect>
            <DropShadowEffect Color="#FF868686" Direction="0" ShadowDepth="0" BlurRadius="10"  />
        </Path.Effect>
    </Path>

I threw the arrow image away.

Thanks anyway

WPF Image Border

3 Answers3