Визуальное состояние в SilverLight? (как мы это используем) - PullRequest
Новая
       23

Визуальное состояние в SilverLight? (как мы это используем)

1 голос
/ 28 июня 2010

Я написал простой шаблон в xaml для кнопки s. (Для silver-light 4)
So when I try use "ControlTemplate.Triggers", I found that is impossible in silver-light, and we must use Visual-State in Silver-Light
поэтому я написал первый ControlTemplate с Visual-State, но он не работает нормально (вот код) 

 <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) и есть ли хорошие примеры для Visual-State

1 Ответ

0 голосов
/ 28 июня 2010

Из-за двух простых ошибок ваш стиль не работал, иначе все правильно.

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 )

...