Question

我有几个复选框，其中UI会根据其状态进行更改。在代码中，每当单击复选框时，我都会发送一条消息，一切正常，但是我不确定这是否是处理复选框的最有效方法。抱歉，我是整个WPF / MVVM的新手。

这就是我的做法...

XAML：

<Grid x:Name="LayoutRoot">
    <CheckBox x:Name="checkBox" Command="{Binding CheckBoxCommand}" Content="My Check Box"/>
</Grid>

ViewModel：

namespace MvvmLightCheckBoxes.ViewModel
{
    public class MainViewModel : ViewModelBase
    {
        public RelayCommand CheckBoxCommand { get; set; }
        private Boolean _isCheckBoxChecked = true;

        public MainViewModel(IDataService dataService)
        {
            CheckBoxCommand = new RelayCommand(() => checkBoxClick());
        }

        private void checkBoxClick()
        {
            if (_isCheckBoxChecked) {
                Messenger.Default.Send(new MessageFromMain { isBoxChecked = _isCheckBoxChecked });
                _isCheckBoxChecked = false;
            }else {
                Messenger.Default.Send(new MessageFromMain { isBoxChecked = _isCheckBoxChecked });
                _isCheckBoxChecked = true;
            }
        }

    }
}

代码隐藏：

namespace MvvmLightCheckBoxes
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Messenger.Default.Register<MessageFromMain>(this, m => ReceivedMessageFromMain(m));
        }

        private void ReceivedMessageFromMain(MessageFromMain m)
        {
            if (m.isBoxChecked) {
                Console.WriteLine("Box is checked");
            }
            else {
                Console.WriteLine("Box is unchecked");
            }
        }
    }
}

型号：

namespace MvvmLightCheckBoxes.Model
{
    class MessageFromMain
    {
        public Boolean isBoxChecked { set; get; }
    }
}

使用MVVM时，这是处理复选框的可接受方法吗？

Answer 1

否，通常您绑定IsChecked属性：

<CheckBox IsChecked="{Binding CheckStatus}" Content="Click Me"/>

然后在您的视图模型中执行以下操作：

private bool _CheckStatus;
public bool CheckStatus
{
    get { return this._CheckStatus; }
    set
    {
        if (this._CheckStatus != value)
        {
            this._CheckStatus = value;
            RaisePropertyChanged(() => this.CheckStatus);
        }
    }
}

通常具有一个带有get / set访问器的常规属性就足够了，如果您希望绑定是双向的，则只需要添加属性更改通知即可，这样您还可以在视图模型代码中切换状态。

也可以从MainWindow中删除该代码。如果您发现自己将代码添加到Window类中，则意味着您可能做错了事。

使用MVVM Light时处理复选框的最佳方法是什么

1 个答案: