## 學(xué)習(xí)平臺

微軟開發(fā)者博客:

https://devblogs.microsoft.com/?WT.mc_id=DT-MVP-5003986

微軟文檔與學(xué)習(xí):

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

微軟開發(fā)者平臺:

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

介紹

由于前段時間萌發(fā)開發(fā)一個基礎(chǔ)架構(gòu)得WPF框架得想法, 然后考慮到一些界面層元素統(tǒng)一, 然后就無意間在GitHub上發(fā)現(xiàn)一個開源WPF UI, 于是下載下來了感覺不錯。

官網(wǎng)地址：http://materialdesigninxaml.net/

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

官方示例(部分)

組成

通過查看源代碼, 由于是基于原生得狀態(tài)進(jìn)行修改樣式及動畫達(dá)到, 所以引用的項(xiàng)目文件也很小,基本上都是有N個Style樣式組成, 大部分組件都遵循了統(tǒng)一MD設(shè)計(jì),所以

第一眼給人觀感就特別舒服, 下面是一部分的源代碼結(jié)構(gòu), 左側(cè)結(jié)構(gòu), 右側(cè)的目錄。

實(shí)現(xiàn)方式

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

就能實(shí)現(xiàn)所有的元素動畫和UI樣式, 如下是正常引用類庫之后調(diào)用的示例：

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

說明：如上的進(jìn)度條控件, 使用的則是MD設(shè)計(jì)改進(jìn)后的組件, 只需要把Sytle設(shè)置為類庫中的Style即可。

用過WinForm的朋友都知道, 你要去使用第三方的控件, 他們都是自己的封裝后的組件, 你必須去熟悉他們定義的一套使用屬性規(guī)則和事件, 所以這大大提高了學(xué)習(xí)成本, 還有就是過多的封裝導(dǎo)致文件過大,

當(dāng)然了,大部分是屬于收費(fèi)的, 所以你也很難去控制他們文件本身的大小, 再者就是花錢。

部分組件

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

控件：按鈕,下拉框, 開關(guān), 日期, 選擇框, 文本框, 進(jìn)度條

演示效果

 到此這篇關(guān)于C# WPF開源UI控件庫MaterialDesign的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。