『Android 技能篇』优雅的转场动画之 Transition

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

---

介绍

其实 Transition 的原理很简单，大致的逻辑如下：

1、记录当前状态的属性值，比如位置大小或者自定义属性之类

2、创建执行动画，参数为当前值和目标值，根据对应算法来完成动画效果

3、根据目标状态的属性值和记录的缓存属性值，调用创建好的动画对象执行即可

那落实到代码中，首先先集成 Transition 类，会让你实现三个方法：captureStartValues、captureEndValues和createAnimator。

1. 定义你关心的属性值；官方建议属性定义的规则为：·package_name:transition_class:property_name.· 比如

private static String PROPNAME_TEXT_COLOR = “xiaweizi:changeTextColor:color”;

我想在文本颜色发生改变时做转场动画，就可以定义上述的属性。

2. 记录起始状态的属性；

void captureStartValues(TransitionValues transitionValues)

void captureEndValues(TransitionValues transitionValues);

上述方法分别存储起始状态下对应的属性值：

transitionValues.values.put(PROPNAME_TEXT_COLOR, view.getCurrentTextColor());

3. 创建动画；

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:changeText