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

Android: Animation does not work properly for round views

    Details

    • Type: Bug
    • Status: Open
    • Priority: Low
    • Resolution: Unresolved
    • Affects Version/s: Release 3.2.3
    • Fix Version/s: None
    • Component/s: Android
    • Labels:
    • Environment:

      Windows 7, 3.2.3.GA, Android

      Description

      Round view animation looks weird. See the images attached.

      <Alloy>
       
        <Window id="theWindow" class="container">
          <View left="40" top="40" width="110" height="110" backgroundColor="#ff5"></View>
          <View left="60" top="60" width="100" height="100" backgroundColor="#5ff"></View>
          
          <View left="180" top="40" width="110" height="110" backgroundColor="#ff5"></View>
          <View left="200" top="60" width="100" height="100" backgroundColor="#5ff"></View>
          
          <View left="320" top="40" width="110" height="110" backgroundColor="#ff5"></View>
          <View left="340" top="60" width="100" height="100" backgroundColor="#5ff"></View>
       
          <Button left="50" top="190" onClick="onButton">Start Animation</Button>
          
          <Label id="label" left="50" top="170"></Label>
        </Window>
       
      </Alloy>
      

      var viewDescriptors = [
        { backgroundColor: 'blue', borderRadius: 100, width: 100, height: 100, left: 50, top: 50 },
        { backgroundColor: 'blue', borderRadius: 50, width: 100, height: 100, left: 190, top: 50 },
        { backgroundColor: 'blue', width: 100, height: 100, left: 330, top: 50 }
      ];
       
      var views = [];
       
      function onButton(e) {
        views.forEach(function(view) {
          var animation = Ti.UI.createAnimation({
            duration : 20000,
            top : view.top + 3,
            left : view.left + 3
          });
          
          $.label.setText($.label.getText() + "([" + view.left + "," + view.top + "] -> [" + animation.left + "," + animation.top + "]) ");
          view.animate(animation);
        });
      }
       
       
      $.theWindow.open();
       
      viewDescriptors.forEach(function(descriptor) {
        var view = Ti.UI.createView(descriptor);
        views.push(view);
        $.theWindow.add(view);
      });
      

        Attachments

        1. final_screen.jpg
          final_screen.jpg
          24 kB
        2. initial_screen.jpg
          initial_screen.jpg
          23 kB
        3. intermediate_screen_1.jpg
          intermediate_screen_1.jpg
          28 kB
        4. intermediate_screen_2.jpg
          intermediate_screen_2.jpg
          27 kB
        5. roundviewtest.avi
          4.45 MB

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              fixplease Fix Please
            • Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:

                Backbone Issue Sync

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

                  Git Integration