網(wǎng)頁應用受限于自身的瀏覽器范疇，不能把華麗效果完全展示，正是因為如此，在網(wǎng)頁上誕生了無數(shù)絢麗的設(shè)計，雖然動感程度和桌面應用無法比擬，但是在UI上卻下足了功夫，用戶體驗可以說無以倫比，比如說小小的菜單，在桌面游戲還停留在四態(tài)按鈕的時候，網(wǎng)頁應用都已經(jīng)入動感時代了，這次，使用Silverlight實現(xiàn)一個小菜單，體驗一下動感吧

　　當鼠標移入的時候，目標的圖標就會放大，形成一個階梯的效果，要實現(xiàn)這個效果，將需要使用自定義控件和StackPanel的知識。

　　現(xiàn)在在一個Silverlight工程中添加新控件，用來制作小圓圈圖標，你需要準備一些ICON作為資源，我這里使用了Silverlight 游戲開發(fā)小技巧：實現(xiàn)街霸4的選人界面的資源。

　　為了方便控制，把UserContorl的大小設(shè)定為64x64，在LayoutRoot里面添加一個Image控件，起名為IconImage，這個我們會在自定義屬性中控制圖片的來源：

　　IconCard.cs中代碼寫成如下：

public partial class IconCard : UserControl
{
　　public IconCard()
　　{
　　　　// Required to initialize variables
　　　　InitializeComponent();
　　}
　　private int _iconindex = 1;
　　public int IconIndex
　　{
　　　　get { return _iconindex; }
　　　　set
　　　　{
　　　　　　_iconindex = value;
　　　　　　var uri = new Uri("/AppleMenu;component/Res/" + value + ".png", UriKind.Relative);
　　　　　　IconImage.Source = new System.Windows.Media.Imaging.BitmapImage(uri);
　　　　}
　　}
}        

        

        
        
      
        
NET技術(shù)：Silverlight 游戲開發(fā)小技巧：動感小菜單，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。