如何在 Xamarin Forms 中触发浮动操作按钮 OnClicked 事件处理程序

How to trigger floating action button OnClicked EventHandler on Xamarin Forms

我正在使用 NuGet 包 https://github.com/jamesmontemagno/FloatingActionButton-for-Xamarin.Android 来实现浮动操作按钮。我已经添加了它,但是我无法让点击事件正常工作。

MyPage.xaml:

<fab:FloatingActionButtonView ImageName="settings_24.png"
                              ColorNormal="{StaticResource PrimaryColor}"
                              ColorPressed="{StaticResource PrimaryDarkColor}"
                              ColorRipple="{StaticResource PrimaryDarkColor}"
                              x:Name="FABaddTx"
                              AbsoluteLayout.LayoutFlags="PositionProportional"
                              AbsoluteLayout.LayoutBounds="1, 1, AutoSize, AutoSize"
                              Clicked="FAB_Clicked"/>

MyPage.xaml.cs:

private void FAB_Clicked(object sender, EventArgs e)
{
    var page = new AddTransactionPage();
    Navigation.PushAsync(page);
}

我发现 FloatingActionButtonView.Clicked 是一个 属性 而不是一个事件,但是它是如何工作的呢?没有我可以使用的 ItemTappedItemSelected 事件。

我已经查看了 GitHub 存储库中提供的示例代码,遗憾的是只有 Xamarin.Android 代码,而我需要 Xamarin.Forms.

根据源存储库中的 this Xamarin.Forms example,它是一个动作委托 属性。

/// <summary>
/// Action to call when clicked
/// </summary>
public Action<object, EventArgs> Clicked { get; set; }

Source

您可以在页面的构造函数中设置委托。

但是,鉴于它不是实际的事件处理程序而只是一个 void 方法,如果您想安全地执行异步操作,不建议将其设为 async void 方法。

参考Async/Await - Best Practices in Asynchronous Programming

相反,创建一个事件和异步事件处理程序,以便可以等待异步操作

MyPage.xaml.cs:

public MyPage() {
    //Subscribing to our event here
    FabClicked += OnFabClicked;
    //FABaddT is already defined in the XAML so just setting the delegate here
    FABaddT.Clicked = (sender, args) => {
        //Raising the event here and passing sender and event arguments on
        FabClicked(sender, args);
    };
}

private event EventHandler FabClicked = delegate { };

private async void OnFabClicked(object sender, EventArgs args) {
    var page = new AddTransactionPage();
    await Navigation.PushAsync(page);
}