主题是关于动画的,但是不是什么动画的内容都包括。先泛泛的介绍一下,然后详细的介绍一下翻代码找见的一个好玩的动画的使用。以下的内容包括Android 3和Android 3.1等引入的API,在使用中请注意版本。
代码都是用Kotlin写的。如果你用的是新版的Android Studio。
创建项目之后,按下快捷键Shift+Ctrl+Alt+K就会自动把代码从java转换成Kotlin。
之后按照说明给项目配置Kotlin的插件即可。很简单。Kotlin的官网在这里:http://kotlinlang.org/。
Property Animation
Android 3.0引入了这个动画。理论上可以支持任意的对象(不限于View)在定义好的timer interval里修改其属性值,具体的介绍在这里。Property Animation的引入很好的改进了之前的Tween Animation的不足。
动画和动画监听器
ObjectAnimator
继承自ValueAnimator
, ValueAnimator
继承自Animator
。属性动画一般使用ObjectAnimator
来实现动画。用ValueAnimator
的话需要自己添加AnimatorUpdateListener
来实现动画中的每一个time interval的增量值。
Animator
说可以添加AnimatorListener
给他,于是我们可以给Animator
和他的子类添加AnimatorListener
。这个listener在动画的不同阶段都会有对应的回调方法。这些在上面提到的那篇文章中都有详细的叙述,这里不再多说。
ViewPropertyAnimator
Android 3.1引入了ViewPropertyAnimator
,用这个类可以更加简单的给View
添加动画。
animate()
方法返回了调用的view的ViewPropertyAnimator
对象。这个对象可以同时执行多个动画。而且每一种动画都提供了一组特定的方法。使用起来非常方便。比如:
view.animate().translationX(100f).translationY(100f).scaleX(2.0f).scaleY(2.0f).withLayer()
这个动画包括右移(translationX)、下移(translationY)和横向放大两倍(scaleX)、纵向放大两倍(scaleY)。最后的withLayer()
方法可以用start()
代替。只不过withLayer()
会在情况允许的情况下调用硬件加速。
你也可以定义一个Runnable
在动画开始和结束的时候执行。
// 开始的时候
animLayout.animate().translationX(200f).withStartAction(object : Runnable {
override fun run() {
Toast.makeText(this@MainActivity, "Start Action", Toast.LENGTH_SHORT).show()
}
})
动画结束的时候执行的Runnable
。
animLayout.animate().alpha(0f).withEndAction {
Toast.makeText(this@MainActivity, "End Action", Toast.LENGTH_SHORT).show()
}
以上用了Kotlin的两种不同的写法,但是意思都是一样的,都是Runnable
对象作为参数传入方法。第一个写法:初始化一个Runnable
接口的匿名对象。这个对象用object
关键字表明。第二个写法是,在Kotlin中只有一个方法的接口的实现,可以直接把实现方法放在大括号里扔给传入的方法作为参数。
Kotlin是一个很有意思的语言,其与java的互操作非常的方便。他并不是一个运行在JVM上的特例独行的语言,而是一个拥有脚本语言的便捷特点的Java。而且,这个便捷不是像Java 8那样的妥协以后的产物。更多Kotlin的内容可以看这里。
下面举一个例子。这个例子就是让一个背景为蓝色的view隔几秒就做宽度(scaleX,scaleY)和位置(translationX,translationY)以及透明度(alpha)的变化。代码:
fun executeAnim() {
animView.scaleX = getScaleValue()
animView.scaleY = getScaleValue()
animView.translationX = getTransitionValue(animView.width, animView.scaleX)
animView.translationY = getTransitionValue(animView.height, animView.scaleY)
animView.animate()
.scaleX(getScaleValue())
.scaleY(getScaleValue())
.translationX(getTransitionValue(animView.width, animView.scaleX))
.translationY(getTransitionValue(animView.height, animView.scaleY))
.setDuration(300).start()
var animSet = AnimatorSet()
animSet.duration = mFadeInOutMs
animSet.playTogether(
ObjectAnimator.ofFloat(animView, "alpha", 1.0f, 0.0f),
ObjectAnimator.ofFloat(animView, "alpha