[TIMOB-16937] Android: Animation does not work properly for round views

<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);
});