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

?

默認為橫向排列方式

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

源代碼下載

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。