How do we disable transitions for the Android?

[profunctional]

Is there a global setting to do this? The transitions on the kitchen sink work fine. But our app transitions to panels with form fields and lists. The performance is very choppy when you are transitioning to anything but a blank page.

[mikeyroy]

This is what I use now that they re-enabled transition animations for Android:

Ext.TabPanel.override({
    setActiveItem : function(card, animation) {
		if (Ext.is.Android) {
			animation = false; 
		}
        this.layout.setActiveItem(card, animation);
        return this;
    }
});

If that doesn't do it for you, you may have properties declaring the animation elsewhere which override the animation setting here. To preserve animations on the iPhone I have the animation declared when I call setActiveItem to switch the cards, so in my case the above code works fine.

[profunctional]

Thanks, Im gonna try this. On a side note, why did you disable animation?

This is what I use now that they re-enabled transition animations for Android:

Ext.TabPanel.override({
    setActiveItem : function(card, animation) {
		if (Ext.is.Android) {
			animation = false; 
		}
        this.layout.setActiveItem(card, animation);
        return this;
    }
});

If that doesn't do it for you, you may have properties declaring the animation elsewhere which override the animation setting here. To preserve animations on the iPhone I have the animation declared when I call setActiveItem to switch the cards, so in my case the above code works fine.

[mikeyroy]

The animation = false disables the transition when directly calling setActiveItem. I have the same choppiness with the transitions.

[NetNexus]

How about:

        if (Ext.is.Android) {
            Ext.Anim.override({
                disableAnimations:true
            });
        }

right on top in the onReady function of the Ext.setup?

[pbjorge]

How about:

        if (Ext.is.Android) {
            Ext.Anim.override({
                disableAnimations:true
            });
        }

right on top in the onReady function of the Ext.setup?

I just wanted to comment that this breaks the datepicker.
http://www.sencha.com/forum/showthre...iding-Ext.Anim

[AndreaCammarata]

Hey guys, you are doing things harder than they are:
If you want to disable transitions for TabPanels you don't need to override, just set the

cardSwitchAnimation: false

in your TabPanels configuration.

Hope this helps.

[pbjorge]

Thanks for posting the solution.
I ended up figuring it out when overriding TabPanel's setActiveItem didn't remove the transitions...

[haseeb]

Hi,

Iam doing a simple map using google maps. I have about 5-6 cards, however i initialise and keep only one active and destroy the others which are not active for optimal memory usage. This works pretty much fine ie faster in iPhone specially the page transition.

However in Samsung Nexus Android 2.3.4 the slide animation works but its not smooth. Any help on this would be appreciated.

regards,
Haseeb Afsar

[stackflower]

I tried the following code to disable page transitions in Sencha Touch 2.0.1 but it doesn't work:

if (Ext.is.Android) {
    Ext.Anim.override({
        disableAnimations:true
    });
}

How does it work with Sencha Touch 2.0.1?