确保按钮在 ScrollViewer 中获得焦点

Question

哎呀！完全忘记了我拥有的应用程序范围的样式，这是按钮上的边距。我已经修改了代码和 gif 以反映这一点。

我有以下 XAML 标记：

<Window x:Name="SampleMainWindow1" x:Class="SampleApplication.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="300">
<DockPanel>

    <Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <ScrollViewer HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" Grid.Row="1">
            <StackPanel Orientation="Horizontal">
                <Button Margin="40,40,40,40" Width="Auto">Button 1</Button>
                <Button Margin="40,40,40,40" Width="Auto">Button 2</Button>
                <Button Margin="40,40,40,40" Width="Auto">Button 3</Button>
                <Button Margin="40,40,40,40" Width="Auto">Button 4</Button>
            </StackPanel>
        </ScrollViewer>

    </Grid>

</DockPanel>

但是，当一个按钮接收到焦点，例如Button 1，并且我按下右键时，我会立即关注Button 2，但是正如你所看到的，我必须在Button 3 之前再按几次右获得焦点，Button 4 也是如此。

如何使按键立即聚焦在下一个按钮上，并且该按钮会滚动到视图中？

Answer 1

通过将 ScrollViewer.CanContentScroll 设置为 true 让面板滚动。