在使用MVVM时,我应该在哪里放置WPF特定代码？

Question

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

目前,我将数字转换为ViewModel中的画笔以仅保留View XAML,但是这是正确的吗？

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

哪种方式最好？

谢谢

Answer 1

目前,我将数字转换为ViewModel中的画笔以仅保留View XAML,但是这是正确的吗？

不,不是真的.

理想情况下,您应该将WPF依赖项保留在ViewModel之外.这有助于您的应用程序更易于测试,但也可以在将来轻松转换为Silverlight或其他技术.

但是,WPF为这种确切的场景提供了一种机制:IValueConverter.使用整数,字符串或任何其他类型转换为画笔的ValueConverter非常容易.所述数据绑定概述示出了使用一个值转换器一个颜色为Brush平移的一个实例.

从长远来看,这是一个更好的设计......"画笔"和其他WPF概念实际上是视图的一部分 - 它们与你的逻辑无关.您的ViewModel应该根据状态进行思考,并且您的View应该将该状态转换为表示状态的特定方式.

假设您要使用"红色"画笔来显示错误.它应该暴露一些原语(即:bool属性),而不是暴露一个画笔的ViewModel IsInErrorState.View应该决定如何表示 - 无论是通过红色画笔,大警告等等......转换器允许这种情况以纯XAML方式发生.

在您的情况下,ValueConverter很容易.因为你要从数字 - >刷子(虽然我建议使用自定义的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();
    }
}