How to break line of a UILabel dynamically with text?

Question

I have a UILabel and I want to show some text in this label. I want to increase the label width at most 70% of the full screen of my device. If text length of that label doesn't fit this 70% of size then the label automatically goes to the next line as long as the text length. Every time the label length cross the 70% width of main screen then lines break as well. I have tried several ways but unable to solve yet. Please help me to solve this.

Thanks in advance;

Possible duplicate of [How to do multiline UILabel in ios?](http://stackoverflow.com/questions/7996108/how-to-do-multiline-uilabel-in-ios) — RajeshKumar R, Mar 14 '17 at 05:19

score 5 · Accepted Answer · edited Aug 26 '20 at 19:38

5

Drag a label to your storyboard and add top and leading constraints to it.

Now select the label and control drag to the view holding the label (in your case view of ViewController) you will see the pop up and then select equal width

Now your Label's width is equal to your view's width :) That's not you want you want ur label width to be 70% of your view. So select the equal constraint of label, go to property inspector and change the multiplier to 0.7

Now your label width is 70% of your view!

But you don't want it to be 70% always. It can be at max 70% of screen, so now change the relationship of constraint from being equal to less than or equal to.

select label and change number of lines to 0.

That's it :) have fun :)

Sample O/P:

When text is short - vs - long:

- - -

EDIT:

Not using a storyboard? Not a problem; write the same constraint programmatically and apply it to label simple enough. If you need help lemme know :)

EDIT:

As you have specified that you want to leave the gap at the beginning of each line in label you can achieve it by using Edge insets

- (void)drawTextInRect:(CGRect)rect {
    UIEdgeInsets insets = {0, 5, 0, 0};
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];
}

edited Aug 26 '20 at 19:38

shim

9,289
12
69
108

answered Mar 14 '17 at 05:19

Sandeep Bhandari

19,999
5
45
78

Thanks. How can I add a gap in the beginning of every line? Is it possible to have label length as long as text length (only for last line)? – Samiul Islam Sami Mar 14 '17 at 05:48
You can add gap in the beginning of every line by using Content insets buddy :) for that to work you will have to create a subclass of your label override draw() method create a content inset and set it using labels one of the init :) about having varying length yes you can if you are ready to create subclass of NSTextStorage class and override its various methods (little complicated but do able :)) – Sandeep Bhandari Mar 14 '17 at 05:52
@samiul-islam-sami : Updated my code to leave gap at the beginning of each line in label have a look :) – Sandeep Bhandari Mar 14 '17 at 05:59
@samiul-islam-sami : Please consider accepting the answer if it helped – Sandeep Bhandari Mar 14 '17 at 06:06
It shows error with No visible @interface for 'UIViewController' declares the selector 'drawTextInRect:'. My super class in UIViewController. – Samiul Islam Sami Mar 14 '17 at 06:44
@samiul-islam-sami : drawTextInRect is a method of UILabel and not UIViewController. Create a subclass of UILabel and override the method drawTextInRect finally select your UILabel in storyboard and change its class to your custom subclass else no code that you have written in your subclass will execute :D – Sandeep Bhandari Mar 14 '17 at 06:45

score 3 · Answer 2 · answered Mar 14 '17 at 05:29

You must have forgotten to increase the label's height. The code below is for allowing the UILabel to have multiple lines:

label.numberOfLines = 0; 
label.lineBreakMode = NSLineBreakByWordWrapping;

Then you have to make sure the UILabel's frame has enough height to show the lines. You can achieve this by calculating the required height for the given text (NSString):

NSString *text = @"YourText";
CGFloat your70Width; // whatever your width is
CGSize constraintSize = CGSizeMake(your70Width, MAXFLOAT);
UIFont *yourLabelFont; // whatever your font is
CGRect requiredFrame = [text boundingRectWithSize:constraintSize options:NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName:yourLabelFont} context:nil];

// Keeps the old x,y coordinates and replaces only the width and height.
CGRect oldLabelFrame = label.frame;
label.frame = CGRectMake(oldLabelFrame.origin.x, oldLabelFrame.origin.y, requiredFrame.size.width, requiredFrame.size.height);

Now the label will be shown nicely in multiple lines.

This worked nicely for me but not until I added `[label sizeToFit];` Thanks. — Greg, Mar 28 '18 at 08:26

score 2 · Answer 3 · answered Mar 14 '17 at 06:31

2

To increase the height of the label according to the content if you are using storyboard. Give the label FOUR constraints (Top, Bottom, Leading, Trailing) then go to Attribute Inspector and make lines to 0 and in line break do it WORD WRAP.

answered Mar 14 '17 at 06:31

Ajay Dang

89
11

How to break line of a UILabel dynamically with text?

3 Answers3