導(dǎo)航欄和狀態(tài)欄

NavgationBar.png

標(biāo)題/隱藏BottomBar

Test1 *vc = [[Test1 alloc] init];
vc.title = @"Test1";
vc.hidesBottomBarWhenPushed = YES;
[self.navigationController pushViewController:vc animated:NO];

navigationItem

  • 返回樣式:系統(tǒng)圖標(biāo),文字自定義
// 父控制器,push方法前
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];
// 顏色,會(huì)影響后面界面
[self.navigationController.navigationBar setTintColor:[UIColor blackColor]];
  • 返回樣式:自定義圖標(biāo)和文字
// 父控制器,push方法前
[self.navigationController.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"navBack"]];
[self.navigationController.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"navBack"]];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"自定義圖標(biāo)" style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.backBarButtonItem = backItem;
  • 返回樣式:無(wú)圖標(biāo),自定義文字
// 當(dāng)前控制器
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"BackToRooVC" style:UIBarButtonItemStylePlain target:self action:@selector(back)];
  • rightBarButtonItem
// 當(dāng)前控制器
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(done)];

設(shè)置返回按鈕:自定義圖片+無(wú)文字顯示, 由首個(gè)控制器設(shè)置

/**
 @param backIndicatorImage 自定義圖片
 @param backIndicatorTransitionMaskImage 轉(zhuǎn)場(chǎng)遮罩圖片
 */
- (void)setupBackBarButtonItemWithImage:(UIImage *)backIndicatorImage backIndicatorTransitionMaskImage:(UIImage *)backIndicatorTransitionMaskImage tintColor:(UIColor *)tintColor {
    UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithTitle:nil style:UIBarButtonItemStylePlain target:nil action:nil];
    self.navigationController.navigationBar.tintColor = tintColor;
    self.navigationController.navigationBar.backIndicatorImage = backIndicatorImage;
    self.navigationController.navigationBar.backIndicatorTransitionMaskImage = backIndicatorTransitionMaskImage;
    self.navigationItem.backBarButtonItem = backItem;
}
  • 隱藏返回按鈕
[self.navigationItem setHidesBackButton:YES];

statusBar

  • iOS 7 以前(已成歷史,不做贅述)
StatusBar.png
  • iOS 7 - iOS 9

用UIApplication的API
info.plist里將View controller-based status bar appearance 設(shè)為NO,默認(rèn)YES

// 無(wú)動(dòng)畫效果
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault]; 
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
[[UIApplication sharedApplication] setStatusBarHidden:NO];
[[UIApplication sharedApplication] setStatusBarHidden:YES];

// 帶動(dòng)畫效果
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];
[[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationSlide];
[[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationSlide];

重寫ViewController方法
info.plist里將View controller-based status bar appearance 設(shè)為YES,默認(rèn)YES

- (void)changeStatusBarStyle:(UIButton *)sender {
    if (sender.tag == 100) {
        _statusBarStyle = UIStatusBarStyleDefault;
    } else {
        _statusBarStyle = UIStatusBarStyleLightContent;
    }
    [self setNeedsStatusBarAppearanceUpdate];
}

- (void)hiddenStatusBar:(BOOL)sender {
    _statusBarHidden = sender;
    [self setNeedsStatusBarAppearanceUpdate];
}

#pragma mark - 需要重寫的幾個(gè)狀態(tài)欄方法
#pragma mark 樣式
- (UIStatusBarStyle)preferredStatusBarStyle {
    return _statusBarStyle;
}
#pragma mark 顯隱性
- (BOOL)prefersStatusBarHidden {
    return _statusBarHidden;
}
#pragma mark 顯/隱切換動(dòng)畫
- (UIStatusBarAnimation)preferredStatusBarUpdateAnimation {
    return UIStatusBarAnimationSlide;
}
  • iOS 9 后

用UIApplication的API 會(huì)報(bào)錯(cuò)

<Error>: CGContextSaveGState:
<Error>: CGContextTranslateCTM:
<Error>: CGContextRestoreGState:

蘋果推薦重寫ViewController方法

  • 上述方法失效
if (statusBarStyle == UIStatusBarStyleLightContent)
{
    weakSelf.navigationController.navigationBar.barStyle = UIBarStyleBlack;
}
else
 {
      weakSelf.navigationController.navigationBar.barStyle = UIBarStyleDefault;
}

狀態(tài)欄高度和導(dǎo)航欄高度

狀態(tài)欄通常高度20,在通話中和有熱點(diǎn)連接時(shí)40

  • 獲取狀態(tài)欄高度
    [[UIApplication sharedApplication] statusBarFrame].size.height

  • 狀態(tài)欄發(fā)生變化通知

UIApplicationWillChangeStatusBarFrameNotification
UIApplicationDidChangeStatusBarFrameNotification
  • 獲取導(dǎo)航欄高度
    self.navigationController.navigationBar.frame.size.height

去除導(dǎo)航欄分割線

  • 第一種方式

直接設(shè)置navigationBar的ShadowImage和BackgroundImag,這樣做可以一勞永逸,在當(dāng)前導(dǎo)航控制器的所有子控制器頁(yè)面看到的導(dǎo)航欄都是沒有分割線的。
弊端:想恢復(fù)比較麻煩

// 分割線
[self.navigationController.navigationBar setShadowImage:[UIImage new]]; 
// 背景圖片
 // [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
  • 第二種方式

取出分割線,控制顯隱性即可

UIView *backgroundView = [self.navigationController.navigationBar subviews].firstObject;
for (UIImageView)
//_navLine = backgroundView.subviews.lastObject;
for (UIView *view in backgroundView.subviews) {
        if ([view isKindOfClass:[UIImageView class]] && view.ddy_h <= 0.5) {
            _navLine = (UIImageView *)view;
        }
    }
_navLine.hidden = YES;
  • 其他方式:完全遞歸遍歷視圖取得(太麻煩)

改變導(dǎo)航欄背景

// 顏色
self.navigationController.navigationBar.barTintColor = [UIColor blueColor];
// 圖片[self.navigationController.navigationBar setBackgroundImage: [UIImage imageNamed:@"banner.png"] forBarMetrics:UIBarMetricsDefault];
// 字體
[self.navigationController.navigationBar.titleTextAttributes=@{NSForegroundColorAttributeName:[UIColorwhiteColor],NSFontAttributeName:[UIFontboldSystemFontOfSize:17]};

作者:兜麥
鏈接:http://www.lxweimin.com/p/58e3cb268f8e
來(lái)源:簡(jiǎn)書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

// 如果想透明,設(shè)置顏色透明不行,因?yàn)閷?dǎo)航上有一張背景img
barImageView = self.navigationController.navigationBar.subviews.firstObject;
//提前給barImageView一個(gè)背景色(給barImageView設(shè)置一個(gè)圖片也行)
barImageView.backgroundColor = [UIColor greenColor];

按鈕位置調(diào)整

Image1.png
Image2.png
self.navigationItem.leftBarButtonItem.imageInsets = UIEdgeInsetsMake(0,-20,0,0);
self.navigationItem.rightBarButtonItem.imageInsets = UIEdgeInsetsMake(0,-10,0,10);

Status Bar變換
iOS 關(guān)于navigationBar的一些:毛玻璃、透明、動(dòng)態(tài)縮放、動(dòng)態(tài)隱藏
ttp://www.lxweimin.com/p/8c8303f7d439
讓我們一次性解決導(dǎo)航欄的所有問題;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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