Avalonia Framework下多点触控功能的启用与开发求助

核心问题在于Avalonia默认Button的交互依赖焦点机制，同一时间仅能有一个控件获取焦点响应触摸。要实现多按钮同时触摸，需绕过默认焦点限制，直接处理底层触摸事件：

1. 自定义支持多点触摸的Button控件 #

创建自定义Button类，通过TouchDevice.Id区分不同触摸点，独立处理每个触摸的按压/释放状态，避免焦点冲突：

using Avalonia;
using Avalonia.Controls;
using Avalonia.Input;
using Avalonia.Media;
using System.Collections.Generic;

public class MultiTouchButton : Button
{
    private readonly HashSet<long> _activeTouchIds = new();

    public MultiTouchButton()
    {
        // 注册触摸事件，确保不被默认逻辑拦截
        AddHandler(TouchDownEvent, OnTouchDown, handledEventsToo: true);
        AddHandler(TouchUpEvent, OnTouchUp, handledEventsToo: true);
        AddHandler(TouchLeaveEvent, OnTouchLeave, handledEventsToo: true);
    }

    private void OnTouchDown(object? sender, TouchEventArgs e)
    {
        var touchId = e.TouchDevice.Id;
        if (!_activeTouchIds.Contains(touchId))
        {
            _activeTouchIds.Add(touchId);
            UpdateVisualState();
            TouchPressed?.Invoke(this, touchId);
        }
        e.Handled = false; // 允许事件传递给其他控件
    }

    private void OnTouchUp(object? sender, TouchEventArgs e)
    {
        var touchId = e.TouchDevice.Id;
        if (_activeTouchIds.Contains(touchId))
        {
            _activeTouchIds.Remove(touchId);
            UpdateVisualState();
            TouchReleased?.Invoke(this, touchId);
        }
        e.Handled = false;
    }

    private void OnTouchLeave(object? sender, TouchEventArgs e)
    {
        // 处理触摸意外离开控件的情况，避免状态残留
        var touchId = e.TouchDevice.Id;
        if (_activeTouchIds.Contains(touchId))
        {
            _activeTouchIds.Remove(touchId);
            UpdateVisualState();
            TouchReleased?.Invoke(this, touchId);
        }
        e.Handled = false;
    }

    private void UpdateVisualState()
    {
        // 模拟按钮按压的视觉反馈
        Pressed = _activeTouchIds.Count > 0;
    }

    // 自定义触摸事件，供外部绑定业务逻辑
    public event Action<MultiTouchButton, long>? TouchPressed;
    public event Action<MultiTouchButton, long>? TouchReleased;
}

2. 在XAML中使用自定义控件 #

在窗口布局中添加多个自定义按钮实例：

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourAppNamespace"
        Title="MultiTouchDemo" Width="800" Height="600">
    <WrapPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="30">
        <local:MultiTouchButton Width="200" Height="120" Content="按钮1"
                                TouchPressed="MultiTouchButton_TouchPressed"
                                TouchReleased="MultiTouchButton_TouchReleased"/>
        <local:MultiTouchButton Width="200" Height="120" Content="按钮2"
                                TouchPressed="MultiTouchButton_TouchPressed"
                                TouchReleased="MultiTouchButton_TouchReleased"/>
        <local:MultiTouchButton Width="200" Height="120" Content="按钮3"
                                TouchPressed="MultiTouchButton_TouchPressed"
                                TouchReleased="MultiTouchButton_TouchReleased"/>
    </WrapPanel>
</Window>

3. 后台代码处理触摸逻辑 #

在窗口代码中实现触摸触发的业务逻辑：

using Avalonia.Controls;
using Avalonia.Media;

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void MultiTouchButton_TouchPressed(MultiTouchButton sender, long touchId)
    {
        Console.WriteLine($"[{touchId}] 按压按钮: {sender.Content}");
        sender.Background = Brushes.DarkCyan;
    }

    private void MultiTouchButton_TouchReleased(MultiTouchButton sender, long touchId)
    {
        Console.WriteLine($"[{touchId}] 释放按钮: {sender.Content}");
        sender.Background = Brushes.LightBlue;
    }
}

关键注意事项 #

• 确保设备本身支持多点触控，Avalonia在Windows平台默认支持触控输入
• 设置handledEventsToo: true是为了避免默认Button逻辑拦截触摸事件
• 通过TouchDevice.Id区分不同触摸点，保证每个触摸操作独立响应

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