SilverLight 中的视觉状态？ （我们如何使用它）

Question

我在 xaml 中为按钮 s 编写了简单的模板。（对于 silver-light 4）
所以当我尝试使用“ControlTemplate.Triggers”时，我发现这在silver-light中是不可能的，我们必须在Silver-Light中使用Visual-State
所以我用 Visual-State 编写了第一个 ControlTemplate，但它不能正常工作。（这是代码）

 <Style x:Key="NextButtonStyle" TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Grid x:Name="MainGrid">
                        <Border x:Name="MainBorder"
                                BorderThickness="2"
                                BorderBrush="#FFC0C0C0"
                                Background="Bisque"
                                CornerRadius="4 4 4 4" >
                            <TextBlock x:Name="lbl"
                                       VerticalAlignment="Center"
                                       HorizontalAlignment="Center"
                                       Text=">"
                                       Foreground="#FFC0C0C0"
                                       FontWeight="Bold"
                                       FontFamily="TimesNewRoman"
                                       FontSize="15"/>
                        </Border>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimationUsingKeyFrames AutoReverse="False" Duration="00:00:00.2"
                                                                      Storyboard.TargetName="MainBorder"
                                                                      Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color}">
                                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF606060"/>
                                        </ColorAnimationUsingKeyFrames>
                                        <ColorAnimationUsingKeyFrames AutoReverse="False" Duration="00:00:00.2"
                                                                      Storyboard.TargetName="lbl"
                                                                      Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color}">
                                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF606060"/>
                                        </ColorAnimationUsingKeyFrames>
                                    </Storyboard>
                                </vsm:VisualState>

                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

当我使用这种样式并在此边框上移动此边框时，边框和文本块都变得不可见。所以
1）我该怎么办？
2）视觉状态有什么好的例子吗

Answer 1

由于两个简单的错误，你的风格不起作用，否则一切都好。

1)Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color}

它将是：
Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)

2) 文本块也是如此：
Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color}

它将是：
Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)