ステータスバーとナビゲーションバーがiOS 7のビューの境界の上に表示される

最近、Xcode 5 DPをダウンロードしてiOS 7でアプリをテストしました。最初に気づき、確認したのは、ステータスバーとナビゲーションバーに合わせてビューの境界が常にサイズ変更されるわけではないということです。

ではviewDidLayoutSubviews、ビューの境界を印刷します。

{{0、0}、{320、568}}

これにより、コンテンツがナビゲーションバーとステータスバーの下に表示されます。

メイン画面の高さを取得し、ステータスバーの高さとナビゲーションバーの高さを差し引くことで、自分で高さを計算できることはわかっていますが、これは不要な余分な作業のようです。

この問題を解決するにはどうすればよいですか？

更新：

この特定の問題の解決策を見つけました。ナビゲーションバーの半透明プロパティをNOに設定します。

self.navigationController.navigationBar.translucent = NO;

これにより、ビューがナビゲーションバーとステータスバーの下にフレーム化されなくなります。

ただし、ナビゲーションバーを半透明にしたい場合の解決策は見つかりませんでした。たとえば、写真を全画面で表示する場合、ナビゲーションバーを半透明にして、その下にビューをフレームで囲みます。それは機能しますが、ナビゲーションバーの表示/非表示を切り替えると、さらに奇妙な結果が発生しました。最初のサブビュー（UIScrollView）は、境界yの原点を毎回変更します。

これを実現するにはedgesForExtendedLayout、iOS7 SDKで呼び出される新しいプロパティを実装します。これを実現するには、次のコードを追加してください。

if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
        self.edgesForExtendedLayout = UIRectEdgeNone;

-(void)viewDidLoadメソッドに上記を追加する必要があります。

iOS 7では、UIのレイアウトと外観をカスタマイズする方法にいくつかの変更が加えられています。ビューコントローラーのレイアウト、ティントカラー、フォントの変更は、アプリ内のすべてのUIKitオブジェクトに影響します。さらに、ジェスチャレコグナイザAPIの機能強化により、ジェスチャ操作をより細かく制御できます。

ビューコントローラーの使用

iOS 7では、ビューコントローラーは全画面レイアウトを使用します。同時に、iOS 7では、ビューコントローラーがビューをレイアウトする方法をより詳細に制御できます。特に、フルスクリーンレイアウトの概念は、ビューコントローラーがビューの各エッジのレイアウトを指定できるように改良されました。

wantsFullScreenLayoutあなたが現在指定した場合、ビューコントローラのプロパティは、iOS 7で廃止されましたwantsFullScreenLayout = NO、それはiOSの7で実行したときに、ビューコントローラは、予期しない画面位置でそのコンテンツを表示することができます。

ビューコントローラーがビューをレイアウトする方法を調整するにUIViewController は、次のプロパティを提供します。

• edgeForExtendedLayout

edgesForExtendedLayoutプロパティは使用UIRectEdgeなし、すべてを指定しないことに加えて、矩形の4辺のそれぞれを指定するタイプを、。edgesForExtendedLayoutバーの半透明性に関係なく、ビューのどのエッジを拡張するかを指定するために使用します。デフォルトでは、このプロパティの値はUIRectEdgeAllです。

• extendedLayoutIncludesOpaqueBars

デザインで不透明なバーを使用する場合edgesForExtendedLayoutは、extendedLayoutIncludesOpaqueBarsプロパティ もNOに設定して調整します。（のデフォルト値extendedLayoutIncludesOpaqueBarsはNOです。）

• automaticallyAdjustsScrollViewInsets

スクロールビューのコンテンツインセットを自動的に調整しない場合は、NOに設定automaticallyAdjustsScrollViewInsetsします。（のデフォルト値はYESです。）automaticallyAdjustsScrollViewInsets

• topLayoutGuide、bottomLayoutGuide

topLayoutGuide及びbottomLayoutGuide特性は、ビューコントローラのビューの上部または下部のバーのエッジの位置を示します。バーがビューの上部または下部に重なる場合、Interface Builderを使用topLayoutGuideして、bottomLayoutGuideの下部または上部に制約を作成することにより、バーを基準にビューを配置できます。（バーがビューに重ならない場合、の下部はビュー topLayoutGuideの上部と同じで、上部はビュー bottomLayoutGuideの下部と同じです。）要求されたときに両方のプロパティが遅延して作成されます。

参照してください、アップルドキュメント

すべてをシフトダウンする距離を計算する必要はありません。このためのプロパティが組み込まれています。Interface Builderで、ビューコントローラーを強調表示して、属性インスペクターに移動します。ここで、「エッジの延長」という単語の横にチェックボックスがいくつか表示されます。ご覧のとおり、最初のスクリーンショットでは、デフォルトの選択ではコンテンツが上部バーと下部バーの下に表示されますが、不透明バーの下には表示されません。そのため、バースタイルを半透明に設定しないとうまくいきません。

最初のスクリーンショットを見るとわかるように、ナビゲーションバーの下に2つのUI要素が隠れています。（私はこれを説明するためにIBでワイヤーフレームを有効にしました）これらの要素、UIButtonおよびUISegmentedControlはどちらも「y」の原点がゼロに設定されており、ビューコントローラーは上部バーの下のコンテンツを許可するように設定されています。

この2番目のスクリーンショットは、[トップバーの下]チェックボックスをオフにするとどうなるかを示しています。ご覧のとおり、ビューコントローラビューは、y原点がナビゲーションバーの真下になるように適切に下に移動されています。

これは、を使用してプログラムで実行することもでき-[UIViewController edgesForExtendedLayout]ます。edgeForExtendedLayoutとUIRectEdgeのクラスリファレンスへのリンクは次のとおりです

[self setEdgesForExtendedLayout:UIRectEdgeNone];

私は自分のビューをプログラムで作成し、これが私のために働いてしまいました：

- (void) viewDidLayoutSubviews {
    // only works for iOS 7+
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;

        // snaps the view under the status bar (iOS 6 style)
        viewBounds.origin.y = topBarOffset * -1;

        // shrink the bounds of your view to compensate for the offset
        viewBounds.size.height = viewBounds.size.height + (topBarOffset * -1);
        self.view.bounds = viewBounds;
    }
}

ソース（pg.39下部のtopLayoutGuideセクション）。

iOS 10以降のNIB / XIBファイルでも機能するSwift 3 / Swift 4ソリューション：

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

ビューに半透明のナビゲーションバーを表示したい場合（これは一種の見栄えです）、contentInsetなどを設定する必要があります。

ここに私がそれをする方法があります：

// Check if we are running on ios7
if([[[[UIDevice currentDevice] systemVersion] componentsSeparatedByString:@"."][0] intValue] >= 7) {
      CGRect statusBarViewRect = [[UIApplication sharedApplication] statusBarFrame];
      float heightPadding = statusBarViewRect.size.height+self.navigationController.navigationBar.frame.size.height;

      myContentView.contentInset = UIEdgeInsetsMake(heightPadding, 0.0, 0.0, 0.0);
}

edgesForExtendedLayoutただし、iOS 7 SDKでアプリをビルドしてiOS 6にデプロイすると、ナビゲーションバーが半透明になり、ビューがその下に表示されます。したがって、iOS 7とiOS 6の両方で修正するには、次のようにします。

self.navigationController.navigationBar.barStyle = UIBarStyleBlackOpaque;
if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
    self.edgesForExtendedLayout = UIRectEdgeNone;   // iOS 7 specific

アプリのplistファイルに行を追加し、「コントローラーベースのステータスバーの外観を表示する」と呼び、NOに設定します。

最も簡単なトリックは、NIBファイルを開き、次の2つの簡単な手順を実行することです。

1. それを切り替えて、好きなものに設定してください：

2. 下に移動するUIView / UIIMageView / ...を選択します。私の場合、ロゴだけが重なっていたので、デルタを+15に設定しました。（またはステップ1でiOS 7を選択した場合は-15）

そして結果：

Swiftソリューション：

override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    self.edgesForExtendedLayout = UIRectEdge.None
}

Stunnerの答えを拡張して、 if、それがiOS-7であるかどうかを確認ステートメントをテストすると、アプリがクラッシュするためです。

追加は追加されます：

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)

したがって、このメソッドをMyViewControler.mファイルに追加することをお勧めします。

- (void) viewDidLayoutSubviews {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;
        viewBounds.origin.y = topBarOffset * -1;
        self.view.bounds = viewBounds;
    }
}

スウィフト3

override func viewWillAppear(_ animated: Bool) {
    self.edgesForExtendedLayout = []
}

Appleが作成したBannerViewControllerを使用して広告とBannerViewControllerに埋め込まれたScrollViewControllerを表示するシナリオがあります。

ナビゲーションバーがコンテンツを非表示にしないようにするには、2つの変更を行う必要がありました。

1）BannerViewController.mを変更します

- (void)viewDidLoad
{
   [super viewDidLoad];
   float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
   if (systemVersion >= 7.0) {
      self.edgesForExtendedLayout = UIRectEdgeNone;
   }
}

2）ScrollViewContollerを変更する

- (void)viewDidLoad
{
    [super viewDidLoad];
    float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
    if (systemVersion >= 7.0) {
        self.edgesForExtendedLayout = UIRectEdgeBottom;
    }
}

これで、広告はナビゲーションバーで覆われるのではなく、ビューの下部に正しく表示され、上部のコンテンツが途切れません。

ビューに次のコードを設定するだけで表示されます。

  if ([[[UIDevice currentDevice] systemVersion] floatValue]<= 7) {
self.edgesForExtendedLayout = UIRectEdgeNone;
 }

このように上部レイアウトに制約を加える

Swift 4.2-Xcode 10.0-iOS 12.0：

if #available(iOS 11.0, *) {} else {
  self.edgesForExtendedLayout = []
  self.navigationController?.view.backgroundColor = .white
}

私にとって、最も簡単な解決策は、2つのキーをplistに追加することです

ドロップダウンリストから「View Controller-based status bar appear」というキーをの行として追加しますinfo.plist。このようなもの：

iPad（armv7、armv7s、amr64）によるアプリで同じ問題が発生しましたが、別のUIViewControllerを表示するだけで、ステータスバーの下にナビゲーションバーが表示されます...その解決策を見つけるのに多くの時間を費やしています。私はストーリーボードとUIBuilderのInterfaceBuilderを使用しているので、フルスクリーンからプレゼンテーションを設定すると、この問題が解決します。私のアプリではiPads => iOS8.0（iOS8.1でのテスト）でのみ機能し、iOS 7.1のiPadでは機能しません。

iOS 7でステータスバーを非表示にする手順：

1.アプリケーションのinfo.plistファイルに移動します。

2.そして、セット、ビューコントローラベースのステータスバーの外観：ブールNO

ステータスバーの問題が解決したと思います。

私の場合、loadView（）が中断されました
このコードをました：self.edgesForExtendedLayout = UIRectEdgeNone

しかしloadView（）を削除した後、すべてがうまくいきました