? ? ? ? 最近在查看WPF的相關(guān)資料，發(fā)現(xiàn)一個比較喜歡的框架：Modern UI for WPF。Windows風(fēng)格，MVVM框架，導(dǎo)航欄等功能。本人也是第一次接觸，在這里將研究中的心得體會寫下，供需要的朋友參考。

? ? ? ? 大致UI是這樣，顏色和背景可以在“設(shè)置”中自行調(diào)整，如下圖所示。

? ? ? ? 使用該框架的方式有兩種：

? ? ? ??在codeplex下載源碼

? ? ? ? 下載文件后解壓出來的文件及文件夾如下圖所示。

? ? ? ? 這里主要關(guān)注FirstFloor.ModernUI和FirstFloor.ModernUI.App兩個文件夾。其中FirstFloor.ModernUI是所需要用到的庫，FirstFloor.ModernUI.App是這個庫使用的Demo。將FirstFloor.ModernUI引用到項目中，參考Demo就可以使用Modern UI for WPF了。

? ? ? ? Visual Studio中安裝模板

? ? ? ? 在“工具”——“擴展與更新”——“聯(lián)機”中搜索“Modern”，安裝搜索到的第一個Modern UI for WPF Templates，如下圖所示。

? ? ? ? 安裝后，新建項目——“模板”——“Visual C#”——"Windows"——“Modern UI WPF .....”，如下圖所示。

? ? ? ? Modern UI WPF Navigation Application是帶導(dǎo)航欄的，而另外一種不帶。

? ? ? ? 以上兩種方式都可以使用Modern UI for WPF，但本人更傾向于使用第一種，畢竟后者只是單純的使用，并不會有更深層此的接入。

? ? ? ? 創(chuàng)建項目后，代碼分為Assets、Content、Pages三層，如下圖所示。

? ? ? ? Assets：主要存放系統(tǒng)UI效果切換所需要用到的各項資源，如圖主題、背景等

? ? ? ? Pages：如其名，存放的是各個導(dǎo)航頁面，我理解的是整個導(dǎo)航模塊的所有頁面都放在這里，或者說這里存放的是索引。

? ? ? ? Content：存放的是每個頁面具體的內(nèi)容，所以我在這里做MVVM的分層。MVVM屬性綁定參考設(shè)置頁面，事件綁定使用RelayCommand。

? ? ? ??暫時先寫到這里，慢慢再補充其他內(nèi)容。

?? ? ? ? 這是一個普通開發(fā)人員讀書筆記，若有什么不恰當(dāng)之處，感謝指出。

總結(jié)

以上是生活随笔為你收集整理的初识Modern UI for WPF的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。