2016.11.13 21:47* 字數 887 閱讀 791評論 0喜歡 16

一、置空陰影圖片

基于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是邊界的意思是，合起來就是：如果子視圖的范圍超出了父視圖的邊界，那么超出的部分就會被裁剪掉。但是奇怪的是通過以下代碼居然可以實現隱藏navigationBar的底部陰影線條問題:

self.navigationController.navigationBar.clipsToBounds = YES;

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

三、遍歷navigationBar的字視圖

通過打印子視圖

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

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

1.在iOS9上可以得到

(

"<_uinavigationbarbackground:>

frame = (0 -20; 375 64);

opaque = NO;

autoresize = W;

userInteractionEnabled = NO;

layer = >",

"<_uinavigationbarbackindicatorview:>

frame = (0 11.5; 13 21);

alpha = 0;

opaque = NO;

userInteractionEnabled = NO;

layer = >"

)

2.在iOS10上可以得到

(

"<_uibarbackground:>

frame = (0 -20; 375 64);

userInteractionEnabled = NO;

layer = >",

"<_uinavigationbarbackindicatorview:>

frame = (0 11.5; 13 21);

alpha = 0;

opaque = NO;

userInteractionEnabled = NO;

layer = >"

)

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

圖~ios9.png

圖~iOS10.png

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

通過圖中紅色框框里的內容知道陰影的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并且還賦值了背景圖片就是出現背景圖顯示不出來。因為遍歷的過程中沒有區別出我們想要隱藏的imageView,所以在遍歷時應該再找一些更加鮮明的特征。于是有了下的解決辦法:

//將第三種方法中的imageView2.hidden = YES;

//簡單修改一下(陰影線條的的height為0.5,特征非常明顯)

imageView2.hidden = imageView2.bounds.size.height < 1;

五、總結

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

參考文章:

總結

以上是生活随笔為你收集整理的ios 不被遮挡 阴影_解决ios10导航栏底部阴影线条隐藏失效问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。