WPF触摸应用模态窗口按钮触摸时卡在悬停状态

1. 触摸与鼠标事件冲突：WPF默认会将触摸事件模拟为鼠标事件，触摸点击时可能优先触发IsMouseOver状态，但触摸按下对应的IsPressed状态未被正确识别，导致按钮停留在悬停状态而不执行命令。
2. 触发器状态覆盖不足：原样式中IsPressed触发器仅修改字体大小，未同步设置背景色，且未处理触摸专属的IsTouchOver状态，导致触摸交互时状态逻辑混乱。
3. 触摸手势干扰：WPF默认的触摸长按、拖拽等手势可能干扰按钮点击事件的识别，模态窗口的事件路由优先级问题也可能导致触摸命令未被正确触发。

1. 优化触发器逻辑，区分触摸与鼠标状态 #

修改按钮样式中的触发器，增加触摸状态处理，并确保IsPressed状态能覆盖悬停状态：

<ControlTemplate.Triggers>
    <!-- 鼠标悬停状态（排除触摸和按下场景） -->
    <MultiTrigger>
        <MultiTrigger.Conditions>
            <Condition Property="IsMouseOver" Value="True"/>
            <Condition Property="IsPressed" Value="False"/>
            <Condition Property="IsTouchOver" Value="False"/>
        </MultiTrigger.Conditions>
        <Setter Property="Background" Value="Orange"/>
    </MultiTrigger>

    <!-- 触摸悬停状态 -->
    <Trigger Property="IsTouchOver" Value="True">
        <Setter Property="Background" Value="Orange"/>
    </Trigger>

    <Trigger Property="IsEnabled" Value="False">
        <Setter Property="Background" Value="{StaticResource DisabledPrimaryButtonColor}" />
    </Trigger>

    <!-- 按下状态：同时修改背景和字体大小，确保状态明确 -->
    <Trigger Property="IsPressed" Value="True">
        <Setter Property="FontSize" Value="16" />
        <Setter Property="Background" Value="Orange"/>
    </Trigger>
</ControlTemplate.Triggers>

2. 禁用干扰性触摸行为 #

在按钮上添加属性，禁止可能干扰点击的触摸手势：

<controls:IconButton
    Text="{loc:Localization NEW}"
    HorizontalAlignment="Left"
    Style="{StaticResource SecondaryButton}"
    Command="{Binding SelectAndCloseDialogCommand}"
    ClickMode="Press"
    Stylus.IsPressAndHoldEnabled="False"
    ManipulationMode="None"/>

• Stylus.IsPressAndHoldEnabled="False"：禁用长按触发的右键菜单等无关行为
• ManipulationMode="None"：禁止触摸拖拽、缩放等手势，确保触摸点击被正确识别为按钮按下

3. 确保触摸时按钮获得焦点 #

在按钮的TouchDown事件中手动设置焦点，避免因焦点丢失导致命令不执行：

<controls:IconButton
    ...
    TouchDown="IconButton_TouchDown"/>

后台代码（代码隐藏模式）：

private void IconButton_TouchDown(object sender, TouchEventArgs e)
{
    var button = sender as IconButton;
    button?.Focus();
    e.Handled = true; // 标记事件已处理，避免后续冲突
}

4. 手动触发命令（备选方案） #

如果上述方法仍无效，可在触摸按下事件中直接执行命令，绕过WPF默认的按钮事件逻辑：

private void IconButton_TouchDown(object sender, TouchEventArgs e)
{
    var button = sender as IconButton;
    if (button?.Command != null && button.Command.CanExecute(null))
    {
        button.Command.Execute(null);
        // 手动模拟按钮按下状态的视觉反馈
        button.IsPressed = true;
        Task.Delay(100).ContinueWith(_ => 
        {
            Application.Current.Dispatcher.Invoke(() => button.IsPressed = false);
        });
    }
    e.Handled = true;
}

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