Details

      Description

      The Animation object defines an animation that can be applied to a view.
      An animation object describes the properties of an animation. At its most basic, an animation object represents a single-phase animation with an end state and a duration.

      This is actually an abstract idea that doesn't directly map to iOS, but instead represents a set of properties, the values to change them to, and the duration over which these values should change.

      Acceptance Test

      var win = Ti.UI.createWindow({
          title : 'Window',
          backgroundColor : '#28292c',
          barColor : '#28292c'
      });
       
      var view = Ti.UI.createView({
          top: 10,
          left: 10,
          width: 100,
          height: 100,
          backgroundColor: 'red'
      });
       
      var btn1 = Ti.UI.createButton({
          title: 'left 10, top: 10, opacity: 0.3',
          bottom: 60
      });
       
      var btn2 = Ti.UI.createButton({
          title: 'left: 200, top: 100, duration: 2000, opacity: 1',
          bottom: 0,
      });
       
      win.add(btn1);
      win.add(btn2);
      win.add(view);
       
      btn1.addEventListener('click', function(){
          var animation = Ti.UI.createAnimation({
              left: 10,
              top: 10,
              opacity: 0.3,
              duration: 1000
          });
          view.animate(animation);
      });
       
      btn2.addEventListener('click', function(){
          view.animate({
              left: 200,
              top: 100,
              duration: 2000,
              opacity: 1
          }, function(e){
              alert('end');
              Ti.API.info(this);
              Ti.API.info(JSON.stringify(this));
          });
      });
       
      win.open();
      

        Attachments

          Activity

            People

            • Assignee:
              penrique Pedro Enrique (Inactive)
              Reporter:
              fboisvert Francois Boisvert
              Reviewer:
              Pedro Enrique (Inactive)
            • Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration