c# - Interaction.Behaviors 不适用于按钮内容

Question

我在 Windows silverlight phone 8 中的 XAML 页面中为按钮内容创建了动画。但是当我将我的项目移动到 windows phone 8.1 RT 时......按钮内容的动画无法正常工作，因为它在 silverlight phone 项目中工作。

我在 silverlight phone 8 中添加了以下代码..

Interaction.Behaviors 代码部分不起作用。我在引用中添加了适用于 Windows Phone 8.1 的行为 sdk...

我还添加了以下三个用于交互性..

      xmlns:i="using:Microsoft.Xaml.Interactivity"
      xmlns:ic="using:Microsoft.Xaml.Interactions.Core"
      xmlns:im="using:Microsoft.Xaml.Interactions.Media"

XAML

<Button x:Name="MenuButton"
                Style="{StaticResource PageNumberButtonStyle}"
                Height="180"
                Margin="10"
                Width="240"
                Click="MenuButtonClick"
                Content="{Binding CurrentPage.Number}"
                FontFamily="ms-appx:///Fonts/sesamewkshpregular.ttf#SesameWkshp Rg"
                HorizontalAlignment="Left"
                RenderTransformOrigin="0.5,0.5"
                VerticalAlignment="Bottom">
            <Button.RenderTransform>
                <CompositeTransform x:Name="MenuButtonScale"
                                    ScaleX="0"
                                    ScaleY="0" />
            </Button.RenderTransform>
        </Button>



<Page.Resources>
    <ResourceDictionary>
        <!-- PageNumberButtonStyle -->
        <Style x:Key="PageNumberButtonStyle"
               TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Unfocused" />
                                    <VisualState x:Name="Focused" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="PageNumberStates">
                                    <VisualState x:Name="BindingChanged">
                                        <Storyboard>
                                            <DoubleAnimation From="1"
                                                             To="0"
                                                             Storyboard.TargetProperty="(UIElement.Opacity)"
                                                             Storyboard.TargetName="contentPresenter" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid.Background>
                                <ImageBrush Stretch="None" ImageSource="/Resources/Assets/Book-Solid.png" />
                            </Grid.Background>

                            <ContentPresenter x:Name="contentPresenter"
                                              HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              Margin="0,20,0,0"
                                              RenderTransformOrigin="0.5,0.5">
                                <ContentPresenter.RenderTransform>
                                    <CompositeTransform x:Name="contentTransform"
                                                        ScaleX="0.5"
                                                        ScaleY="0.5" />
                                </ContentPresenter.RenderTransform>
                            </ContentPresenter>

                            <i:Interaction.Behaviors>
                                <ic:DataTriggerBehavior Binding="{Binding CurrentPage.Number}">
                                    <im:ControlStoryboardAction ControlStoryboardOption="Play">
                                        <im:ControlStoryboardAction.Storyboard>
                                            <Storyboard>
                                                <DoubleAnimation From="0"
                                                                 To="1"
                                                                 Duration="0:0:1"
                                                                 Storyboard.TargetProperty="ScaleX"
                                                                 Storyboard.TargetName="contentTransform">
                                                    <DoubleAnimation.EasingFunction>
                                                        <ElasticEase EasingMode="EaseOut"
                                                                     Oscillations="2"
                                                                     Springiness="5" />
                                                    </DoubleAnimation.EasingFunction>
                                                </DoubleAnimation>
                                                <DoubleAnimation From="0"
                                                                 To="1"
                                                                 Duration="0:0:1"
                                                                 Storyboard.TargetProperty="ScaleY"
                                                                 Storyboard.TargetName="contentTransform">
                                                    <DoubleAnimation.EasingFunction>
                                                        <ElasticEase EasingMode="EaseOut"
                                                                     Oscillations="2"
                                                                     Springiness="5" />
                                                    </DoubleAnimation.EasingFunction>
                                                </DoubleAnimation>
                                            </Storyboard>
                                        </im:ControlStoryboardAction.Storyboard>
                                    </im:ControlStoryboardAction>
                                </ic:DataTriggerBehavior>
                            </i:Interaction.Behaviors>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="FontSize" Value="150" />

        </Style>

Please, guide me here for this problem..

Answer 1

尝试向 DataTriggerBehaviour 添加 ComparisonConditionType 和 Value 属性，因为它需要一个条件来比较特定值。