c# - WPF/MVVM - 检查基于字符串匹配的 MenuItem

Question

我正在尝试在 WPF/MVVM 应用程序中实现主题选择菜单。我已经让选择本身正常工作，但似乎无法弄清楚如何使用纯数据绑定(bind)(又名不破坏 MVVM 模式)在适当的 MenuItem 上设置 IsChecked。

XAML:

<MenuItem Header="_Theme">
    <MenuItem Header="Classic" Command="{Binding ChangeThemeCommand}" CommandParameter="Classic" />
    <MenuItem Header="Metro White" Command="{Binding ChangeThemeCommand}" CommandParameter="MetroWhite" />
</MenuItem>

View 模型:

RelayCommand _changeThemeCommand;
public ICommand ChangeThemeCommand
{
    get
    {
      return _changeThemeCommand ?? (_changeThemeCommand = new RelayCommand(param => 
      {
          ThemeManager.CurrentTheme = param.ToString();
      })); 
    }
}

主题由 Actipro 的 WPF 控制套件处理 (http://www.actiprosoftware.com)；如您所见，当前主题仅表示为字符串。

我的问题在于弄清楚如何以标记事件主题的 MenuItem 的方式绑定(bind) IsChecked。 XAML 当前的结构方式意味着将当前主题名称与 MenuItem 的 CommandParameter 相匹配。

任何提示/指针将不胜感激。

Answer 1

您的第一个问题是您正在对所有主题进行硬编码。更好的方法是创建一个名为 Theme 的类:

public class Theme : INotifyPropertyChanged
{
    public string Name { get; set; } // Implement PropertyChanged event on this.
    public bool Checked { get; set; } // Implement PropertyChanged event on this.
}

在你的主视图模型中，有一个可观察的集合，然后用你的主题填充它，即:

ObservableCollection<Theme> Themes { get; private set; }

在构造函数中，类似于:

Themes.Add(new Theme() { Name = "Classic" });
Themes.Add(new Theme() { Name = "MetroWhite" });

现在你的上下文菜单应该看起来像这样:

<MenuItem Header="_Theme" ItemsSource="{Binding Themes}">
    <MenuItem.ItemTemplate>
        <DataTemplate>
            <MenuItem Header="{Binding Name}" IsChecked="{Binding Checked}" IsCheckable="True"/>
        </DataTemplate>
    </MenuItem.ItemTemplate>
</MenuItem>

现在，这为您提供了一组主题，当您单击其中一个时，它的 Checked 属性已设置。现在您可以将命令分配给 MenuItems，最好是作为 Theme 类的一部分(即 Theme.Set() 对我来说似乎是一个合理的 OO 设计)。从这里开始一切都应该非常简单。

更新

我如何强制一次只选择一个主题？

假设您有一个 MainViewModel，扩展 Theme 构造函数以获取对 MainViewModel 的引用。然后在您的 SetTheme() 命令中，遍历所有其他主题，确保它们未被选中。

void SetTheme()
{
    foreach (Theme theme in MainViewModel.Themes)
    {
        if (theme != this)
        {
            theme.Checked = false;
        }
    }

    // Do actual theme setting .
}

我为什么要实现 INotifyPropertyChanged？

因为如果你不这样做，上面的方法就不起作用了。当然，您可以只为 Checked 实现它，但作为一种好的做法，我建议为构成接口(interface)一部分的所有公共(public)可访问属性实现它。这样，如果您稍后将此 ViewModel 与其他想要编辑这些属性的 View 一起使用，一切都会正常进行。