如何在 MAUI 中拥有命令（可用）视图或带有内容的按钮？

Question

我需要一个可以绑定命令的复合可点击 MAUI 组件。

Buttons 不能包含内容，只能包含文本。
ContentViews 没有命令所以我尝试了这种方式

//

public partial class BtnView : BaseContentView<BtnVm>
{
    public ICommand Command { get; set; }

    public object CommandParameter { get; set; }

    public BtnView() : base()
    {
        InitializeComponent();
    }

    public static BindableProperty CommandProperty { get; set; } = BindableProperty.Create(nameof(Command), typeof(Command), typeof(BtnView));
    public static BindableProperty CommandParameterProperty { get; set; } = BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(BtnView));
}

这样，我希望命令属性可以绑定但是：

绑定命令时出现 XFC0009 错误

No property, BindableProperty, or event found for "Command", or mismatching type between value and property.

没有通过点击触发它的机制。

我打算如何实现这种组件？

Answer 1

与 Xamarin Forms 一样，Maui 可以attach a TapGestureRecognizer to any visual element. See also TapGestureRecognizer doc。

将此添加到 xaml 中的 ContentView：

<ContentView.GestureRecognizers>
    <TapGestureRecognizer
        NumberOfTapsRequired="1"
        Tapped="OnTapped">
    </TapGestureRecognizer>
</ContentView.GestureRecognizers>

将此添加到 xaml.cs 中的“隐藏代码”中：

protected void OnTapped(object sender, EventArgs args)
{
    // Do something here.
}

如何在 MAUI 中拥有命令（可用）视图或带有内容的按钮？

How to have a Command(able) view or a Button with content in MAUI?

binding

maui