首页 > 代码库 > [翻译] RDVTabBarController
[翻译] RDVTabBarController
RDVTabBarController
https://github.com/robbdimitrov/RDVTabBarController
效果:
- Supports iPad and iPhone 支持iPad与iPhone
- Supports landscape and portrait orientations 支持横竖屏切换动画
- Can be used inside UINavigationController 可以用在UINavigationController里面
- Customizable badges 可定制的提示标签
Installation 安装
CocoaPods - cocoaPods
If you‘re using CocoaPods, simply add pod ‘RDVTabBarController‘
to your Podfile.
如果你使用了CocoaPods,简单的pod ‘RDVTabBarController’ 到你的Podfile文件中就行了。
Drag & Drop - 拖到项目当中
Add the items from RDVTabBarController
directory to your project. If you don‘t have ARC enabled, you will need to set a -fobjc-arc
compiler flag on the .m
source files.
直接将RDVTabBarController文件夹拖到你的项目当中。如果你的项目是MRC的,你需要在.m文件里面设置-fobjc-arc编译标签。
Example Usage - 使用示例
Initialize RDVTabBarController
初始化RDVTabBarController
The initialization is similar to the one for UITabBarController
. Create an instance of the tabBarController
and initialize its viewControllers
.
初始化方法与UITabBarController类似,创建一个tabBarController的实例以及初始化控制器。
UIViewController *firstViewController = [[RDVFirstViewController alloc] init];UIViewController *firstNavigationController = [[UINavigationController alloc] initWithRootViewController:firstViewController];UIViewController *secondViewController = [[RDVSecondViewController alloc] init];UIViewController *secondNavigationController = [[UINavigationController alloc] initWithRootViewController:secondViewController];UIViewController *thirdViewController = [[RDVThirdViewController alloc] init];UIViewController *thirdNavigationController = [[UINavigationController alloc] initWithRootViewController:thirdViewController];RDVTabBarController *tabBarController = [[RDVTabBarController alloc] init];[tabBarController setViewControllers:@[firstNavigationController, secondNavigationController, thirdNavigationController]];self.viewController = tabBarController;
Customize RDVTabBarController - 定制RDVTabBarController
Each RDVTabBarItem
has selectedBackground
, unselectedBackground
and corresponding properties for the icons: selectedImage
and unselectedImage
.
每一个RDVTabBarItem都有选择被背景与未选择的背景,或者是对应于选择的图片与未选择的图片。
UIImage *finishedImage = [UIImage imageNamed:@"tabbar_selected_background"];UIImage *unfinishedImage = [UIImage imageNamed:@"tabbar_normal_background"];NSArray *tabBarItemImages = @[@"first", @"second", @"third"];RDVTabBar *tabBar = [tabBarController tabBar];[tabBar setFrame:CGRectMake(CGRectGetMinX(tabBar.frame), CGRectGetMinY(tabBar.frame), CGRectGetWidth(tabBar.frame), 63)];NSInteger index = 0;for (RDVTabBarItem *item in [[tabBarController tabBar] items]) { [item setBackgroundSelectedImage:finishedImage withUnselectedImage:unfinishedImage]; UIImage *selectedimage = [UIImage imageNamed:[NSString stringWithFormat:@"%@_selected", [tabBarItemImages objectAtIndex:index]]]; UIImage *unselectedimage = [UIImage imageNamed:[NSString stringWithFormat:@"%@_normal", [tabBarItemImages objectAtIndex:index]]]; [item setFinishedSelectedImage:selectedimage withFinishedUnselectedImage:unselectedimage]; index++;}
Make the tab bar translucent - 可以让tab bar变得半透明
RDVTabBar
has translucent
property which determines how it is going to be handled.
RDVTabBar有着半透明色这个属性,他决定着怎么个透明方式。
RDVTabBar *tabBar = tabBarController.tabBar;// After the tabBarController initializationtabBar.translucent = YES;// Customize the tabBar backgroundtabBar.backgroundView.backgroundColor = [UIColor colorWithRed:245/255.0 green:245/255.0 blue:245/255.0 alpha:0.9]];// Inside the tabbed viewControllers- (void)viewDidLoad { [super viewDidLoad]; ... if (self.rdv_tabBarController.tabBar.translucent) { CGFloat tabBarHeight = CGRectGetHeight(self.rdv_tabBarController.tabBar.frame); UIEdgeInsets insets = UIEdgeInsetsMake(0, 0, tabBarHeight, 0); self.tableView.contentInset = insets; self.tableView.scrollIndicatorInsets = insets; }}
Requirements - 需要的环境
- ARC
- iOS 5.0 or later
- Xcode 5
Contact
Robert Dimitrov
@robbdimitrov
[翻译] RDVTabBarController