ShopDemo购物车动画示例
iOS 的购物车动画代码,做得挺细致的。购物车动画代码.zip
里头是一个完整的ShopDemo
项目,基本上解压就能跑。动画用的是CAAnimationGroup
,把图片缩放、旋转、平移这些效果串在一起,动起来还挺顺滑。界面逻辑写在控制器里,方法名也清楚,比如addProductToCartAnimation
,看一眼就知道干嘛的。
动画实现靠的就是Core Animation
,iOS 动画基本都绕不开它。它不是直接动图,而是动图层,用CALayer
控制属性,比如position
动位置,transform.scale
搞缩放,熟悉这些就能玩得转。
动画组CAAnimationGroup
蛮实用,多个动画合起来做,像图片先缩小再飘进购物车,视觉上连贯不少。想要更炫,还可以叠加透明度、路径动画,一起包进动画组里,配合得当看起来就挺有“质感”。
项目结构也不复杂,主要在控制器搞动画触发,有需要也能加点UIView
子类做定制视图,比如画个小购物车图标。代码清晰,动效也自然,适合照着改。
对了,动画结束后别忘了回调,比如更新购物车数量。一般用animationDidStop
或者UIView.animate
里的completion
闭包。
性能方面也别忽略,动画太复杂容易掉帧。建议动画时长控制在0.3s ~ 0.6s
之间,别加太多重复动画。简单流畅才是王道。
如果你正打算在 iOS 项目里加购物车动效,可以先看看这个 Demo,熟悉套路之后再改成自己风格的。
下载地址
用户评论