Swift掉落式消息通知动效
Swift 的掉落式消息通知效果,说白了就是让消息像 iOS 通知中心那样,从屏幕顶端“啪”一下滑进来,挺有仪式感的。你如果在做聊天类 App、或者做个什么提示通知功能,这种动效用起来加分。
UIView 动画+Auto Layout是最常见的组合。你可以先把通知视图挂在顶部之外的位置,设置好top
约束,用UIView.animate
去改这个约束,模拟一个下滑动画。
如果想更精细控制,比如弹性效果、时间节奏,推荐用CAAnimation。可以试试CAKeyframeAnimation
,写个路径让它自由下落,感觉更顺滑。
通知内容如果比较复杂,比如有富文本或者嵌套网页,WKWebView也能派上用场,样式可以完全自定义,挺灵活的。
你也可以搞个扩展方法,比如UIView.dropIntoView()
,封装一下动画逻辑,调用时更清爽。配合DispatchQueue.main
做线程切换,UI 更新就稳了。
要是想批量展示通知,用UICollectionView挺方便的。每个 cell 都可以独立动画,掉落时就像下雨一样,带感。想简单点也能用自定义的UITableViewCell
,每次加载新 cell 就触发下落动画。
还有个细节,手势操作也别落下。加个滑动手势,用户就能手动清通知,不然一直挂在那也挺烦人的。
有兴趣的话,可以扒一下ilyainyushin-ISMessages
那个库,结构清晰、动画写得也比较自然,拿来参考挺合适。
如果你想进一步优化 UI 体验,建议顺带看看CAAnimation 的基础,还有本地通知动画实现,都挺有参考价值。
108.64KB
文件大小:
评论区