Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-15719

Height and width animations have side effects on Galaxy S3

    Details

      Description

      var main = Ti.UI.createWindow({ backgroundColor:'#000' });
       
      var container = Ti.UI.createView({ height:300, width:300, backgroundColor:'#fff' });
      main.add(container);
       
      var shifty = Ti.UI.createView({ top:10, left:10, height:200, width:200, backgroundColor:'#ff0000' });
      container.add(shifty);
       
      var btn = Ti.UI.createButton({ title:'do it', height:50, width:100, bottom:10 });
      btn.addEventListener('click', function() {
      shifty.animate({ height:50, width:50, duration:1500 });
      });
      main.add(btn);
       
      main.open();
      

      Run the above test case on Samsung S3 (4.0.4) and click the button.
      Expected behavior: both height and width of the square animate to 25%.
      Actual behavior: see the attached screen shot in TIMOB-2373.

      If we turn on the hardware acceleration in tiapp.xml

      android:hardwareAccelerated="true"

      the animation will work fine.

      This bug only happens on 3.2.0 because in 3.2.0 we start using the new animation mechanism - Property Animation.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                pwang Ping Wang
                Reporter:
                pwang Ping Wang
                Reviewer:
                Hieu Pham
              • Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-17825
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Integration