• Stars
    star
    170
  • Rank 222,047 (Top 5 %)
  • Language
    Objective-C
  • Created about 9 years ago
  • Updated about 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

彩色的TabBar,加平滑的切换动画

TColorfulTabBar

彩色的TabBar,加平滑的切换动画(gif图看起来有点掉帧...)

设计图

效果展示

视图层级

这个效果的实现是通过重写TabBar,然后给TabBar添加了一个彩色view(colorView)实现的。

视图层级如下:

使用

UITabBarController中,将系统的UITabBar替换成TColorfulTabBar即可。(注:tabBarController.tabbar属性是readonly修饰的,所以要通过KVC来修改)

代码如下:

TColorfulTabBar *tabBar = [[TColorfulTabBar alloc] initWithFrame:tabBarController.tabBar.frame];
[tabBarController setValue:tabBar forKey:@"tabBar"];

自定义

Demo相关配置在TColorfulTabBar+Configuration这个类目当中,可以修改每个item的颜色与item的个数。

// item的颜色(个数要和item的个数相同)
- (NSArray *)itemColors;

// item的个数
- (NSInteger)itemCount;

技术支持

http://www.saitjr.com/ios/ios-colorful-tabbar-implement.html

可能出现的问题

因为当TColorfulTabBar加载到父视图上时,我让TColorfulTabBar响应了自己的代理方法,所以如果在UITabBarController 中再次修改delegate ,可能会导致TColorfulTabBar无法拿到下标。

如果没有修改代理,那有可能会导致UITabBarController中的UITabBarDelegate无效。

Swift版本

broccolii实现了Swift版本:https://github.com/broccolii/ColorFulTabBar/tree/master

More Repositories

1

STLoadingGroup

loading views
Swift
436
star
2

STLoopProgressView

环形渐变进度条
Objective-C
152
star
3

ReactiveCocoa-MVVM-AFNetworking-FMDB

ReactiveCocoa-MVVM-AFNetworking-FMDB小项目框架设计
Objective-C
151
star
4

C-Toturials

C语言教程
HTML
73
star
5

WKWebViewSimpleDemo

iOS8中WebKit库中的WKWebView简单使用方法,包括初始化,最基础的代理方法,以及JS加载。
Objective-C
64
star
6

10000-Animations

10000 Animations
Swift
62
star
7

STTinyPNG-Python

TinyPNG 批量压缩图片脚本
Python
61
star
8

STBLETool

Bluetooth Low Energy Tool
Objective-C
33
star
9

HappyLayerFriends

HappyLayerFriends
Swift
24
star
10

MasonryDemo

自动布局Masonry案例
Objective-C
24
star
11

STShareTool

常见的社会化分享,包含(QQ、QQ控件、微信好友、微信朋友圈、新浪微博)
Objective-C
24
star
12

ReactiveCocoaUtilityDemo

ReactiveCocoa实用案例
Objective-C
22
star
13

wordpress-api

wordpress的api接口
PHP
21
star
14

STFakeLabel

A 3D transform UILabel
Objective-C
20
star
15

Objective-C-Tutorials

Objective-C教程
HTML
16
star
16

STCardsMenu

Cards Menu Concept
Objective-C
11
star
17

BigHead

照片大头效果实现
Objective-C
10
star
18

WaterFlowLayoutDemo

瀑布流Demo
Objective-C
9
star
19

WebViewLoadHTMLImageAdaptiveDemo

Webview加载HTML代码时,图片尺寸自适应demo
Objective-C
9
star
20

C-Toturials-Demo

C语言教程Demo
8
star
21

STTool

Objective-C
7
star
22

POPDemo

用面向协议的思想打造菜单按钮
Swift
5
star
23

web2pdf

HTML
5
star
24

WeChatImagePickerDemo

微信选择图片demo
Objective-C
5
star
25

TJRNetworkConnection

自己封装的网络请求以及网络请求框架
Objective-C
4
star
26

hhhhh

hhhhh
Ruby
4
star
27

UILocalNotificationDemo

本地推送通知Demo,实现一个闹钟
Objective-C
3
star
28

AutolayoutKeyboardDemo

自动布局之键盘弹出动画
Objective-C
2
star
29

STMusicTool

Local music player
Objective-C
2
star
30

STAnimationTips

A little tips about animation
Swift
2
star
31

AsyncCallbackHell

Swift
2
star
32

Swift-Algorithms

《Manning Grokking Algorithms》
Swift
1
star
33

tiny-hexo-theme

Hexo Theme
CSS
1
star
34

STLoginAnimation

a smooth and cool animation of login
1
star
35

STConvertLL2MC

用于百度坐标拾取器,将经纬度转为MC坐标
Objective-C
1
star
36

alfred-wordflows

Ruby
1
star
37

STGIFTool

handle gif
Objective-C
1
star
38

STImageTool

handle image
Objective-C
1
star
39

LazyJun

1
star
40

STGalaxyView

A particle effects just like galaxy
Objective-C
1
star
41

LazyJunCore

An image tool box in Swift
Swift
1
star