Schwarze Balken oben und unten im iPhone X Simulator sehen


132

Wenn ich meine App im iPhone X Simulator (GM Seed) starte, bemerke ich zwei seltsame Effekte:

  • Die App nutzt nicht den gesamten Bildschirmbereich (oberer und unterer Bereich sind schwarz).
  • ein seltsamer weißer Balken unter der Titelleiste

Geben Sie hier die Bildbeschreibung ein

Weiß jemand, was hier passiert und wie man das löst? Ich kann im Interface Builder keine neuen Einstellungen finden.


1
Verwenden Sie eine Startbildschirmdatei oder starten Sie Bilder? Verwenden Sie das automatische Layout?
rmaddy

1
Starten Sie Bilder und automatisches Layout
Darko

3
Warum verwenden Sie die Startbilder im alten Stil anstelle der viel einfacheren Startbildschirmdatei? Wie auch immer, haben Sie das neue Startbild hinzugefügt, das für die neue Bildschirmgröße benötigt wird?
rmaddy

Ich kann kein Startbild für die iPhone X-Größe finden. Die Verwendung eines Startbildschirms löste jedoch beide Probleme. Bitte bearbeiten Sie Ihre Antwort und ich werde sie als beantwortet markieren. Vielen Dank!
Darko

5
Sie sollten keine Startbilder verwenden. USE Launch Screen.storyboardstatt
onmyway133

Antworten:


186

Wenn Sie Startabbilder verwenden (anstelle der viel einfacheren Startbildschirmdatei), müssen Sie für jede Gerätegröße, die Sie unterstützen möchten, das Startbild mit der richtigen Größe bereitstellen. Sobald Sie das zusätzliche Startbild hinzugefügt haben, sollte Ihre App die neue Bildschirmgröße nutzen.

Für das neue iPhone X ist ein Startbild mit einer Größe von 1125 x 2436 Pixel erforderlich, bei dem es sich um ein 3-faches Bild für 375 x 812 Pixel handelt.

Wenn Sie auf die Verwendung einer Startbildschirmdatei anstelle einzelner Startbilder umschalten, passt sich Ihre App natürlich ohne zusätzlichen Aufwand automatisch an alle Gerätegrößen an.


2
Können Sie genauer erläutern, wie Sie das neue iphoneX-Image in einen Startbildschirm integrieren können? Alle Bildsätze, die ich zu Xcode 9 hinzufüge, haben keine iphoneX-Steckplätze, sondern nur Bildsätze starten.
Christian Cerri

1
@ChristianCerri Image-Sets sind nicht an Geräte gebunden. Sie bieten Ihnen nur 1x, 2x und 3x Optionen. Ich bezog mich auf Startbilder. Dies sind die einzigen gerätespezifischen Bilder. Wenn Sie Fragen zum Hinzufügen von Bildern unterschiedlicher Größe zu einem Startbildschirm haben, stellen Sie bitte Ihre eigene Frage zu diesem Problem.
rmaddy

19
Wie zum Teufel starten Bilder im Zusammenhang mit Blackbar oben und unten auf dem iPhone X Simulator?
TomSawyer

1
@TomSawyer Wenn Ihre App kein Startbildschirm-Storyboard verwendet, bestimmen die Startbilder, welche Bildschirmgrößen Ihre App unterstützt.
rmaddy

1
Siehe Antwort von @sabiland, wenn Sie immer noch schwarze Balken sehen und einen Startbildschirm verwenden. Wäre toll, wenn diese Antwort mit dem Leckerbissen ergänzt werden könnte, wie der Startbildschirm für das iPhone X richtig gestaltet wird.
Crashalot

36

Ich habe dieses Problem in iPhone X herausgefunden. Starten Sie die Bildgröße (1125 * 2436px). Führen Sie die folgenden Schritte aus. 1.i) Wählen Sie Ihren Projektnamen in Xcode. ii) Wählen Sie Ihr Projektziel aus. iii) Wählen Sie dann Bildquelle starten Geben Sie hier die Bildbeschreibung ein

  1. Sie können das Popup "Migrieren" erhalten. I) Wählen Sie "Assets" ii) Wählen Sie "Migrieren"

Geben Sie hier die Bildbeschreibung ein

  1. Wählen Sie anschließend Ihre Assets.xcassets in Ihrem Projekt aus Geben Sie hier die Bildbeschreibung ein

  2. Wählen Sie dann Bild in Assets starten. I) Wählen Sie dann AttributinspektorGeben Sie hier die Bildbeschreibung ein

  3. Überprüfen Sie abschließend Ihre Startbildquelle. Sie können sehen, Startbild starten.

Geben Sie hier die Bildbeschreibung ein


Upvoted für die Bilder. Sie sollten jedoch den Text "LaunchScreen" aus dem Textfeld "Startbildschirmdatei" in Ihrem letzten Bild entfernen.
NadtheVlad

Vielen Dank an @NadtheVlad. Bitte löschen Sie den Text "LaunchScreen" aus der Launch Screen-Datei und löschen Sie die LaunchScreen.Storyboard-Datei aus Xcode.
Karthickkck

Vielen Dank! Es war das Querformat-Kontrollkästchen von Launch Image, das Probleme verursachte, da meine App nur im Hochformat ist.
green0range

Vielen Dank, hatte das gleiche Problem und löste es durch Hinzufügen von Startbildern (eine SDL2-Anwendung)
Viktor Sehr


14

Ich habe herausgefunden, wie man das LaunchScreen-Storyboard auf dem iPhone X mit schwarzen oberen und unteren Balken behebt (obwohl ich immer noch nicht verstehe, warum dies nur auf dem iPhone X passiert ist).

Ich habe LaunchScreen Storyboard mit einem UIImageView.

Das obere und untere Ende von UIImageView muss mit dem oberen und unteren Rand von SuperView verbunden sein . NICHT zu SafeArea .


Dies löste mein Problem mit LauchScreen mit Autolayout. Aber anstatt an den Rändern festzunageln, habe ich horizontal und vertikal zentriert und die Breite / Höhe von SuperView gleichgesetzt.
Yuri Natividade

Dies funktionierte nur, nachdem im Gegensatz zu den Layout-Anleitungen auch Ansichten in anderen Storyboards an die Ansicht oben / unten angeheftet wurden. Überprüfen Sie die Storyboards im iPhone X-Modus.
Crashalot

warum ich keine Übersicht in meinem Storyboard sehen kann, wenn ich diese Einschränkung gebe
rd_

10

Ich habe es behoben, indem ich einfach zufälligen Text in das Lanch Screen FileTextfeld eingefügt habe. Ich habe nicht einmal eine Startbildschirmdatei ... XCode ist so fehlerhaft.

aktualisieren

Obwohl dies im Simulator behoben wird (immer noch sehr seltsam und unerwartet), schlägt das Hochladen einer Binärdatei auf iTunes Connect fehl, da keine LanchScreen-Datei mit dem Namen "Zufallsname" gefunden wird.


Richtig, es funktioniert für das iPhone X. aber es funktioniert nicht für andere Geräte bro.
Govaadiyo

Ja ja! Dies behebt es in xcode. Vielen Dank! Das ist gut genug zum Testen. Kauft ein echtes iPhone X, um das Xcode-Problem in Zukunft zu vermeiden und zu testen.
Phyllis Sutherland

5

Ich bin gerade darauf gestoßen, als ich versucht habe, eine App zu aktualisieren, an der ich seit einiger Zeit nicht mehr gearbeitet habe.

Unter Xcode 9.4 konnte ich dies wie folgt beheben:

  1. Fügen Sie einen Startbildschirm hinzu, indem Sie zu Datei -> Neu -> Datei ... -> Startbildschirm gehen

Geben Sie hier die Bildbeschreibung ein

  1. Stellen Sie sicher, dass das neu hinzugefügte Storyboard für den Startbildschirm unter den Projekteinstellungen als Startbildschirmdatei ausgewählt ist.

Geben Sie hier die Bildbeschreibung ein


1

Wenn Sie bereits ein Startbild mit 1125 x 2436 Pixel haben, die App jedoch immer noch nicht den Vollbildmodus verwendet, überprüfen Sie, ob Ihr Bild PNG ist.


1

wenn Sie LaunchScreen.storyboard entfernt haben; Wählen Sie Ihr Projekt, wählen Sie Ihr Projektziel, Allgemein -> App-Symbole und Bilder starten -> Bildschirmdatei starten: Wählen Sie hier Main.storyboard anstelle von LaunchScreen.storyboard


1

Hatte gerade dieses Problem ... Als ich das Projekt und das richtige Ziel auswählte, hatte ich ein Leerzeichen für die 'Startbildschirmdatei' unter den App-Symbolen und der Registerkarte Startbildschirmbilder. Ich habe es auf den Standard-LaunchScreen eingestellt und das Problem mit der Größenänderung wurde behoben.


0

Sie können einchecken, dass die Startbildschirmdatei des Projektziels nicht leer ist. Wenn sie leer ist, kann dies zu Problemen führen.Geben Sie hier die Bildbeschreibung ein


Wählen Sie Laaunchscreen.storyboard in Ziel allgemein. Ich habe das Problem behoben.
Aqib Zareen
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.