How to Add border on Image in Silverlight – 在Silverlight的Image圖上加入邊界

最近開始有更多的機會接觸Silverlight
發現在設計時出現有小小的煩惱..
就是Image Control 放到在Canvas
由於Image沒有Border的在Expression BlendDesign Mode 中是看不到的

所以如果要在Expression BlendLayout有用Image Control的 地方時..
會有些困難..

解決方法:
由於Image沒有Border的關係..
所以我們可以自行加入一個Border Control用來包圍這個Image..
之後把ImageMargin設定成0..Image便可以用這個Border Control的會部面積了
E.G.

<Border BorderThickness=”1,1,1,1″ BorderBrush=”#FF000000″ >
<Image x:Name=”Img_1″ Visibility=”Visible” Height=”200″ Width=”200″ />
</Border>
或者可以使用Expression Blend來做這個動作
可以 Right Click 這個Image Control.之後選擇”Group Into” ->”Border”
之後設定Image 的Margin 為0 和設定Border 的colour便可

Hope you find it useful

Leave a Reply