導航欄和狀態欄

NavgationBar.png

標題/隱藏BottomBar

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

navigationItem

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

設置返回按鈕:自定義圖片+無文字顯示, 由首個控制器設置

/**
 @param backIndicatorImage 自定義圖片
 @param backIndicatorTransitionMaskImage 轉場遮罩圖片
 */
- (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 設為NO,默認YES

// 無動畫效果
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault]; 
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
[[UIApplication sharedApplication] setStatusBarHidden:NO];
[[UIApplication sharedApplication] setStatusBarHidden:YES];

// 帶動畫效果
[[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 設為YES,默認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 - 需要重寫的幾個狀態欄方法
#pragma mark 樣式
- (UIStatusBarStyle)preferredStatusBarStyle {
    return _statusBarStyle;
}
#pragma mark 顯隱性
- (BOOL)prefersStatusBarHidden {
    return _statusBarHidden;
}
#pragma mark 顯/隱切換動畫
- (UIStatusBarAnimation)preferredStatusBarUpdateAnimation {
    return UIStatusBarAnimationSlide;
}
  • iOS 9 后

用UIApplication的API 會報錯

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

蘋果推薦重寫ViewController方法

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

狀態欄高度和導航欄高度

狀態欄通常高度20,在通話中和有熱點連接時40

  • 獲取狀態欄高度
    [[UIApplication sharedApplication] statusBarFrame].size.height

  • 狀態欄發生變化通知

UIApplicationWillChangeStatusBarFrameNotification
UIApplicationDidChangeStatusBarFrameNotification
  • 獲取導航欄高度
    self.navigationController.navigationBar.frame.size.height

去除導航欄分割線

  • 第一種方式

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

// 分割線
[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;
  • 其他方式:完全遞歸遍歷視圖取得(太麻煩)

改變導航欄背景

// 顏色
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
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

// 如果想透明,設置顏色透明不行,因為導航上有一張背景img
barImageView = self.navigationController.navigationBar.subviews.firstObject;
//提前給barImageView一個背景色(給barImageView設置一個圖片也行)
barImageView.backgroundColor = [UIColor greenColor];

按鈕位置調整

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 關于navigationBar的一些:毛玻璃、透明、動態縮放、動態隱藏
ttp://www.lxweimin.com/p/8c8303f7d439
讓我們一次性解決導航欄的所有問題;

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,002評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,400評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,136評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,714評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,452評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,818評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,812評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,997評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,552評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,292評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,510評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,035評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,721評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,121評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,429評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,235評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,480評論 2 379

推薦閱讀更多精彩內容