UWP ScrollViewer控件点击空白处焦点异常问题咨询

我之前做UWP应用时也碰到过这个一模一样的糟心事！ScrollViewer这个默认行为真的很闹心——明明点的是空白区域，结果焦点直接跳到第一个可聚焦的子控件上，把原本的操作逻辑全打乱了。

问题根源 #

UWP的ScrollViewer为了 accessibility（无障碍访问）考虑，默认会在接收到指针按下事件时，自动遍历内容树，找到第一个可聚焦的子控件并设置焦点。但在很多业务场景里，这个设计完全不符合我们的预期。

解决办法：拦截PointerPressed事件 #

最直接有效的方式就是手动处理ScrollViewer的PointerPressed事件，判断点击的是空白区域后，阻止事件继续传递，中断默认的焦点跳转逻辑。

1. XAML代码示例

<ScrollViewer x:Name="ContentScrollViewer" PointerPressed="ContentScrollViewer_PointerPressed">
    <!-- 你的页面内容 -->
    <StackPanel Margin="16">
        <Button Content="操作按钮1" Width="200"/>
        <TextBlock Text="这是一段普通文本，不可聚焦" Margin="0,16,0,0"/>
        <TextBox PlaceholderText="输入框" Width="200" Margin="0,16,0,0"/>
        <!-- 更多内容... -->
    </StackPanel>
</ScrollViewer>

2. 后台C#代码

private void ContentScrollViewer_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    var scrollViewer = sender as ScrollViewer;
    if (scrollViewer == null) return;

    // 获取实际被点击的元素
    var clickedElement = e.OriginalSource as FrameworkElement;
    // 判断是否直接点击了ScrollViewer的空白区域（而非子控件）
    if (clickedElement == scrollViewer)
    {
        // 阻止事件传递，中断默认的焦点跳转逻辑
        e.Handled = true;
        // 可选：将焦点设置到ScrollViewer本身，避免页面处于无焦点状态
        scrollViewer.Focus(FocusState.Pointer);
    }
}

补充优化 #

如果你需要在多个页面复用这个逻辑，可以把它封装成自定义ScrollViewer控件或者附加行为（Attached Behavior），这样就不用在每个页面重复写事件处理代码了。

试试这个方法，应该就能解决你遇到的焦点异常问题了！

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