ExpressionBlend教程:WPF Button自定義樣式


是不是在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】

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM