iOS:带有动画UITabBarItem的曲线AppTabBar

基础概念

UITabBarItem 是 iOS 开发中用于在 UITabBarController 中表示每个选项卡的控件。动画效果可以通过自定义 UITabBarItem 的视图来实现，例如使用 UIView 动画或 Core Animation 来创建曲线动画效果。

类型

缩放动画：选项卡图标在选中时放大或缩小。
颜色变化：选项卡图标的颜色在选中时发生变化。
旋转动画：选项卡图标在选中时旋转一定角度。
曲线动画：选项卡图标沿着特定路径移动，形成曲线效果。

应用场景

社交媒体应用：在切换不同功能模块时，通过动画增强用户体验。
游戏类应用：在游戏中切换不同场景或模式时，使用动画增加趣味性。
工具类应用：在切换不同工具或设置时，通过动画提供视觉反馈。

实现曲线动画的示例代码

以下是一个简单的示例，展示如何在 UITabBarItem 中实现曲线动画：

import UIKit

class CustomTabBarController: UITabBarController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置自定义动画
        for (index, item) in tabBar.items!.enumerated() {
            let customView = UIView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
            customView.backgroundColor = .blue
            customView.layer.cornerRadius = 20
            
            let animation = CAKeyframeAnimation(keyPath: "position")
            animation.values = [
                NSValue(cgPoint: CGPoint(x: 20 + index * 40, y: 20)),
                NSValue(cgPoint: CGPoint(x: 20 + index * 40, y: 60)),
                NSValue(cgPoint: CGPoint(x: 20 + index * 40, y: 20))
            ]
            animation.duration = 1.0
            animation.repeatCount = .infinity
            customView.layer.add(animation, forKey: "positionAnimation")
            
            item.customView = customView
        }
    }
}