WPF新手求助：将自定义控件子属性绑定至父容器设置

嘿，作为WPF新手碰到这个问题太正常啦！我来帮你搞定自定义RadioButton的HorizontalContentAlignment自动适配～

问题的核心在于：自定义RadioButton样式时，如果没在ControlTemplate里把内容容器的对齐属性和RadioButton本身的HorizontalContentAlignment绑定，容器的设置就没法传递到内部内容上。原生RadioButton模板默认做了这个绑定，但自定义时很容易漏掉。

下面是补全并修正后的完整样式代码，重点看ContentPresenter的对齐绑定：

<Style x:Key="SimpleRadioButton" TargetType="{x:Type RadioButton}">
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Margin" Value="20 10 20 0"/>
    <Setter Property="Height" Value="24"/>
    <Setter Property="Padding" Value="6"/>
    <!-- 默认设为Stretch，让容器的设置能顺利继承 -->
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type RadioButton}">
                <Border 
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Padding="{TemplateBinding Padding}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <!-- RadioButton的圆点控件 -->
                        <Ellipse 
                            x:Name="RadioDot"
                            Width="16"
                            Height="16"
                            Stroke="#888"
                            StrokeThickness="2"
                            Margin="0 4 8 4"/>
                        <!-- 关键：把ContentPresenter的对齐和RadioButton的属性绑定 -->
                        <ContentPresenter 
                            Grid.Column="1"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Content="{TemplateBinding Content}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"/>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <!-- 选中状态的圆点填充 -->
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="RadioDot" Property="Fill" Value="#0078D7"/>
                    </Trigger>
                    <!-- 鼠标悬停状态 -->
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="RadioDot" Property="Stroke" Value="#005A9E"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

几个关键要点： #

• 先给RadioButton设置默认的HorizontalContentAlignment为Stretch，这样它所在容器（比如Grid、StackPanel）的对齐设置能顺利传递下来。
• 一定要给ContentPresenter的HorizontalAlignment绑定{TemplateBinding HorizontalContentAlignment}，这是把外部设置和内部内容对齐关联起来的核心。
• 如果想让RadioButton完全填满容器宽度，还可以加一句<Setter Property="HorizontalAlignment" Value="Stretch"/>，这样它会占满容器宽度，内部内容再根据HorizontalContentAlignment调整位置。

比如你把它放在Grid里，直接设置HorizontalContentAlignment="Right"，内容就会自动靠右：

<Grid>
    <RadioButton Style="{StaticResource SimpleRadioButton}" 
                 Content="测试选项" 
                 HorizontalContentAlignment="Right"/>
</Grid>

这样你的自定义RadioButton就能像原生控件一样，跟着容器设置自动调整内容对齐啦！

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