# 1. 属性动画
属性动画可以作用于任意对象,而不仅仅局限在`View`。同时也支持更多的动画,而不只是四种动画效果。
* 动画默认间隔`300ms`,默认帧率`10ms/帧`。
* 但是是`API 11`(对应`Android 3.0`)之后才支持的,所以如果要兼容之前的版本还需要做处理。
* 在属性动画中,比较常见的动画类有:`ValueAnimator`、`ObjectAnimator`和`AnimatorSet`。`ObjectAnimator`继承自`ValueAnimator`。
# 2. 简单使用(动态代码方式)
## 2.1 平移
将按钮向下平移高度个距离:
~~~
btn.setOnClickListener {
ObjectAnimator.ofFloat(it, "translationY",
1f*it.height)
.start()
}
~~~
## 2.2 渐变
将按钮的背景色设置为一个渐变,重复:
~~~
btn.setOnClickListener {
val colorAnim = ObjectAnimator.ofInt(
it, "backgroundColor", 0xFFFF8080.toInt(),
0xFF8080FF.toInt()
)
colorAnim.apply {
duration = 500
repeatCount = ValueAnimator.INFINITE
setEvaluator(ArgbEvaluator())
repeatMode = ValueAnimator.REVERSE
}
colorAnim.start()
}
~~~
## 2.3 动画集
~~~
// true,代表使用默认的interpolator
val animationSet = AnimationSet(true)
// 透明度 0-1
val alphaAnimation = AlphaAnimation(0f, 1f)
// 旋转
val rotateAnimation = RotateAnimation(0f, 90f)
// 放大
val scaleAnimation = ScaleAnimation(1f, 1.2f, 1f, 1.2f)
animationSet.apply {
addAnimation(alphaAnimation)
addAnimation(rotateAnimation)
addAnimation(scaleAnimation)
duration = 5000
interpolator = AccelerateDecelerateInterpolator()
fillAfter = true
}
btn.setOnClickListener {
it.startAnimation(animationSet)
}
~~~
## 2.4 对任意属性修改
值得注意的是,在`View`动画中只能完成简单的平移、旋转、缩放和透明度变换。如果我们希望修改一个按钮的宽度,那么他是做不到的。这里我们可以使用属性动画轻松做到:
~~~
val animator = ObjectAnimator.ofInt(btn, "width", 700)
btn.setOnClickListener {
animator.start()
}
~~~
对于`TextView`,我们做类似的处理:
~~~
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:textColor="@color/black"
android:textSize="24sp"
android:background="@color/teal_200"
android:gravity="center"
/>
~~~
然后关联:
~~~
val textViewAnimator = ObjectAnimator.ofInt(textView, "width", 700)
textView.setOnClickListener {
textViewAnimator.start()
}
~~~
同样的也有对应的效果。
# 3. xml方式
文件需要定义在`res/animator`目录下,比如`attranimator01.xml`:
~~~
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:ordering="sequentially"
>
<objectAnimator
android:propertyName="backgroundColor"
android:duration="2000"
android:valueFrom="0xffffff00"
android:valueTo="0xff00ff00"
android:valueType="intType"
android:repeatCount="infinite"
android:repeatMode="reverse"
/>
</set>
~~~
然后关联:
~~~
val loadAnimator = AnimatorInflater.loadAnimator(this, R.animator.attranimator01)
loadAnimator.setTarget(btn)
btn.setOnClickListener {
loadAnimator.start()
}
~~~
# 4. ValueAnimator
注意到上面提到了`ObjectAnimator`继承自`ValueAnimator`,那么为什么我们前面没有使用`ValueAnimator`,而只涉及到`ObjectAnimator`类?因为`ValueAnimator`只是对一个值做动画,如果我们将`ValueAnimator`直接用来做动画没有任何效果产生,因为还没有对应的修改对象的属性。
那么如果我们能够监听到`ValueAnimator`中值得变化,然后我们将其值应用到对应的对象的属性上,那么就回产生对应的效果。
# 5. 对比
## anim文件夹
`anim`文件夹下存放补间动画(即`View`动画);`xml`文件里只有`scale`、`rotate`、`translate`、`alpha`、`set`五个标签,
使用方法:
1. 加载动画:`animation = AnimationUtils.loadAnimation(R.anim.xxx)`
2. 设置动画:`mView.setAnimation(animation)`
3. 开启动画:`mView.startAnimation()`
## animator文件夹
`animator`文件夹下存放属性动画,`xml`文件里有`animator`、`objectAnimator`、`set`三个标签,
使用方法:
1. 加载动画:`animation = AnimatorInflater.loadAnimator(R.animator.xxx)`
2. 设置动画:`animation.setTarget(mView)`
3. 开启动画:`animation .start()`
# 6. 注意
在属性动画中,有一种动画为无限循环动画,这类动画需要在`Activity`退出时及时停止,否则可能导致当前`Activity`内存得不到释放,造成内存泄漏。且对于属性动画做一系列变换后,事件触发位置在控件位置;但是`View`动画变换后,还是原来位置会触发事件。这是因为属性动画在任何属性发生变化后,`View`都会自动调用`invalidate()`来绘制。而`View`所做的简单的平移、旋转、透明度和缩放仅仅是作用在视图,其位置属性不变。
- 介绍
- UI
- MaterialButton
- MaterialButtonToggleGroup
- 字体相关设置
- Material Design
- Toolbar
- 下拉刷新
- 可折叠式标题栏
- 悬浮按钮
- 滑动菜单DrawerLayout
- NavigationView
- 可交互提示
- CoordinatorLayout
- 卡片式布局
- 搜索框SearchView
- 自定义View
- 简单封装单选
- RecyclerView
- xml设置点击样式
- adb
- 连接真机
- 小技巧
- 通过字符串ID获取资源
- 自定义View组件
- 使用系统控件重新组合
- 旋转菜单
- 轮播图
- 下拉输入框
- 自定义VIew
- 图片组合的开关按钮
- 自定义ViewPager
- 联系人快速索引案例
- 使用ListView定义侧滑菜单
- 下拉粘黏效果
- 滑动冲突
- 滑动冲突之非同向冲突
- onMeasure
- 绘制字体
- 设置画笔Paint
- 贝赛尔曲线
- Invalidate和PostInvalidate
- super.onTouchEvent(event)?
- setShadowLayer与阴影效果
- Shader
- ImageView的scaleType属性
- 渐变
- LinearGradient
- 图像混合模式
- PorterDuffXfermode
- 橡皮擦效果
- Matrix
- 离屏绘制
- Canvas和图层
- Canvas简介
- Canvas中常用操作总结
- Shape
- 圆角属性
- Android常见动画
- Android动画简介
- View动画
- 自定义View动画
- View动画的特殊使用场景
- LayoutAnimation
- Activity的切换转场效果
- 属性动画
- 帧动画
- 属性动画监听
- 插值器和估值器
- 工具
- dp和px的转换
- 获取屏幕宽高
- JNI
- javah命令
- C和Java相互调用
- WebView
- Android Studio快捷键
- Bitmap和Drawable图像
- Bitmap简要介绍
- 图片缩放和裁剪效果
- 创建指定颜色的Bitmap图像
- Gradle本地仓库
- Gradle小技巧
- RxJava+Okhttp+Retrofit构建网络模块
- 服务器相关配置
- node环境配置
- 3D特效