What EasingFunction is using in Windows 8 charm settings?

Question

I make an application using WPF 4.0 (C#)

I want to know EasingFunction using in Windows 8 charm settings appeared.

Windows 8 Setting Charm

I use CubicEase, QuarticEase, PowerEase, ExponentialEase.. but I can't make an animation like Windows 8.

How can I make an animation like windows 8 with Default based EasingFunction??

This html5 video may help http://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start — Saju, Jan 27 '13 at 13:09

score 1 · Accepted Answer · answered Jan 27 '13 at 18:14

1

The list of built-in windows 8 ease functions is here. It links this page which allows you to experiment with various easing functions. If it's a built-in easing function, then you should be able to find it there.

answered Jan 27 '13 at 18:14

N_A

19,799
4
52
98

score 1 · Answer 2 · answered Jan 28 '14 at 17:24

They use ExponentialEase with "EaseOut" mode.

Here's the code:

<Storyboard>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="X" Storyboard.TargetName="Trans">
                <EasingDoubleKeyFrame KeyTime="0:0:.7" Value="264">
                    <EasingDoubleKeyFrame.EasingFunction >
                        <ExponentialEase EasingMode="EaseOut" Exponent="6"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

What EasingFunction is using in Windows 8 charm settings?

2 Answers2