Die Statusleiste und die Navigationsleiste werden in iOS 7 über den Grenzen meiner Ansicht angezeigt

Ich habe kürzlich Xcode 5 DP heruntergeladen , um meine Apps in iOS 7 zu testen. Als erstes habe ich festgestellt und bestätigt, dass die Größe meiner Ansicht nicht immer geändert wird, um die Statusleiste und die Navigationsleiste zu berücksichtigen.

In viewDidLayoutSubviewsdrucke ich die Grenzen der Ansicht:

{{0, 0}, {320, 568}}

Dies führt dazu, dass mein Inhalt unter der Navigationsleiste und der Statusleiste angezeigt wird.

Ich weiß, dass ich die Höhe selbst erklären kann, indem ich die Höhe des Hauptbildschirms erhalte, die Höhe der Statusleiste und die Höhe der Navigationsleiste subtrahiere, aber das scheint unnötige zusätzliche Arbeit zu sein.

Wie kann ich dieses Problem beheben?

Aktualisieren:

Ich habe eine Lösung für dieses spezielle Problem gefunden. Setzen Sie die durchscheinende Eigenschaft der Navigationsleiste auf NO:

self.navigationController.navigationBar.translucent = NO;

Dadurch wird verhindert, dass die Ansicht unter der Navigationsleiste und der Statusleiste eingerahmt wird.

Ich habe jedoch keine Lösung für den Fall gefunden, dass die Navigationsleiste durchscheinend sein soll. Wenn Sie beispielsweise ein Foto im Vollbildmodus anzeigen, möchte ich, dass die Navigationsleiste durchscheinend ist und die Ansicht darunter eingerahmt wird. Das funktioniert, aber wenn ich die Navigationsleiste ein- oder ausblende, habe ich noch seltsamere Ergebnisse erzielt. Bei der ersten Unteransicht (einer UIScrollView) werden die Grenzen und der Ursprung jedes Mal geändert.

Sie können dies erreichen, indem Sie eine neue Eigenschaft implementieren, die edgesForExtendedLayoutim iOS7 SDK aufgerufen wird. Bitte fügen Sie den folgenden Code hinzu, um dies zu erreichen:

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

Sie müssen das oben Genannte in Ihre -(void)viewDidLoadMethode aufnehmen.

iOS 7 bringt verschiedene Änderungen am Layout und der Anpassung des Erscheinungsbilds Ihrer Benutzeroberfläche mit sich . Die Änderungen im Layout, in der Farbtonfarbe und in der Schriftart des View-Controllers wirken sich auf alle UIKit- Objekte in Ihrer App aus. Darüber hinaus bieten Verbesserungen der Gestenerkennungs-APIs eine genauere Kontrolle über Gesteninteraktionen.

View Controller verwenden

In iOS 7 verwenden View Controller das Vollbild-Layout. Gleichzeitig bietet Ihnen iOS 7 eine genauere Kontrolle darüber, wie ein Ansichts-Controller seine Ansichten anordnet. Insbesondere wurde das Konzept des Vollbild-Layouts verfeinert, damit ein Ansichts-Controller das Layout jeder Kante seiner Ansicht festlegen kann.

Die wantsFullScreenLayoutView Controller-Eigenschaft ist in iOS 7 veraltet. Wenn Sie derzeit angeben wantsFullScreenLayout = NO, zeigt der View Controller seinen Inhalt möglicherweise an einem unerwarteten Bildschirmort an, wenn er in iOS 7 ausgeführt wird.

UIViewController Folgende Eigenschaften stehen zur Verfügung, um anzupassen, wie ein Ansichtscontroller seine Ansichten anordnet:

• KantenForExtendedLayout

Die edgesForExtendedLayoutEigenschaft verwendet den UIRectEdgeTyp, der jede der vier Kanten eines Rechtecks ​​angibt und zusätzlich keine und alle angibt. Verwenden Sie edgesForExtendedLayoutdiese Option, um anzugeben, welche Kanten einer Ansicht unabhängig von der Balkentransparenz erweitert werden sollen. Standardmäßig ist der Wert dieser Eigenschaft UIRectEdgeAll.

• ExtendedLayoutIncludesOpaqueBars

Wenn Ihr Design undurchsichtige Balken verwendet, verfeinern Sie dies, edgesForExtendedLayoutindem Sie die extendedLayoutIncludesOpaqueBarsEigenschaft ebenfalls auf NO setzen . (Der Standardwert von extendedLayoutIncludesOpaqueBarsist NO .)

• autoAdjustsScrollViewInsets

Wenn Sie nicht möchten, dass die Inhaltseinfügungen einer Bildlaufansicht automatisch angepasst werden, setzen Sie automaticallyAdjustsScrollViewInsetsauf NEIN . (Der Standardwert von automaticallyAdjustsScrollViewInsetsist JA .)

• topLayoutGuide, bottomLayoutGuide

Die Eigenschaften topLayoutGuideund bottomLayoutGuidegeben die Position der oberen oder unteren Balkenkanten in der Ansicht eines Ansichtscontrollers an. Wenn sich Balken oben oder unten in einer Ansicht überlappen sollen, können Sie die Ansicht mit dem Interface Builder relativ zur Leiste positionieren, indem Sie Einschränkungen am unteren topLayoutGuideoder oberen Rand von bottomLayoutGuide erstellen. (Wenn keine Balken die Ansicht überlappen sollten, entspricht der untere Rand topLayoutGuidedem oberen Rand der Ansicht und der obere bottomLayoutGuideRand dem unteren Rand der Ansicht.) Beide Eigenschaften werden auf Anforderung träge erstellt.

Bitte beziehen Sie sich auf Apple Doc

Sie müssen nicht berechnen, wie weit Sie alles nach unten verschieben müssen, dafür gibt es eine eingebaute Eigenschaft. Markieren Sie im Interface Builder Ihren Ansichtscontroller und navigieren Sie zum Attributinspektor. Hier sehen Sie einige Kontrollkästchen neben den Worten "Kanten verlängern". Wie Sie sehen können, wird im ersten Screenshot standardmäßig der Inhalt unter den oberen und unteren Balken angezeigt, jedoch nicht unter den undurchsichtigen Balken. Daher hat es für Sie funktioniert, den Balkenstil auf nicht durchscheinend einzustellen.

Wie Sie im ersten Screenshot sehen können, verstecken sich zwei UI-Elemente unter der Navigationsleiste. (Ich habe Wireframes in IB aktiviert, um dies zu veranschaulichen.) Bei diesen Elementen, einem UIButton und einem UISegmentedControl, ist der Ursprung "y" auf Null gesetzt, und der Ansichts-Controller ist so eingestellt, dass Inhalte unterhalb der oberen Leiste zulässig sind.

Dieser zweite Screenshot zeigt, was passiert, wenn Sie das Kontrollkästchen "Unter den oberen Balken" deaktivieren. Wie Sie sehen können, wurde die Ansicht der Ansichtssteuerung entsprechend nach unten verschoben, damit sich ihr y-Ursprung direkt unter der Navigationsleiste befindet.

Dies kann auch programmgesteuert durch die Verwendung von erreicht werden -[UIViewController edgesForExtendedLayout]. Hier ist ein Link zur Klassenreferenz für edgeForExtendedLayout und für UIRectEdge

[self setEdgesForExtendedLayout:UIRectEdgeNone];

Ich habe meine Ansicht programmgesteuert erstellt und dies hat für mich funktioniert:

- (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;
    }
}

Quelle (im Abschnitt topLayoutGuide unten auf Seite 39).

Swift 3 / Swift 4-Lösung, die auch mit NIBs / XIB-Dateien in iOS 10+ funktioniert:

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

Wenn die Ansicht die durchscheinende Navigationsleiste haben soll (was irgendwie nett ist), müssen Sie ein contentInset oder ähnliches einrichten.

So mache ich das:

// 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);
}

edgesForExtendedLayoutmacht den Trick für iOS 7. Wenn Sie die App jedoch über das iOS 7 SDK erstellen und in iOS 6 bereitstellen, wird die Navigationsleiste durchscheinend und die Ansichten darunter angezeigt. Gehen Sie folgendermaßen vor, um das Problem sowohl für iOS 7 als auch für iOS 6 zu beheben:

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

Fügen Sie in der Plist-Datei Ihrer Apps eine Zeile hinzu, nennen Sie sie "Controller-basiertes Erscheinungsbild der Statusleiste anzeigen" und setzen Sie sie auf NO .

Der einfachste Trick besteht darin, die NIB- Datei zu öffnen und diese beiden einfachen Schritte auszuführen:

1. Schalten Sie das einfach um und stellen Sie es auf das ein, das Sie bevorzugen:

2. Wählen Sie die UIViews / UIIMageViews / ... aus, die nach unten verschoben werden sollen. In meinem Fall wurde nur das Logo überlappt und ich habe das Delta auf +15 gesetzt. (ODER -15, wenn Sie in Schritt 1 iOS 7 ausgewählt haben)

Und das Ergebnis :

Schnelle Lösung:

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

Ich möchte Stunners Antwort erweitern und eine hinzufügen if Erklärung zu überprüfen, ob es sich um iOS-7 handelt, da meine App beim Testen unter iOS 6 abstürzen würde.

Der Zusatz würde hinzufügen:

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

Daher würde ich vorschlagen, diese Methode zu Ihrer MyViewControler.mDatei hinzuzufügen :

- (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;
    }
}

Swift 3

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

Ich habe ein Szenario, in dem ich den von Apple geschriebenen BannerViewController zum Anzeigen meiner Anzeigen und einen in den BannerViewController eingebetteten ScrollViewController verwende.

Um zu verhindern, dass die Navigationsleiste meinen Inhalt verbirgt, musste ich zwei Änderungen vornehmen.

1) Ändern Sie BannerViewController.m

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

2) Ändern Sie meinen ScrollViewContoller

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

Jetzt werden die Anzeigen am unteren Rand der Ansicht korrekt angezeigt, anstatt von der Navigationsleiste abgedeckt zu werden, und der Inhalt oben wird nicht abgeschnitten.

Stellen Sie einfach den folgenden Code in der Ansicht ein.

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

Machen Sie eine Einschränkung für das Top-Layout wie folgt

Swift 4.2 - Xcode 10.0 - iOS 12.0:

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

Für mich besteht die einfachste Lösung darin, zwei Schlüssel in die Liste aufzunehmen

Fügen Sie den Schlüssel "View Controller-basiertes Erscheinungsbild der Statusleiste" aus der Dropdown-Liste als Zeile in hinzu info.plist. Etwas wie das:

Ich hatte das gleiche Problem mit meiner App von iPads (armv7, armv7s, amr64), nur indem ich einen anderen UIViewController präsentierte und nach dessen Entlassung die Navigationsleiste unter der Statusleiste angezeigt wird ... Ich verbringe viel Zeit damit, eine Lösung dafür zu finden. Ich verwende Storyboard und in InterfaceBuilder für UIViewController, was schrecklich macht. Ich habe Presentation from FullScreen -> Current Context eingestellt und dieses Problem behoben. Es funktioniert in meiner App nur für iPads => iOS8.0 (Testen mit iOS8.1) und für iPads mit iOS 7.1 funktioniert es nicht !!

Schritte zum Ausblenden der Statusleiste in iOS 7:

1.Gehen Sie zu Ihrer Anwendungsinfo.plist-Datei.

2.Und Set, View Controller-basiertes Statusleisten-Erscheinungsbild: Boolean NO

Hoffe, ich habe das Problem mit der Statusleiste gelöst .....

In meinem Fall wurde loadView () unterbrochen
diesen Code : self.edgesForExtendedLayout = UIRectEdgeNone

aber nach dem Löschen von loadView () hat alles gut funktioniert