Silverlight：VisualState 动画以某种方式被覆盖

Question

我有一个相当复杂的自定义控件，如果我向您展示所有代码，您会大吃一惊。 ;) 一般来说，它是一个显示多个控件的面​​板。您可以将其视为自定义列表框。 （请不要告诉我使用列表框，我曾经去过那里，它并不能完全满足我的需求）。

因此，我在 VisualStateManager 中设置了一些动画。发生的情况如下：

• 当我将鼠标悬停在我的子控件之一上时，我希望触发 MouseOver 状态。确实如此。
• 当我选择我的子控件之一时，我期望Selected状态被触发并且它确实发生了。
• 当我选择不同的子控件时，也会触发已选择状态
• 当我返回到我选择的第一个子控件并选择它时，Selected 状态显示为触发（通过我的代码中的调试语句），但显示 MouseOver 动画。

是否存在能够以某种方式覆盖动画的问题，或者我不知道的 MouseOver 和选定状态之间的问题？

这是我的 VSM 标记：

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="CommonStates">       
        <VisualState x:Name="Normal">
            <Storyboard>
                <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.150000" Storyboard.TargetName="Backdrop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame KeyTime="0" Value="DarkGray"/>
                </ColorAnimationUsingKeyFrames>
            </Storyboard>
        </VisualState>
        <VisualState x:Name="MouseOver">
            <Storyboard>
                <ColorAnimationUsingKeyFrames BeginTime="0" Duration="00:00:00.150000" Storyboard.TargetName="Backdrop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame KeyTime="0" Value="Yellow"/>
                </ColorAnimationUsingKeyFrames>
            </Storyboard>
        </VisualState>
    </VisualStateGroup>
    <VisualStateGroup x:Name="SelectedStates">
        <VisualState x:Name="Unselected">
            <Storyboard>
                <ColorAnimationUsingKeyFrames BeginTime="0" Duration="1" Storyboard.TargetName="Backdrop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame KeyTime="0" Value="Purple"/>
                </ColorAnimationUsingKeyFrames>
            </Storyboard>
        </VisualState>
        <VisualState x:Name="Selected">
            <Storyboard>
                <ColorAnimationUsingKeyFrames BeginTime="0" Duration="1" Storyboard.TargetName="Backdrop" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame KeyTime="0" Value="Green"/>
                </ColorAnimationUsingKeyFrames>
            </Storyboard>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

这是我的 GoToState() 逻辑：

private void GoToState(bool useTransitions) { TestVariables(“GoToState 内部”);

if (_isSelected)
{
    System.Diagnostics.Debug.WriteLine(_thumbnail.ShortFileName + " firing Selected VSM");
    VisualStateManager.GoToState(this, "Selected", useTransitions);
}
else if (_wasSelected)
{
    _wasSelected = false;
    System.Diagnostics.Debug.WriteLine(_thumbnail.ShortFileName + " firing Unselected");
    VisualStateManager.GoToState(this, "Unselected", useTransitions);
}
else if (_isMouseOver)
{
    System.Diagnostics.Debug.WriteLine(_thumbnail.ShortFileName + " firing MouseOver VSM");
    VisualStateManager.GoToState(this, "MouseOver", useTransitions);
}
else
{
    System.Diagnostics.Debug.WriteLine(_thumbnail.ShortFileName + " firing Normal VSM");
    VisualStateManager.GoToState(this, "Normal", useTransitions);
}

因此

，我可以看到哪个 VisualStateManger.GoToState() 方法被触发，而对 TestingVariables() 的调用只是我用来写出条件标志的方法，我用来确定要触发哪个视觉状态。

提前致谢。

Answer 1

请参阅此问题的答案：自定义样式列表框 - 如何保留所选项目的样式？