解決ios10導航欄底部陰影線條隱藏失效問題

一、置空陰影圖片

基于iOS9,在iOS10上不好使.

[self.navigationController.navigationBar setShadowImage:[UIImage new]];

二芜赌、剪裁navigationBar

首先看看UIView的clipsToubounds屬性在SDK中的描述:

@property(nonatomic) BOOL  clipsToBounds;  
// When YES, content and subviews are clipped to the bounds of the view. Default is NO. 

這里的clip是修剪的意思嫌佑,bounds是邊界的意思是,合起來就是:如果子視圖的范圍超出了父視圖的邊界舱沧,那么超出的部分就會被裁剪掉。但是奇怪的是通過以下代碼居然可以實現(xiàn)隱藏navigationBar的底部陰影線條問題:

self.navigationController.navigationBar.clipsToBounds = YES;

對于不是特別熟悉navigationBar結構的同學而言,可能突然有點兒不理解,不過沒關系偶洋。但是,也由此引申出第三種解決辦法,請往下看熟吏。

三、遍歷navigationBar的字視圖

通過打印子視圖

NSLog(@"%@",self.navigationController.navigationBar.subviews);

可以得到相應的信息,在iOS9與iOS10上略有不同(基于iPhone6和iPhone7模擬器)
1.在iOS9上可以得到

 (
    "<_UINavigationBarBackground: 0x7fdb89714330;  
        frame = (0 -20; 375 64);  
        opaque = NO;  
        autoresize = W; 
        userInteractionEnabled = NO; 
        layer = <CALayer: 0x7fdb8978ab80>>",
    "<_UINavigationBarBackIndicatorView: 0x7fdb894232e0; 
        frame = (0 11.5; 13 21);  
        alpha = 0;  
        opaque = NO;  
        userInteractionEnabled = NO;  
        layer = <CALayer: 0x7fdb89423710>>"
)

2.在iOS10上可以得到

(
    "<_UIBarBackground: 0x7fec501051a0;
        frame = (0 -20; 375 64); 
        userInteractionEnabled = NO; 
        layer = <CALayer: 0x61800002d700>>",
    "<_UINavigationBarBackIndicatorView: 0x7fec4af05190;  
       frame = (0 11.5; 13 21); 
       alpha = 0;  
       opaque = NO;  
       userInteractionEnabled = NO;  
       layer = <CALayer: 0x61000002d0e0>>"
) 

通過上面的答應信息似乎還看不到什么太多不一樣的地方, 就是將UINavigationBarBackground 改成 UIBarBackground, 好像就是蘋果改了一個類的名字而已玄窝。然而事實遠不止如此,不僅是名字改了,其實視圖的層次結構也該了,通過子視圖沒辦法獲得太多的信息只好寫個demo看看了,話不多說直接上圖:

圖~ios9.png

圖~iOS10.png

(圖中數(shù)字是有對應關系的)

通過圖中紅色框框里的內(nèi)容知道陰影的frame = (0 64; 375 0.5);而navigationBar的frame = (0 20; 375 44); 由此知道陰影超出了navigationBar的frame,在navigationBar的下方故而通過設置self.navigationController.navigationBar.clipsToBounds = YES;能夠解決問題,但是同時也會帶來新的問題

navigationBar.png

想一想,不論是在iOS9中還是iOS10中都會是同一種結果牵寺。圖中黃色部分才是navigationBar本身的frame,相比圖ios9和圖ios10很容易看出也切掉了相當于statusBar部分的視圖。這樣,如果app的navigationBar背景色不是白色的話,那么看起來明顯很不好恩脂。由此才有以下的遍歷子視圖的方法:

- (void)hiddenNavigationBarSeparatorLine {
    if ([self.navigationController.navigationBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) {
        NSArray *list=self.navigationController.navigationBar.subviews;
        for (id obj in list) {
            if ([obj isKindOfClass:[UIView class]]) {
                UIView *imageView=(UIView *)obj;
                NSArray *list2=imageView.subviews;
                for (id obj2 in list2) {
                    if ([obj2 isKindOfClass:[UIImageView class]]) {
                        UIImageView *imageView2=(UIImageView *)obj2;
                        imageView2.hidden = YES;
                    }
                }
            }
        }
    }
}

四帽氓、改進第三種方法

其實到了第三種方法,我以為就這么結束了。而事實是在iOS10以前,也確實能夠解決問題俩块。第三種方法中''廢話''這么多不是白說的,由于navigationBar的層次結構變了,在圖~iOS10標注''3''也會被隱藏黎休。之說以這么簡單粗暴的直接隱藏主要是因為代碼是在iOS9的時候寫的,可以很簡單就知道在iOS9的時候navigationBar中的UINavigationBarBackground本身不僅僅只是負責frame,而且UINavigationBarBackground的子視圖中只有一個imageView就是陰影線條。在iOS10中,UIBarBackground其實就是將UINavigationBarBackground的背景view給抽了出來,UIBarBackground就只是負責frame,背景及陰影線條成為同一級視圖結構典阵。我覺得這樣的結構更合理一些奋渔。
在第三種方法中直接imageView2.hidden = YES;還會導致一個問題,就是如果在navigationBar中添加了某些控件比如:UIButton并且還賦值了背景圖片就是出現(xiàn)背景圖顯示不出來。因為遍歷的過程中沒有區(qū)別出我們想要隱藏的imageView,所以在遍歷時應該再找一些更加鮮明的特征壮啊。于是有了下的解決辦法:

//將第三種方法中的imageView2.hidden = YES; 
//簡單修改一下(陰影線條的的height為0.5,特征非常明顯)
imageView2.hidden = imageView2.bounds.size.height < 1;

五嫉鲸、總結

推薦使用第四種方法,至于為什么不是方法一,各位看官實踐了就知道在iOS10該方法就不好使了;方法二會帶來新的問題;方法三不夠完善。如果用的是swift可以參考這篇文章歹啼。如果各位大神還有別的想法,歡迎留言,一同進步玄渗。

參考文章:

http://www.reibang.com/p/aa547432eae0
http://www.reibang.com/p/f0d3df54baa6
http://stackoverflow.com/questions/22090314/restore-navigationbar-background-image-after-setting-it-to-uiimage-new

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末座菠,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子藤树,更是在濱河造成了極大的恐慌浴滴,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岁钓,死亡現(xiàn)場離奇詭異升略,居然都是意外死亡,警方通過查閱死者的電腦和手機屡限,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門品嚣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人钧大,你說我怎么就攤上這事翰撑。” “怎么了啊央?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵眶诈,是天一觀的道長。 經(jīng)常有香客問我瓜饥,道長逝撬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任压固,我火速辦了婚禮球拦,結果婚禮上,老公的妹妹穿的比我還像新娘帐我。我一直安慰自己坎炼,他們只是感情好,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布拦键。 她就那樣靜靜地躺著谣光,像睡著了一般。 火紅的嫁衣襯著肌膚如雪芬为。 梳的紋絲不亂的頭發(fā)上萄金,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天,我揣著相機與錄音媚朦,去河邊找鬼氧敢。 笑死,一個胖子當著我的面吹牛询张,可吹牛的內(nèi)容都是我干的孙乖。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼唯袄!你這毒婦竟也來了弯屈?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤恋拷,失蹤者是張志新(化名)和其女友劉穎资厉,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蔬顾,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡宴偿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了阎抒。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片酪我。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖且叁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情秩伞,我是刑警寧澤逞带,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站纱新,受9級特大地震影響展氓,放射性物質發(fā)生泄漏。R本人自食惡果不足惜脸爱,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一遇汞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧簿废,春花似錦空入、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至单料,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扫尖,已是汗流浹背白对。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留换怖,地道東北人黄橘。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓椰于,卻偏偏與公主長得像仪搔,于是被迫代替她去往敵國和親煮嫌。 傳聞我的和親對象是個殘疾皇子儿奶,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

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

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫框往、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,059評論 4 62
  • 目錄 0闯捎、前言 一椰弊、Auto Layout前世今生 二、Auto Layout基礎知識 1.Auto Layout...
    浮游lb閱讀 24,396評論 3 89
  • 笑來老師引用的《Beyond Feelings》一書里瓤鼻,講到人大抵要經(jīng)歷的四階段秉版。 一直停留二三階段的話,早期的“...
    云熙聊親密關系閱讀 201評論 0 0
  • 我那么努力的健身茬祷,只為了一個目的清焕,能將老婆大人一口氣背上七樓! 看看我們廣大的男性朋友,鍛煉自己的肌肉大多是為了泡...
    鐘曜閱讀 393評論 2 2
  • 我是不了解三毛的,我走不到她心里粥惧,或者我走到了键畴,但表達不來,看來道行不夠突雪,她的心很大起惕,很輕易地便容納了我,可我的心...
    M澤熙閱讀 1,563評論 8 8