Android 卡片旋转切换显示动效,加流光结束效果实现详解,附上GitHub代码资源(Kotlin),先看下实现效果GIF。
一、实现原理详解
1. 动画实现拆分
整体动画拆分成几部分再拼凑起来,第一步是卡片正面顺时针旋转+缩放,第二步是卡片Y轴方向翻转到背面,最后是叠加一个View显示流光效果。卡片的正面和背面分别用单个控件来单独实现各自的动效部分,叠加之后形成最终的效果。
第一部分rotation、scaleX和scaleY属性叠加,使用AnimatorSet一起执行这些属性的变化。
val ratationAnim = ObjectAnimator.ofFloat(mIvCardfront,[......]