为什么这个 ColorAnimation 没有启动？

Question

我正在尝试根据控件的状态发生 ColorAnimation。我为 ToggleButton 创建了一个 ControlTemplate，看起来像这样：

<ControlTemplate TargetType="ToggleButton">
    <Border>
    <Grid>
        <VisualStateManager.VisualStateGroup>
             <VisualStateGroup x:Name="CommonStates">
                  <VisualState x:Name="MouseOver">
                      <Storyboard>
                           <ColorAnimation Storyboard.TargetName="ColorChangeRect" 
                               Storyboard.TargetProperty="(Rectangle.Fill).(SolidColorBrush.Color)"
                               To="Blue" Duration="0:0:3" />
                      </Storyboard>
                  </VisualState>
             </VisualStateGroup>
        </VisualStateManager.VisualStateGroup>
        <Rectangle x:Name=ColorChangeRect" Fill="Red" />
        <ContentPresenter Content="{TemplateBinding Content}" />
    </Grid>
    </Border>
</ControlTemplate>

不幸的是，什么都没有发生。我不确定我在这里缺少什么。

Answer 1

将VisualStateManager.VisualStateGroups 附加属性放在模板的根元素上，即代码中的Border。这就是VisualStateManager 获取状态的地方。