如何在 AvaloniaUI 中将自定义事件从子 UserControl 引发到父控件

Question

在 dotnet 的Avalonia-UI框架中。 我有一个UserControl ，它是一个带有“关闭”按钮的“关于”弹出视图，并且应该向父控件发出一个自定义事件，以指示弹出应该由其父 window 关闭。

到目前为止，我似乎几乎拥有它，但我找不到引发事件的方法。 这就是我所拥有的：

在AboutView.axaml我有：

<UserControl ... >
  <Button  Command="{Binding OnCloseView}" >Close</Button>

在AboutViewModel.cs我定义了一个 ReactiveCommand：

public ReactiveCommand<Unit, Unit> OnCloseView { get; }

public AboutViewModel()
{
    OnCloseView = ReactiveCommand.Create(() => { });
}

在AboutView.axaml.cs后面的代码中，我有：

public AboutView(AboutViewModel viewModel = null)
        {
            this.InitializeComponent();
            var dataContextViewModel = viewModel ?? new AboutViewModel();
            this.InitializeComponent();
            // ...
            dataContextViewModel.OnCloseView.Subscribe(x => {
                var eventArgs = new RoutedEventArgs();

// How do I raise the ExitView event from here?

                //this.RaiseEvent(eventArgs); // This didn't work, throws null reference exception.

                // This didn't work:
                //EventHandler handler = ExitView;
                //handler?.Invoke(this, eventArgs);

                });
            this.DataContext = dataContextViewModel;
        }

        public static readonly RoutedEvent<RoutedEventArgs> ExitViewEvent =
            RoutedEvent.Register<AboutView, RoutedEventArgs>(nameof(ExitView), RoutingStrategies.Bubble);

        public event EventHandler<RoutedEventArgs> ExitView
        {
            add => AddHandler(ExitViewEvent, value);
            remove => RemoveHandler(ExitViewEvent, value);
        }

在父MainWindow.axaml中：

<views:AboutView ExitView="SomeCodeBehindEventHandler"  IsVisible="{Binding $parent.DataContext.IsAboutVisible}"/>

在代码隐藏MainWindow.axaml.cs中：

    public void OnAboutViewExitHandler(object sender, RoutedEventArgs e)
    {
        var viewModel = (MainWindowViewModel)this.DataContext;
        viewModel.OnCloseAboutPopup.Execute();
        e.Handled=true;
    }

我的问题是：

• 如何从代码中引发 RoutedEvent“ExitView”？

• 在 axaml 中是否有更好的方法将事件绑定到父视图模型中的ReactiveCommand ？ 我找不到绑定它的方法，因为它无法编译：

<views:AboutView ExitView="{Binding OnCloseAboutPopup}"/>

如果我没有找到更好的方法，那么我将不得不将 function 传递给代码隐藏并从那里调用 ReactiveCommand。

• 还有其他更好的方法可以将事件从子控件发送到父控件吗？

Answer 1

您需要在构造事件参数时指定路由事件。

var eventArgs = new RoutedEventArgs { RoutedEvent = ExitViewEvent };