Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 29

Thread: Animations on Android flickering

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-230 in a recent build.
  1. #11
    Sencha User interfasys's Avatar
    Join Date
    Mar 2011
    Location
    UK & Switzerland
    Posts
    125

    Default

    Does this fix it?
    Code:
    .x-panel {
        -webkit-backface-visibility: hidden;
    }
    From http://www.senchatouchbits.com/6/fix...-phonegap.html

  2. #12
    Sencha User
    Join Date
    Mar 2011
    Location
    Shanghai
    Posts
    71

    Default

    Yes, It may be all right.
    However,
    1 when you open the map example(sencha-touch/examples/map/), you will find the map can not be dragged anymore in web chrome browser.
    2 And open the kitchen sink example(the form example): sencha-touch/examples/kitchensink/,Test in Android 2.2, you will find the very strange thing. Open the following link, and see the picture: http://www.sencha.com/forum/showthre...-Passwordfield

    All of these problems are caused by the above css code : -webkit-backface-visibility: hidden;.

    any solutions? waiting...

  3. #13
    Sencha User interfasys's Avatar
    Join Date
    Mar 2011
    Location
    UK & Switzerland
    Posts
    125

    Default

    I haven't tested on Android, but the issues you're having are similar to what I've seen on the PlayBook. Enabling that fix totally messes up the icons, a bit like what Google Maps does when it's loading new bitmap squares.
    Olivier - interfaSys
    Developing custom solutions for BlackBerry 10 using Sencha Touch.

  4. #14
    Sencha User
    Join Date
    Jul 2011
    Posts
    1

    Default

    Same here, saw this bug with the kitchen sink, Android 2.2 LG Optimus

  5. #15
    Touch Premium Member JELaVallee's Avatar
    Join Date
    Jul 2008
    Posts
    23

    Default

    We can report seeing the same behavior in Sencha v1.1.0 running in a PhoneGap v0.9.5 Android shell on a Nexus One running Android v2.3.3

    The blinking/flickering occurs before slide and fade animations and also randomly occurs when using an embedded Ext.Map/GMapAPIv3 map in a panel.

    Also, we've tried the -webkit-backface-visibility: hidden; trick on .x-panel but also see erroneous behaviors as a result (for us we're using all custom button icons in the background of the button vs. the -webkit-mask technique, so the only time we see oddities is in Ext.Map). Going to play with applying the -webkit-backface-visibility: hidden property a bit less aggressively and see what happens.

    -Etienne
    Jean-Etienne LaVallee
    Senior Consultant - Owner
    iflection! Innovation Group, Inc.

  6. #16
    Sencha User emblemparade's Avatar
    Join Date
    Nov 2010
    Location
    Chicago, IL
    Posts
    26

    Default

    I'm really hurting on this bug. :/

    Anybody find a way to do more discriminating CSS so that the animation fix doesn't break icon rendering?

  7. #17

  8. #18
    Sencha User emblemparade's Avatar
    Join Date
    Nov 2010
    Location
    Chicago, IL
    Posts
    26

    Default

    Right, but there's also this closed thread that claims that the bug has been solved:

    http://www.sencha.com/forum/showthre...coming-Release

    An explanation of the solution would really be appreciated by many of us who have (prematurely?) developed applications around Sencha Touch right now.

  9. #19

    Default Hardware acceleration

    Most likely due to the lack of hardware acceleration for the browser in Android. IMHO this is one of the biggest problems with the phone class Android operating systems at the moment - the iPhone is glass smooth with javascript animations but Android often looks sluggish and flickers even on the fastest of processors.

    The Gingerbread browser uses software rendering - Supposedly the next Android codenamed "Ice Cream" will have full hardware acceleration of the desktop and browser. Will be nice for Android to finally catch up to iPhone and Windows Phone 7, especially when you consider that many if not most of the chips running Android are capable of this.

    Bob

  10. #20
    Sencha User emblemparade's Avatar
    Join Date
    Nov 2010
    Location
    Chicago, IL
    Posts
    26

    Default

    Nice guess, Bob, but this is very clearly a CSS transparency issue. Using the CSS fix does make the flicker go away -- the problem is that it introduces icon rendering issues.

    I also test my applications on some of the worst Android phones out there, and they otherwise work fine with Sencha Touch. Android's browser is not as nice as mobile Safari, but it's really good enough for the kind of animations we're dealing with here, hardware acceleration or not.

Page 2 of 3 FirstFirst 123 LastLast

Similar Threads

  1. [FIXED-403] Android 2.2 map bug
    By mario.casola in forum Sencha Touch 1.x: Bugs
    Replies: 15
    Last Post: 1 Dec 2010, 5:03 AM
  2. [OPEN-200] HTML Hyperlinks Not Working on Android
    By graham_alton in forum Sencha Touch 1.x: Bugs
    Replies: 6
    Last Post: 17 Nov 2010, 8:15 AM
  3. [OPEN-308] Picker on Android
    By klopfer in forum Sencha Touch 1.x: Bugs
    Replies: 5
    Last Post: 8 Nov 2010, 4:57 PM
  4. [OPEN-504] <select> not working on Android
    By joseeight in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 4 Nov 2010, 7:28 AM
  5. Animations not working on Android
    By StuartAshworth in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 29 Sep 2010, 12:51 AM

Posting Permissions

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