1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    StCroix is on a distinguished road

      0  

    Default Unanswered: Half-Flip Animation Transition

    Unanswered: Half-Flip Animation Transition


    Hi all,

    I'm wondering if it would be possible to do a "half-flip" transition between views in Sencha Touch, much like the effect built into various parts of iOS.

    If you look at the following html5 web app, it does a brilliant job of what I'm trying to achieve when the 'About' button is pressed...

    Hacker News Web App

    If anyone could shed some light on how to do this in a Sencha Touch app, that would be awesome.

    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,656
    Vote Rating
    435
    Answers
    3109
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    You just need to use card layout and create your own Ext.fx.layout.card animation. There is a flip animation
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.