C# WPF：WrapPanel悬停时CheckBox显蓝边框及点击切换状态

一、点击WrapPanel任意区域切换CheckBox选中状态 #

直接在WrapPanel的MouseLeftButtonUp事件中反转CheckBox的IsChecked属性即可，无需区分点击的是Label还是CheckBox：

XAML代码 #

<WrapPanel MouseLeftButtonUp="WrapPanel_MouseLeftButtonUp">
    <Label Content="你的选项文本"/>
    <CheckBox x:Name="myCheckBox"/>
</WrapPanel>

后台C#代码 #

private void WrapPanel_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    var targetCheckBox = (sender as WrapPanel)?.FindName("myCheckBox") as CheckBox;
    if (targetCheckBox == null) return;

    // 处理IsChecked为null的情况，确保正常切换
    targetCheckBox.IsChecked = !targetCheckBox.IsChecked.GetValueOrDefault();
}

二、悬停WrapPanel时显示CheckBox默认蓝色边框 #

你之前调用Focus()无效是因为默认的蓝色边框是键盘焦点视觉样式，单纯调用Focus()可能因焦点状态未正确触发而失效。下面提供两种可靠实现方式：

方式1：通过样式触发器绑定WrapPanel悬停状态 #

无需依赖焦点，直接通过样式控制边框样式，不干扰键盘焦点逻辑：

<WrapPanel x:Name="optionWrapPanel">
    <Label Content="你的选项文本"/>
    <CheckBox x:Name="myCheckBox">
        <CheckBox.Style>
            <Style TargetType="CheckBox" BasedOn="{StaticResource {x:Type CheckBox}}">
                <Style.Triggers>
                    <!-- 绑定父WrapPanel的鼠标悬停状态 -->
                    <DataTrigger Binding="{Binding IsMouseOver, ElementName=optionWrapPanel}" Value="True">
                        <!-- 使用系统默认高亮色，和焦点边框颜色一致 -->
                        <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        <Setter Property="BorderThickness" Value="1"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </CheckBox.Style>
    </CheckBox>
</WrapPanel>

方式2：通过鼠标事件触发CheckBox焦点状态 #

如果希望完全复用系统默认的焦点虚线边框效果，可以通过鼠标事件控制CheckBox的焦点：

<WrapPanel MouseEnter="WrapPanel_MouseEnter" MouseLeave="WrapPanel_MouseLeave">
    <Label Content="你的选项文本"/>
    <CheckBox x:Name="myCheckBox"/>
</WrapPanel>

private void WrapPanel_MouseEnter(object sender, MouseEventArgs e)
{
    var targetCheckBox = (sender as WrapPanel)?.FindName("myCheckBox") as CheckBox;
    targetCheckBox?.Focus(FocusState.Mouse);
}

private void WrapPanel_MouseLeave(object sender, MouseEventArgs e)
{
    var targetCheckBox = (sender as WrapPanel)?.FindName("myCheckBox") as CheckBox;
    targetCheckBox?.Focus(FocusState.Unfocused);
}

这种方式会让CheckBox在鼠标悬停时获得焦点，显示默认蓝色边框，离开时失去焦点恢复原样。

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