|
網(wǎng)頁(yè)應(yīng)用受限于自身的瀏覽器范疇,不能把華麗效果完全展示,正是因?yàn)槿绱耍诰W(wǎng)頁(yè)上誕生了無(wú)數(shù)絢麗的設(shè)計(jì),雖然動(dòng)感程度和桌面應(yīng)用無(wú)法比擬,但是在UI上卻下足了功夫,用戶體驗(yàn)可以說(shuō)無(wú)以倫比,比如說(shuō)小小的菜單,在桌面游戲還停留在四態(tài)按鈕的時(shí)候,網(wǎng)頁(yè)應(yīng)用都已經(jīng)入動(dòng)感時(shí)代了,這次,使用Silverlight實(shí)現(xiàn)一個(gè)小菜單,體驗(yàn)一下動(dòng)感吧
當(dāng)鼠標(biāo)移入的時(shí)候,目標(biāo)的圖標(biāo)就會(huì)放大,形成一個(gè)階梯的效果,要實(shí)現(xiàn)這個(gè)效果,將需要使用自定義控件和StackPanel的知識(shí)。
現(xiàn)在在一個(gè)Silverlight工程中添加新控件,用來(lái)制作小圓圈圖標(biāo),你需要準(zhǔn)備一些ICON作為資源,我這里使用了Silverlight 游戲開(kāi)發(fā)小技巧:實(shí)現(xiàn)街霸4的選人界面的資源。
為了方便控制,把UserContorl的大小設(shè)定為64x64,在LayoutRoot里面添加一個(gè)Image控件,起名為IconImage,這個(gè)我們會(huì)在自定義屬性中控制圖片的來(lái)源:
IconCard.cs中代碼寫(xiě)成如下:
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 游戲開(kāi)發(fā)小技巧:動(dòng)感小菜單,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。