RAMAnimatedTabBarController：打造炫酷动画标签栏的终极指南-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_01197/article/details/148394145

RAMAnimatedTabBarController：打造炫酷动画标签栏的终极指南

animated-tab-bar :octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion 项目地址: https://gitcode.com/gh_mirrors/an/animated-tab-bar

项目概述

RAMAnimatedTabBarController 是一个强大的 Swift 模块，专门用于为 iOS 应用中的标签栏（TabBar）添加各种动画效果。这个库不仅提供了一系列预设的精美动画，还允许开发者轻松创建自定义动画效果，让你的应用界面更加生动有趣。

核心特点

丰富的预设动画：包含弹跳、旋转、翻转、烟雾等多种动画效果
高度可定制：支持开发者创建完全自定义的动画
简单易用：通过 Storyboard 或代码都能快速集成
全面文档：100% 的 API 文档覆盖率
兼容性强：支持 iOS 7.0+ 系统

安装方法

CocoaPods 安装

在 Podfile 中添加：

pod 'RAMAnimatedTabBarController'

手动安装

直接将 RAMAnimatedTabBarController 文件夹拖入你的项目即可。

快速入门指南

基础配置步骤

在 Storyboard 中创建 UITabBarController
将其类设置为 RAMAnimatedTabBarController
为每个 UITabBarItem 设置类为 RAMAnimatedTabBarItem
为每个标签项添加自定义图标

添加动画效果

在 ViewController 中添加 NSObject
设置其类为你想要的动画类（如 RAMBounceAnimation）
将 RAMAnimatedTabBarItem 的 animation 出口连接到你的动画对象

内置动画效果详解

RAMAnimatedTabBarController 提供了多种精美的预设动画：

弹跳动画 (RAMBounceAnimation) - 图标选中时会有弹性缩放效果
旋转动画：
- 左旋转 (RAMLeftRotationAnimation)
- 右旋转 (RAMRightRotationAnimation)
翻转过渡动画：
- 从左/右/上/下四个方向的翻转效果
帧动画 (RAMFrameItemAnimation) - 支持多帧图片动画
烟雾动画 (RAMFumeAnimation) - 选中时图标会有烟雾升起效果

创建自定义动画

实现步骤

创建继承自 RAMItemAnimation 的子类
实现 RAMItemAnimationProtocol 中的三个核心方法：

// 选中标签时调用的动画
override func playAnimation(icon: UIImageView, textLable: UILabel) {
    // 实现选中动画
}

// 取消选中时调用的动画
override func deselectAnimation(icon: UIImageView, textLable: UILabel, defaultTextColor: UIColor) {
    // 实现取消选中动画
}

// 设置标签选中状态
override func selectedState(icon: UIImageView, textLable: UILabel) {
    // 设置选中状态样式
}

示例：自定义弹跳动画

class CustomBounceAnimation: RAMItemAnimation {
    override func playAnimation(icon: UIImageView, textLable: UILabel) {
        // 实现弹跳动画
        let bounce = CAKeyframeAnimation(keyPath: "transform.scale")
        bounce.values = [1.0, 1.4, 0.9, 1.15, 0.95, 1.02, 1.0]
        bounce.duration = NSTimeInterval(duration)
        bounce.calculationMode = kCAAnimationCubic
        icon.layer.addAnimation(bounce, forKey: "bounceAnimation")
        
        textLable.textColor = textSelectedColor
    }
    
    // 其他必要方法实现...
}