android 揭示动画,Android 揭露动画（Reveal Effect）的兼容实现

Reveal Effect

Android 5.0 系统提供了 ViewAnimationUtils#createCircularReveal() API，用于给咱们方便的建立揭露动画。可是该 API 只支持 5.0 及以上，那么 5.0 如下该怎么办呢？网上的一些方法，大多都是经过自定义 Shape 而后经过 Scale 动画来作，这并非一个好的方法，局限性太大。其实官方就提供了一个兼容实现类：CircularRevealCompat，咱们彻底可使用它来作兼容。android

CircularRevealCompat

CircularRevealCompat 类中也有 createCircularReveal() 函数，使用方式也都和以前同样。惟一区别在于第一个参数为 CircularRevealWidget 接口而不是 View：git

public static Animator createCircularReveal(

CircularRevealWidget view, float centerX, float centerY, float startRadius, float endRadius) {

...

}

复制代码

也就是说，咱们必须对实现了 CircularRevealWidget 接口的 View 作动画，而没有实现的则不能够。github

CircularRevealWidget

官方给经常使用的 ViewGroup 都实现了该接口，咱们能够选择直接对这些 ViewGroup 来实现动画：bash

若是是直接对像 ImageView 等 View 作动画，就只能使用这些 ViewGroup 再包一层了。或者是自定义 CircularRevealWidget，好比下面这个我自定义的一个 CircularRevealImageView：gist.github.com/Airsaid/dbb…函数

代码示例

添加 material 库支持

implementation 'com.google.android.material:material:1.1.0-alpha08'

复制代码

注意：material 库的版本必须为 1.1.0-alpha08 或以上，由于在该版本中 CircularRevealHelper.Delegate 才设置为了 public。这样自定义 CircularRevealWidget 就不会报错。动画

xml 文件中定义：

android:id="@+id/targetImage"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:ignore="ContentDescription"/>

复制代码

代码：

private fun startRevealEffectAnimator(view: CircularRevealImageView) {

val x = view.x

val y = view.y

val radius = Math.hypot(view.width.toDouble(), view.height.toDouble()).toFloat()

val startRadius = 0f

val endRadius = radius

val revealAnimator = CircularRevealCompat.createCircularReveal(view, x, y, startRadius, endRadius)

revealAnimator.interpolator = AnimationUtils.LINEAR_INTERPOLATOR

revealAnimator.duration = 1000

revealAnimator.start()

}

复制代码

总结

对 5.0 如下设备兼容揭露动画， 其实使用官方提供的CircularRevealCompat 类就能够了。官方自己对一些经常使用的 ViewGroup 都提供了支持，能够直接使用这些 ViewGroup。或者若是只是对 View 作动画，而不想使用这些 ViewGroup 再包裹一层，则能够本身经过自定义 CircularRevealWidget 来解决。ui