UI-自定义TabBar
MyCustomTabBar.h文件
#import <UIKit/UIKit.h>
@interface MyCustomTabBar : UITabBarController
@end
MyCustomTabBar.m文件
#import "MyCustomTabBar.h"
#define kDeviceHeigh [UIScreen mainScreen].bounds.size.height
@interface MyCustomTabBar ()<UITabBarDelegate>
@end
@implementation MyCustomTabBar
-(void)viewDidLoad{
[super viewDidLoad ];
//自定义TabBar
UITabBar *tabBar = [[UITabBar alloc]initWithFrame:self.tabBar.frame];
tabBar.userInteractionEnabled = YES;
[self.view addSubview:tabBar];
tabBar.backgroundImage = [UIImage imageNamed:@"tabbg"];
// 添加5个
for (int i = 1 ; i <= 5 ; i ++ ) {
// 获取按钮普通状态和选中状态的两个图片的名称
NSString *imgName = [NSString stringWithFormat:@"TabBar%d", i];
NSString *selImgName = [NSString stringWithFormat:@"TabBar%dSel", i];
// 创建按钮
UIButton *tabBtn = [[UIButton alloc]init ];
CGFloat width = self.view.bounds.size.width / 5;
// 设置按钮的frame
tabBtn.frame =CGRectMake((i-1) * width , 0 , width , 44);
if ( i == 3 ) {
tabBtn.frame = CGRectMake(tabBtn.frame.origin.x , tabBtn.frame.origin.y - 20, tabBtn.frame.size.width, 44 + 20 );
[tabBtn setBackgroundImage:[UIImage imageNamed:@"logoff_btn_n"] forState:UIControlStateNormal];
}else{
// 设置按钮普通状态和选中状态显示的图片
[tabBtn setBackgroundImage:[UIImage imageNamed:imgName] forState:UIControlStateNormal];
[tabBtn setBackgroundImage:[UIImage imageNamed:selImgName] forState:UIControlStateSelected ];
}
tabBtn.tag = 10 + i;
[tabBtn addTarget:self action:@selector(btnClicked:) forControlEvents:UIControlEventTouchUpInside];
[tabBar addSubview:tabBtn];
}
}
-(void)btnClicked:(UIButton *)button{
for (int i = 1 ; i <= 5 ; i++ ) {
UIButton *btn = (UIButton *) [ self.view viewWithTag:10 + i];
if (btn != button) {
btn.selected = NO;
}
}
button.selected = YES;
if (button.tag == 13) {
UIViewController *vc = [[UIViewController alloc]init];
vc.view.backgroundColor = [UIColor orangeColor];
[self presentViewController:vc animated:YES completion:nil];
return;
}
self.selectedIndex = button.tag - 11;
}
@end
AppDelegate.m文件
#import "AppDelegate.h"
#import "MyCustomTabBar.h"
#import "FifthVC.h"
#import "SecondVc.h"
#import "ThirdVC.h"
#import "FourthVC.h"
#import "FirstVC.h"
@interface AppDelegate ()
@end
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Override point for customization after application launch.
//先创建五个控制器对象
FirstVC *firstVC = [[FirstVC alloc]init];
SecondVc *secondVC = [[SecondVc alloc] init];
ThirdVC *thirdVC = [[ThirdVC alloc]init];
FourthVC *fourthVC = [[FourthVC alloc]init];
FifthVC *fifthVC = [[FifthVC alloc]init];
// 创建TabBar控制器对象
MyCustomTabBar *tabBarVC = [[MyCustomTabBar alloc]init];
// 设置Tabbar的子控制器对象, 需要注意的是,TabBar控制器最多只能显示五个子视图,如果超过5个,它会只显示4个,把其他的放More选项中
tabBarVC.viewControllers = @[firstVC, secondVC, thirdVC, fourthVC, fifthVC];
self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.window.rootViewController = tabBarVC;
[self.window makeKeyAndVisible];
return YES;
}
UI-自定义TabBar的更多相关文章
- iOS框架搭建(MVC,自定义TabBar)--微博搭建为例
项目搭建 1.新建一个微博的项目,去掉屏幕旋转 2.设置屏幕方向-->只有竖向 3.使用代码构建UI,不使用storyboard 4.配置图标AppIcon和LaunchImage 将微博资料的 ...
- flutter 自定义tabbar 给tabbar添加背景功能
flutter 自带的tabbar BottomNavigationBar有长按水波纹效果,不可以添加背景图片功能,如果有这方面的需求,就需要自定义tabbar了 自定义图片 我们使用BottomAp ...
- 自定义tabBar
★★★★自定义tabBar★★★★★★★ Demo下载地址:https://github.com/marlonxlj/tabBarCustom.git 前言: 有的时候需求要对tabBar进行自定义的 ...
- IOS第二天-新浪微博 - 添加搜索框,弹出下拉菜单 ,代理的使用 ,HWTabBar.h(自定义TabBar)
********HWDiscoverViewController.m(发现) - (void)viewDidLoad { [super viewDidLoad]; // 创建搜索框对象 HWSearc ...
- 原生HTML5 input type=file按钮UI自定义
原生<input type="file" name="file" />长得太丑 提升一下颜值 实现方案一.设置input[type=file]透明度 ...
- iOS 隐藏自定义tabbar
iOS 隐藏自定义tabbar -(void)viewWillAppear:(BOOL)animated { NSArray *array=self.tabBarController.view.su ...
- iOS开发之功能模块--关于自定义TabBar条
只上项目中用到的代码: 1.实现重写TabBar的TabBarItem,然后在中间额外加一个按钮. #import <UIKit/UIKit.h> @interface BikeTabBa ...
- iOS开发项目之四 [ 调整自定义tabbar的位置与加号按钮的位置]
自定义tabbar与按钮的添加 01 - 把系统的tabbar用我们自己的覆盖 LHQTabBar *lhqTabBar = [[LHQTabBar alloc]init]; [self setVal ...
- 关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究
关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究 测试代码:http://git.oschina.net/Xiyue/TabBarItem_TEST 简 ...
- 第二篇、Swift_自定义 tabbar 的 badgeValue显示样式
在实际的开发中,我们常常需要根据实际的需求,去改变bageValue的显示样式,默认是红色的背景,白色的字体颜色 使用方式: class BKTabBarController: UITabBarCon ...
随机推荐
- 012-JDK可视化监控工具-jstack
一.概述 jstack是java虚拟机自带的一种堆栈跟踪工具.jstack用于打印出给定的java进程ID或core file或远程调试服务的Java堆栈信息,如果是在64位机器上,需要指定选项&qu ...
- js检测数组类型
1.instanceof 当只有一个全局执行环境时适用,如果包含多个框架,就存在两个以上不同版本的Array构造函数,如果从一个框架向另一个框架传递数组,传入的数组与在第二个框架中原生创建的数组分别具 ...
- 连接postgresql
# psycopg2 engine=create_engine('postgresql+psycopg2://scott:tiger@localhost/mydatabase')# python 连 ...
- Delphi 正则表达式语法(8): 引用子表达式 - 也叫反向引用
Delphi 正则表达式语法(8): 引用子表达式 - 也叫反向引用 //准备: 我们先写一个搜索所有英文单词的表达式 var reg: TPerlRegEx; begin reg := TP ...
- 剑指offer编程题66道题 1-25
1.二维数组中的查找 题目描述 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数. ...
- jdbc封装代码
jdbc封装代码 package jdbcUtil; import java.sql.Connection; import java.sql.DriverManager; import java.sq ...
- jar包错误
Exception in thread "main" java.lang.NoSuchMethodError: org.slf4j.spi.LocationAwareLogger. ...
- contain与compareDocumentPosition
contain方法由IE创建,用于判断元素之间是否是父亲与后代的关系,例如:如果A元素包含B元素,则返回true,否则,返回false eg: <div id= "a"> ...
- SpringBoot Lombok
简介 lombok是一个编译级别的插件,它可以在项目编译的时候生成一些代码.比如日常开发过程中需要生产大量的JavaBean文件,每个JavaBean都需要提供大量的get和set方法,如果字段较多且 ...
- 启动工程Ehcache报错
缓存组建用的Ehcache,在启动的时候报了下面的错误,虽然不影响使用,看着还是有点碍眼: DEBUG net.sf.ehcache.util.UpdateChecker - Update che ...