如何使用 C# 阻止按钮在 Xamarin.Forms 中执行绑定命令？

Question

我创建了一个在“编辑”和“保存”之间切换的按钮。此按钮与我的 ViewModel 中的“保存命令”有数据绑定。

我想停止执行“保存命令”，直到按钮文本等于“保存”。

我尝试切换Command.CanExceute(false)，但这似乎不起作用，“保存命令”总是执行！示例代码发布在下面，也可以在我的GitHub Repositry

中找到

MainPage.xaml

    <ContentPage.BindingContext>
        <App:ClientViewModel/>
    </ContentPage.BindingContext>
    
    <StackLayout>
        <Button x:Name="EditSaveButton"
                Text="Edit"
                Command="{Binding SaveClient}"
                Clicked="EditSaveButton_Clicked"/>
    </StackLayout>

MainPage.xaml.cs

        public MainPage()
        {
            InitializeComponent();
            EditSaveButton.Command.CanExecute(false);
        }

        private void EditSaveButton_Clicked(object sender, EventArgs e)
        {
            if (EditSaveButton.Text == "Edit")
            {
                EditSaveButton.Text = "Save";
                EditSaveButton.Command.CanExecute(true);
            }
            else 
            {
                EditSaveButton.Text = "Edit";
                EditSaveButton.Command.CanExecute(false);
            }
        }

ClientViewModel.cs

    public class ClientViewModel
    {
        public Command SaveClient { get; set; }

        public ClientViewModel()
        {
            SaveClient = new Command( async () => {

                await Application.Current.MainPage.DisplayAlert("Saved", "Client Saved", "OK");
            });
        }
    }

###### 更新######

感谢 Jason 和 Robert Harvey 在这方面的指导。 我已将代码更改为仅使用Command 而不是Clicked，并将按钮的文本属性绑定到我的ViewModel 中的属性。但是，当我执行代码时，按钮文本没有更新？任何想法为什么？

Main.xaml

    <StackLayout>
        <Button x:Name="EditSaveButton"
                Text="{Binding EditSaveButtonText}"
                Command="{Binding SaveClient}"/>
    </StackLayout>

ClientViewModel.cs

 public class ClientViewModel
    {
        public Command SaveClient { get; set; }

        public string EditSaveButtonText { get; set; }

        public ClientViewModel()
        {

            SaveClient = new Command( () => {

                if (EditSaveButtonText == "Edit")
                {
                    EditSaveButtonText = "Save";
                }
                else
                {
                    EditSaveButtonText = "Edit";
                }
            });
        }
    }

Answer 1

Xamarin 中的命令实现ICommand 接口。

public interface ICommand
{
    public void Execute (Object parameter);

    public bool CanExecute (Object parameter);

    public event EventHandler CanExecuteChanged;
}

如果您将按钮中的命令绑定到实现ICommand 的视图模型，只需将CanExecute 设置为false。 您应该在视图模型中执行此操作，而不是视图。

将事件绑定到按钮或使用Command。 不要两者都做。如果您需要更改按钮颜色，请将按钮颜色设置为与视图模型的属性的绑定，以便您可以在那里更改它。