WPF經常使用控件樣式Style ( 控件樣式設計靈感來源Element開源組件庫, 本文控件實現均爲自制不依賴任何控件庫 )

重繪控件樣式包含( ScrollViewer TextBox PasswordBox Button RadioButton CheckBox ToggleButton ProgressBar TabControl Loading Waiting 餅圖 漸變圖標 消息通知 )學習

控件樣式一覽:字體

 

ScrollViewer 繼承樣式,使用方法跟原生一致,就不過多闡述。動畫

 

TextBox,PasswordBox 繼承樣式,Tag屬性爲提示文字。3d

 

 RadioButton,CheckBox 繼承樣式,Content爲後置文字,這裏會默認改變Foreground,因爲Content爲object類型,能夠自行添加控件。orm

 

 

ToggleButton 繼承樣式,根據IsChecked屬性進行開關操做。blog

 

 

ProgressBar(柱狀) 用戶控件,控件中包含ProgressBar控件並繼承樣式,使用時須要改變其Value屬性,默認0-100。繼承

 

 

TabControl,TabItem 繼承樣式,注:默認切換TabItem不會帶有漸變效果,須要在Content中添加事件觸發器( Loaded )實現Opacity漸變。事件

 

 

Loading,Waiting 用戶控件,根據Foreground來實現顏色。ci

 

 

Button 繼承樣式,注:本文有個可等待的Button,根據設置IsEnabled來標識等待狀態。源碼

 

 

餅圖 用戶控件,根據Path來繪製扇形,動畫效果也是根據動畫化ArcSegment的Point屬性來實現,位置也是根據不一樣類型的結束座標來進行RotateTransform角度偏移,默認實現了三類數據,若有須要可自行修改。

 

 

ProgressBar(圓形) 用戶控件,須要改變其DataContext屬性,默認0-100,住:本控件使用了轉換器更改默認值時須要注意。

 

 

漸變圖標(TextBlock) 繼承樣式,控件的FontFamily屬性要繼承圖標字體庫,Text默認( &#圖標編號x; )。

 

 

消息通知 用戶控件,實現須要配合後臺代碼但實現很簡單,就不過多闡述。

 

 

項目默認使用蘋方字體,圖標使用的是Element源碼中的字體庫。

 

本文若有實現很差的地方,請及時指點出來,畢竟學習仍是主要的。

 

源碼地址:

連接:https://pan.baidu.com/s/1-xuzj9bvp3fZ8OPiJiH7yA 提取碼:1111 複製這段內容後打開百度網盤手機App,操做更方便哦--來自百度網盤超級會員V4的分享

相關文章
相關標籤/搜索