Starten Bildschirm Storyboard mit Bild zentriert iOS
1 - ich möchte an einem LaunchScreen.storyboard in meiner app
2 - In diesem Bildschirm starten ich brauche zum einfügen einer Marke Bild in der Mitte des Bildschirms
Könnte mir jemand helfen?
- Was ist der schwierige Teil?
- 1º - Bild wird nicht angezeigt!
- Dann machen Sie etwas falsch. Aber Sie haben nicht gesagt, was Sie tun, wer weiß, was es ist?
- Ich verwende ein Bild-Blick in mein Storyboard (drag 'n drop). Ein Bild ausgewählt, aber für einige Grund es nicht angezeigt wird, wenn ich meine app auf meinem Handy.
- Gut, es gibt im wesentlichen zwei Möglichkeiten: (1) Das Bild ist aus dem Bildschirm, weil Sie nicht zentrieren Sie es mit der auto-layout-constraints. Oder (2) Ihre app nicht starten Sie Ihre storyboard. Erste, was zu tun ist die Farbe Ihrer hintergrund-Ansicht, z.B. rot. Jetzt starten Sie die app. Sehen Sie einen roten Bildschirm momentan? Wenn dem so ist, bist du mit dem Start storyboard. Wenn nicht, nicht.
- "In diesem Bildschirm starten ich brauche zum einfügen einer Marke Bild in der Mitte des Bildschirms" Durch die Art und Weise, das ist falsch Verhalten. Das Startbild ist nicht der splash-screen.
- Falsch, laut Apple. Aber viele apps es tun.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich es geschafft!
Hier ist ein link mit den Schritten Bilder:
1 - Set launch Datei im tab - > Allgemeine
2 - Wählen Sie LaunchScreen.storyboard " im Projekt-navigator, wählen die option "Verwendung als Start-Bildschirm" im Datei-Inspektor
3 - Drag-and-drop eine Bildansicht innerhalb der Views-Controller-Szene
4 - Wählen Sie die Bildansicht Hinzugefügt vor, ändern Sie seine Breite und Höhe. Ich lege w x h 200
Erste, aktivieren Sie das Kontrollkästchen, und nach dem ändern der Größe auf einen Wert
Klicken Sie auf "Hinzufügen 2-Einschränkungen" - Taste
5 - Mit Bildansicht ausgewählt ist, ändern Sie position zu zentralisieren.
Erste, aktivieren Sie das Kontrollkästchen, und nach dem ändern der Größe auf einen Wert
Klicken Sie auf "Hinzufügen 2-Einschränkungen" - Taste
6 - Es ist fast geschafft!!!
Lassen Sie uns jetzt auflösen, Auto-Layout-Probleme, klicken Sie auf die Schaltfläche "Beheben" Auto-Layout "Probleme" und aktualisieren Sie frames
7 - Es ist Zeit, um aus unserem Bild
Mit Bildansicht ausgewählt, gehen Sie zu > Attribute Inspector " - Registerkarte, und wählen Sie das Bild u wollen, beachten, dass zum entfernen der Erweiterung (es ist der trick, weil das Bild Hinweis angezeigt, wenn die app auf einem echten Gerät, passiert bei mir!!!).
8 - So, CMD+R zu bauen und führen Sie Ihre app aus. Voilá!!!!!
Main.storyboard
lol... Aber anscheinend jeder IB-Datei muss eine initial view controller 😛Die Antwort von @Jhonsore funktionierte nicht für mich, leider.
Hier ist, was ich Tat bis es funktioniert:
!Hinweis Dies funktioniert auch für .xib-Dateien, die mit React Native-init
Hinzufügen der Bild-Datei
1) Unter Bild.xcassets mit der rechten Maustaste und wählen Sie " Neues Bild Eingestellt. Erstellen Sie drei verschiedene Größen von Ihr Bild (@1x, @2x @3x) und fügen Sie die Bilder, indem Sie Sie in die Steckplätze für 1x, 2x, 3x. Für 3x schlage ich vor, eine Größe von über 1200 px.
2) Namen der neuen image-Satz etwas, für Herzen lag: splash
Erstellen der Start-Bildschirm
1) Rechten Maustaste auf das Projekt, klicken Sie auf Neue Datei..., und fügen Sie einen Startbildschirm.
2) Wählen Sie Ihr Projekt und unter allgemein->App-icons und launch-images->Start-Bildschirm Datei wählen Sie Ihre neu erstellte Start-Bildschirm
3) Öffnen Sie das Start-Bildschirm
4) Wählen Sie View Controller Scene->Ansicht-Controller
5) Im rechten panel, wählen Sie " Simuliert Metriken->die Größe und ändern Sie es zu Seite Blatt
6) Im linken Fenster löschen Sie die beiden text-Eingänge (Urheber-und Projekt-Namen)
7) Hinzufügen eines Bild Anzeigen, indem Sie auf die Schaltfläche in der Abbildung unten gezeigt und ziehen es um die Mitte der Ansicht
8) Im rechten Fenster mit der Bildansicht ausgewählt, wählen Sie " Ansicht->Inhalte-Modus->Aspekt Passen. Auch fügen Sie Ihr Bild, indem Sie **Bild-Ansicht->Bild
10) Gehen Size Inspector (Lineal-Symbol, siehe screenshot) und wählen Sie die Breite und Höhe, das sieht gut aus (das skalieren auf andere Bildschirm-Formate).
11) Ziehen Sie Ihr Bild in die Mitte des Bildschirms, bis Sie finden Sie unter sowohl eine horizontale und vertikale Blaue Linie
12) Schließlich unter Autoresizing ändern das Fenster mit den Pfeilen, so sieht es aus wie in der Abbildung oben. Die äußeren Pfeile sollte deaktiviert und alle inneren Pfeile markiert.
Ergebnis
Fehlerbehebung:
Wenn Ihre Bilder nicht mit auf dem simulator, versuchen Sie, ihn neu zu starten oder versuchen Sie ein anderes Gerät auswählen.
Bus Bild Credits: Eliott Van Buggenhout
Inspector pane > Attribute Inspector > Image View > Image
.