ViewModel中的WPF按钮样式StaticResource值

Question

基于我对WPF的全新理解，我可以在ViewModel中设置值，并将变量绑定到WPF控件，例如：

<TextBlock Text="{Binding [SomeViewModel].selfdefinedText}"/>

现在我想知道是否可以将同样的方式应用于StaticResource？以下通常是我引用ResourceLibrary的方式：

<Button Style="{StaticResource somestyle}"/>

现在，我可以绑定在我的viewModel中定义的变量，而不是在这里硬编码somestyle吗？

如下所示：

在我的ViewModel中：

public string TestStyle
{
    get{ return _TestStyle;}
    set{ SetProperty(ref _TestStyle, value);}
}
TestStyle = "someStyle";

然后在我的XAML中：

<Button Style="{StaticResource [SomeViewModel].TestStyle}"/>

Answer 1

如果您的VM直接暴露Style（可能是个坏主意），您只需要：

<Button Style="{Binding SomeStyleViaViewModel}"/>

另一方面，如果您的VM暴露了样式的键，则需要一个转换器：

<Button Style="{Binding SomeStyleKeyViaViewModel, Converter={StaticResource MyStyleConverter}}"/>

转换器基本上需要根据密钥查找Style。

Answer 2

实现这一点的一个解决方法是定义AttachedProperty（MyStyle）并将其设置在Button上。根据属性的值，将搜索样式并将其应用于Button。

附加属性将看起来像：

public static class MyStyles
{
    static FrameworkPropertyMetadata metadata = new FrameworkPropertyMetadata(
                                     string.Empty, FrameworkPropertyMetadataOptions.AffectsRender, MyStylePropertyChangeCallBack);
    public static readonly DependencyProperty MyStyleProperty =
        DependencyProperty.RegisterAttached("MyStyle", typeof (String), typeof (MyStyles), metadata);
    public static void SetStyleName(UIElement element, string value)
    {
        element.SetValue(MyStyleProperty, value);
    }
    public static Boolean GetStyleName(UIElement element)
    {
        return (Boolean)element.GetValue(MyStyleProperty);
    }

    public static void MyStylePropertyChangeCallBack(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        FrameworkElement ctrl = d as FrameworkElement;
        if (ctrl.IsLoaded)
        {
            string styleName = Convert.ToString(e.NewValue);
            if (!string.IsNullOrEmpty(styleName))
            {
                ctrl.Style = ctrl.TryFindResource(styleName) as Style;
            }
        }
    }
}

然后在xaml:中

<Button local:MyStyles.MyStyle="{Binding TestStyle}" />