Где я должен поместить специальный код WPF при использовании MVVM?

Question

Я только начинаю работать с MVVM, но все примеры, которые я видел до сих пор, связывают элементы управления View с простыми типами данных, не относящимися к WPF, такими как строки и целые. Тем не менее, в нашем приложении я хочу иметь возможность устанавливать границу кисти на основе числа в модели.

В данный момент я перевожу число в кисть во ViewModel, чтобы сохранить только View XAML, но так ли это?

Мне не нравится помещать специфичный для WPF код в ViewModel, но в то же время мне не нравится идея размещать код позади моей панели View.

Какой путь лучше?

Спасибо

Answer 1

В настоящий момент я перевожу число в кисть в ViewModel, чтобы сохранить только XAML-представление View, но так ли это?

Нет, не совсем.

В идеале вы должны хранить зависимости WPF от вашей ViewModel.Это позволяет сделать ваше приложение более тестируемым, но в будущем легко переносимым на Silverlight или другие технологии.

Однако WPF предоставляет механизм для этого точного сценария: IValueConverter .Очень легко создать ValueConverter, который выполняет перевод целого числа, строки или любого другого типа в кисть. Обзор привязки данных показывает пример перевода цвета в кисть с помощью преобразователя значений.

Это гораздо лучший дизайн в долгосрочной перспективе ... "Кисти" и другиеКонцепции WPF действительно являются частью View - они не привязаны к вашей логике.Ваша ViewModel должна мыслить в терминах состояния , а ваш View должен переводить это состояние в определенный способ представления состояния.

Скажем, вы хотите использовать «красную» кисть для отображенияошибка.Вместо того, чтобы ViewModel выставлял кисть, он должен предоставлять некоторый примитив (то есть свойство bool), такой как IsInErrorState.Представление должно решить, как это представить - будь то с помощью красной кисти, большого предупреждения и т. Д. Преобразователи позволяют этому происходить чисто в 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();
    }
}

Answer 2

Попробуйте пользовательский ValueConverter.

Какова цель сохранения только вашего вида XAML? Поддержание чистоты ViewModel имеет смысл благодаря тестируемости и SoC. Но нет кода позади?