ModernUI教程:建立自定義主題

聖光下的囚徒發表於2016-04-10

        Modern UI WPF包括兩個內建主題(dark與light)。在1.0.3版本,您可以構建自定義的主題。Modern UI應用程式通常有在全域性資源字典App.xaml中有如下定義:

image

        “/FirstFloor.ModernUI;component/Assets/ModernUI.xaml”字典包含了核心WPF控制元件(Button鈕,TextBlock、ListBox框等)的Modern 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和替換當前主題為新主題;

image

6)編譯並執行這個專案。您的應用程式會展示如下圖類似的新主題;

image

自定義主題:

自定義主題通常是派生dark或light的主題。從一個內建主題的派生出來的主題會自動包含所需的所有資源。所以你需要做的就是覆蓋這些資源,或者你可以選擇不覆蓋內建的主題資源,但這需要你提供新的主題資源。

派生一個內建的主題很簡單,參考dark或者light主題新增一個MergedDictionary 引用;

通過新增以下brush資源到你自定義的主題,所有按鈕將變成紅色的背景:

image

通過新增以下brush資源到你自定義的主題,所有按鈕將變成紅色的背景:

image

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

 

傳送門:ModernUI教程:目錄

相關文章