WPF模板中如何访问RadioButton的Path控件Fill/Data属性？

核心问题分析 #

自定义RadioButton模板后，无法通过x:Name直接访问内部DataTemplate中的Path控件，需要在IsChecked状态变化时同时修改按钮背景和Path的Fill颜色。

修改后的完整模板代码 #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ControlTemplate TargetType="{x:Type RadioButton}"
                     x:Key="MenuRadioButton">
        <Border x:Name="RadBtnBorder"
                CornerRadius="8">
            <Border.Background>
                <SolidColorBrush x:Name="RadBtnBorderBackground"
                                 Color="Black" />
            </Border.Background>

            <ContentControl x:Name="IconContent"
                            Content="{TemplateBinding Content}"
                            Width="24"
                            Height="24"
                            Margin="4">
                <ContentControl.ContentTemplate>
                    <DataTemplate x:Name="VectorImageTemplate">
                        <Path x:Name="Path"
                              Fill="{Binding Fill}"
                              Data="{Binding Data}" />

                        <DataTemplate.Triggers>
                            <Trigger SourceName="Path"
                                     Property="IsMouseOver"
                                     Value="True">
                                <Setter TargetName="Path"
                                        Property="Fill"
                                        Value="Red" />
                            </Trigger>
                            <!-- 绑定父级RadioButton的IsChecked状态修改Path填充色 -->
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=RadioButton}, Path=IsChecked}" 
                                         Value="True">
                                <Setter TargetName="Path" 
                                        Property="Fill" 
                                        Value="Yellow" />
                            </DataTrigger>
                        </DataTemplate.Triggers>
                    </DataTemplate>

                </ContentControl.ContentTemplate>
            </ContentControl>
        </Border>

        <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver"
                     Value="True">
                <Setter TargetName="RadBtnBorder"
                        Property="Background"
                        Value="Green" />
            </Trigger>
            <!-- IsChecked状态修改按钮背景 -->
            <Trigger Property="IsChecked" 
                     Value="True">
                <Setter TargetName="RadBtnBorder" 
                        Property="Background" 
                        Value="DarkBlue" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</ResourceDictionary>

关键修改点说明 #

• 按钮背景修改：在ControlTemplate.Triggers中新增IsChecked触发器，直接通过TargetName指定RadBtnBorder修改背景色。
• Path填充色修改：在DataTemplate.Triggers中新增DataTrigger，通过RelativeSource AncestorType=RadioButton绑定到外部的RadioButton控件，监听其IsChecked状态，从而修改内部Path的Fill属性。

替代方案（直接修改Content属性） #

如果你的RadioButton的Content固定为Path控件，也可以直接在ControlTemplate的触发器中修改Content的Fill属性，无需修改DataTemplate：

<ControlTemplate.Triggers>
    <!-- 其他触发器 -->
    <Trigger Property="IsChecked" Value="True">
        <Setter TargetName="RadBtnBorder" Property="Background" Value="DarkBlue" />
        <Setter Property="Content.Fill" Value="Yellow" />
    </Trigger>
</ControlTemplate.Triggers>

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