Wie Größe Klasse verwenden, um App kompatibel zu iPhone 5, iPhone 6, iPhone 6 Plus zu machen

8

Ich verwende eine Größenklasse, um meine App für iPhone 5, iPhone 6 und iPhone 6 plus kompatibel zu machen. Ich verwende dafür die kompakte Breite Reguläre Höhe:

Ist das die richtige Art, die XIB oder das Storyboard zu verwenden und die anderen Dinge auf iOS zu verlassen? Oder muss ich noch etwas anderes hinzufügen?

Es wird in allen Geräten ohne Auto-Layout perfekt angezeigt.

Muss ich noch ein paar Änderungen vornehmen? Muss ich 3x Bilder in meinem Ressourcenordner hinzufügen?

Was ist der beste Weg, um das Gleiche zu tun?

    
Samkit Jain 11.09.2014, 06:26
quelle

1 Antwort

6

Größenklassen

Nach oben Richtlinien für die Benutzerschnittstelle von iOS können wir zusammenfassen

  • Porträt : iPhone4s, iPhone5, iPhone6, iPhone6 ​​Plus verwenden alle horizontal Kompakt , vertikal Standard .

  • Landschaft : iPhone4s, iPhone5, iPhone6, alle verwenden Horizontal Kompakt , Vertikal Kompakt .

    Aber iPhone6 ​​Plus verwendet Horizontal Normal , Vertikal Kompakt

  • iPad verwendet für Landschaft und Porträt Standard , vertikal Standard / strong>

Bildauflösungen

Nach diesem Offiziellen Link wird ein 3x Image benötigt iPhone 6 Plus. Sie können die ganzen Spezifikationen sehen:

Best Practice

Sieht so aus, als ob Ihre App nur den iPhone Hochformat Modus unterstützt. In diesem Fall ist Ihre Verwendung von horizontal Kompakt , vertikal normal in Ordnung.

Am besten ist es jedoch, Ihre App mit Horizontal Beliebig , Vertikal Beliebig zu gestalten. Wenn Sie einen speziellen Fall für einige Geräte haben, z. B. für das iPad, das Regular für Hochformat und Querformat verwendet, können Sie die Ansichten und Layout-Einschränkungen für das Gerät anpassen. Die folgenden zwei Bilder zeigen, wie dieselbe Ansicht verschiedene Layouts für verschiedene Größenklassen haben kann.

  • Zeigen Sie die Any Any Klassen
  • an

  • Dieselbe Ansicht mit Regular Regular Größenklassen

Tricks

Sie können eine Vorschau des in Storyboard ausgeführten Vorgangs mit der Funktion Vorschau in xcode anzeigen. Die folgenden Schritte zeigen Ihnen, wie Sie vorgehen müssen:

  1. Platziere alle deine Ansichten im Storyboard mit verschiedenen Größenklassen

  2. Klicken Sie auf oben rechts

  3. Klicken Sie im neu geöffneten Fenster auf Vorschau hier

  1. Klicken Sie auf die Schaltfläche + und wählen Sie ein anderes Gerät für die Vorschau.

Übe dich selbst

Sie können hier ein Beispielprojekt herunterladen hier . Der Kredit geht an Stanford CS193 natürlich. Das Video, das das automatische Layout erläutert, ist Anzeigen des Controller-Lebenszyklus, Autolayout und Sie können von 31:30 zu 36:30 starten. Aber ich empfehle Ihnen dringend, das ganze Video zu überprüfen, um das Gesamtbild zu erhalten.

    
Ethan Fang 27.05.2015, 17:06
quelle

Tags und Links