Android动画-Fling Animation
Android动画-Fling Animation
- Android动画-Fling Animation
- 添加支持库
- 创建Fling Animation的流程
- 创建Fling Animation对象
- 设置一个运动速度
- 设置一个动画值范围
- 设置摩擦力
- 启动动画
- 设置最小可见更改(可选)
- 编写一个Fling Animation的小Demo
Android动画-Fling Animation
Fling Animation也是一种基于物流的动画之一。它提供了一种物体运动减速的效果,受速度和摩擦力所影响,比如:
[外链图片转存失败(img-VKgQGdZ4-1563080333644)(https://developer.android.com/images/guide/topics/graphics/fling-animation.gif)]
添加支持库
为了使用基于物理的动画,我们需要添加一个官方提供的扩展库:
当你的v7版本是28以上,即为AndroidX时,导入:
dependencies {implementation 'androidx.dynamicanimation:dynamicanimation:1.1.0-alpha01'}
否则,导入:
dependencies {implementation 'com.android.support:support-dynamic-animation:25.3.0'}
如果版本不对应,导入错误会导致无法编译程序。
创建Fling Animation的流程
- 创建Fling Animation对象
- 设置一个运动速度
- 设置一个动画值范围
- 设置摩擦力
- 设置最小可见更改(可选)
创建Fling Animation对象
FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X)
设置一个运动速度
运动的速度相当于给物体的一个初始力,决定着物体运动的方向和效果。
FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X).apply {setStartVelocity(100f)}
设置一个动画值范围
物体属性值的动画值范围限制了物体的移动的范围,以防止受力过大导致移除视图外的情况出现。
var minValue=0f
var maxValue=100.0f
FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X).apply {//设置动画值范围setMinValue(minValue)setMaxValue(maxValue)
}
设置摩擦力
按照物理运动规则,只有受到摩擦力的作用,运动的物体才会停止。在相同的力和速度的情况下,摩擦力越大,物体越快停止。
FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X).apply {// 设置摩擦力friction=1.1f
}
启动动画
FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X).apply {// 设置运动速度setStartVelocity(velocityX)// 设置动画值范围setMinValue(minValue)setMaxValue(maxValue)// 设置摩擦力friction=1.1f// 启动动画start()
}
设置最小可见更改(可选)
**FlingAnimation.setMinimumVisibleChange()**为动画未以pixels定义的自定义属性设置时,提供对用户可见动画值的最小更改。它确定了结束动画的合理阀值。
但是DynamicAnimation.ViewProperty提供的属性值不需要设置这个方法,因为**FlingAnimation.setMinimumVisibleChange()**本身就是从其属性值派生出来的。
Android 系统本身提供了四种最小可见更改常量:
- MIN_VISIBLE_CHANGE_PIXELS:默认值为1f.作用域TRANSLATION_X、TRANSLATION_X、TRANSLATION_Z、SCROLL_X、SCROLL_Y。
- MIN_VISIBLE_CHANGE_ROTATION_DEGREES:默认值为1/10pixel.作用于ROTATION、ROTATION_X、ROTATION_Y。
- MIN_VISIBLE_CHANGE_ALPHA:默认值1f / 256f。作用于透明度的属性。
- MIN_VISIBLE_CHANGE_SCALE:默认值1f / 500f。作用于缩放的属性。
编写一个Fling Animation的小Demo
class FlingAnimationActivity : AppCompatActivity() {lateinit var gestureDetector: GestureDetectorvar maxTranslationX: Int? = nullvar maxTranslationY: Int? = nullprivate val gestureListener = object : GestureDetector.SimpleOnGestureListener() {override fun onDown(e: MotionEvent?): Boolean {return true}override fun onFling(e1: MotionEvent?, e2: MotionEvent?, velocityX: Float, velocityY: Float): Boolean {// 计算出水平或垂直方向上最大的绝对值速度,取用最大的速度方向进行移动if (Math.abs(velocityX) > Math.abs(velocityY)) {FlingAnimation(iv_view, DynamicAnimation.TRANSLATION_X).apply {setStartVelocity(velocityX)setMinValue(0f)setMaxValue(maxTranslationX!!.toFloat())friction=1.1fstart()}}else{FlingAnimation(iv_view,DynamicAnimation.TRANSLATION_Y).apply {setStartVelocity(velocityY)setMinValue(0f)setMaxValue(maxTranslationY!!.toFloat())friction=1.1fstart()}}return true}}override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_fling_animation)//计算View在水平方向和垂直方向上root.viewTreeObserver.addOnGlobalLayoutListener {maxTranslationX=root.width-iv_view.widthmaxTranslationY=root.height-iv_view.height}//利用GestureDetector检测Fling事件gestureDetector= GestureDetector(this,gestureListener)//将View的Touch事件分发到GestureDetector处理iv_view.setOnTouchListener { v, event ->gestureDetector.onTouchEvent(event)}}
}
案例代码中,为达到简单的滑动View的效果,我们把View放在左上角,并且完成如下计算:
- 通过 父布局和宽高-View的宽高计算出=View的可见范围
- 使用工具类GestureDetector通过监听从View的Touch事件中分发出来的Fling事件。
- 只移动绝对值最大的方向
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
