2017-05-17 3 views
1

Ich habe eine Horizontale StackView innerhalb der vertikalen StackView.Stackview arrangieren Ausgabe

Horizontal StackView enthält ein Bild (w = 30, h = 30) und ein Label. horizontal zentriert als pro Etikett Eigen Inhalt Größe

Current

Need

Ich muss Bild & Label machen.

So sieht es aus wie ---- ----- Raum Bild & Etikett ----- Raum ---

Wie kann ich das erreichen?

Danke,

+0

Haben Sie das überprüft? http://stackoverflow.com/questions/14741713/auto-layout-constraints-center-2-side-by-side-views-in-a-parent-view – d4Rk

Antwort

0

enter image description here Sie UIView innerhalb Horizontal StackView verwenden können, fügen Sie dann Bild und Etikett auf UIView

+0

Danke für Ihre Antwort, aber es wird auch nicht funktionieren als Die Breite der Ansicht entspricht der Stapelansicht. Ich habe das schon probiert. – nirav

+0

Bitte schauen Sie sich das angehängte Bild –

+0

an, aber mein horizontales StackView befindet sich im vertikalen StackView. – nirav

1

i nur horizontal stackView verwende es Zentrum zu machen. Was ich getan habe.

Schritt 1:

mein Bild mit bestimmten Breite und Höhe machen.

Schritt 2:

sowohl in horizontaler als stackView eingefügt sind, und dass stackView Zentrum machen ausgerichtet sind.

enter image description here

enter image description here

Editiert:

Wenn ich oben vertikalen Stapel Ansicht verwenden, kann ich kein Problem für das Zentrieren Etikett und Bild finden enter image description here

enter image description here

+0

aber meine horizontale StackView innerhalb der vertikalen StackView. – nirav

+0

@nirav: - Sie können meine andere Antwort überprüfen –

0

Bitte nehmen Sie sich einen Blick auf angehängtes Bild

enter image description here

+0

meine vertikale Ansicht hat führende, Traling, oben, unten = 0, so wird dies nicht für mich funktionieren – nirav

+0

@nirav: - Bitte überprüfen Sie neues Bild –

+0

@nirav: Ich habe gerade meine bearbeitet Antworten. Fühlen Sie sich frei zu antworten, wenn Sie irgendein Problem haben. –

0

Da die VerticalStackView die HorizontalStackView zwingt gleiche Breite zu haben, Sie haben also Imageview und Etikett in einem UIView wickeln. Gefällt Ihnen dieses

enter image description here

0

enter image description here

zwei zusätzliche Ansichten hinzufügen, ich nannte es Ansicht 1 und Ansicht 2 (grüne Farbe) links und rechts des Bildes und beschriften, stellen zwei Ansichten gleiche Breite so Ihre imageView und label werden automatisch zentriert, vergessen Sie nicht die eingestellte Breite für imageView und label.Legen Sie Ansicht 1 fest und sehen Sie 2 klare Farben oder bei Bedarf eine andere Ansicht (um Hintergrund, andere Ansichten, Interaktion mit anderen Ansichten usw. zu sehen).

Verwandte Themen