2

我正在使用 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>

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

谢谢

4

2 回答 2

4

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

由您的控件中的代码决定它何时处于特定状态，然后通知该VisualStateManager选择。您可以使用如下代码执行此操作：-

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

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

于 2010-10-15T08:01:32.643 回答
2

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

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

您是否还有更多代码或 XML 可以触发状态更改？

于 2010-10-15T07:57:33.857 回答