你的位置:首页 > ASP.net教程

[ASP.net教程]ModernUI教程:创建自定义主题


        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教程:目录