C# WPF開源UI控件庫MaterialDesign介紹

Posted on by

## 學習平臺

微軟開發者博客:

DevBlogs

微軟文檔與學習:

https://docs.microsoft.com/zh-cn/?WT.mc_id=DT-MVP-5003986

微軟開發者平臺:

https://developer.microsoft.com/en-us/?WT.mc_id=DT-MVP-5003986

介紹

由於前段時間萌發開發一個基礎架構得WPF框架得想法, 然後考慮到一些界面層元素統一, 然後就無意間在GitHub上發現一個開源WPF UI, 於是下載下來瞭感覺不錯。

官網地址：http://materialdesigninxaml.net/

gitHub地址：https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

官方示例(部分)

組成

通過查看源代碼, 由於是基於原生得狀態進行修改樣式及動畫達到, 所以引用的項目文件也很小,基本上都是有N個Style樣式組成, 大部分組件都遵循瞭統一MD設計,所以

第一眼給人觀感就特別舒服, 下面是一部分的源代碼結構, 左側結構, 右側的目錄。

實現方式

官方提供的源代碼中, 所有的組件都是以類庫的形式發佈成DLL的形式, 所以我們使用也是引用即可 ,所有的功能組件都是原生的無需改變, 隻需要把Style使用他們的即可,

就能實現所有的元素動畫和UI樣式, 如下是正常引用類庫之後調用的示例：

 <ProgressBar Margin="15 0 0 0" 
  Style="{StaticResource MaterialDesignCircularProgressBar}"
  Value="0"
  IsIndeterminate="True" />

說明：如上的進度條控件, 使用的則是MD設計改進後的組件, 隻需要把Sytle設置為類庫中的Style即可。

用過WinForm的朋友都知道, 你要去使用第三方的控件, 他們都是自己的封裝後的組件, 你必須去熟悉他們定義的一套使用屬性規則和事件, 所以這大大提高瞭學習成本, 還有就是過多的封裝導致文件過大,

當然瞭,大部分是屬於收費的, 所以你也很難去控制他們文件本身的大小, 再者就是花錢。

部分組件

在官方的demo中, 基本上涵括瞭所有組件, 在演示程序中,GitHub提供下載,我也把部分組件寫瞭出來, 如下示例：

控件：按鈕,下拉框, 開關, 日期, 選擇框, 文本框, 進度條

演示效果

 到此這篇關於C# WPF開源UI控件庫MaterialDesign的文章就介紹到這瞭。希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：