ModernUI教程:建立自定義主題

        Modern UI WPF包括兩個內置主題(dark與light)。在1.0.3版本,您能夠構建自定義的主題。Modern UI應用程序一般有在全局資源字典App.xaml中有以下定義:html

image

        「/FirstFloor.ModernUI;component/Assets/ModernUI.xaml」字典包含了核心WPF控件(Button鈕,TextBlock、ListBox框等)的Modern UI風格。第二個字典包含畫筆和其餘資源的定義。若是你想使用一個自定義主題,你須要用本身的版本替換第二個字典。c#

建立一個新的主題:ui

下面的步驟描述瞭如何建立一個新的主題。
1)確保您已經爲Visual Studio 2012安裝了最新的Modern UI for WPF模板擴展。
2)建立一個新的或打開一個已存在的Modern UI項目
3)給您的項目中添加Assets文件件
4)向Assets文件夾添加一個新項。在添加新項對話框中導航到「Visual c#項目>Modern UI for WPF」,並選擇Modern UI主題。將文件重命名爲ModernUI.MyTheme並選擇添加dd。
5)打開App.xaml和替換當前主題爲新主題;code

image

6)編譯並運行這個項目。您的應用程序會展現以下圖相似的新主題;
component

image

自定義主題:htm

自定義主題一般是派生dark或light的主題。從一個內置主題的派生出來的主題會自動包含所需的全部資源。因此你須要作的就是覆蓋這些資源,或者你能夠選擇不覆蓋內置的主題資源,但這須要你提供新的主題資源。blog

派生一個內置的主題很簡單,參考dark或者light主題添加一個MergedDictionary 引用;教程

經過添加如下brush資源到你自定義的主題,全部按鈕將變成紅色的背景:

image

經過添加如下brush資源到你自定義的主題,全部按鈕將變成紅色的背景:ip

image

請參閱主題資源引用中的主題所需的全部資源的完整概述。資源

 

傳送門:ModernUI教程:目錄

相關文章
相關標籤/搜索