FisshEye for Silverlight 是 Expression 社區(qū)中的一個(gè)示例（http://gallery.expression.microsoft.com/FishEye）。原來的代碼中實(shí)現(xiàn)的 Panel 的子元素只能橫向排列，我在原來的代碼的基礎(chǔ)上添加了一個(gè) Orientation 屬性，實(shí)現(xiàn)像 StackPanel 的效果可以橫向或縱向排列子元素。

?

默認(rèn)為橫向排列方式

<fish:FishEyePanel Margin="0,50,0,0" Magnification="3" ScaleToFit="False" Height="50" VerticalAlignment="Top"><Button Height="50"><Image Source="images/Alarm.png" Stretch="Fill"/></Button><Button Height="50"><Image Source="images/Anouncement.png" Stretch="Fill"/></Button><Button Height="50"><Image Source="images/Config-Tools.png" Stretch="Fill" /></Button><Button Height="50"><Image Source="images/Paste.png" Stretch="Fill"/></Button><Button Height="50"><Image Source="images/Under-construction.png" Stretch="Fill"/></Button><Button Height="50"><Image Source="images/Vista-Shield.png" Stretch="Fill"/></Button></fish:FishEyePanel>

?

縱向排列方式

<fish:FishEyePanel

Orientation="Vertical"

Magnification="3" ScaleToFit="False" Width="50"><Button Width="50"><Image Source="images/Alarm.png" Stretch="Fill"/></Button><Button Width="50"><Image Source="images/Anouncement.png" Stretch="Fill"/></Button><Button Width="50"><Image Source="images/Config-Tools.png" Stretch="Fill" /></Button><Button Width="50"><Image Source="images/Paste.png" Stretch="Fill"/></Button><Button Width="50"><Image Source="images/Under-construction.png" Stretch="Fill"/></Button><Button Width="50"><Image Source="images/Vista-Shield.png" Stretch="Fill"/></Button></fish:FishEyePanel>

源代碼下載

轉(zhuǎn)載于:https://www.cnblogs.com/forgetu/archive/2012/09/12/fisheye-menu-for-silverlight.html

總結(jié)

以上是生活随笔為你收集整理的FishEye for Silverlight的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。