属性动画制作
来源:互联网 发布:杭州移领网络怎么样 编辑:程序博客网 时间:2024/05/16 11:50
有一个非常好的大牛帖子:
http://blog.csdn.net/lmj623565791/article/details/38067475
这里mbuleball指的是自己绘制的那个蓝色的球如果发现报错将其改成自己要变动的控件如图片就行
还有下面这个是ObjectAnimator这个比较好理解,下面还监听了动画结束后跳转
public void verticalRun( View view) { ObjectAnimator translationX = ObjectAnimator.ofFloat(view, "translationX", 0, 700f); ObjectAnimator translationY = ObjectAnimator.ofFloat(view, "translationY", 0, 1000f); AnimatorSet animatorSet = new AnimatorSet(); animatorSet.play(translationX).with(translationY); animatorSet.setDuration(5000); animatorSet.start(); animatorSet.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animator) { } @Override public void onAnimationEnd(Animator animator) { Intent intent=new Intent(HelloActivity.this,ZhuActivity.class); startActivity(intent); } @Override public void onAnimationCancel(Animator animator) { } @Override public void onAnimationRepeat(Animator animator) { } }); }
属性动画笔记:
http://blog.csdn.net/guolin_blog/article/details/43536355
主要的类ValueAnimator,ObjectAnimator,AnimatorInflater,AnimatorSet ,PropertyValuesHolder
ValueAnimator核心类,需要初始值和结束值,运行的时长,ValueAnimator从初始值平滑地过渡到结束值。
- ValueAnimator anim = ValueAnimator.ofFloat(0f, 1f); 浮点过渡
- anim.setDuration(300);
- anim.start();
ValueAnimator.ofInt(0, 100); 整点过渡
ObjectAnimator常用,继承自ValueAnimator,可以对对象的属性进行操作了。
ofFloat()参数变化。第一个要执行动画的对象,第二个参数是需要操作的属性例如"alpha"等,后面的参数为
过渡的值(开始到结束,参数个数不定)。
- ObjectAnimator animator = ObjectAnimator.ofFloat(textview, "rotation", 0f, 360f);
- animator.setDuration(5000);
- animator.start();
AnimatorInflater使用XML来编写动画
- Animator animator = AnimatorInflater.loadAnimator(context, R.animator.anim_file);
- animator.setTarget(view);
- animator.start();
AnimatorSet组合动画
play()方法中传入一个ValueAnimator或ObjectAnimator将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:
- after(Animator anim) 将现有动画插入到传入的动画之后执行
- after(long delay) 将现有动画延迟指定毫秒后执行
- before(Animator anim) 将现有动画插入到传入的动画之前执行
- with(Animator anim) 将现有动画和传入的动画同时执行
- ObjectAnimator moveIn = ObjectAnimator.ofFloat(textview, "translationX", -500f, 0f);
上面平移动画后俩个参数表示动画开始和结束时x轴的(像素)偏移量。
- ObjectAnimator rotate = ObjectAnimator.ofFloat(textview, "rotation", 0f, 360f);
- ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(textview, "alpha", 1f, 0f, 1f);
- AnimatorSet animSet = new AnimatorSet();
- animSet.play(rotate).with(fadeInOut).after(moveIn);
- animSet.setDuration(5000);
- animSet.start();
PropertyValuesHolder组合动画
ObjectAnimator.ofPropertyValuesHolder()方法内可以放任意多个PropertyValuesHolder 对象
PropertyValuesHolder 类似ObjectAnimator对象,但不同点是PropertyValuesHolder 的对象可以当作
ObjectAnimator方法里的参数。
PropertyValuesHolder objectAnimatorScaleX= PropertyValuesHolder.ofFloat("scaleX",0f, 1f); PropertyValuesHolder objectAnimatorScaleY= PropertyValuesHolder.ofFloat("scaleY",0f, 1f); /**同时播放两个动画**/ObjectAnimator.ofPropertyValuesHolder(iv, objectAnimatorScaleX, objectAnimatorScaleY).setDuration(1000).start();
控件沿贝塞尔曲线轨迹做动画。
示例网址:http://www.tuicool.com/articles/IjeQN3Z
核心代码:ValueAnimator.ofObject(new BezierEvaluator(), new PointF(0,0),new PointF(width,height));
主要用到的类:TypeEvaluator<PointF>,这个类的作用是计算动画当前时间控件所在的位置,它内部只有一个
evaluate(float fraction, PointF startValue, PointF endValue)方法,第一个参数可以理解为当前时间占总时间的比例,根据动画的加速模式自动传入,后两个参数就是ofObject方法参数中的起始值和结束值,在这里我们新建类继承了
TypeEvaluator类,重写evaluate方法,将动画轨迹写成贝塞尔曲线,这时候将新建类的对象当作动画的主体,并输入贝塞尔起点与终点坐标,这时候所谓的动画其实是不可见的,只是沿着贝塞尔曲线的起点到终点过的的坐标的变化,要实现控件按照曲线移动还需要做一步,对动画监听,获取过程中每个点的位置,并设置给控件,这样就达到了控件按照曲线的移动的动画效果。
监听部分代码
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
PointF pointF = (PointF)animation.getAnimatedValue();
te.setX(pointF.x);
te.setY(pointF.y);
}
});
阅读全文
0 0
- 属性动画制作
- 利用scrollTop属性制作滚动动画
- 利用属性动画制作下拉显示更多的效果
- 使用CSS3 backface-visibility:hidden;属性制作翻转动画效果
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 属性动画
- 本周六下午北京Linuxer聚会下午茶、交流欢迎报名参加(更新)
- postgresql时区问题,系统时间和pg时间不一致
- Android 讯飞语音知识点(BNF与ABNF与错误码列表)
- 人情冷暖,饮水自知
- Number Complement:数字填充位操作
- 属性动画制作
- 快捷操作
- 构建需求响应式亿级商品详情页
- 深度学习的开源Java ML框架
- 习题4.2
- 海航王健是这样带领三亚机场获国际大奖的
- ckeckbox全选/反选
- 微信公众号 授权登录 JAVA
- 5 OF 100DAYS