vs studio 2026创建Avalonia应用程序。
MainWindow.axmal文件如下：
<Window xmlns="https://github.com/avaloniaui"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:vm="using:TestAvaloniaMVVM.ViewModels"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d"d:DesignWidth="400"d:DesignHeight="450" x:Class="TestAvaloniaMVVM.Views.MainWindow"x:DataType="vm:MainWindowViewModel"Icon="/Assets/avalonia-logo.ico"Title="GetStartedApp"><Design.DataContext><!-- This only sets the DataContext for the previewer in an IDE,to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) --><vm:MainWindowViewModel/></Design.DataContext> <Grid Margin="10"><Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="1*"/></Grid.ColumnDefinitions><Grid.RowDefinitions><RowDefinition Height="1*"/><RowDefinition Height="1*"/><RowDefinition Height="1*"/><RowDefinition Height="1*"/></Grid.RowDefinitions> <Border Background="LightPink" CornerRadius="10" Margin="2" Name="borderTunnelling"><Button HorizontalAlignment="Center" Name="btnTunnelling" >Tunnelling</Button></Border><Border Background="LightSalmon" CornerRadius="10" Margin="2" Grid.Row="1" Name="borderBubbling"><Button HorizontalAlignment="Center" Name="btnBubbling" >Bubbling</Button></Border> </Grid></Window>MainWindow.axmal.cS文件如下：
using Avalonia;
using Avalonia.Controls;
using Avalonia.Input;
using Avalonia.Interactivity;// 必须引用：包含 RoutingStrategies
using System.Diagnostics;
using System.Threading.Tasks;// 必须引用：包含 PointerPressedEventArgs
using Avalonia.VisualTree;// 必须引用这个namespace TestAvaloniaMVVM.Views
{public partial class MainWindow : Window{public MainWindow(){InitializeComponent();// 1. 注册 隧道事件 (Tunnelling)this.AddHandler(InputElement.PointerReleasedEvent,Border_Tunnelling_Handler,RoutingStrategies.Tunnel);// 2. 注册 冒泡事件 (Bubbling)this.AddHandler(InputElement.PointerReleasedEvent,Border_Bubbling_Handler,RoutingStrategies.Bubble,handledEventsToo: true); // <--- 即便 Button 把事件标为“已处理”，我也要强制捕获它;}#region PointerReleasedEvent // 注意：这里的参数类型必须改为 PointerReleasedEventArgsprivate async void Border_Tunnelling_Handler(object? sender, PointerReleasedEventArgs e){// 从触发源（可能是 AccessText）向上找，看它是不是在名为 "btnTunnelling" 的按钮里var btn = e.Source as Control;// 向上寻找最近的 Button 类型的祖先var actualButton = btn.FindAncestorOfType<Button>(includeSelf: true);if (actualButton != null && actualButton.Name == "btnTunnelling"){var msgBox = new Window{Title = "隧道通知",Content = new TextBlock { Text = "隧道阶段触发了！", Margin = new Thickness(20) },Width = 300,Height = 150,WindowStartupLocation = WindowStartupLocation.CenterOwner};await msgBox.ShowDialog(this);}}// 注意：这里的参数类型必须改为 PointerReleasedEventArgsprivate async void Border_Bubbling_Handler(object? sender, PointerReleasedEventArgs e){// 从触发源（可能是 AccessText）向上找，看它是不是在名为 "btnBubbling" 的按钮里var btn = e.Source as Control;// 向上寻找最近的 Button 类型的祖先var actualButton = btn.FindAncestorOfType<Button>(includeSelf: true);if (actualButton != null && actualButton.Name == "btnBubbling"){var msgBox = new Window{Title = "冒泡通知",Content = new TextBlock { Text = "冒泡阶段触发了！", Margin = new Thickness(20) },Width = 300,Height = 150,WindowStartupLocation = WindowStartupLocation.CenterOwner};await msgBox.ShowDialog(this);}}#endregion#region PointerPressedEventArgs//// 隧道处理器（外层先触发）//private async void Border_Tunnelling_Handler(object? sender, PointerPressedEventArgs e)//{// // 检查：我们只关心那个叫 borderTunnelling 的 Border 发生的事件// if (e.Source is Control c && c.Name == "btnTunnelling")// {// string info = ">>> [隧道阶段] Border 拦截到了按钮点击！按钮还没反应，我就先知道了。";// var msgBox = new Window// {// Title = "事件通知",// Content = new TextBlock { Text = info, Margin = new Thickness(20) },// Width = 300,// Height = 150,// WindowStartupLocation = WindowStartupLocation.CenterScreen// };// await msgBox.ShowDialog(this);// // 如果你想在这里“拦截”掉事件，不让按钮触发：// // e.Handled = true; // }//}//// 冒泡处理器（内部先触发，外部后触发）//private async void Border_Bubbling_Handler(object? sender, PointerPressedEventArgs e)//{// if (e.Source is Control c && c.Name == "btnBubbling")// {// string info = "<<< [冒泡阶段] 按钮可能已经点过了，现在信号传到了外层 Border。";// var messageBox = new Window// {// Title = "事件通知",// Content = new TextBlock { Text = info, Margin = new Thickness(20) },// Width = 300,// Height = 150,// WindowStartupLocation = WindowStartupLocation.CenterOwner// };// await messageBox.ShowDialog(this);// }//}#endregion}
}
启动程序，点击“Tunneling”按钮效果图：
启动程序，点击“Bubbling”按钮效果图：
