【问题标题】:Mutually exclusive (and bindable) checkboxes in menu in WPF (MVVM)WPF(MVVM)菜单中的互斥(和可绑定)复选框
【发布时间】:2013-04-07 05:05:19
【问题描述】:

我正在尝试在 WPF MVVM 应用程序的菜单中找到一个使用复选框的示例,该应用程序可以绑定到底层 ViewModel 类中的枚举。我有一个简单的例子:

public class MyViewModel
{

   public MyViewModel() // constructor
   {
      MyChosenColor = Colors.Red;  // Pick red by default...
   }
   public enum Colors
   {
      Red,
      Green,
      Blue,   // this is just an example.  Could be many more values...
   }
   public Colors MyChosenColor {get; set;}
}

我想要一些 XAML(如果需要,还可以使用最少量的代码绑定、转换器等),允许用户选择菜单项“颜色”并查看红色、绿色、蓝色和选中的红色(在开始)。检查 Blue 会将 MyChosenColor 属性设置为 Blue 并将检查更改为 Blue。 我发现了一些有希望的链接: Mutually exclusive checkable menu items? How to bind RadioButtons to an enum?

但它们似乎都没有处理所有问题(互斥复选框;复选框,而不是单选按钮),并且许多都涉及大量代码。我在 Visual Studio 2012 上,所以也许现在有更好的方法或者我忽略了什么?

我不得不认为绑定到枚举的菜单中互斥复选框的想法最常见。 谢谢。

【问题讨论】:

  • imo 您发布的第二个链接就是答案。这就是您所要求的,它也适用于复选框,不是吗?除此之外,从用户体验的角度来看,单选按钮可能更常见,并且以互斥的东西而不是复选框而闻名。
  • 感谢您的快速 cmets stijn。我将重新调查第二个链接,但我对它有一些担忧(1)(对我来说)不清楚如何调整它以在菜单中使用,(2)不清楚它是否可以与复选框一起使用。该示例获得互斥行为正是因为他在堆栈面板中使用单选 btns,也许最重要的是(3)他对 3 个单选按钮进行了硬编码,我希望有一个更通用的解决方案(可能是 ItemsView、ListView.ItemsPanel 或类似的?) ,最后,(4)他没有展示如何获得点击 ViewModel 的结果(使用 CommandBinding?)。感谢您的评论。
  • 好点,恐怕我没有仔细阅读你的问题
  • 您不能将您的Menu.ItemsSource 绑定到ObservableCollection<T>,并让<T> 成为一个包含IsChecked 属性的类,该属性可以绑定到MenuItem.IsChecked?然后将 PropertyChange 通知附加到集合中的每个项目,告诉它当 IsChecked 更改为 true 时,将集合中的所有其他项目设置为 IsChecked=false
  • 谢谢瑞秋。我看到其他一些帖子暗示了这个想法。你有一个例子可以指点我吗? [请张贴作为答案]。我希望有一个更简单的方法。我的意思是,如果你从“关注点分离”的角度来看,曾经编写过项目的 ViewModel 部分的人可能会采取这样的态度,“嘿,我已经完成了我需要做的所有事情(就像我上面的例子一样) ). 为什么我要引入一个类的集合?幸运的是,我是负责这三个层的程序员,所以我可以说服自己在 VM 层上做更多的工作:)。

标签: wpf mvvm binding menu checkbox


【解决方案1】:

感谢 Rachel 的 cmets,我在下面提出了答案。我希望它可以帮助需要这样做的人。我四处搜寻,并没有看到明确写下的示例。也许这太简单了:)我发现把所有东西都放在一起工作有点痛苦,所以我把它写在这里。再次感谢瑞秋!

<Window x:Class="Demo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="clr-namespace:Demo"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>

</Window.Resources>
<DockPanel>
    <Menu DockPanel.Dock="Top">
        <MenuItem Header="Number Of Players"  ItemsSource="{Binding Path=MyCollection}">
            <MenuItem.ItemContainerStyle>
                <Style TargetType="MenuItem">
                    <Setter Property="Header" Value="{Binding Title}" />
                    <Setter Property="IsCheckable" Value="True" />

                    <Setter Property="IsChecked" Value="{Binding IsChecked,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                    <Setter Property="Command" Value="{Binding DataContext.MyCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type MenuItem}}}" />
                    <Setter Property="CommandParameter" Value="{Binding Player}" />
                </Style>
            </MenuItem.ItemContainerStyle>


        </MenuItem>

        </Menu>

    <Grid>

</Grid>
</DockPanel>

这里是 ViewModel 代码:

namespace Demo.ViewModel
{
public class MainViewModel : ViewModelBase
{

    public MainViewModel()
    {
       _myCollection = new ObservableCollection<NumberOfPlayersClass>();
        foreach (NumberOfPlayersEnum value in Enum.GetValues(typeof(NumberOfPlayersEnum)))
        {
            NumberOfPlayersClass myClass = new NumberOfPlayersClass();
            myClass.Player = value;
            myClass.IsChecked = value == NumberOfPlayersEnum.Two ? true : false; // default to using 2 players
            myClass.Title = Enum.GetName(typeof(NumberOfPlayersEnum), value);
            _myCollection.Add(myClass);
        }
    }
    private ICommand _myCommand;
    public ICommand MyCommand
    {
        get
        {
            if (_myCommand == null)
            {
                _myCommand = new RelayCommand(new Action<object>(ResolveCheckBoxes));

            }
            return _myCommand;
        }
    }



    ObservableCollection<NumberOfPlayersClass> _myCollection = new ObservableCollection<NumberOfPlayersClass>();
    public ObservableCollection<NumberOfPlayersClass> MyCollection
    {
        get
        {
           return _myCollection;
        }

    }
    public enum NumberOfPlayersEnum
    {
        One = 1,
        Two =2,
        Three =3,
    }
    public class NumberOfPlayersClass : ViewModelBase
    {
        public NumberOfPlayersClass()
        {
            IsChecked = false;
        }
        public NumberOfPlayersEnum Player { get; set; }
        private bool _isChecked = false;

        public bool IsChecked
        { get 
        { return _isChecked;
        }
            set
            {
                _isChecked = value;
                OnPropertyChanged("IsChecked");
            }

       }
        public string Title { get; set; }

    }

    private void ResolveCheckBoxes(object checkBoxNumber)
    {
        NumberOfPlayersEnum myEnum = (NumberOfPlayersEnum)checkBoxNumber;
        ObservableCollection<NumberOfPlayersClass> collection = MyCollection;
        NumberOfPlayersClass theClass = collection.First<NumberOfPlayersClass>(t => t.Player == myEnum);

            // ok, they want to check this one, let them and uncheck all else
            foreach (NumberOfPlayersClass iter in collection)
            {
                iter.IsChecked = false;
            }
            theClass.IsChecked = true;



    }
}
/// <summary>
/// A command whose sole purpose is to 
/// relay its functionality to other
/// objects by invoking delegates. The
/// default return value for the CanExecute
/// method is 'true'.
/// </summary>
public class RelayCommand : ICommand
{
    #region Fields

    readonly Action<object> _execute;
    readonly Predicate<object> _canExecute;

    #endregion // Fields

    #region Constructors

    /// <summary>
    /// Creates a new command that can always execute.
    /// </summary>
    /// <param name="execute">The execution logic.</param>
    public RelayCommand(Action<object> execute)
        : this(execute, null)
    {
    }

    /// <summary>
    /// Creates a new command.
    /// </summary>
    /// <param name="execute">The execution logic.</param>
    /// <param name="canExecute">The execution status logic.</param>
    public RelayCommand(Action<object> execute, Predicate<object> canExecute)
    {
        if (execute == null)
            throw new ArgumentNullException("execute");

        _execute = execute;
        _canExecute = canExecute;
    }

    #endregion // Constructors

    #region ICommand Members

    [DebuggerStepThrough]
    public bool CanExecute(object parameter)
    {
        return _canExecute == null ? true : _canExecute(parameter);
    }

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public void Execute(object parameter)
    {
        _execute(parameter);
    }

    #endregion // ICommand Members
}
}

/// <summary>
/// Base class for all ViewModel classes in the application.
/// It provides support for property change notifications 
/// and has a DisplayName property.  This class is abstract.
/// </summary>
public abstract class ViewModelBase : INotifyPropertyChanged, IDisposable
{
    #region Constructor

    protected ViewModelBase()
    {
    }

    #endregion // Constructor

    #region DisplayName

    /// <summary>
    /// Returns the user-friendly name of this object.
    /// Child classes can set this property to a new value,
    /// or override it to determine the value on-demand.
    /// </summary>
    public virtual string DisplayName { get; protected set; }

    #endregion // DisplayName

    #region Debugging Aides

    /// <summary>
    /// Warns the developer if this object does not have
    /// a public property with the specified name. This 
    /// method does not exist in a Release build.
    /// </summary>
    [Conditional("DEBUG")]
    [DebuggerStepThrough]
    public void VerifyPropertyName(string propertyName)
    {
        // Verify that the property name matches a real,  
        // public, instance property on this object.
        if (TypeDescriptor.GetProperties(this)[propertyName] == null)
        {
            string msg = "Invalid property name: " + propertyName;

            if (this.ThrowOnInvalidPropertyName)
                throw new Exception(msg);
            else
                Debug.Fail(msg);
        }
    }

    /// <summary>
    /// Returns whether an exception is thrown, or if a Debug.Fail() is used
    /// when an invalid property name is passed to the VerifyPropertyName method.
    /// The default value is false, but subclasses used by unit tests might 
    /// override this property's getter to return true.
    /// </summary>
    protected virtual bool ThrowOnInvalidPropertyName { get; private set; }

    #endregion // Debugging Aides

    #region INotifyPropertyChanged Members

    /// <summary>
    /// Raised when a property on this object has a new value.
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    /// <summary>
    /// Raises this object's PropertyChanged event.
    /// </summary>
    /// <param name="propertyName">The property that has a new value.</param>
    protected virtual void OnPropertyChanged(string propertyName)
    {
        this.VerifyPropertyName(propertyName);

        PropertyChangedEventHandler handler = this.PropertyChanged;
        if (handler != null)
        {
            var e = new PropertyChangedEventArgs(propertyName);
            handler(this, e);
        }
    }

    #endregion // INotifyPropertyChanged Members

    #region IDisposable Members

    /// <summary>
    /// Invoked when this object is being removed from the application
    /// and will be subject to garbage collection.
    /// </summary>
    public void Dispose()
    {
        this.OnDispose();
    }

    /// <summary>
    /// Child classes can override this method to perform 
    /// clean-up logic, such as removing event handlers.
    /// </summary>
    protected virtual void OnDispose()
    {
    }

#if DEBUG
    /// <summary>
    /// Useful for ensuring that ViewModel objects are properly garbage collected.
    /// </summary>
    ~ViewModelBase()
    {
        string msg = string.Format("{0} ({1}) ({2}) Finalized", this.GetType().Name,      this.DisplayName, this.GetHashCode());
        System.Diagnostics.Debug.WriteLine(msg);
    }
#endif

    #endregion // IDisposable Members
}

您可以在 http://msdn.microsoft.com/en-us/magazine/dd419663.aspxhttp://rachel53461.wordpress.com/2011/05/08/simplemvvmexample/ 获取有关 RelayCommand 和 ViewModelBase 类的信息

【讨论】:

    【解决方案2】:

    有关使用 RoutedUICommands、枚举和 DataTriggers 的方法,请参阅我对 "Mutually exclusive checkable menu items? 的回答。这几乎就是您最初要求的。

    【讨论】:

      【解决方案3】:

      另一个答案,灵感来自 this 博客文章:

      class CheckBoxGroup
      {
          public static bool GetIsEnabled(DependencyObject obj) => (bool)obj.GetValue(IsEnabledProperty);
          public static void SetIsEnabled(DependencyObject obj, string value) =>
                                                                    obj.SetValue(IsEnabledProperty, value);
          public static readonly DependencyProperty IsEnabledProperty = 
               DependencyProperty.RegisterAttached("IsEnabled", typeof(bool), typeof(CheckBoxGroup), 
                     new PropertyMetadata(false, Callback));
      
          private static void Callback(DependencyObject d, DependencyPropertyChangedEventArgs e)
          {
              var container = d as UIElement;
              container.AddHandler(ToggleButton.CheckedEvent, 
                                          new RoutedEventHandler(GroupedButton_Checked));
          }
      
          private static void GroupedButton_Checked(object sender, RoutedEventArgs e)
          {
              var container = sender as DependencyObject;
              var source = e.OriginalSource as ToggleButton;
              foreach(var child in LogicalTreeHelper.GetChildren(container).OfType<ToggleButton>())
              {
                  if(child != source) child.IsChecked = false;
              }
          }
      }
      

      用法:

      <ListBox local:CheckBoxGroup.IsEnabled="True">
          <CheckBox Content="Dibble"/>
          <CheckBox Content="Dobble"/>
          <CheckBox Content="Dabble"/>
          <CheckBox Content="Dubble"/>
      </ListBox>
      

      【讨论】:

        猜你喜欢
        • 2015-10-05
        • 1970-01-01
        • 1970-01-01
        • 2018-06-08
        • 1970-01-01
        • 2021-05-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多