navigation's skills




navigation技巧

[A].獲取 導航欄所有的視圖控制器

獲取 導航欄所有的視圖控制器,選擇想要跳轉的那個視圖控制器直接傳值!無需考慮“反向傳值”!!

展示例子??:

跳轉關系:
MyInfosViewController(我的信息) → VerifyIdentityViewController(驗證 手機號) → WriteNewPhoneNumberViewController(更改手機號)

各界面的層次關系:



修改舊的手機號成功!
跳轉到“我的信息”界面,并把手機號傳到“我的信息”界面!

NSArray *pushVCAry = [self.navigationController viewControllers];
//pushVCAry.count-3  回到MyInfosVC中去
MyInfosViewController *popVC = [pushVCAry objectAtIndex:pushVCAry.count-3]; //(-1:當前層)

//可直接“進行傳值”
popVC.transmitPhoneNumberStr = _phoneNumTF.text; 
[self.navigationController popToViewController:popVC animated:YES];


也可以直接判斷
要跳轉回去的ViewController 是否為 “ MyInfosViewController”類型?

NSArray *pushVCAry = [weakSelf.navigationController viewControllers];
UIViewController *popVC;

for (int i = 0; i < pushVCAry.count; i ++) {
  if ([pushVCAry[i] isKindOfClass:[MyInfosViewController class] ]) {
     popVC = pushVCAry[i];
  }
}

//可直接“進行傳值”
popVC.transmitPhoneNumberStr = _phoneNumTF.text; 
[self.navigationController popToViewController:popVC animated:YES];




[B].判斷在當前UIViewController中,viewWillDisappear的時候是push還是pop
- (void)viewWillDisappear:(BOOL)animated {
        NSArray *viewControllers = self.navigationController.viewControllers;
        if (viewControllers.count > 1 && [viewControllers objectAtIndex:viewControllers.count-2] == self) {
            // View is disappearing because a new view controller was pushed onto the stack
            NSLog(@"New viewcontroller was pushed");
        } else if ([viewControllers indexOfObject:self] == NSNotFound) {
            // View is disappearing because it was popped from the stack
            NSLog(@"Viewcontroller was popped");
        }
    }














導航欄 navigationBar

  • 系統自帶圖標文字顏色:(setTintColor

    [self.navigationController.navigationBar setTintColor:[UIColor whiteColor] ];
    


  • 標題文字的設置:(富文本 --- setTitleTextAttributes

    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]}];
    


  • 半透明屬性設置

    self.navigationController.navigationBar.translucent = NO;
    
    在iOS 6之前(包括iOS 6) translucent默認就是NO,在iOS 7之后就默認是YES了。





[A].隱藏 導航欄邊框下面的黑線

一般:在“viewWillAppear”里(當前界面),隱藏 導航欄邊下的黑線
在“viewWillDisappear”里(下個界面),再顯示 導航欄邊下的黑線

  • 方法一
    //隱藏 導航欄邊下的黑線
    [self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];
    

  • 方法二
    //隱藏 導航欄邊下的黑線  
    self.navigationController.navigationBar.clipsToBounds = YES; 
    

  • 方法三

    獲取導航欄邊下黑線,再隱藏!!

    //獲取 某個視圖邊下的黑線  
    - (UIImageView *)getNavBlackWithBar:(UIView *)bar {    
      if ([bar isKindOfClass:[UIImageView class]] && bar.frame.size.height < 1) {
          return (UIImageView *)bar;
      }
      for (UIView *views in bar.subviews) {
          UIImageView *imageView = [self getNavBlackWithBar:views];
          if (imageView) {
              return imageView;
          }
      }
      return nil;
    
    }
    


    使用:

    //獲取 導航欄邊下的黑線  
    UIImageView* blackLineImageView = [self getNavBlackWithBar:self.navigationController.navigationBar];
    //去掉導航欄邊下的黑線  
    blackLineImageView.hidden = YES;
    




[B].返回按鈕
  • 自己這一 ,設置 (Push到的)子層返回按鈕

    //自己的返回按鈕
    self.navigationController.navigationBar.backIndicatorImage = [UIImage imageNamed:@"navbar_icon_back"];//圖片
    UIBarButtonItem * item = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil ];
    self.navigationItem.backBarButtonItem = item;
    

    自帶返回手勢!!!
    有時候返回(設置背景圖片)時,會產生卡頓!!!!!


  • 解決:在(Push到的)子層 ,設置 返回按鈕

    //左側 返回按鈕
    UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
    //點擊按鈕  (pop操作)
    [backButton addTarget:self.navigationController action:@selector(popViewControllerAnimated:) forControlEvents:UIControlEventTouchUpInside];
    
    /** 設置 背景顏色:方便觀察Button的大小 */
    //button.backgroundColor = [UIColor grayColor];
    
    /** 設置 圖片 */
    UIImage *imgForButton = [UIImage imageNamed:@"navbar_icon_back"];
    [backButton setImage: imgForButton forState:UIControlStateNormal];
    
    /** 設置 文字 */
    NSString *titleStr = @"返回";
    [backButton setTitle:titleStr forState:UIControlStateNormal];
    //字體大小
    backButton.titleLabel.font = [UIFont systemFontOfSize:17.f];
    //字體顏色
    [backButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    
    
    /** 尺寸調整 */
    backButton.frame = CGRectMake(0, 0 , 100, 100); //硬編碼:設置UIButton位置、大小
    //文本尺寸
    CGSize titleLabelSize = [titleStr sizeWithAttributes:@{NSFontAttributeName:backButton.titleLabel.font}];
    //圖片尺寸
    CGSize buttonImageSize = imgForButton.size; 
    //最終的寬度:文本尺寸的寬度+圖片尺寸的寬度
    backButton.frame = CGRectMake(0,0,buttonImageSize.width + titleLabelSize.width, buttonImageSize.height);
    
    
    //左側的leftBarButtonItem,使用返回按鈕
    UIBarButtonItem *barButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
    self.navigationItem.leftBarButtonItem = barButtonItem;
    



隱藏返回按鈕
  • 上一層 視圖控制器 (無字,且 無點擊事件響應

    // 隱藏“返回”按鈕    可點擊(無字,且 無點擊事件響應)
    self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:self action:nil];
      
    //??將“返回”按鈕的文字設置不在界面顯示
    [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];
    


  • 下一層 視圖控制器 (直接隱藏)

    // 隱藏“返回”按鈕
    [self.navigationItem setHidesBackButton:YES];
    




[C].設置 圖片背景 setBackgroundImage

使用的圖片:

lucencyNavgationBar_ios7”:透明圖片;
navgationBar_ios7”:藍色漸變色圖片。


基本設置格式
導航欄狀態欄(作為整體)顯示的都是圖片!!

/** 設置為圖片(狀態欄+導航欄) */
UIImage * Nav_BG_img = [[UIImage imageNamed:@"navgationBar_ios7"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0) resizingMode:UIImageResizingModeStretch];//圖片 自適應大小
[self.navigationController.navigationBar setBackgroundImage:Nav_BG_img forBarMetrics:UIBarMetricsDefault];
效果:


錯誤展示

導航欄背景圖片(backgroundImage) 設置為 無圖片image 或 “nil”。

//設置導航欄背景圖片 為 無圖片的image
[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];

或者:

//設置導航欄背景圖片 為 nil
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];


效果:


總結
  • 1.因為導航欄是同一個!而每個界面里導航欄造型 不同
    設置背景圖片,改變導航欄的外觀!需要對每個界面出現前(在“-(void)viewWillAppear:(BOOL)animated { }”里)進行設置!

    需要“-(void)viewWillAppear:(BOOL)animated { }”、“-(void)viewWillDisappear:(BOOL)animated { }”配合使用!

  • 2.使用圖片背景來設置界面里導航欄造型時,能使 系統自帶的“返回按鈕,不然會出現“跳轉卡頓”的現象!

    需在每個界面里,設置各界面的“返回按鈕!(在當前層里,設置返回按鈕)




讓頁面導航欄透明:(背景圖片 設置為透明圖片)

//透明的圖片
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"lucencyNavgationBar_ios7"] forBarMetrics:UIBarMetricsDefault];

//去掉 透明導航欄邊的黑邊
[self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];

效果:



查看視圖的層次關系:






一般操作:
在“-(void)viewWillAppear:(BOOL)animated { }”里面:
//透明的圖片
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"lucencyNavgationBar_ios7"] forBarMetrics:UIBarMetricsDefault];
//去掉 透明導航欄邊的黑邊
[self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];
在“-(void)viewWillDisappear:(BOOL)animated { }”里面,重置:
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
//顯示 透明導航欄邊的黑邊
[self.navigationController.navigationBar setShadowImage:nil];


對于push到的界面:

根據下個界面的導航欄造型是否改變!
在下個界面的“-(void)viewWillAppear:(BOOL)animated { }”里,重新設置navigationBar背景圖片!!




[D]. 隱藏導航欄
  • 顯示 導航欄:
    最佳:
    [self.navigationController setNavigationBarHidden:NO animated:YES];

    不建議:
    self.navigationController.navigationBarHidden = NO;

    self.navigationController.navigationBar.hidden = NO;

    顯示導航欄 效果:
    本層:當前界面
    下一層:push到的界面



  • 隱藏 導航欄:
    最佳:
    [self.navigationController setNavigationBarHidden:YES animated:YES];

    不建議:
    self.navigationController.navigationBarHidden = YES;

    self.navigationController.navigationBar.hidden = YES;

    隱藏導航欄 效果:
    本層:當前界面
    下一層:push到的界面



使用實例

僅僅在某個視圖控制器中,隱藏navigationBar!

-(void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    //隱藏 navigationBar
    [self.navigationController setNavigationBarHidden:YES animated:YES];
}

-(void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    //顯示 navigationBar
    [self.navigationController setNavigationBarHidden:NO animated:YES];
}

效果:




[E]. 適配 導航欄

當前視圖控制器里的UIScrollView,自動適配導航欄
self.automaticallyAdjustsScrollViewInsets = NO; //自動適配 導航欄


修改當前視圖控制器的“edgesForExtendedLayout”屬性:
self.edgesForExtendedLayout = UIRectEdgeNone; //布局 從導航欄下面開始
將“edgesForExtendedLayout”屬性 設置為UIRectEdgeNone,那么布局就是從導航欄下面開始!!!




[F]. 背景色設置

基本格式:“setBackgroundColor:

展示例子??:
[self.navigationController.navigationBar setBackgroundColor:[UIColor blueColor]];

UIImage * Nav_BG_img = [[UIImage imageNamed:@"navgationBar_ios7"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0) resizingMode:UIImageResizingModeStretch];//圖片 自適應大小
[self.navigationController.navigationBar setBackgroundImage:Nav_BG_img forBarMetrics:UIBarMetricsDefault]; //跳轉遲鈍


背景圖片” 和 “背景色” 的區別

但是使用 設置“背景色”,需要配合設置 狀態欄顏色




barTintColor

涉及到UIVisualEffectView


在界面跳轉時,導航欄顏色變化會有UIVisualEffectView的效果!一般不設置“setBarTintColor”。


展示例子??:
[self.navigationController.navigationBar setBarTintColor:[UIColor redColor] ];


背景圖片(backgroundImage)”、“barTintColor” 和 “背景色(backgroundColor)” 的區別:

barTintColor:紅色
















goyohol's essay

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

推薦閱讀更多精彩內容