VisualState commonState 不起作用 xaml答案

【问题标题】：VisualState commonState doesn´t work xamlVisualState commonState 不起作用 xaml
【发布时间】：2015-12-30 23:12:59
【问题描述】：

我有这个 XAML 视图。视觉触发器的VisualStateGroups 工作正常，但普通州的 VisualStateGroup 不行。

我尝试在开始时分配给一个矩形，然后都不起作用。在其他视图中，这很好用.. :(

<view:NavigationStoredPage.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/Styles/ResponsiveStyles.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</view:NavigationStoredPage.Resources>
    <Grid>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="PointerOver">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="rer">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="#121212"/>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="rer">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="#121212"/>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups> 
        <Rectangle Fill="Red" x:Name="rer" Width="100" Height="100" HorizontalAlignment="Left" Canvas.ZIndex="99" VerticalAlignment="Top" />

【问题讨论】：

我认为 commonstates 只在控件中起作用。

标签： xaml win-universal-app visualstates uwp-xaml

【解决方案1】：

您的代码实际上必须使用VisualStateManager.GoToState() 转换到这些CommonStates 之一才能转换状态。对于像Button 这样的控件，它会自动发生，因为在Button 类或其基类中的某处 - 调用了GoToState()。

【讨论】：