CODEWITHSUNDEEP
iphoneiosxcodeinterface-builderxcode-storyboard
Doug Null
Doug Null

Reputation: 8327

how to make UILabel autosize text in storyboard (or interface builder), NOT programmatically

Every time I click-and-drag a UILabel to storyboard, and then add text to Text field, the text is cut off, so I then have to click-and-drag the UILabel to stretch it big enough so that the text appears.

I can't figure out how to make the UILabel automatically get big enough to fit the text.

This would save time while designing new views.

Upvotes: 61

Views: 61968

Answers (4)

Dan Alboteanu
Dan Alboteanu

Reputation: 10232

For the text label:

Set Lines to 0

Set Height to Greater than or equal to 30 (or other value)

Now the height will be adjusted based on the lines number.

Upvotes: 1

Fogmeister
Fogmeister

Reputation: 77631

On any element in Interface Builder you can select the element and hit...

Editor > Size to Fit Content (keyboard shortcut: CMD+=)

This will do a "sizeToFit" on the selected element. Labels will fit their text size, image view will resize to the image size, etc...

Upvotes: 115

Shiprack
Shiprack

Reputation: 1105

In Xcode 6.1, I had to set Content Compression Resistance Priority to a higher value, likely because I have other constraints that were conflicting, or causing the sizeToFit option to be disabled.

Content Compression Resistance Priority Before: Before After: After

Upvotes: 39

Gianluca Tranchedone
Gianluca Tranchedone

Reputation: 3598

Starting with iOS 6, there's a new API, available in Interface Builder as well called 'Auto Layout'. You can specify some contraints and UIKit will resize / move your views based on those contraints. If you don't want to use Autolayout you can use the autoresizeMask property of UIViews (which is settable in Interface Builder as well).

Check out the Autolayout Guide!

To resize the views in Interface Builder as you build them, see the reply from @Fogmeister

Upvotes: -3

Related Questions