javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 21:01:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed: iOS animations combining several affine transform properties set only the first property on our view after they finish. #835

Browse Source
This commit is contained in:
Rossen Hristov
2015-10-01 13:52:20 +03:00
parent 0015116136
commit e3aeb90544
2 changed files with 69 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apps/tests/ui/animation/animation-tests.ts
View File

@ -344,10 +344,10 @@ export var test_AnimateScale = function (done) {
helper.navigate(pageFactory); helper.navigate(pageFactory);
TKUnit.waitUntilReady(() => { return label.isLoaded }); TKUnit.waitUntilReady(() => { return label.isLoaded });
label.animate({ scale: { x: 1, y: 2 } }) label.animate({ scale: { x: 2, y: 3 } })
.then(() => { .then(() => {
TKUnit.assert(label.scaleX === 1); TKUnit.assert(label.scaleX === 2);
TKUnit.assert(label.scaleY === 2); TKUnit.assert(label.scaleY === 3);
helper.goBack(); helper.goBack();
done(); done();
}) })
@ -385,6 +385,42 @@ export var test_AnimateRotate = function (done) {
}); });
} }
export var test_AnimateTranslateScaleAndRotateSimultaneously = function (done) {
var mainPage: pageModule.Page;
var label: labelModule.Label;
var pageFactory = function (): pageModule.Page {
label = new labelModule.Label();
label.text = "label";
var stackLayout = new stackLayoutModule.StackLayout();
stackLayout.addChild(label);
mainPage = new pageModule.Page();
mainPage.content = stackLayout;
return mainPage;
};
helper.navigate(pageFactory);
TKUnit.waitUntilReady(() => { return label.isLoaded });
label.animate({
translate: { x: 100, y: 200 },
scale: { x: 2, y: 3 },
rotate: 123
})
.then(() => {
TKUnit.assert(label.translateX === 100);
TKUnit.assert(label.translateY === 200);
TKUnit.assert(label.scaleX === 2);
TKUnit.assert(label.scaleY === 3);
TKUnit.assert(label.rotate === 123);
helper.goBack();
done();
})
.catch((e) => {
helper.goBack();
done(e);
});
}
export var test_AnimationsAreAlwaysPlayed = function (done) { export var test_AnimationsAreAlwaysPlayed = function (done) {
var mainPage: pageModule.Page; var mainPage: pageModule.Page;
var label: labelModule.Label; var label: labelModule.Label;

7
ui/animation/animation.ios.ts
View File

@ -257,7 +257,9 @@ export class Animation extends common.Animation implements definition.Animation
var j; var j;
var length = propertyAnimations.length; var length = propertyAnimations.length;
for (; i < length; i++) { for (; i < length; i++) {
if (propertyAnimations[i].property !== _skip) { if (propertyAnimations[i][_skip]) {
continue;
}
if (!Animation._isAffineTransform(propertyAnimations[i].property)) { if (!Animation._isAffineTransform(propertyAnimations[i].property)) {
// This is not an affine transform animation, so there is nothing to merge. // This is not an affine transform animation, so there is nothing to merge.
@ -286,7 +288,7 @@ export class Animation extends common.Animation implements definition.Animation
newTransformAnimation.value = Animation._affineTransform(newTransformAnimation.value, propertyAnimations[j].property, propertyAnimations[j].value); newTransformAnimation.value = Animation._affineTransform(newTransformAnimation.value, propertyAnimations[j].property, propertyAnimations[j].value);
// Mark that it has been merged so we can skip it on our outer loop. // Mark that it has been merged so we can skip it on our outer loop.
propertyAnimations[j].property = _skip; propertyAnimations[j][_skip] = true;
} }
} }
} }
@ -294,7 +296,6 @@ export class Animation extends common.Animation implements definition.Animation
result.push(newTransformAnimation); result.push(newTransformAnimation);
} }
} }
}
return result; return result;
} }