安卓 Material 设计动画

Question

我正在寻找一个动画，将具有圆形背景的 TextView 转换为矩形标题。现在我只是在使用内置动画:

String transitionName = getString(R.string.my_transition);
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
                myTextView, transitionName);
startActivity(detailIntent, options.toBundle());

这行得通，但动画不是那么流畅，当我过渡回来时，矩形标题转到代表 TextView 的正方形，然后创建圆形背景。我想使用 this animation来自 Material Design 网站。我不确定此代码是否已由 Google 或其他来源提供。如果没有，我以前从未制作过自己的动画，那么创建此动画的好教程是什么？任何帮助，将不胜感激。

Answer 1

检查这些:

1. http://www.codeproject.com/Articles/825739/Article-Beginners-Guide-to-Android-Animation-Gr

2. Morph a retangler view into a circle

这些是 android 中可用的插值器:

AccelerateDecelerateInterpolator

@android:anim/accelerate_decelerate_interpolator

AccelerateInterpolator

@android:anim/accelerate_interpolator

AnticipateInterpolator

@android:anim/anticipate_interpolator

AnticipateOvershootInterpolator

@android:anim/anticipate_overshoot_interpolator

BounceInterpolator

@android:anim/bounce_interpolator

CycleInterpolator

@android:anim/cycle_interpolator

DecelerateInterpolator

@android:anim/decelerate_interpolator

LinearInterpolator

@android:anim/linear_interpolator

OvershootInterpolator

@android:anim/overshoot_interpolator

这就是您可以分别使用 resource/animator 或 resource/anim 创建动画师或仅创建动画的方法。

<set
  android:ordering=["together" | "sequentially"]>

    <objectAnimator
        android:propertyName="string"
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["repeat" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <animator
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["repeat" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <set>
        ...
    </set>
</set>