缺少 PasswordBox 视觉状态？

Question

我正在尝试设置PasswordBox 的可视状态，以在密码不正确时指示错误。

根据 MSDN 文档 PasswordBox Syles and Templates（他们的拼写错误），在以下视觉状态组中定义了以下视觉状态：

• 正常 - CommonStates
• MouseOver - CommonStates
• 已禁用 - CommonStates
• 专注 - FocusStates
• 不专注 - FocusStates
• 有效 - ValidationStates
• InvalidFocused - ValidationStates
• InvalidUnfocused - ValidationStates

然而，下面的代码总是返回一个空列表：

public void Blah(PasswordBox passwordBox)
{
     var visualStateGroups = VisualStateManager.GetVisualStateGroups(passwordBox);
     //visualStates.Count is always 0.
}

并且试图进入一个状态总是返回 false，例如

public void Halb(PasswordBox passwordBox)
{
   bool didTransition = VisualStateManager.GoToState(passwordBox, 
                                                    "InvalidFocused", 
                                                     true);

   //didTransition is always false. It doesn't make a difference whether
   //or not the last paramter is "true" or "false"
}

为什么在 msdn 上记录的 VisualStates/VisualStateGroups 显然在代码中丢失了？我做错了什么（我的怀疑），还是 MSDN 不正确？

Answer 1

你问题答案的第一部分在 MSDN VisualStateManager.GetVisualStateGroupscmets

“VisualStateGroups 通常设置在元素可视化树的根部，而不是元素本身。”

所以

public void Blah(PasswordBox passwordBox)
{
    var bd = pbox.Template.FindName("Bd", pbox) as FrameworkElement;
    var visualStateGroups = VisualStateManager.GetVisualStateGroups(bd);
    Debug.WriteLine(visualStateGroups.Count);
    // should print 3
}

至于第二部分，这对我来说很好，

如果我定义 VSG，例如

<VisualStateManager.VisualStateGroups>
  <VisualStateGroup x:Name="CommonStates" />
  <VisualStateGroup x:Name="FocusStates" />
  <VisualStateGroup x:Name="ValidationStates">
    <VisualState x:Name="Valid" />
    <VisualState x:Name="InvalidFocused">
      <Storyboard>
        <ColorAnimationUsingKeyFrames Storyboard.TargetName="PART_ContentHost"
                                      Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
          <EasingColorKeyFrame KeyTime="0"
                                Value="#FF9B4A4A" />
        </ColorAnimationUsingKeyFrames>
      </Storyboard>
    </VisualState>
    <VisualState x:Name="InvalidUnfocused" />
  </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

现在VisualStateManager.GoToState(passwordBox, "InvalidFocused", true); 返回true，我可以看到相应样式的控件。

更新：

AFAIK 认为只是在 Silverlight 中自动为 PasswordBox 定义了 VisualState。在 WPF 中，您必须自己定义它们。表达式混合通过在 IDE 的 States 选项卡中为您提供状态略有帮助，当您记录更改时，它会自动生成伴随 Storyboard 的代码，但如果您不编辑 Template就是这样。

As stated here 猜测这只是因为 WPF 中的默认样式不使用开箱即用的 VSM。

Download link 到一个示例，其中“我们”明确定义了 VSM 和 VisualState 的 PasswordBox，而我之前发布的两个函数最初都显示有效。