属性动画实现旋转入场效果-Toy模板网

这篇具有很好参考价值的文章主要介绍了属性动画实现旋转入场效果。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

属性动画和硬件加速

日常杂谈

06月07日

首先，我感觉这部分内容真的挺无聊的，没有什么让人新奇的感觉。不过为了博客的整体性，我还是想随便整理一下相关的知识和内容。

一如既往，聊聊我的日常生活，最近可能比较忙，所以可能没有那么多大段的时间来写博客。只能用那种零碎的时间来一点一点拼凑。虽然时间少不影响我追番，毕竟这个是我最大的爱好，也是我最大的解压和放松娱乐的方式，这点我不否认和排斥。

今天，停更一周的《我推的孩子》终于又要更新了，感觉非常非常的开心，说实话上一话的神结尾真的是震撼到我了，瞬间的场景变化，人物气场和表情的变化，女配光是通过肢体的不协调就看出了星野爱的未成年性体验经历。综上，期待今天晚上的番剧更新吧~

之前有人在我的博客下，说我的博客废话太多，然后另外一个人回复他说，他倒是挺喜欢我的这种博客方式的。然后那人就在那里阴阳怪气起来了，说什么你是懂反讽的。说实话，我挺惊讶的，没想到程序员圈子里还有这种货色，你是工作不饱和吗？来这里闲着还不如去多学习学习！

06月08日

随着工作强度的增加和要写的东西的复杂性增加，日常杂谈的篇幅可能要会分为好几部分了。正经人谁写日记啊，对，我就是那个不正经人。

前言

其实我感觉这部分的内容挺无趣的，不过我会尽量用比较有趣的案例来讲述吧。想了很久，到底用什么方式来讲述相关的内容会比较有趣，而不是单纯的在读教案。这点其实困惑了我挺久的，非常久，非常久，大概有10分钟左右吧，一直在想一直在想。然后我决定搞一个骚操作，弄个相对来说比较有挑战性的效果：变速旋转入场。

正文

其实想实现同一个动画效果存在非常非常多的方式，唯一的区别就是具体的实现是简单还是困难，性能高还是性能低而已。

首先，我们定义一个视图，在视图的正中间显示一张图片。

在我们的XML布局中定义我们所需要显示的图片信息，并将其居中显示：

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root_view"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".CiruyMainActivity">
    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/targetView"
        android:layout_margin="30dp"
        android:src="@drawable/avatar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</androidx.appcompat.widget.LinearLayoutCompat>

我们先来看一下怎么实现变速旋转入场，这里介绍两种可以实现对应效果的方法：

一、使用官方的动画API
因为我们需要实现的动画效果，实际上非常简单，单纯调用官方API就已经足够能够实现我们的需要。

在Activity中我们获取到XML文件中显示的视图，对其进行动画效果：

val targetView = findViewById<FlipView>(R.id.targetView)
        //旋转缩放入场
        targetView.animate()
            .rotation(360f)//原地旋转360度
            .scaleXBy(-0.5f)//缩小到原来的一半大小
            .scaleYBy(-0.5f)//缩小到原来的一半大小
            .setDuration(1000)//设置动画的时长
            .setStartDelay(1500)//设置动画开始的等待时间
            .start()

通过如上代码，我们就能实现视图的旋转和同步缩放效果。

二、通过自定义属性动画的方式来实现对应的效果

这个相对于前面的方式可能会稍微复杂一些，但是优点在于这种方式更加灵活，当然也有缺点，这个在之后会进行提及。

这个方式主要分为如下几个步骤：

定义一个自定义视图，在自定义视图中定义一个参数，然后我们视图绘制就根据这个参数来进行绘制。

这里使用了kotlin中的重载操作符，让后续进行进度计算时，代码更加清晰。没办法，代码强迫症，不太喜欢让代码变得太过于复杂。

class ObjectAnimatorView(context: Context, attributeSet: AttributeSet) :
    View(context, attributeSet) {
    private val mPaint = Paint(Paint.ANTI_ALIAS_FLAG)
    var mViewParam = ViewParam(0f, 1f)
    set(value) {
        field = value
        invalidate()//在接收到属性更新的时候，让视图在下次刷新页面的时候刷新状态
    }
    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        //获取到图片文件，根据具体的scale值来动态决定到底获取多大的视图信息
        val bitmap = R.drawable.avatar.getBitmap(context, (width*mViewParam.scale).toInt())
        val bWidth = bitmap.width//图片宽度
        val bHeight = bitmap.height//图片高度
        canvas.save()
        //旋转图片
        canvas.translate(width/2f,height/2f)
        canvas.rotate(mViewParam.rotate)
        canvas.translate(-width/2f,-height/2f)
        canvas.drawBitmap(bitmap, width / 2f - bWidth / 2, height / 2f - bHeight / 2, mPaint)
        canvas.restore()
    }

}
//自定属性存储bean，重载操作符
data class ViewParam(val rotate: Float, val scale: Float){
    operator fun plus(other: ViewParam) = ViewParam(rotate+other.rotate,scale+other.scale)
    operator fun minus(other: ViewParam) = ViewParam(rotate-other.rotate,scale-other.scale)
    operator fun times(time:Float) = ViewParam(rotate*time,scale*time)
}

在Activity中获取到这个视图，自定义一个ObjectAnimator，启动动画。

val targetView: ObjectAnimatorView = findViewById<ObjectAnimatorView>(R.id.targetView)
        ObjectAnimator.ofObject(
            targetView,
            "mViewParam",
            typeEvaluator,
            ViewParam(360f, 0.5f)//原地旋转360度，同时缩小宽高到原来的一半
        ).apply { startDelay = 1000
        duration = 1000}
            .start()
//自定义每一个时刻的动画播放进度
 val typeEvaluator:TypeEvaluator<ViewParam> =
        TypeEvaluator<ViewParam> { fraction, startValue, endValue -> startValue + (endValue-startValue)*fraction }

另外再谈谈硬件加速吧，什么是硬件加速？设备中其实有一个叫GPU的好东西，它相对于CPU更擅长处理简单的动画变换效果。而将这部分所谓的简单的动画效果交给GPU来处理，

开启视图硬件加速的方式：在视图初始化代码中添加如下方法，

    init {
        setLayerType(LAYER_TYPE_HARDWARE, null)
    }

另外还需要再动画方法里面添加离屏缓存，即withLayer方法：

//旋转缩放入场
targetView.animate()
    .rotation(360f)
    .scaleXBy(-0.5f)
    .scaleYBy(-0.5f)
    .setDuration(1000)
    .setStartDelay(1500)
    .withLayer()
    .start()