带动画的TabBar

2019-07-19  本文已影响0人  Gxdy

带有动画效果的TabBar:TLAnimationTabBar

1. 特点

2. 效果图如下

效果图

3. pod支持

1. 版本
pod 'TLAnimationTabBar', '~> 1.0.0'
2. CocoaPods获取不到最新的TLAnimationTabBar版本问题

这可能是本地的CocoaPods仓库列表没有更新导致的。

  1. 运行以下命令更新本地的CocoaPods仓库列表:
    pod repo update

  2. 然后通过以下命令查询
    pod search TLAnimationTabBar

  3. 如果仍然查询不到最新版本,可以删除本地仓库重新安装
    sudo rm -rf ~/.cocoapods/repos/master pod setup

3. 架构原理与使用

  1. 文件组成及作用
    • TLAnimationTabBar.h 对外头文件
      • UITabBar+TLAnimation 监听TabBarItem的切换,并自带播放动画
      • UITabBarItem+TLAnimation 给TabBarItem绑定一个动画属性
      • TLTabBarAnimation 动画类的集合,所有动画都遵守TLAnimationProtocol协议,为TabBarItem提供动画实例
  2. 简单实现思路
@interface UITabBarItem (TLAnimation)
/// 通过分类给TabBarItem绑定一个动画属性
@property(nonatomic, strong) id <TLAnimationProtocol>animation;

@end
  1. 使用
    因为实在原生组件的基础上进行动画植入,所以只需要个每个UITabBarItem的实例赋予一个动画属性即可
// 创建TabBarViewController的Child View Controller
ViewController *vc = [[ViewController alloc] init];
vc.view.backgroundColor = [UIColor whiteColor];
vc.tabBarItem = [[UITabBarItem alloc] initWithTitle:title 
                                              image:[UIImage imageNamed:imgName] 
                                                tag:tag];
// 创建动画
TLFumeAnimation *anm = [TLFumeAnimation new];

// 设置动画属性(重点)
vc.tabBarItem.animation = anm;
上一篇 下一篇

猜你喜欢

热点阅读