如何在ContentControl中修改Path填充颜色？求资源字典形状复用优化方案

嘿，我来给你几个更优雅的方案解决这个形状复用+动态改填充色的问题，毕竟反复嵌套ContentControl.Resources确实有点繁琐对吧？

方案1：利用样式继承与资源重写 #

既然你已经把Path放在ResourceDictionary里，我们可以给它定义一个基础样式，然后在需要修改填充色的地方，基于这个基础样式创建派生样式，只重写Fill属性即可：

在Styles.xaml中： #

<Style x:Key="BaseTickPathStyle" TargetType="Path">
    <!-- 这里可以放Path的通用样式，比如Stroke、StrokeThickness等 -->
    <Setter Property="Stretch" Value="Fill"/>
</Style>

<Path x:Key="ShapeTick" Width="36" Height="29.17" 
      Data="M36.068-15.439l1.993,2.263L14.393,13.731,2.061-.3,4.053-2.564,14.393,9.154Z"
      Style="{StaticResource BaseTickPathStyle}"/>

在View.xaml中使用时： #

<!-- 方式1：直接在ContentControl里指定Path的样式 -->
<ContentControl Content="{StaticResource ShapeTick}">
    <ContentControl.Resources>
        <Style TargetType="Path" BasedOn="{StaticResource BaseTickPathStyle}">
            <Setter Property="Fill" Value="Green"/>
        </Style>
    </ContentControl.Resources>
</ContentControl>

<!-- 方式2：提前定义好不同填充色的样式，直接复用 -->
<Style x:Key="GreenTickPathStyle" TargetType="Path" BasedOn="{StaticResource BaseTickPathStyle}">
    <Setter Property="Fill" Value="Green"/>
</Style>

<ContentControl Content="{StaticResource ShapeTick}" 
                ContentTemplate="{StaticResource {x:Type Path}}">
    <ContentControl.Style>
        <Style TargetType="ContentControl">
            <Setter Property="Resources">
                <ResourceDictionary>
                    <StaticResource ResourceKey="GreenTickPathStyle"/>
                </ResourceDictionary>
            </Setter>
        </Style>
    </ContentControl.Style>
</ContentControl>

这个方案的好处是通用样式只写一次，修改起来更集中，不需要重复写Stretch等通用属性。

方案2：使用附加属性简化填充色设置 #

如果只是频繁修改Fill属性，我们可以创建一个附加属性，直接在ContentControl上设置填充色，不用每次嵌套ResourceDictionary：

首先创建附加属性类（C#代码）： #

public static class ShapeHelper
{
    public static readonly DependencyProperty FillProperty =
        DependencyProperty.RegisterAttached(
            "Fill",
            typeof(Brush),
            typeof(ShapeHelper),
            new PropertyMetadata(null, OnFillChanged));

    public static Brush GetFill(DependencyObject obj)
    {
        return (Brush)obj.GetValue(FillProperty);
    }

    public static void SetFill(DependencyObject obj, Brush value)
    {
        obj.SetValue(FillProperty, value);
    }

    private static void OnFillChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is ContentControl contentControl && contentControl.Content is Path path)
        {
            path.Fill = e.NewValue as Brush;
        }
    }
}

然后在View.xaml中使用： #

<!-- 直接设置附加属性即可，非常简洁 -->
<ContentControl Content="{StaticResource ShapeTick}"
                local:ShapeHelper.Fill="Red"/>

这个方案适合只需要修改Fill这类单一属性的场景，代码量大大减少，可读性更高。

方案3：封装为自定义控件（适合高频复用场景） #

如果这个形状在很多地方复用，且可能需要修改多个属性（比如Stroke、Opacity等），最好把它封装成自定义控件，暴露对应的依赖属性：

创建自定义控件（C#代码）： #

public class TickIcon : Control
{
    static TickIcon()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(TickIcon), new FrameworkPropertyMetadata(typeof(TickIcon)));
    }

    public static readonly DependencyProperty FillProperty =
        Shape.FillProperty.AddOwner(typeof(TickIcon));

    public Brush Fill
    {
        get => (Brush)GetValue(FillProperty);
        set => SetValue(FillProperty, value);
    }

    // 可以按需添加Stroke、StrokeThickness等其他依赖属性
}

在Themes/Generic.xaml中定义控件模板： #

<Style TargetType="{x:Type local:TickIcon}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:TickIcon}">
                <Path Width="36" Height="29.17" 
                      Data="M36.068-15.439l1.993,2.263L14.393,13.731,2.061-.3,4.053-2.564,14.393,9.154Z"
                      Stretch="Fill"
                      Fill="{TemplateBinding Fill}"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

在View.xaml中使用： #

<local:TickIcon Fill="Blue" Width="36" Height="29.17"/>

这个方案的优势是完全封装了形状的细节，使用时就像用普通控件一样，直接设置属性即可，扩展性最强，适合大型项目中高频复用的图标。

总结选择建议： #

• 如果你只需要偶尔修改填充色，方案1足够简单；
• 如果大部分场景只改Fill，方案2最简洁；
• 如果这个形状会在很多地方复用且可能需要调整多个属性，方案3是长期维护的最佳选择。

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