|
網頁應用受限于自身的瀏覽器范疇,不能把華麗效果完全展示,正是因為如此,在網頁上誕生了無數絢麗的設計,雖然動感程度和桌面應用無法比擬,但是在UI上卻下足了功夫,用戶體驗可以說無以倫比,比如說小小的菜單,在桌面游戲還停留在四態按鈕的時候,網頁應用都已經入動感時代了,這次,使用Silverlight實現一個小菜單,體驗一下動感吧
當鼠標移入的時候,目標的圖標就會放大,形成一個階梯的效果,要實現這個效果,將需要使用自定義控件和StackPanel的知識。
現在在一個Silverlight工程中添加新控件,用來制作小圓圈圖標,你需要準備一些ICON作為資源,我這里使用了Silverlight 游戲開發小技巧:實現街霸4的選人界面的資源。
為了方便控制,把UserContorl的大小設定為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技術:Silverlight 游戲開發小技巧:動感小菜單,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。