WPF中如何让标签与复选框水平对齐且点击标签不触发切换

首先得帮你理清两种写法的问题根源：

• 第一种写法里在ItemTemplate嵌套ListBoxItem是错误的——ListBox会自动为每个数据项生成ListBoxItem容器，嵌套后会导致布局层级混乱，这就是对齐错位的原因。
• 第二种写法把文本放在CheckBox的Content里，而WPF的CheckBox默认会把整个Content区域纳入可点击范围，所以点击文本自然会触发状态切换。

下面给你两种可行的解决方案，按需选择：

方案一：纯XAML实现（无后台代码） #

这个方案彻底隔离了CheckBox和ListBoxItem的交互，同时解决对齐问题：

<ListBox Name="LanguagesListBox">
    <!-- 自定义ListBoxItem模板，去掉默认的点击交互 -->
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <ContentPresenter 
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Margin="{TemplateBinding Margin}"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>

    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- 垂直居中的StackPanel，确保控件对齐 -->
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="2">
                <CheckBox VerticalAlignment="Center"/>
                <!-- Label设为不可聚焦，避免干扰CheckBox操作 -->
                <Label 
                    Content="{Binding InputLanguage.LayoutName}"
                    VerticalAlignment="Center"
                    Margin="8,0,0,0"
                    Focusable="False"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

核心逻辑： #

1. 移除ItemTemplate里的嵌套ListBoxItem，让ListBox自动生成的容器负责布局，避免层级混乱。
2. 替换ListBoxItem的默认模板，去掉它的点击响应逻辑——这样点击Label区域不会触发任何ListBox交互，自然也不会影响CheckBox。
3. 给所有布局控件设置VerticalAlignment="Center"，确保复选框和标签垂直对齐。

方案二：保留ListBoxItem选中样式 #

如果需要勾选CheckBox时，ListBoxItem同步显示选中高亮，可调整成这种写法：

<ListBox Name="LanguagesListBox">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border 
                            x:Name="itemBorder"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Padding="{TemplateBinding Padding}">
                            <ContentPresenter 
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <!-- 选中时的高亮样式 -->
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="itemBorder" Property="Background" Value="#FFDDEEFF"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!-- 绑定CheckBox的勾选状态到ListBoxItem的选中状态 -->
            <Setter Property="IsSelected" Value="{Binding IsChecked, RelativeSource={RelativeSource AncestorType=CheckBox}}"/>
        </Style>
    </ListBox.ItemContainerStyle>

    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="2">
                <CheckBox VerticalAlignment="Center"/>
                <Label 
                    Content="{Binding InputLanguage.LayoutName}"
                    VerticalAlignment="Center"
                    Margin="8,0,0,0"
                    Focusable="False"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这个方案在保持独立触发和对齐的基础上，增加了选中高亮的联动效果，体验更完整。

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