2016-07-15 12 views
1

Ich bin neu in xcode Storyboard. Ich habe eine Viewcontroller, die zwei Etiketten der gleichen Breite enthalten, aber label 1 ist 80px in der Höhe und label 2 ist 40px in der Höhe.Wie zu Etiketten mit Höhe im Verhältnis 2: 1 zu erweitern?

Ich möchte diese beiden Etiketten Auto in Höhe erweitern, je nachdem, ob sie in horizontaler oder vertikaler Größenklasse angezeigt werden, aber ich will label 1 und label 2 ihre Höhenverhältnis von 2:1 zu halten.

Ich weiß, die Schritte zu ergreifen, wenn ich beide Etiketten auf die gleiche Höhe (Kontrolle ziehen von einem Etikett zum anderen, klicken Sie auf gleiche Höhe, gehen Sie zum Größeninspektor und legen Sie ihre zufriedene Priorität auf 200), aber ich weiß nicht, welche Schritte ich ausführen soll, wenn ich möchte, dass das Höhenverhältnis der Etiketten 2:1 ist und sich automatisch in der Höhe ausdehnt, je nachdem, ob es horizontal oder vertikal angezeigt wird.

enter image description here

Ich möchte die beiden Labels, nicht die Zahlen unter den Etiketten

+1

Seitenverhältnis * ist * ein Auto-Layout-Attribut, wenn Sie nicht wissen. – tktsubota

+1

"Ich möchte, dass diese beiden Beschriftungen automatisch in der Höhe maximiert werden, je nachdem, ob sie in horizontaler oder vertikaler Größenklasse angezeigt werden." Unklar, wonach Sie fragen. Was sollten ihre Höhen sein? Was bedeutet "automatisch in der Höhe erweitern"? Erweitern warum? – matt

+0

@matt Ich möchte das Verhältnis zwischen der Höhe von Label 1 und der Höhe von Label 2 2: 1 sein. Wenn zum Beispiel die Höhe von Etikett 1 80 ist, dann sollte die Höhe von Etikett 2 40 sein. Wenn die Höhe von Etikett 1 auf 100 erweitert wird, dann sollte die Höhe des Etiketts 2 50 sein. – Thor

Antwort

3

Wenn Sie Etikett 1 zweimal die Höhe des Etiketts 2 sein, dann Steuer -Ziehen von Etikett 1 2 zu beschriften und wählen Equal Heights aus dem Pop-up-Menü. Dann finden Sie diese Einschränkung in der Document Outline und bearbeiten Sie sie in der Attribute Inspector auf der rechten Seite. Ändern Sie den Multiplikator zu 2.

Xcode demo of 2X height

Wenn Sie den oberen Rand des Bildschirms und stecken Sie die Unterseite des Etiketts 1 an die Spitze der Markierung 2 und stecken die Unterseite des Etiketts 2 auf die Ansichten unten, dann diese beiden Ansichten die orangefarbene Etikett pin füllt den Raum und behält ihre relativen vertikalen Größen bei.

+0

vielen dank! Etwas so einfaches nahm mich Stunden lol kann dir nicht genug danken! Schätze wirklich deine Hilfe! – Thor

+1

Ich bin froh, dass ich Ihnen behilflich sein könnte. – vacawama

+0

Große Antwort: o – dreamBegin

1

Um den Aspekt zu erweitern Verhältnis, Strg + Ziehen von einem Punkt zum anderen auf der gleichen Ansicht verwenden. Geben Sie das Seitenverhältnis im Multiplikator ein.

Legen Sie für die automatische Größenanpassung die Anzahl der Zeilen in der Beschriftung auf 0 fest. Die Beschriftung wird in die Richtung ohne eine Einschränkung (oder die Richtung mit den Einschränkungen mit der niedrigsten Priorität) erweitert.

z. Wenn die Beschriftung vertikal erweitert werden soll, lassen Sie die untere Einschränkung aus. Um horizontal zu expandieren, lassen Sie die rechte Einschränkung aus.

1

Sie können dies einfach tun: -

zwei Etiketten Nehmen: -

enter image description here

Klicken Sie auf erste Etikett und fügen Sie die folgenden Konstanten: -

enter image description here

jetzt Ihr Label1 wird wie folgt aussehen: -

enter image description here

Klicken Sie auf zweite Markierung und fügen Sie die folgenden Konstanten: -

enter image description here

nun Ihre beiden Label wird wie folgt aussehen: -

enter image description here

aktualisieren die Rahmen : -

enter image description here

Und Ihre App laufen: -

In Landschaft

enter image description here

In Portrait

enter image description here

Hinweis: wenn man sie dort Verhältnis setzen möchten, können Sie dies tun enter image description hereenter image description here