WPF三级颜色主题系统中SolidColorBrush引用及主题切换更新问题求助

三级颜色管理系统设计 #

1. Primitive（基础静态颜色） #

定义静态颜色值，作为系统颜色的底层基础：

• color/darkblue-800: #3D4B66
• color/white: #FFFFFF
• ...

2. Semantic（语义化明暗变体） #

基于基础颜色定义深浅主题的语义化映射，实现主题切换时的颜色复用：

• 深色变体：colors/background/bg-primary → primitive/color/darkblue-800
• 浅色变体：colors/background/bg-primary → primitive/color/white
• ...

3. Component（组件级） #

组件仅引用该层级的颜色属性，实现组件与语义层的解耦，便于统一维护：

• Modal/background: semantic/colors/background/bg-primary

当前XAML实现 #

Colors/Primitive.xaml #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Color x:Key="DarkBlue800">#3D4B66</Color>
    <Color x:Key="White">#FFFFFF</Color>
</ResourceDictionary>

Colors/Themes/Dark.xaml #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="Colors.Background.BgPrimary" Color="{DynamicResource DarkBlue800}"/>
</ResourceDictionary>

Colors/Themes/Light.xaml #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <SolidColorBrush x:Key="Colors.Background.BgPrimary" Color="{DynamicResource White}"/>
</ResourceDictionary>

Colors/Components.xaml #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="Modal.Background" Color="{DynamicResource Colors.Background.BgPrimary}"/>
</ResourceDictionary>

App.xaml 资源注册 #

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <!-- Themes -->
            <ResourceDictionary Source="Colors/Primitive.xaml"/>
            <ResourceDictionary Source="Colors/Themes/Light.xaml"/>
            <ResourceDictionary Source="Colors/Components.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

遇到的问题 #

尝试通过已有SolidColorBrush创建新的SolidColorBrush时会抛出异常：

<SolidColorBrush x:Key="FromSCB" Color="{DynamicResource SomeSolidColorBrush}"/>

异常原因：SolidColorBrush的Color属性仅接受Color类型值，无法直接绑定另一个SolidColorBrush对象。

尝试过用绑定代理+转换器的方案，但DynamicResource无法与Binding兼容；改用StaticResource虽然能运行，但切换主题时颜色无法动态更新：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
                    xmlns:converters="clr-namespace:WpfTest.Converters" 
                    xmlns:binding="clr-namespace:WpfTest.BindingProxy">
    <converters:SolidColorBrushToColor x:Key="SolidToColor"/>
    <binding:ColorBindingProxy x:Key="Proxy.Colors.Background.BgPrimary" Data="{DynamicResource Colors.Background.BgPrimary}" />
    <!-- DynamicResource throws an exception -->
    <SolidColorBrush x:Key="Modal.Background" Color="{Binding Source={DynamicResource Proxy.Colors.Background.BgPrimary}, Path=Data, Converter={StaticResource SolidToColor}}"/>
</ResourceDictionary>

可行解决方案 #

方案1：语义层同时定义Color和Brush资源 #

调整语义层资源，同时暴露Color和SolidColorBrush两种类型的资源，组件层直接引用对应的Color资源：

修改Colors/Themes/Dark.xaml：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Color x:Key="Colors.Background.BgPrimary.Color" Value="{DynamicResource DarkBlue800}"/>
    <SolidColorBrush x:Key="Colors.Background.BgPrimary" Color="{DynamicResource Colors.Background.BgPrimary.Color}"/>
</ResourceDictionary>

修改Colors/Themes/Light.xaml：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Color x:Key="Colors.Background.BgPrimary.Color" Value="{DynamicResource White}"/>
    <SolidColorBrush x:Key="Colors.Background.BgPrimary" Color="{DynamicResource Colors.Background.BgPrimary.Color}"/>
</ResourceDictionary>

组件层直接引用Color资源：

<SolidColorBrush x:Key="Modal.Background" Color="{DynamicResource Colors.Background.BgPrimary.Color}"/>

优点：实现简单，完全基于原生DynamicResource机制，主题切换时自动更新。
缺点：语义层需要维护两套资源，略有冗余。

方案2：自定义MarkupExtension提取Brush的Color #

编写自定义MarkupExtension，直接从SolidColorBrush资源中提取Color值并支持动态更新：

using System;
using System.Windows;
using System.Windows.Data;
using System.Windows.Markup;
using System.Windows.Media;

namespace WpfTest.Extensions
{
    public class BrushToColorExtension : MarkupExtension
    {
        public string ResourceKey { get; set; }

        public override object ProvideValue(IServiceProvider serviceProvider)
        {
            var resourceService = serviceProvider.GetService(typeof(IResourceService)) as IResourceService;
            if (resourceService == null || string.IsNullOrEmpty(ResourceKey))
                return DependencyProperty.UnsetValue;

            var brush = resourceService.GetResource(new ResourceKey(ResourceKey), null) as SolidColorBrush;
            if (brush == null)
                return DependencyProperty.UnsetValue;

            // 绑定Brush的Color属性，实现动态更新
            var binding = new Binding(nameof(SolidColorBrush.Color))
            {
                Source = brush,
                Mode = BindingMode.OneWay
            };
            return binding.ProvideValue(serviceProvider);
        }
    }
}

在XAML中使用：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
                    xmlns:extensions="clr-namespace:WpfTest.Extensions">
    <SolidColorBrush x:Key="Modal.Background" Color="{extensions:BrushToColor ResourceKey=Colors.Background.BgPrimary}"/>
</ResourceDictionary>

优点：语义层无需修改，组件层调用简洁，支持主题动态切换。
缺点：需要自定义代码，增加少量维护成本。

方案3：直接引用现有Brush资源 #

如果组件层不需要修改Brush的额外属性（如透明度），可以直接复用语义层的Brush资源，无需重新创建：

<StaticResource x:Key="Modal.Background" ResourceKey="Colors.Background.BgPrimary"/>

或者直接在组件中使用：

<Grid Background="{DynamicResource Colors.Background.BgPrimary}"/>

优点：零额外代码，性能最优。
缺点：仅适用于不需要自定义Brush属性的场景。

内容的提问来源于stack exchange，提问作者Smitis