A control that uses flip transition to change different states for UWP apps.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
FlipperControl
FlipperControlTest
.gitattributes
.gitignore
FlipperControl.sln
README.md
demo.gif
no_p.gif

README.md

FlipperControl

A control that uses flip transition to change different states for UWP apps.

Works on Build 10586 or higher because this control uses Composition API.

Preview

Get from Nuget

Install-Package FlipperControl

How to use

xmlns:flipper="using:FlipperControl"

<flipper:FlipperControl Grid.Row="1"
                      AllowTapToFlip="True"
                      FlipDirection="BackToFront"
                      RotationAxis="X">
        <flipper:FlipperControl.Views>
           <!--Insert framework elements-->
        </flipper:FlipperControl.Views>
</flipper:FlipperControl>

FlipperControlTest proj has demenstrated how to use this control.

There are a few properties that control the behavior:

DisplayIndex property

The only way to change the visual state of the control. Note that the value of zero points to the last framework element you added in FlipperControl.Views.

Note: Be aware of the **IndexOutOfRangeException **.

AllowTapToFlip property

Tap to flip. If there is a button on your view and you have set e.Handled=true, this will NOT work even if this property is enabled.

RotationAxis property

Currently the value is either X or Y.

FlipDirection property

Currently the value is either FrontToBack or BackToFront.

AnimationDuration property

It's obvious.

EnablePerspect property

The default value is true.

When set this to true:

Preview

When it's false:

Preview