如何在加载元素时运行特定的 GoToStateAction-with-DataTrigger

Question

我有一个数据模板。它有两种视觉状态 - 展开、折叠。 我添加了 2 个 GoToStateAction-s。当数据上下文属性变为 True 时，第一个状态进入 Expanded 状态，而当同一属性变为 False 时，第二个状态进入 Collapsed 状态。

复选框是模板的一部分并绑定到该属性。因此，当复选框被选中/取消选中时，就会发生必要的转换。

但启动时不会应用任何操作。复选框已选中，但未应用扩展视觉状态。

是否可以使用视觉状态管理器让所有项目加载根据属性值应用的状态？

Answer 1

听起来您需要重写 OnApplyTemplate 并调用 VisualStateManager.GoToState()。所发生的情况是您的控件已加载，数据绑定发生，然后应用了模板。因此，模板处于基本状态，因为没有任何东西告诉它执行状态转换。您也许可以通过挂钩加载的事件从 XAML 完成这一切，但您可能会发现它很不稳定。

Answer 2

您只需添加另一个 GoToStateAction 即可在 OnLoad 事件触发时设置所需的状态。

更新

我还没有对此进行测试，但我认为您可以使用派生自 GoToStateAction 的自定义 TargetedTriggerAction：

public class GoToStateIfCheckedAction : GoToStateAction
{
    protected override void Invoke(object parameter)
    {
        var toggleButton = Target as ToggleButton;
        if (toggleButton != null && (!toggleButton.IsChecked.HasValue || !toggleButton.IsChecked.Value))
        {
            // if the Target is a ToggleButton, and it is in an indeterminate or unchecked state, don't invoke
            return;
        }

        // if the Target is not a ToggleButton, or if the ToggleButton is checked, go ahead and invoke the action
        base.Invoke(parameter);
    }
}

当附加到 ToggleButton 时，例如如CheckBox，只有当IsChecked == true时才会执行此操作。

您可以从 OnLoad 事件触发此事件，如果选中该框，它将进入该状态，如果未选中，则不执行任何操作。

Answer 3

我有一个类似的问题，即绑定的视觉状态未应用于视图加载：

<core:PropertyChangedTrigger Binding="{Binding State}">
    <core:GoToStateAction StateName="{Binding State}" />
</core:PropertyChangedTrigger>

由于我使用 MVVM 架构，因此我无法覆盖视图的 OnApplyTemplate，因为视图无法“查看”ViewModel。

最后，我发现 EventTrigger 有帮助，我想与您分享：

<interactivity:Interaction.Triggers>
    <interactivity:EventTrigger>
        <core:GoToStateAction StateName="{Binding State}" />
    </interactivity:EventTrigger>
    <core:PropertyChangedTrigger Binding="{Binding State}">
        <core:GoToStateAction StateName="{Binding State}" />
    </core:PropertyChangedTrigger>
</interactivity:Interaction.Triggers>

其中 xmlns:interactivity="http://schemas.microsoft.com/expression/2010/interactivity"