locked
Animation in wp8.1 RRS feed

  • Question

  • Hello every one

    i have a problem with writing animation to widows phone 8.1

    when i was writing to windows phone 8.0, i used the follow XAML code and it work perfectly

      <Storyboard x:Name="settingPanelStorybord">
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="settingPanel" Storyboard.TargetProperty="Height">
                                 <EasingDoubleKeyFrame   Value="30" KeyTime="00:00:00">
                                    <EasingDoubleKeyFrame.EasingFunction>
                                        <CubicEase EasingMode="EaseOut"/>
                                    </EasingDoubleKeyFrame.EasingFunction>
                                    </EasingDoubleKeyFrame>
    
                                    <!-- This keyframe animates the ellipse back down and makes it bounce. -->
                                    <EasingDoubleKeyFrame  Value="800" KeyTime="00:00:0.6">
                                        <EasingDoubleKeyFrame.EasingFunction>
                                            <SineEase EasingMode="EaseIn"></SineEase>
                                        </EasingDoubleKeyFrame.EasingFunction>
                                    </EasingDoubleKeyFrame>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>

    i used a few animations in my app, and this is the only one that doesn't work.

    any one know what the problem here?

    the app is running and the stackPanel is showed but without the animation... (and yes

    settingPanelStorybord.Show();

    is execute

    thanks alot,

    Or

    Thursday, February 5, 2015 7:27 PM

Answers

  • Animating properties such as "Height" which change the overall layout are inefficient, discouraged, and disabled by default. Whenever you can you should replace these with independent animations which can run in the rendering pass instead of layout. For example, instead of animating the Height property animate a ScaleTransform.

    If you must use a dependent animation then you need to explicitly enable it by setting the EnableDependentAnimation property.

    See Make animations smooth for more details.

    • Proposed as answer by dns jinung Wednesday, February 18, 2015 6:21 AM
    • Marked as answer by Jamles Hez Friday, February 20, 2015 2:59 AM
    Thursday, February 5, 2015 8:40 PM