Menu

Category

Archive

logo


UINavigationBar の境界線を隠す

2014-06-22 15:00:00 +0900
  • このエントリーをはてなブックマークに追加

通常、UINavigationBar とコンテンツの境界線に 1px の線があります。コンテンツとナビゲーションが一体に見えるデザインを採用したい際に、これを削除する方法。

1 UINavigationBar *navigationBar = self.navigationController.navigationBar;
2 UIImageView *navBarHairlineImageView = [self findHairlineImageViewUnder:navigationBar];
3 navBarHairlineImageView.hidden = YES;

大きな流れは、まず該当ビューの UINavigationBar のリファレンスを取得し、そのサブビューの中から高さが 1px のビューを探し出し、それを非表示にします。このコードでは、findHairlineImageViewUnder:(UIView *)view において、この hairline image を探します。このメソッドは、

 1 - (UIImageView *)findHairlineImageViewUnder:(UIView *)view {
 2     if ([view isKindOfClass:UIImageView.class] && view.bounds.size.height <= 1.0) {
 3         return (UIImageView *)view;
 4     }
 5     for (UIView *subview in view.subviews) {
 6         UIImageView *imageView = [self findHairlineImageViewUnder:subview];
 7         if (imageView) {
 8             return imageView;
 9         }
10     }
11     return nil;
12 }

こんな感じ。

もっといい方法がありそう。

参考

How to hide iOS7 UINavigationBar 1px bottom line