Animation add keyFrame
This commit is contained in:
@@ -2801,6 +2801,7 @@ class Animation {
|
||||
key: e.key,
|
||||
fromValue: e.fromValue,
|
||||
toValue: e.toValue,
|
||||
keyFrames: e.keyFrames,
|
||||
});
|
||||
}
|
||||
return {
|
||||
@@ -2832,6 +2833,12 @@ class ScaleAnimation extends Animation {
|
||||
this.changeables.set("scaleX", this.scaleXChangeable);
|
||||
this.changeables.set("scaleY", this.scaleYChangeable);
|
||||
}
|
||||
set xKeyFrames(keyFrames) {
|
||||
this.scaleXChangeable.keyFrames = keyFrames;
|
||||
}
|
||||
set yKeyFrames(keyFrames) {
|
||||
this.scaleYChangeable.keyFrames = keyFrames;
|
||||
}
|
||||
set fromScaleX(v) {
|
||||
this.scaleXChangeable.fromValue = v;
|
||||
}
|
||||
@@ -2873,6 +2880,12 @@ class TranslationAnimation extends Animation {
|
||||
this.changeables.set("translationX", this.translationXChangeable);
|
||||
this.changeables.set("translationY", this.translationYChangeable);
|
||||
}
|
||||
set xKeyFrames(keyFrames) {
|
||||
this.translationXChangeable.keyFrames = keyFrames;
|
||||
}
|
||||
set yKeyFrames(keyFrames) {
|
||||
this.translationYChangeable.keyFrames = keyFrames;
|
||||
}
|
||||
set fromTranslationX(v) {
|
||||
this.translationXChangeable.fromValue = v;
|
||||
}
|
||||
@@ -2923,6 +2936,9 @@ class RotationAnimation extends Animation {
|
||||
get toRotation() {
|
||||
return this.rotationChaneable.toValue;
|
||||
}
|
||||
set keyFrames(keyFrames) {
|
||||
this.rotationChaneable.keyFrames = keyFrames;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Rotation range is [0..2]
|
||||
@@ -2949,6 +2965,9 @@ class RotationXAnimation extends Animation {
|
||||
get toRotation() {
|
||||
return this.rotationChaneable.toValue;
|
||||
}
|
||||
set keyFrames(keyFrames) {
|
||||
this.rotationChaneable.keyFrames = keyFrames;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Rotation range is [0..2]
|
||||
@@ -2975,6 +2994,9 @@ class RotationYAnimation extends Animation {
|
||||
get toRotation() {
|
||||
return this.rotationChaneable.toValue;
|
||||
}
|
||||
set keyFrames(keyFrames) {
|
||||
this.rotationChaneable.keyFrames = keyFrames;
|
||||
}
|
||||
}
|
||||
class BackgroundColorAnimation extends Animation {
|
||||
constructor() {
|
||||
@@ -2998,6 +3020,9 @@ class BackgroundColorAnimation extends Animation {
|
||||
get toColor() {
|
||||
return new Color(this.backgroundColorChangeable.toValue);
|
||||
}
|
||||
set keyFrames(keyFrames) {
|
||||
this.backgroundColorChangeable.keyFrames = keyFrames.map(e => { return { percent: e.percent, value: e.value.toModel() }; });
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Alpha range is [0..1]
|
||||
@@ -3024,6 +3049,9 @@ class AlphaAnimation extends Animation {
|
||||
get to() {
|
||||
return this.opacityChangeable.toValue;
|
||||
}
|
||||
set keyFrames(keyFrames) {
|
||||
this.opacityChangeable.keyFrames = keyFrames;
|
||||
}
|
||||
}
|
||||
class AnimationSet {
|
||||
constructor() {
|
||||
|
||||
Reference in New Issue
Block a user