Results 1 to 4 of 4

Thread: How to initialize bounce animate effect to container?

  1. #1
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default How to initialize bounce animate effect to container?

    How to load my view on intialize with animation, like bounce down and up to proper position.
    This view will load on main page along with another view.

    i tried below code on view config, but i didn't see any difference.
    Are there required any additional extensions?

    Code:
    momentumEasing: {			momentum: {
    			acceleration: 30,
    			friction: 0.5
    			},
    
    
    			bounce: {
    			acceleration: 30,
    			springTension: 0.3
    			},
    
    
    			minVelocity: 1
    			},
    easing.jpg

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    So you want to animate a container when it is added to the view?
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

  3. #3
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default

    No fmoseley,
    My view will come on pageload.

    I have Home view where i am including another 2 views (1. leftcontainer 2.RightContainer).
    RightContainer container list of some buttons vertically with scrollable.

    When the page loaded the "
    RightContainer" should animate like above post image.

  4. #4
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    Ok rather than a slide in animation that is provided out of the box you want a bouncing custom animation?
    You would have to extend Ext.fx.animation.Slide for this. I would recommend checking out the source to get an idea of how it works and what methods you would have to extend to add this functionality.
    http://docs.sencha.com/touch/2.3.1/#...nimation.Slide
    http://docs.sencha.com/touch/2.3.1/s...nimation-Slide
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •