4.7 自定義tabbar

自定義tabbar

#import "AppDelegate.h"
#import "ADTabBarController.h"
#import "ViewController1.h"
#import "ViewController2.h"
#import "ViewController3.h"

@interface AppDelegate ()

@end

@implementation AppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    ViewController1 * vc1 = [[ViewController1 alloc] init];
    vc1.view.backgroundColor = [UIColor redColor];
    
    ViewController2 * vc2 = [[ViewController2 alloc] init];
    vc2.view.backgroundColor = [UIColor yellowColor];
    
    ViewController3 * vc3 = [[ViewController3 alloc] init];
    vc3.view.backgroundColor = [UIColor blueColor];
    
    //分欄控制器
    ADTabBarController * tab = [[ADTabBarController alloc] init];
    tab.viewControllers = @[vc1, vc2, vc3];
    
    _window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    _window.backgroundColor = [UIColor whiteColor];
    _window.rootViewController = tab;
    [_window makeKeyAndVisible];
    
    return YES;
}
#import "ADTabBarController.h"

@implementation ADTabBarController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //隱藏系統(tǒng)tabbar
    self.tabBar.hidden = YES;
    //創(chuàng)建自己的tabbar
    [self buildTabbar];
}

- (void)buildTabbar {
    UIImageView * tabbarBottom = [[UIImageView alloc] initWithFrame:CGRectMake(0, [[UIScreen mainScreen] bounds].size.height - 49, [[UIScreen mainScreen] bounds].size.width, 49)];
    //打開用戶交互
    tabbarBottom.userInteractionEnabled = YES;
    tabbarBottom.image = [UIImage imageNamed:@"header_bg"];
    tabbarBottom.tag = 111;
    
    //添加按鈕元素
    NSArray * titles = @[@"消息", @"朋友", @"動態(tài)"];
    NSArray * images = @[@"tab_faxian_normal", @"tab_friend_normal", @"tab_set_normal"];
    NSArray * selectedImages = @[@"tab_faxian_select", @"tab_friend_select", @"tab_set_select"];
    
    for (int i = 0; i < titles.count; i++) {
        UIButton * button = [[UIButton alloc] initWithFrame:CGRectMake([[UIScreen mainScreen] bounds].size.width / titles.count * i, 0, [[UIScreen mainScreen] bounds].size.width / titles.count, 49)];
        //設(shè)置標(biāo)題
        [button setTitle:titles[i] forState:UIControlStateNormal];
        //設(shè)置標(biāo)題顏色
        [button setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
        [button setTitleColor:[UIColor greenColor] forState:UIControlStateSelected];
        //更改字體大小
        button.titleLabel.font = [UIFont systemFontOfSize:12];
        //設(shè)置圖片
        [button setImage:[UIImage imageNamed:images[i]] forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:selectedImages[i]] forState:UIControlStateSelected];
        //綁定事件
        [button addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];
        //容器視圖控制器和其子視圖控制器中的任意視圖tag值不能重復(fù)
        button.tag = 100 + i;
        
        
        //調(diào)整標(biāo)題與圖標(biāo)的位置
        /*
         UIKIT_STATIC_INLINE UIEdgeInsets UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right) {
         UIEdgeInsets insets = {top, left, bottom, right};
         return insets;
         }
         */
        
        //UIEdgeInsets top:向上為負(fù) 向下為正 left:向左為負(fù)灿里,向右為正  bottom:向下為負(fù),向上為正 right:向右為負(fù),向左為正   總結(jié): 上左下右: 是哪個方向就向哪個方向為負(fù)控淡,即:top:向上為負(fù)唱遭,向下為正
        button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.bounds.size.width, -20, 0);
        button.imageEdgeInsets = UIEdgeInsetsMake(-20, 0, 0, -button.titleLabel.bounds.size.width);

        
        [tabbarBottom addSubview:button];
        
        //設(shè)置默認(rèn)選中項罗心,為0
        if (i == 0) {
            [self buttonClicked:button];
        }
    }
    
    
    [self.view addSubview:tabbarBottom];
}

- (void)buttonClicked:(UIButton *)button {
   
   
    NSInteger index = button.tag - 100;
    
    self.selectedIndex = index;
    
    //讓選中的按鈕處于選中狀態(tài)
    UIImageView * imageView = (id)[self.view viewWithTag:111];
    NSArray * subViews = imageView.subviews;
    for (UIButton * button in subViews) {//這里循環(huán)的目的就是讓之前按鈕狀態(tài)變?yōu)榉沁x中狀態(tài)电抚,然后只選中一個之后纯衍,就是選中狀態(tài)了任岸。
        [button setSelected:NO];
    }
    //被點擊的按鈕設(shè)置為選中狀態(tài)
    [button setSelected:YES];
}
@end
自定義tabbar.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末再榄,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子享潜,更是在濱河造成了極大的恐慌困鸥,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件剑按,死亡現(xiàn)場離奇詭異疾就,居然都是意外死亡,警方通過查閱死者的電腦和手機艺蝴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進(jìn)店門猬腰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人猜敢,你說我怎么就攤上這事姑荷。” “怎么了缩擂?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵鼠冕,是天一觀的道長。 經(jīng)常有香客問我胯盯,道長懈费,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任博脑,我火速辦了婚禮憎乙,結(jié)果婚禮上薄坏,老公的妹妹穿的比我還像新娘。我一直安慰自己寨闹,他們只是感情好胶坠,可當(dāng)我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著繁堡,像睡著了一般沈善。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上椭蹄,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天闻牡,我揣著相機與錄音,去河邊找鬼绳矩。 笑死罩润,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的翼馆。 我是一名探鬼主播割以,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼应媚!你這毒婦竟也來了严沥?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤中姜,失蹤者是張志新(化名)和其女友劉穎消玄,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體丢胚,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡翩瓜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了携龟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兔跌。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖骨宠,靈堂內(nèi)的尸體忽然破棺而出浮定,到底是詐尸還是另有隱情,我是刑警寧澤层亿,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站立美,受9級特大地震影響匿又,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜建蹄,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一碌更、第九天 我趴在偏房一處隱蔽的房頂上張望裕偿。 院中可真熱鬧,春花似錦痛单、人聲如沸嘿棘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸟妙。三九已至,卻和暖如春挥吵,著一層夾襖步出監(jiān)牢的瞬間重父,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工忽匈, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留房午,地道東北人。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓丹允,卻偏偏與公主長得像郭厌,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子雕蔽,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內(nèi)容