0

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

所以,我在 VisualStateManager 中设置了一些动画。这是发生的事情:

  • 当我将鼠标悬停在我的一个子控件上时,我希望MouseOver状态能够触发。确实如此。
  • 当我选择我的一个子控件时,我希望Selected状态会触发并且它会触发。
  • 当我选择不同的子控件时,Selected状态也会触发
  • 当我回到我选择的第一个子控件并选择它时,Selected状态显示为触发(通过我的代码中的调试语句),但显示MouseOver动画。

动画是否有一些问题可以以某种方式被覆盖,或者我不知道的 MouseOver 和 Selected 状态之间的问题?

这是我的 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) { TestingVariables("Inside 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() 的调用只是我用来写出我用来确定触发哪个视觉状态的条件标志的方法。

提前致谢。

4

1 回答 1

1

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

于 2010-09-07T20:07:59.103 回答