轉(zhuǎn)帖|其它|編輯:郝浩|2011-03-09 14:06:06.000|閱讀 3251 次
概述:Microsoft Expression Blend4 作為一款功能齊全的專(zhuān)業(yè)設(shè)計(jì)工具,利用它可以直接設(shè)計(jì)出想要的界面效果,而基本不需要編寫(xiě)代碼。下面讓我們一起來(lái)見(jiàn)識(shí)一下它強(qiáng)大的功能吧。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
Microsoft Expression Blend4 作為一款功能齊全的專(zhuān)業(yè)設(shè)計(jì)工具,利用它可以直接設(shè)計(jì)出想要的界面效果,而基本不需要編寫(xiě)代碼。下面讓我們一起來(lái)見(jiàn)識(shí)一下它強(qiáng)大的功能吧。
下面的例子就是用Expression Blend4制作WPF按鈕的過(guò)程。
1.創(chuàng)建工程
File——New Project,跳出如下窗口,選擇WPF——WPFApplication—點(diǎn)擊OK
圖1
2.雙擊圖2中紅色圈右邊的工具(添加grid面板)。
3.右擊左側(cè)工具箱里的 Rectangle(如下圖2紅色圈起的部分),選擇Ellipse,然后按住Shift鍵的同時(shí),鼠標(biāo)在畫(huà)布上拖動(dòng),畫(huà)出兩個(gè)圓(小圓在上,大圓在下),如圖3,注:選擇畫(huà)布中的控件操作時(shí),要先點(diǎn)擊圖2中左邊第一個(gè)按鈕,兩個(gè)圓均放在Grid面板內(nèi)。
圖2
圖3
4.選擇某一個(gè)圓,點(diǎn)擊屬性Properties,選擇Brushes,點(diǎn)擊Fill,選擇圖4中紅線(xiàn)圈出的部分(Gradient Brush),然后在顏色板里更改橢圓的填充顏色,兩個(gè)橢圓填充顏色的方法相同。最后配出的橢圓顏色如圖5
圖4
圖5
5.右擊Objects and Timeline 面板下的[Grid],然后選擇Make Into Control……,如圖6
圖6
6.第五步結(jié)束后,會(huì)跳出一個(gè)窗口,如圖7 ,選擇Button,然后Name一欄自己命名,Define in一欄默認(rèn),然后點(diǎn)擊OK。
圖7
7.現(xiàn)在一個(gè)帶有立體感的圓形Button按鈕做好了,如圖8
圖8
8.接下來(lái)給按鈕添加MouseOver放大效果,Pressed縮小效果,選擇圖9中的Triggers,然后選擇IsMouseOver=True
圖9
9.選擇圖2中右邊第一個(gè)箭頭,然后選中圖6中的Grid,向外拉伸grid的任一個(gè)角,都會(huì)放大按鈕,把按鈕放大到自己想要的效果,當(dāng)鼠標(biāo)放上去的時(shí)候就有被放大的感覺(jué)了,現(xiàn)在IsMouseOver設(shè)置好了,接下來(lái)選擇IsPressed=True,然后向里拉伸Grid的任一個(gè)按鈕,都會(huì)縮小按鈕,把按鈕縮小到自己想要的效果,當(dāng)鼠標(biāo)點(diǎn)擊的時(shí)候就有被按下去的感覺(jué)了
10.現(xiàn)在一個(gè)圓形的按鈕已經(jīng)做好了,按F5運(yùn)行程序,鼠標(biāo)放上去的時(shí)候,按鈕有放大的效果,鼠標(biāo)點(diǎn)擊的時(shí)候有被按下去的效果,其實(shí)還可以更改背景顏色,這里就不詳述了,O(∩_∩)O,有興趣的可以自己試一下
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:網(wǎng)絡(luò)轉(zhuǎn)載