根据浅色/深色主题在运行时切换 XAML 资源？

Question

我有一个使用 MahApps（“浅色”模式）的 WPF 应用程序，现在我为用户提供了一种切换模式（浅色/深色）的方法。许多应用程序的颜色显然会根据模式而变化，通过比较 \Styles\Themes\Light.colour_name.xaml 和Dark.colour_name.xaml 文件，但我想通过实现我自己的 xaml 资源以某种方式“扩展”这些资源，这些资源也会根据所选内容而变化模式。这可以做到吗？

一个例子是当前使用蓝色来绘制点的图表 - 这些在“亮”模式下看起来很好，但在“暗”模式下有点暗。我意识到我可以使用更合适的蓝色阴影，在两种模式下看起来都不错，但如果我可以定义一个颜色资源（例如）在浅色模式下为“蓝色”，但在深色模式下为“石灰”，那就更灵活了。这种功能也可能有其他用途，例如彩色通知消息。

Answer 1

您可以根据内置主题创建自定义主题。创建一个资源字典，合并基本主题的资源字典并覆盖现有画笔并添加新画笔。

浅色主题字典 (Light.Blue.Custom.xaml)：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:options="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" >
   <ResourceDictionary.MergedDictionaries>
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
   </ResourceDictionary.MergedDictionaries>

   <!-- Overriding default brushes -->
   <SolidColorBrush x:Key="MahApps.Brushes.Button.Border.MouseOver" Color="Blue" options:Freeze="True" />

   <!-- Adding your own brushes -->
   <SolidColorBrush x:Key="My.Brushes.Notification.Alert" Color="Red" options:Freeze="True" />

</ResourceDictionary>

深色主题字典 (Dark.Blue.Custom.xaml)：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:options="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" >
   <ResourceDictionary.MergedDictionaries>
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Dark.Blue.xaml" />
   </ResourceDictionary.MergedDictionaries>

   <!-- Overriding default brushes -->
   <SolidColorBrush x:Key="MahApps.Brushes.Button.Border.MouseOver" Color="DarkBlue" options:Freeze="True" />

   <!-- Adding your own brushes -->
   <SolidColorBrush x:Key="My.Brushes.Notification.Alert" Color="DarkRed" options:Freeze="True" />

</ResourceDictionary>

在应用程序中注册主题字典。您必须将虚拟名称 YourApp 替换为类和资源字典 URI 中应用程序的真实名称。

public partial class YourApp : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);

        var lightBlueCustomTheme = ThemeManager.Current.AddLibraryTheme(new LibraryTheme(
            new Uri("pack://application:,,,/YourApp;component/Light.Blue.Custom.xaml"),
            MahAppsLibraryThemeProvider.DefaultInstance));

        var darkBlueCustomTheme = ThemeManager.Current.AddLibraryTheme(new LibraryTheme(
            new Uri("pack://application:,,,/YourApp;component/Dark.Blue.Custom.xaml"),
            MahAppsLibraryThemeProvider.DefaultInstance));

        ThemeManager.Current.ChangeTheme(this, lightBlueCustomTheme);
        
        // Optionally enable App Mode theme switching
        // ThemeManager.Current.ThemeSyncMode = ThemeSyncMode.SyncWithAppMode;
        // ThemeManager.Current.SyncTheme();
    }
}

请注意，如果您想切换模式，则需要为两者浅色和深色提供主题。有关主题和自定义的更多信息，您可以参阅文档。