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

Mobile Web: Animating FontWidget UI elements doesn't work

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Critical
    • Resolution: Won't Fix
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: MobileWeb
    • Environment:

      CLI version 3.0.22, Titanium SDK version 3.0.1.v20130114133207

      Description

      The animation engine assumes the DOM node that needs to be updated is always elem.domNode, but for UI elements derived from FontWidget, the animation engine needs to animate the DOM nodes in elem._styleableDomNodes.

      Bug description: Ti.UI.Animation.color doesn't work

      Reproduction steps:

      Create label with green text
      Create Animation object
      Set Animation color to red and delay to 3 seconds
      Call animate on label

      Expected behavior: Label text should become red after 3 seconds

      Actual behavior: Label text doesn't change color.

      Note: test project is in the attachment

      Code example:

          var self = Ti.UI.createView();
         
          // Create a Label.
          var label = Ti.UI.createLabel({
              text : 'label',
              color : 'green',
              textAlign : 'center'
          });
         
          // Add to the parent view.
          self.add(label);
         
          var animation = Ti.UI.createAnimation();
          animation.color = 'red';
          animation.delay = 3000;
       
         
          self.addEventListener('postlayout',  function(e) {
              console.log('postlayout');
              label.animate(animation);
          });
      

        Attachments

          Activity

            People

            • Assignee:
              cbarber Chris Barber
              Reporter:
              roman.kamenetsky Roman Kamenetsky
            • Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration