Wie positioniere ich die Ansichten im Interface Builder für beide 3.5" und 4" Retina?

Möchte ich die position einer UIView so erscheint es in der Mitte auf beide 3.5" und 4" Retina-Bildschirme. Was ist der beste Weg, dies zu tun? Wenn ich schalten Sie alle die automatische Skalierung der Seiten bars würde ich erwarten, dass es um das ausrichten an der Mitte von dem Bildschirm, aber dies scheint nicht zu geschehen.

Ich bin glücklich, zu nutzen, die neue Autolayout, aber ich weiß nicht, wie man es zu machen.

InformationsquelleAutor jowie | 2012-11-22
  1. 21

    Befolgen Sie diese Schritte für Ihre XIB und Sie sollten immer mit der richtigen Größenanpassung für Ihre Ansichten:

    1. Nahtlose iOS4-Kompatibilität, beginnen Sie mit der Einstellung der Ansicht von oben Größe auf Retina 3,5 Größe.

    2. Entfernen Sie den parameter "Größe" für die Ansicht von oben und legen Sie es auf "none". Sie sollten nun eine Haupt-Ansicht mit der korrekten Größe, aber ohne eine Feste Größe option.

    3. Schalten Sie alle automatische Skalierung der Seiten vertikal für die top-Ansicht unter dem "Size inspector" - Registerkarte.

    4. Für jede der Untersichten tun die folgende

      • Wählen Sie die Ansicht und gehen Sie zu den Size Inspector-Registerkarte
      • Wählen Sie Anordnung (vertikal Zentrieren oder ausrichten)
      • Wenn Sie wollen, dass es zentriert ist, entfernen Sie die sowohl die Ausrichtung der Marker in die automatische Skalierung der Seiten-box. Wählen Sie einen von Ihnen, wenn Sie wollen, dass es "sticky" oder beide, wenn Sie wollen, es zu füllen Elternteil.
      • Wählen Sie, wenn es sollte in der Größe verändert werden relativ oder nicht, durch die Hervorhebung oder unhighlighting der vertikale Doppel-Spitzer Pfeil"
      • Stellen Sie sicher, dass alle Elemente, die sich auf Ihre vorgesehenen Plätze in Ihr 3,5" - anzeigen an dieser Stelle - dies ist entscheidend für Sie zu arbeiten auf iOS4.

    5. Speichern Sie Ihre änderungen. Prüfen Sie, ob Sie erfolgreich waren mit Ihrem autoresizing durch Auswahl der Ansicht von oben und wählen Sie " Größe: "4 Retina Full Screen". Wenn Sie dies tun, Ihrer Ansicht Aussehen sollte das gewünschte Ergebnis.

    6. Die änderung rückgängig machen, in 5 (so, dass die view in der xib-hat der 3.5 Größe wieder, aber die Größe-option auf "None" gesetzt, speichern Sie und führen Sie Ihre app aus.

    Dies funktioniert mit iOS4 auch, weil die Größe der anzeigen ist bereits optimiert für Retina-3.5 somit keine automatische Skalierung der Seiten verwendet wird, für die älteren Bildschirm Größe.

    In einigen Fällen ist es nicht möglich, die genaue richtige Größe/Positionierung für alle Elemente. In diesen Fällen müssen Sie programmgesteuert ändern Sie die Aussicht Größen-position für den 4" - Bildschirm Größe.

    • Sorry, ich habe nicht die chance bekommen, zu versuchen, diese out-heute... ich werde bald und lassen Sie Sie wissen, wie ich auf danke! Ich nehme an, dass diese Methode mit Auto-Layout ausgeschaltet?
    • Ich fürchte, ich bin fest auf Punkt 3. Wo ist die Registerkarte "Ansicht"? Die Größe inspector ist, wo alle Parameter für die automatische Skalierung der Seiten sind.
    • Ich habe dies jedenfalls, weil Sie Ihre Stelle über legen, was für eine 3,5" - Bildschirm ist der wichtigste Punkt hier. Jedoch, ändern der Größe-Parameter auf "none" scheint nicht zu keinen Unterschied machen, für mich. Ich kann auch wechseln fröhlich zwischen 3,5" und 4" Größen zu überprüfen, ist es richtig funktioniert. Es scheint sehr seltsam, dass die Größenänderung Parameter für das neue iPhone 5 besser funktionieren mit den alten Methoden die automatische Skalierung der Seiten!
    • Sorry für eine späte Reaktion. Ja ich habe gerade gesehen, dass ich es lese falsch, es sollte die Größe Inspektor in Punkt 3. Der Wechsel zu keiner könnte nicht eine Wirkung haben, außer, dass Sie können ändern Sie die Größe des views im Interface Builder. Aber für mich ist es sinnvoll, nicht sperren Sie es auf eine Feste Größe. Ich hoffe, Sie haben, es funktioniert endlich =)
    InformationsquelleAutor jake_hetfield
  2. 3

    Zur center-Sicht auf seine Eltern (container) betrachten, in IB mit autolayout:

    • Wählen Sie Ansicht
    • gehen Sie zu Menü, und wählen Sie Editor->Align->Horizontal - /Vertikal-Center in der Container-option

    Allerdings können Sie verwenden, autolayout nur, wenn Sie Unterstützung iOS 6 und höher, wenn Sie den Gegner früheren OS-Versionen müssen Sie auf andere Methoden (z.B. Einstellung Zentrierung Ansicht mit code, wie Eric vorgeschlagen)

    • Danke! Eine Sache, die ich vergaß zu erwähnen, obwohl, meine app ist für iOS 4 und höher. Wird dies in Ordnung sein? Ich habe eingestellt, dass das Deployment Target auf 4.0 und es nicht beschweren, wenn ich es kompilieren auf meinem iOS-6-Geräte...
    • Leider funktioniert das nicht auf meinem iPhone 4S. Es zeigt sich ordnungsgemäß auf dem iPod touch 5G, aber wenn ich mir auf meinem iPhone (3,5" display), der Blick ist ausgerichtet an den unteren Rand des Bildschirms.
    • Sie müssen Ihre design-Ansicht mit 3,5" in mind zuerst, dann legen Sie die automatische Skalierung der Seiten-Optionen, so dass Sie richtig Strecken, um 4". Sie können es testen, so dass es korrekt im Interface builder. Siehe meine Antwort, wie ich es tun.
    InformationsquelleAutor Vladimir
  3. 0

    Hier ist, wie Sie tun würden Sie es manuell (ohne AutoLayout):

    int screenWidth = [[UIScreen mainScreen] applicationFrame].size.height;
int screenHeight = [[UIScreen mainScreen] applicationFrame].size.width;

UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(0,0,100,200)];
[myView setCenter:CGPointMake(screenWidth/2, screenHeight/2)];

[self.view addSubview:myView];
    • Ich weiß, wie es im code vielen Dank, aber da habe ich eine Menge von nib-Dateien, die ich würde viel lieber erfahren, wie es in den Interface Builder.
    InformationsquelleAutor Eric
Schreibe einen Kommentar