Bottom-align the text of a sequence of UILabels within a horizontal UIStackView

Question

How do I programmatically align the text of a sequence of UILabels within a horizontal UIStackView so that all text is at the bottom of the views?

Below is an image of what I have and what I want. I already know how to create the views, I just can't figure out what properties or constraints are needed to get the text to align on the bottom of the views. Thanks.

top stack view shows what I can already do, bottom shows what I want to achieve

http://stackoverflow.com/questions/28605341/vertically-align-text-within-a-uilabel-note-using-autolayout. check this — mahbaleshwar hegde, May 02 '17 at 12:36
Just set your stack view alignment to bottom at the Attributes Inspector — Leo Dabus, May 02 '17 at 13:51

score 9 · Accepted Answer · answered May 02 '17 at 12:48

Related to what @mahbaleshwar mentioned, UILabels always center align. However, UIStackView has some properties that will help you achieve the view you want, maybe without the yellow backgrounds.

stackView.alignment = bottom will align everything to the bottom.

However, if you need the yellow background, you will need to place your labels in a view. The view will have the yellow background, stackView.alignment = fill will force those views to fill the space. Then, using constraints, you can pin your label to the leading, trailing and bottom edges of the parent view. The label should resize when you assign the text, giving the appearance you want.

Thanks dmorrow , that's what I was looking for and it worked perfectly. — zkon, May 03 '17 at 00:36

score 3 · Answer 2 · answered May 02 '17 at 12:52

3

You can also set a contraint between each UILabel and UIView in InterfaceBuilder too. Like this:

answered May 02 '17 at 12:52

Toldy

1,241
1
14
27

Bottom-align the text of a sequence of UILabels within a horizontal UIStackView

2 Answers2

Linked