Android雷达动画效果
Android 的雷达动画,算是 UI 里比较吸睛的一种玩法了。适合做设备搜索、附近发现这些场景,既实用又有视觉冲击力。动画本身不难,关键在自定义 View 的绘制逻辑和动画配合上,稍微花点心思,效果就能棒。
自定义 View 的onDraw()
方法是重头戏,雷达的波纹和扫描线都靠它画出来。一般会用Canvas
配合Path
去画圆、画扇形,再用Paint
控制样式,像颜色、透明度、阴影什么的,细节做得越到位,整体感觉就越高级。
动画部分用ValueAnimator
最顺手了,能精准控制角度变化。你设一个 0 到 360 的动画值,在onAnimationUpdate()
里更新角度,invalidate()
触发重绘,雷达就能不停转了。想要更丝滑,可以配合setInterpolator()
做点加减速。
有趣的是,还可以加点料。比如雷达线做个闪烁,用AlphaAnimation
;目标点来个随机闪现,配合ObjectAnimator
就能玩出不少花样。整体逻辑不复杂,主要看你怎么编排动画节奏和画面效果。
不过提醒一下,雷达动画属于高频刷新类型,别忘了控制刷新频率。可以用postInvalidateDelayed()
限制帧率,不然掉帧卡顿就不好看了。如果你要兼容老系统,建议用下ViewCompat
或NineOldAndroids
,安全些。
如果你对动画和自定义 View 还不熟,先看看这篇 Android 自定义 View 加载动画效果也不错,挺有启发的。做熟了之后,雷达动画能派上不少用场,效果还挺惊艳的。
1.39MB
文件大小:
评论区