Android Material Design动画 Curved motion | 曲线运动
来源:互联网 发布:唯一网络被收购 编辑:程序博客网 时间:2024/05/30 02:26
Material Design动画 Curved motion | 曲线运动
在materialDesign中,动画是依赖于时间插值器和空间运动模式的。但是在Android5.0或者5.0以后的版本,用户可以自定义时间曲线和曲线运动模式
PathInterpolator
PathInterpolator类是一个新的插值器,它基于贝塞尔曲线或Path对象。这个插值器在1*1 的正方形上定义了曲线运动,以(0,0)和(1,1)点作为锚点,控制点则通过构造函数来指定,也可以使用xml文件的定义一个路径插值器
构造方法
PathInterpolator(Path path)
创建任意Path
PathInterpolator(float controlX, float controlY)
创建二阶贝塞尔曲线
PathInterpolator(float controlX1, float controlY1, float controlX2, float controlY2)
创建三阶贝塞尔曲线
XML中
自定义的PathInterpolator在Res/anim下创建
<pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android" android:controlX1="0.4" android:controlY1="0" android:controlX2="1" android:controlY2="1"/>
xml文件中:controlX1,controlY1,controlX2,controlY2类似于贝塞尔曲线的控制点
在API21(5.0)中提供了三种基本的曲线运动插值器:
- fast_out_linear_in | 快速加速并持续加速到结束
- fast_out_slow_in | 快速加速但缓慢减速到结束
- linear_out_slow_in | 甩向前缓慢到达最终值
还有在API11中提供的16种插值器:
- accelerate_cubic | 加速度_立方体
- accelerate_decelerate | 加速度_减速
- accelerate_quad | 加速度_二次
- accelerate_quint | 加速度_五重峰
- anticipate | 开始向后,然后向前
- anticipate_overshoot | 开始向后,然后向前并超过目标值,最后返回最终值
- bounce | 到达目标值时有回弹效果并逐渐减小回弹力
- cycle | 重复动画一个周期
- decelerate_cubic | 减速度_立方
- decelerate_quad | 减速度_二次
- decelerate_quint | 减速度_五重峰
- linear | 速度恒定
- overshoot | 向前并超过目标值,最后返回最终值
使用方法
- animator.setInterpolator(new AnimationUtils().loadInterpolator(this, android.R.interpolator.fast_out_linear_in));
- animator.setInterpolator(new PathInterpolator(0.4f, 0f, 1f, 1f));
代码实现
path = new Path(); path.moveTo(view.getLeft(), view.getTop()); path.lineTo(view.getLeft(), 600); animator = new ObjectAnimator().ofFloat(view, View.X, View.Y, path); animator.setInterpolator(new AnimationUtils().loadInterpolator( this, interpolator)); animator.setDuration(2000); animator.start();
效果图代码比较多,想看全部代码点下面吧
完整代码点我下载GitHub
Thank you
- 以上仅本人学习中遇到的问题,如有更多意见欢迎随时交流 issues
- email:coderguoy@gmail.com
阅读全文
0 0
- Android Material Design动画 Curved motion | 曲线运动
- Material Design - Curved motion
- <android5.0>之曲线动画(Curved motion(曲线运动))
- AndroidMaterialDesign动画之Curved Motion
- Android Material Design动画
- android动画--Material Design动画
- Material Design之定制动画--触摸反馈,循环揭露,转场动画,共享元素和曲线运动
- Material Design之Motion
- Android Material Design 动画实现
- Android:Material Design(三) 动画
- Android Material Design 动画实现
- Android-Material Design详解(动画篇)
- Android Material Design II-自定义动画
- Android Material Design动画(上)
- 【HTML5】Curved motion
- Material Design-过渡动画
- Material Design详解-动画
- Material Design动画
- 关于控制之理解我见
- Vue学习--生命周期
- Dubbo架构设计详解
- How to use Azure Function in Microsoft Flow
- python3 切换工作文件夹
- Android Material Design动画 Curved motion | 曲线运动
- vim 快捷键
- VC++深入详解学习笔记
- 条形码类型及常见条形码介绍
- 【知识整理】聊聊web app开发的那些事
- [centos] network 无法重启的几种解决方法
- SpringMvc+Mybatis多数据源切换
- zeromq源码学习——ctx创建
- 【C#】 Debug运行文件只能运行一个(不能打开多个)