如何在WPF中居中对齐组合框选定项

Question

我希望组合框选定的项目单独居中对齐，而下拉内容左对齐。

为了实现这一点，我制作了默认组合框的完整副本，并将切换按钮水平对齐的 Content Presenter 修改为 Center

有没有比编辑整个模板更简单的方法来实现这一点

Answer 1

一种对我有用的简单方法：

<Style TargetType="ComboBox">
    <Setter Property="HorizontalContentAlignment" Value="Center" />
</Style>

Answer 2

您只需要一个与 ComboBoxItem 样式关联的触发器。

    <Style TargetType="ComboBoxItem">
        <Style.Triggers>
            <Trigger Property="IsSelected"
                     Value="True">
                <Setter Property="HorizontalContentAlignment" Value="Center"/>
            </Trigger>
        </Style.Triggers>
    </Style>

Answer 3

在 ComboBox 的 ControlTemplate 中的 ContentPresenter 中分配 Horizo​​ntalAlignment = "Center"

<ControlTemplate x:Key="ComboBoxControlTemplate1" TargetType="{x:Type ComboBox}">
        <Grid x:Name="MainGrid" SnapsToDevicePixels="True">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/>
            </Grid.ColumnDefinitions>                
           <Popup ...... />
           <ToggleButton ...../>
           <ContentPresenter ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="Center" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
        </Grid>
</ControlTemplate>

Answer 4

我想出了一种方法来做到这一点，而不必重新模板化组合框：

<ComboBox HorizontalContentAlignment="Center">
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Visibility, RelativeSource={RelativeSource AncestorType=ComboBox}}" Value="Visible">
                    <Setter Property="HorizontalContentAlignment" Value="Left"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ComboBox.ItemContainerStyle>
</ComboBox>

<ComboBox HorizontalContentAlignment="Center">将默认情况下将所有项目设置为居中 - 下拉列表中的项目和选择框中的项目。

ComboBoxItem样式中的DataTrigger在可视树中的某处查找ComboBox父级。 由于下拉列表位于Popup内部，它不是主可视树的一部分，因此此DataTrigger对于未选择的项目将始终失败。 所选项目显示在ComboBox内，作为主视觉树的一部分，因此该项目的DataTrigger成功，并且该项目与 Le​​ft Left 。

Visibility部分有些随意。 我需要一些可以预测其值的属性，因此如果找到Combobox源， DataTrigger将始终激活。 在这种情况下， Visibility不一定总是Visible ，但如果不是，您无论如何都看不到对齐，所以没关系。

Answer 5

<Style TargetType="ContentPresenter">
    <Setter Property="HorizontalAlignment" Value="Center" />
</Style>