是不是在WPF的項目中經常看到非常絢麗的按鈕或者其它控件吧,現在就與大家分享一下這些東西是怎么來快速實現的,直接用XMAL寫?傻瓜才會那么干!所以我們要用其它工具,當然也算是開發WPF的專業級工具。
開發工具:Expression Blend 4
Start:
打開Microsoft Expression Blend 4,新建項目,選擇WPF應用程序,項目命名為“WPFStyleDemo”,.net Framerwork版本4.0
創建完項目后,直接在MainWindow界面中放置一個Button按鈕並設置寬、高都為100
在Button上右鍵--編輯模板--編輯副本
命名Style名稱為“MyButtonStyle”
在對象和時間線視圖中選中“[ContentPresenter]”(顯示Button中Content屬性),右鍵--剪切,暫時先把它保存到系統內存中備用
刪除Chrome
選中Template,雙擊工具條中的Grid將Grid加入其中,並把之前保存在內存中的ContentPresenter粘貼到Grid中
在Grid中加入橢圓形(Ellipse),注意Ellipse和ContentPresenter的層次,如果反了那么你就看不到右邊Button的文本了
設置Ellipse的背景色(Demo中為節省時間僅改變這一屬性) 用明顯一點的 黑白漸變
選中觸發器,點擊“+屬性”
修改激活時機目標元素IsMouseOver屬性為True
接着修改Ellipse的背景色為白黑漸變
點擊導航中的[Button]回Button
F5執行看下效果(左邊為初始Button,當鼠標移動到Button上后的效果為右圖)
End!
最后,如果對本文的內容有什么疑問的話歡迎提問。
希望本文對您有幫助。
【Demo下載位置 -----.net學習群--20010300--共享文件:WPFStyleDemo】