.NET MAUI中如何根据单选按钮状态修改ContentPresenter文本颜色

要实现选中时文本为白色、未选中时为黑色的效果，你需要在自定义的ControlTemplate中通过**视觉状态（VisualState）**直接控制ContentPresenter的文本颜色。原因是自定义模板后，RadioButton的TextColor属性并未关联到模板内的ContentPresenter，直接修改控件属性不会生效。

修改步骤： #

1. 给模板中的ContentPresenter添加名称，方便在视觉状态中定位
2. 在Checked和Unchecked状态的Setter中，分别设置ContentPresenter的TextColor

修改后的完整ControlTemplate代码： #

<ControlTemplate x:Key="RadioButtonTemplate">
    <Border x:Name="RadioBorder1"
            StrokeShape="RoundRectangle 3"
            BackgroundColor="#F3F2F1"
            HeightRequest="30"
            WidthRequest="120">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CheckedStates">
                    <VisualState x:Name="Checked">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="MediumPurple" />
                            <Setter Property="Stroke" Value="MediumPurple" />
                            <Setter TargetName="check" Property="Opacity" Value="1" />
                            <!-- 设置选中时文本颜色为白色 -->
                            <Setter TargetName="contentPresenter" Property="TextColor" Value="White" />
                        </VisualState.Setters>
                    </VisualState>
                    <VisualState x:Name="Unchecked">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="#F3F2F1" />
                            <Setter Property="Stroke" Value="#F3F2F1" />
                            <Setter TargetName="check" Property="Opacity" Value="0" />
                            <!-- 设置未选中时文本颜色为黑色 -->
                            <Setter TargetName="contentPresenter" Property="TextColor" Value="Black" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </VisualStateManager.VisualStateGroups>
        <Grid Margin="4" WidthRequest="120">
            <Grid WidthRequest="120" HeightRequest="30">
                <RoundRectangle />
                <RoundRectangle x:Name="check" />
            </Grid>
            <!-- 给ContentPresenter添加名称 -->
            <ContentPresenter x:Name="contentPresenter" HorizontalOptions="StartAndExpand" Padding="5,1,1,1" />
        </Grid>
    </Border>
</ControlTemplate>

额外说明： #

• 无需再通过CheckedChanged事件修改文本颜色，视觉状态会自动根据RadioButton的选中状态切换样式
• 如果需要更灵活的颜色控制，也可以给RadioButton添加自定义绑定属性，再将ContentPresenter的TextColor绑定到该属性，但上述方法是最直接的解决方案

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