如何通过 ViewModel 更改 VisualState

Question

我知道这个问题与许多问题类似。反正我是不明白。

我有几个 VisualStates （超过 2 个，这就是为什么 DataStateBehavior 不是我的解决方案）。我有 ViewModel，它具有 enum 属性 CurrentState。每个枚举值代表一种状态，也可以是多个枚举值代表一种状态，并不限定。我希望在 CurrentState 更改时更改 VisualState （想法，立即出现在我的脑海中：绑定正是针对这种情况创建的！）

我可以吗将 CurrentState 与视图 VisualState 绑定（仅 xaml 解决方案），以获得上述行为？

如果是，我该怎么做？

如果不是，我应该如何在我的 ViewModel 中使用 VisualStateManager.GoToState() 方法？

Answer 1

我想指出一个类似于 @FasterSolutions' 的解决方案，使用 Blend SDK 的内置组件。

设置 < code>PropertyChangedTrigger 在视图模型的“CurrentState”属性上，并添加一个 GoToStateAction< /code>更改视觉状态：

<i:Interaction.Triggers
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Inte‌​ractivity"  
    xmlns:ei="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microso‌ft.Expression.Interactions">
    <ei:PropertyChangedTrigger Binding="{Binding CurrentState}">
        <ei:GoToStateAction StateName="{Binding CurrentState}" />
    </ei:PropertyChangedTrigger>
</i:Interaction.Triggers>

Answer 2

由于多种原因，我不会在 ViewModel 中使用 VisualStateManager.GoToState，其中最大的原因是您必须传入要更改其视觉状态的控件。将 UI 控件传递给视图模型违背了整个 MVVM 方法。

我的建议是使用（对于 Windows 8 应用商店）Winrt Behaviours 或使用 Blend system.windows.interactivity.dll（对于相同的功能） ) 从视图模型中获取 VisualState 名称并更新对象。代码看起来像这样：

ViewModel:

public string State{
    get{_stateName;}
    set{_stateName=value;
        RaisePropertyChanged("State");
}

View:

<Grid>
    <I:Interaction.Behaviors>
        <b:VisualStateSettingBehavior StateToSet="{Binding State}"/>
    </i:Interaction.Behaviors>
</Grid>

Behaviour:

public class VisualStateSettingBehavior:Behavior<Control>
{

    StateToSet{
               get{GetValue(StateProperty) as string;}
               set{SetValue{StateProperty,value);
                    LoadState();}
}
private void LoadState()
{
VisualStateManager.GoToState(AssociatedObject,StateToSet,true);
}
}

行为的作用是连接到控件并允许您以编程方式扩展其功能。这种方法允许您将 ViewModel 与 View 分开。