c# - 使用 MVVM 时应该将 WPF 特定代码放在哪里？

Question

我刚刚开始了解 MVVM，但到目前为止我看到的所有示例都是将 View 控件绑定(bind)到简单的非 WPF 特定数据类型，例如字符串和整数。但是在我们的应用程序中，我希望能够根据模型中的数字设置按钮的边框画笔。

目前，我将数字转换为 ViewModel 中的画笔以仅保留 View XAML，但这样对吗？

我不喜欢将 WPF 特定代码放在 ViewModel 中，但同样我也不喜欢将代码隐藏放在我的 View 面板上的想法。

哪种方法最好？

谢谢

Answer 1

At the moment, I translate the number into a brush in the ViewModel to keep the View XAML only, but is that right?

不，不是真的。

理想情况下，您应该将 WPF 依赖项排除在 ViewModel 之外。这有助于让您的应用程序更易于测试，而且将来也可以轻松转换为 Silverlight 或其他技术。

WPF 为这种情况提供了一种机制，但是:IValueConverter .制作一个将整数、字符串或任何其他类型转换为画笔的 ValueConverter 非常容易。 Data Binding Overview显示了使用值转换器将颜色从颜色转换为画笔的示例。

从长远来看，这是一个更好的设计……“画笔”和其他 WPF 概念实际上是 View 的一部分——它们与您的逻辑无关。您的 ViewModel 应该考虑状态，并且您的 View 应该将该状态转换为表示状态的特定方式。

假设您想使用“红色”画笔来显示错误。 ViewModel 不应公开画笔，而应公开一些原语(即: bool 属性)，例如 IsInErrorState。 View 应该决定如何表示它 - 无论是通过红色画笔、大警告等...转换器允许这以纯 XAML 方式发生。

---

在您的情况下，ValueConverter 很简单。由于您是从 Number -> Brush 开始的(尽管我建议使用自定义 Enum 而不是 int)，您可以执行以下操作:

[ValueConversion(typeof(int), typeof(SolidColorBrush))]
public class IntToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        int option = (int)value;
        switch(option)
        {
            default:
                return Brushes.Black;
            case 1: 
                return Brushes.Red;
            case 2: 
                return Brushes.Green;
           // ...
        }

    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        // No need to convert back in this case
        throw new NotImplementedException();
    }
}