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