#Build2016

Implicit Animations

Varun ShandilyaSenior Program ManagerWindows UI

Transformer

Why?Easy and ConvenientAnimation templates Smooth operationsLess intrusive app updates Separate app logic from personality

How it works • Create animation or animation group• Define Triggers • Connect animations to triggers• System animates changes for each trigger

Hello World!!

Visual

Hello World!!ImplicitAnimationCollection implicitAnimation = compositor.CreateImplicitAnimationCollection();

Vector3KeyFrameAnimation animation = compositor.CreateVector3KeyFrameAnimation();

animation.InsertExpressionKeyFrame(1f, "this.FinalValue");animation.Duration = TimeSpan.FromSeconds(2);animation.Target = “Offset“;

implicitAnimation["Offset"] = animation;

visual.ImplicitAnimations = implicitAnimation;

visual.Offset = new System.Numerics.Vector3(20f,0f,0f);

Transformer

Visual property update

Trigger?

Animate visual to Final Value

Update visual to final value

No Yes

Photo Gallery

• Follow us on Twitter @WinComposition• Follow us on GitHub for latest samples.

Call to Action