Question

我正在使用studio 2010和silverlight 4构建自定义控件。我正在尝试使用可视状态管理器。

使用以下xml：

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:SilverView">
    <Style TargetType="controls:ScaleImage">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:ScaleImage">
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition To="MouseOver"
                                                      GeneratedDuration="0:0:.5"/>
                                    <VisualTransition To="Normal"
                                                      GeneratedDuration="0:0:.5"/>
                                </VisualStateGroup.Transitions>
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <DoubleAnimation
                                        Storyboard.TargetName="img"
                                        Storyboard.TargetProperty="Width"
                                        From="50" To="100"/>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimation
                                        Storyboard.TargetName="img"
                                        Storyboard.TargetProperty="Width"
                                        From="50" To="100"/>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Image Name="img" Width="50">
                            <Image.RenderTransform>
                                <ScaleTransform x:Name="scale"/>
                            </Image.RenderTransform>
                        </Image>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

当我将鼠标悬停在图像上时，没有任何反应。当鼠标悬停在图像上时，如何让图像放大？

由于

Answer 1

VisualStateManager.VisualStateGroups附加属性定义了一组可视状态，但是组的名称和状态名称只是名称，它们实际上并没有启用它们自动描述的功能。

由控件中的代码决定它何时处于特定状态，然后通知VisualStateManager该选择。你用这样的代码做到这一点： -

VisualStateManager.GotoState(this, "MouseOver", true);

通常，您会收集信息，例如鼠标是否通过各种控制事件在控件之上，并且具有设置所有适当状态的中心UpdateVisualState功能。

Answer 2

在上面的XAML中，您只定义名称为“MouseOver”的状态组和状态。您实际上并没有导致状态发生变化，因为它们显然与任何事件无关。

如果您还没有，请尝试使用 GoToState 行为来触发控件的状态更改。

您是否还有其他触发状态更改的代码或XML？

VisualStateManager什么都不做（silverlight）

2 个答案: