为什么 xamarin 不使用视图模型中的命令？

Question

Xamarin 不使用视图模型中的命令。 事件有效，但它忽略了我的命令。 我已经检查过，命令已初始化，但仍然无法正常工作。 我以为它只存在于我的工作项目中，但也存在于我一个小时前创建的测试项目中。

我的测试视图：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewmodels="clr-namespace:TestXamarinMvvm.ViewModels"
             x:DataType="viewmodels:MainVM"
             x:Class="TestXamarinMvvm.MainPage">

    <ContentPage.BindingContext>
        <viewmodels:MainVM/>
    </ContentPage.BindingContext>
    
    <StackLayout>
        <Button Text="Test"
                Command="{Binding TestCommand}"
                HorizontalOptions="Center"
                VerticalOptions="CenterAndExpand"/>
    </StackLayout>

</ContentPage>

我的测试视图模型：

namespace TestXamarinMvvm.ViewModels
{
    internal class MainVM : BaseVM
    {
        public MainVM()
        {
            TestCommand = new RelayCommand(obj =>
            {
                App.Current.MainPage.DisplayAlert("Work", "It is working.", "OK");
            });
        }

        public RelayCommand TestCommand { get; }
    }
}

Answer 1

我在我这边做了一个演示，效果很好。

这是MainPage.xaml中的代码：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:viewmodels="clr-namespace:App7"
             x:Class="App7.MainPage">

    <ContentPage.BindingContext>
        <viewmodels:MainVM/>
    </ContentPage.BindingContext>

    <StackLayout>
        <Button Text="Test"
                Command="{Binding TestCommand}"
                HorizontalOptions="Center"
                VerticalOptions="CenterAndExpand"/>
    </StackLayout>

</ContentPage>

这是 ViewModel MainVM.cs中的代码：

 internal class MainVM 
    {
        public MainVM()
        {
            TestCommand = new Command(() =>
            {
                App.Current.MainPage.DisplayAlert("Work", "It is working.", "OK");
            });
        }
        public ICommand TestCommand { get; set; }
    }

Answer 2

我不确定 RelayCommand 是什么，但它似乎需要一个 obj 参数。

也许这个功能会起作用？

TestCommand = new RelayCommand(() =>
            {
                App.Current.MainPage.DisplayAlert("Work", "It is working.", "OK");
            });

Answer 3

我不确定中继命令是如何工作的。 但我通常将此命令用于按钮，它适用于我。 请检查它是否有帮助。

namespace TestXamarinMvvm.ViewModels
{
    internal class MainVM : BaseVM
    {
      public ICommand TestCommand
        {
            get
            {
                return new Command((args) =>
                {
                    App.Current.MainPage.DisplayAlert("Work", "It is working.", "OK");
                });
            }
        }

    }
}