WPFでボタンのダブルクリック抑制とキーボードフォーカス

Question

AsyncReactiveCommandでWPFのお手軽ダブルクリック抑制
の記事を参考に、ボタンのダブルクリック抑制を入れました。

このボタンをキーボードのカーソルキーでも操作したいのですが、
ダブルクリック抑制が走るとそれ以降、キーボードのフォーカスがどこかへ行ってしまい、
キーボードでの操作ができなくなって困っています。

「キーボードの上下でボタンを選び、エンターキーでボタンを押す。それを何度も繰り返す。」

これをダブルクリック抑制とうまく同居させることは可能でしょうか？

<Window x:Class="WpfApp4.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp4"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <Window.DataContext>
        <local:MainWindowViewModel/>
    </Window.DataContext>
    <Grid>
        <Button x:Name="button1" Content="Button1" HorizontalAlignment="Left" Margin="10,0,0,239" VerticalAlignment="Bottom" Width="372" Command="{Binding ButtonClickAsyncCommand1}"/>
        <Button x:Name="button2" Content="Button2" HorizontalAlignment="Left" Margin="10,35,0,0" VerticalAlignment="Top" Width="372" Command="{Binding ButtonClickAsyncCommand2}"/>
    </Grid>
</Window>

using System.Windows;
using System.Windows.Input;

namespace WpfApp4
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // 初期フォーカス設定
            Loaded += (s, e) => { Keyboard.Focus(button1); };
        }
    }
}

using System.Threading.Tasks;
using Reactive.Bindings;

namespace WpfApp4
{
    class MainWindowViewModel
    {
        public AsyncReactiveCommand ButtonClickAsyncCommand1 { get; } = new AsyncReactiveCommand();
        public AsyncReactiveCommand ButtonClickAsyncCommand2 { get; } = new AsyncReactiveCommand();

        public MainWindowViewModel()
        {
            ButtonClickAsyncCommand1.Subscribe(async _ =>
            {
                await Task.Delay(500);
            });
            ButtonClickAsyncCommand2.Subscribe(async _ =>
            {
                await Task.Delay(500);
            });
        }
    }
}

Answer 1

ダブルクリック抑制が走るとそれ以降、キーボードのフォーカスがどこかへ行ってしまい、
キーボードでの操作ができなくなって困っています。

ボタンが一時的に無効になるので、Windowにフォーカスが飛んでいると思います。
Tabキーを押せば戻ってくると思いますが、そういうことではないんですよね？

ボタンを押したらどこにフォーカスが行くのがいいんでしょうか？

1. 無効の間どこかへ行ってもいいが、有効に戻った時に取り戻す（普通のボタンと同じ使い勝手）
   IsEnabledを見て、FocusedElementを自身に設定するような感じでどうでしょう？
   ほかにも有効無効が変わりがちなボタンがあると邪魔かも。
2. 無効になったんだから次のボタンに行くべき
   1とは逆に相手側を見て自身をセットしましたが、わかりにくいし冗長になるしいいとこないですね^^;

やるんだったらビヘイビアでやるべきでしょうね。

FocusedElementはあくまで論理フォーカスなので、場合によってはキーボードフォーカスが来ないこともあります。
Keyboard.Focusを呼ぶほうが確実性は高いでしょうが、これもビヘイビアになるでしょうか。

FocusManager.FocusedElement 添付プロパティ (System.Windows.Input) | Microsoft Docs

Keyboard.Focus(IInputElement) メソッド (System.Windows.Input) | Microsoft Docs

フォーカスの概要 - WPF .NET Framework | Microsoft Docs

<Window
  x:Class="Questions351448.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Questions351448"
  Width="400"
  Height="300"
  FocusManager.FocusedElement="{Binding ElementName=button1}">
  <Window.DataContext>
    <local:MainWindowViewModel />
  </Window.DataContext>
  <Window.Resources>
    <Style x:Key="SelfFocusStyle" TargetType="Button">
      <Style.Triggers>
        <Trigger Property="IsEnabled" Value="True">
          <Setter Property="FocusManager.FocusedElement" Value="{Binding RelativeSource={RelativeSource Self}}" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </Window.Resources>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition />
    </Grid.RowDefinitions>
    <GroupBox Header="1. 自身に再設定">
      <StackPanel>
        <Button
          x:Name="button1"
          Command="{Binding Command1}"
          Content="Button1"
          Style="{StaticResource SelfFocusStyle}" />
        <Button
          x:Name="button2"
          Command="{Binding Command2}"
          Content="Button2"
          Style="{StaticResource SelfFocusStyle}" />
      </StackPanel>
    </GroupBox>

    <GroupBox Grid.Row="1" Header="2. 次のボタン">
      <StackPanel>
        <Button
          x:Name="button3"
          Command="{Binding Command3}"
          Content="Button3">
          <Button.Style>
            <Style TargetType="Button">
              <Style.Triggers>
                <DataTrigger Binding="{Binding IsEnabled, ElementName=button4}" Value="False">
                  <Setter Property="FocusManager.FocusedElement" Value="{Binding RelativeSource={RelativeSource Self}}" />
                </DataTrigger>
              </Style.Triggers>
            </Style>
          </Button.Style>
        </Button>
        <Button
          x:Name="button4"
          Command="{Binding Command4}"
          Content="Button4">
          <Button.Style>
            <Style TargetType="Button">
              <Style.Triggers>
                <DataTrigger Binding="{Binding IsEnabled, ElementName=button3}" Value="False">
                  <Setter Property="FocusManager.FocusedElement" Value="{Binding RelativeSource={RelativeSource Self}}" />
                </DataTrigger>
              </Style.Triggers>
            </Style>
          </Button.Style>
        </Button>
      </StackPanel>
    </GroupBox>
  </Grid>
</Window>

using Reactive.Bindings;
using System.Threading.Tasks;
using System.Windows;

namespace Questions351448
{
    public partial class MainWindow : Window
    {
        public MainWindow() => InitializeComponent();
    }

    class MainWindowViewModel
    {
        public AsyncReactiveCommand Command1 { get; } = new AsyncReactiveCommand();
        public AsyncReactiveCommand Command2 { get; } = new AsyncReactiveCommand();
        public AsyncReactiveCommand Command3 { get; } = new AsyncReactiveCommand();
        public AsyncReactiveCommand Command4 { get; } = new AsyncReactiveCommand();

        public MainWindowViewModel()
        {
            Command1.Subscribe(async () => await Task.Delay(500));
            Command2.Subscribe(async () => await Task.Delay(500));
            Command3.Subscribe(async () => await Task.Delay(500));
            Command4.Subscribe(async () => await Task.Delay(500));
        }
    }
}

Comments

[mochi_ponyo]

ありがとうございます。おかげさまで動作するようになりました。
やりたかったのはまさに
「１．無効の間どこかへ行ってもいいが、有効に戻った時に取り戻す（普通のボタンと同じ使い勝手）」
のほうでした。（TABキーは要件にないので使えませんでした）
わかりやすいコードも添付していただき、Style.Triggersでの設定方法等よく理解できました。
とても助かりました。