当前位置:   article > 正文

简单的实现微信领取红包界面,按钮旋转动画效果。_微信小程序拆红包动画

微信小程序拆红包动画

最近在做一下项目,是领取红包的,我们这里仿照的微信的红包领取界面,点击按钮之后立体旋转,然后打开红包:


我这里用的是旋转动画,然后沿着Y轴去旋转,说了这么多,下面来看一下效果:



现在清楚多了把 ,我用自定义了一个动画,找到控件的中心,然后让中心沿着Y轴去旋转,不多说了看代码吧:

  1. package com.lixuce.myapplication;
  2. import android.content.Context;
  3. import android.graphics.Camera;
  4. import android.graphics.Matrix;
  5. import android.view.animation.AccelerateInterpolator;
  6. import android.view.animation.Animation;
  7. import android.view.animation.DecelerateInterpolator;
  8. import android.view.animation.Transformation;
  9. /**
  10. * Created by lixuce on 2017/4/10.
  11. */
  12. public class MyAnimation extends Animation {
  13. int centerX, centerY;
  14. Camera camera = new Camera();
  15. @Override
  16. public void initialize(int width, int height, int parentWidth,
  17. int parentHeight) {
  18. super.initialize(width, height, parentWidth, parentHeight);
  19. //获取中心点坐标
  20. centerX = width/ 2;
  21. centerY = height / 2;
  22. //动画执行时间 自行定义
  23. setDuration(2500L);
  24. setInterpolator(new AccelerateInterpolator());
  25. }
  26. @Override
  27. protected void applyTransformation(float interpolatedTime, Transformation t) {
  28. final Matrix matrix = t.getMatrix();
  29. camera.save();
  30. //中心是绕Y轴旋转 这里可以自行设置X轴 Y轴 Z轴
  31. camera.rotateY(1080 * interpolatedTime);
  32. //把我们的摄像头加在变换矩阵上
  33. camera.getMatrix(matrix);
  34. //设置翻转中心点
  35. matrix.preTranslate(-centerX, -centerY);
  36. matrix.postTranslate(centerX, centerY);
  37. camera.restore();
  38. }
  39. }

用法:

  1. MyAnimation mAnimation = new MyAnimation();
  2. ivxuanzhuan.startAnimation(mAnimation);
这样是不是很容易就实现了动画了效果了。希望能对大家有所帮助

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/284080
推荐阅读
相关标签
  

闽ICP备14008679号