每周一个小轮子之 仿京东加载动画,十年Android编程开发生涯

本文详细介绍了如何在Android中实现一个模仿京东加载动画的效果,通过路径动画和ValueAnimator来完成小圆移动、大圆旋转以及画勾的过程。在动画设计中,作者遇到了画狗的难点,最终用简单的勾形代替。文章通过分析动画顺序,绘制路径,并定义相应的动画,展示了整个动画的实现步骤。
摘要由CSDN通过智能技术生成

JD加载动画是这样的:

在这里插入图片描述

我做出来的是这样的:(修改前)

在这里插入图片描述

(微调后:)

在这里插入图片描述

中间的狗我不会画,所以我就画了个勾。

我把速度动画速度设置的很慢,这样的话方便观察和学习。

其实看到jd的加载动画,第一反应就是想到了 路径动画

我之前写过关于路径动画的用法:Android自定义控件开发入门与实战(6)路径动画

因为这个加载动画的路径都像是已经设好了,只要朝着指定方向绘制就行了。

难点主要在 画狗(他们用到了贝塞尔曲线,而我没有坐标,设计不出来),其他的话,其实还真没什么值得注意的地方。

所以这一篇就当做是对路径动画做一个复习吧= =。

1、观察动画顺序


从gif图,我们可以看出动画顺序为:

  1. 两个小圆向左向右移动

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值