加入收藏 | 设为首页 | 会员中心 | 我要投稿 平凉站长网 (https://www.0933zz.com.cn/)- 图像处理、语音技术、媒体智能、运维、低代码!
当前位置: 首页 > 站长资讯 > 外闻 > 正文

鸿蒙开源第三方组件的迁移

发布时间:2021-01-27 10:34:14 所属栏目:外闻 来源:互联网
导读:1) 初始化设置 声明setPaint(),setBound(),draw()方法。 public BallPulseIndicator(Contextcontext){ super(context); Component.DrawTasktask=(component,canvas)-{ setPaint();//设置画笔 setBound();//设置动画边界 draw(canvas,getPaint());//内容绘

1) 初始化设置 声明setPaint(),setBound(),draw()方法。


  1. public BallPulseIndicator(Context context) { 
  2.     super(context); 
  3.     Component.DrawTask task = (component, canvas) -> { 
  4.         setPaint();//设置画笔 
  5.         setBound();//设置动画边界 
  6.         draw(canvas,getPaint());//内容绘制 
  7.     }; 
  8.     addDrawTask(task); 

(2) 动画绘制 用draw()方法在画布上绘制动画样式。

由于BallPulseIndicator动画主体是三个圆,第二、第三个圆均是由前一个圆平移得到,因此要设置每两个圆之间的距离,圆的半径大小等属性。


  1. public void draw(Canvas canvas, Paint paint) { 
  2.     float circleSpacing=4;  //设置圆之间距离 
  3.     float radius=(Math.min(getWidth(),getHeight())-circleSpacing*2)/6;  //设置圆的半径大小 
  4.     float x = getWidth()/ 2-(radius*2+circleSpacing);//圆心的x轴坐标 
  5.      float y=getHeight() / 2;//圆心的y轴坐标 
  6.     for (int i = 0; i < 3; i++) { 
  7.         canvas.save(); 
  8.         float translateX=x+(radius*2)*i+circleSpacing*i;//平移后新圆心的x轴坐标 
  9.         canvas.translate(translateX, y); 
  10.         canvas.scale(scaleFloats[i], scaleFloats[i]);//缩放效果绘制 
  11.         canvas.drawCircle(0, 0, radius, paint);//绘制圆 
  12.         canvas.restore(); 
  13.     } 

(3) 动画参数设置

通过AnimatorValue对动画参数进行具体设置,包括动画的持续时间、重复次数、启动延迟时间、缩放和旋转等(BallPulseIndicator只涉及缩放而无旋转)。


  1. public ArrayList<AnimatorValue> onCreateAnimators() { 
  2.     ArrayList<AnimatorValue> animators=new ArrayList<>(); 
  3.     int[] delays=new int[]{120,240,360};  //设置三个圆的延迟时间 
  4.     for (int i = 0; i < 3; i++) { 
  5.         final int index=i; 
  6.         AnimatorValue scaleAnim=new AnimatorValue();  //值动画 
  7.         scaleAnim.setDuration(750);  //动画持续时间 
  8.         scaleAnim.setLoopedCount(-1);  //动画无限次重复 
  9.         scaleAnim.setDelay(delays[i]);  //每个圆的延迟时间 
  10.         addUpdateListener(scaleAnim, (animatorValue, v) -> { 
  11.             scaleFloats[index] = v;//控制缩放 
  12.             invalidate();//刷新界面 
  13.         }); 
  14.         animators.add(scaleAnim); 
  15.     } 
  16.     return animators; 

2. 移植方法

(1) API直接替换

在安卓中使用ValueAnimator类设置加载动画的属性,移植之后这些功能主要基于鸿蒙的AnimatorValue类实现。这两个类中的方法名也不同,在进行鸿蒙化迁移时需要根据功能逐一替换。例如:鸿蒙中使用setLoopedCount()方法替换原setRepeatCount()方法来实现动画重复次数的设置。

(2) 函数重写

鸿蒙的AnimatorValue类相比较于安卓,缺少很多接口,若在实现部分复杂动画时,需要调用这些接口,只能采用函数重写的方法,这也是移植中的主要难点。如安卓中用ValueAnimator.ofFloat(1,0.5f,1)来设置动画的属性值1—0.5f—1的两次变化,实现动画的运行效果,而鸿蒙中缺少该接口,属性值只能在0—1之间单次变化,无法实现动画的完美效果,需要进行功能重写,下面给出此功能重写的代码 

(编辑:平凉站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读