if (view1.getTranslationX() == 100 && view1.getTranslationY() == 100) {
view1.setTranslationX(0);
view1.setTranslationY(0);
} else {
view1.setTranslationX(100);
view1.setTranslationY(100);
}
if (view2.getRotationX() == 30f) {
view2.setRotationX(0);
} else {
view2.setRotationX(30);
}
if (view3.getRotationY() == 30f) {
view3.setRotationY(0);
} else {
view3.setRotationY(30);
}
if (view4.getScaleX() == 0.5f && view4.getScaleY() == 0.5f) {
view4.setScaleX(1f);
view4.setScaleY(1f);
} else {
view4.setScaleX(0.5f);
view4.setScaleY(0.5f);
}
最终效果:
介绍
其实 Transition
的原理很简单,大致的逻辑如下:
1、记录当前状态的属性值,比如位置大小或者自定义属性之类
2、创建执行动画,参数为当前值和目标值,根据对应算法来完成动画效果
3、根据目标状态的属性值和记录的缓存属性值,调用创建好的动画对象执行即可
那落实到代码中,首先先集成 Transition
类,会让你实现三个方法:captureStartValues
、captureEndValues
和createAnimator
。
- 定义你关心的属性值;官方建议属性定义的规则为:·package_name:transition_class:property_name.· 比如
private static String PROPNAME_TEXT_COLOR = “xiaweizi:changeTextColor:color”;
我想在文本颜色发生改变时做转场动画,就可以定义上述的属性。
- 记录起始状态的属性;
void captureStartValues(TransitionValues transitionValues)
void captureEndValues(TransitionValues transitionValues);
上述方法分别存储起始状态下对应的属性值:
transitionValues.values.put(PROPNAME_TEXT_COLOR, view.getCurrentTextColor());
- 创建动画;
Animator createAnimator(ViewGroup sceneRoot, TransitionValues startValues, final TransitionValues endValues)
参数值的 startValues
和endValues
分别可以拿到你存储的属性值,之后创建动画并返回即可,后续系统会根据你创建的动画进行转场。
是不是很简单,接下来通过几个案例带大家感受一下:
ChangeTextTransition
ChangeTextTransition.java 该类中定义了:
private static String PROPNAME_TEXT = “xiaweizi:changeText:text”;
private static String PROPNAME_TEXT_COLOR = “xiaweizi:changeTextColor:color”;
private static String PROPNAME_TEXT_SIZE = “xiaweizi:changeTextSize:size”;
private static String PROPNAME_TEXT_LEVEL = “xiaweizi:changeTe