# 1. View动画 针对对象是`View`，支持四种动画：平移、缩放、旋转、透明度。这四种动画对应着`Animation`的四个子类：`TranslateAnimation`、`ScaleAnimation`、`RotateAnimation`和`AlphaAnimation`。均支持使用`xml`和动态代码创建。当然，对于`View`动画来说建议使用`xml`方式，因为可读性更好。 上述四种动画对应的`xml`标签：`translate`、`scale`、`rotate`、`alpha`。也就是对应的开头的单词小写。 # 2. 平移动画 ## 2.1 xml方式 在`res/anim`目录下创建`translate01.xml`文件： ~~~ <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" > <translate android:fromXDelta="0" android:fromYDelta="0" android:toXDelta="200" android:toYDelta="500" android:interpolator="@android:anim/linear_interpolator" android:duration="2000" > </translate> </set> ~~~ 这里对上述属性做一个简单的介绍： * `android:interpolator`，用来指定一个插值器，会影响动画的播放速度。比如默认为`@android:anim/accelerate_decelerate_interpolator`，也就是加速减速插值器。 * `android:fillAfter`，用来指定`View`动画结束后，是否停留在结束为止； * `android:duration`，用来指定`View`动画持续时间； 然后我们将上述动画，通过`View`对象的`startAnimation(animation)`来进行关联： ~~~ val btn by lazy { findViewById<Button>(R.id.btn) } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) btn.setOnClickListener { val animation = AnimationUtils.loadAnimation(this, R.anim.translate01) btn.startAnimation(animation) } } ~~~ 结果：  ## 2.2 kotlin代码方式 除了使用`xml`方式配置，也可以直接创建一个`animation`对象，然后配置动画效果，即： ~~~ val btn by lazy { findViewById<Button>(R.id.btn) } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) btn.setOnClickListener { val animation = TranslateAnimation(0f, 200f, 0f, 300f) animation.interpolator = AccelerateDecelerateInterpolator(); animation.fillAfter = true animation.duration = 2000 btn.startAnimation(animation) } } ~~~ 效果同上，这里就不再截图。 # 3. 缩放动画 ## 3.1 xml方式 ~~~ <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" > <scale android:fromXScale="0.5" android:toXScale="2" android:fromYScale="1" android:toYScale="2" android:duration="2000" > </scale> </set> ~~~ 然后，这里还是应用在`Button`上： ~~~ btn.setOnClickListener { val animation = AnimationUtils.loadAnimation(this, R.anim.scale01) btn.startAnimation(animation) } ~~~ 效果：  # 4. 旋转动画 ~~~ <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true"> <rotate android:fromDegrees="0" android:toDegrees="180" android:duration="2000" android:pivotX="200" android:pivotY="200" > </rotate> </set> ~~~  # 5. 透明动画 `kotlin`代码方式： ~~~ btn.setOnClickListener { val animation = AlphaAnimation(1f, 0f) animation.duration = 2000 animation.fillAfter = true // 保持最后状态 btn.startAnimation(animation) } ~~~ `xml`布局方式： ~~~ <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" > <alpha android:fromAlpha="1" android:toAlpha="0" android:duration="2000" > </alpha> </set> ~~~ 效果就不再截图。