Android雷达动画效果

Android 的雷达动画,算是 UI 里比较吸睛的一种玩法了。适合做设备搜索、附近发现这些场景,既实用又有视觉冲击力。动画本身不难,关键在自定义 View 的绘制逻辑和动画配合上,稍微花点心思,效果就能棒。

自定义 View 的onDraw()方法是重头戏,雷达的波纹和扫描线都靠它画出来。一般会用Canvas配合Path去画圆、画扇形,再用Paint控制样式,像颜色、透明度、阴影什么的,细节做得越到位,整体感觉就越高级。

动画部分用ValueAnimator最顺手了,能精准控制角度变化。你设一个 0 到 360 的动画值,在onAnimationUpdate()里更新角度,invalidate()触发重绘,雷达就能不停转了。想要更丝滑,可以配合setInterpolator()做点加减速。

有趣的是,还可以加点料。比如雷达线做个闪烁,用AlphaAnimation;目标点来个随机闪现,配合ObjectAnimator就能玩出不少花样。整体逻辑不复杂,主要看你怎么编排动画节奏和画面效果。

不过提醒一下,雷达动画属于高频刷新类型,别忘了控制刷新频率。可以用postInvalidateDelayed()限制帧率,不然掉帧卡顿就不好看了。如果你要兼容老系统,建议用下ViewCompatNineOldAndroids,安全些。

如果你对动画和自定义 View 还不熟,先看看这篇 Android 自定义 View 加载动画效果也不错,挺有启发的。做熟了之后,雷达动画能派上不少用场,效果还挺惊艳的。

zip 文件大小:1.39MB