Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

UILabel cuts off custom font. How do I dynamically adjust UILabel height based on custom font selected?

Some of the custom fonts I've loaded onto my app are getting cut off when displayed in a UILabel. I have multiple custom fonts that I need to properly display. How can I fix this?

like image 900
JustAnotherCoder Avatar asked Apr 15 '15 01:04

JustAnotherCoder


People also ask

How do you text the height of UILabel?

text = text; label. numberOfLines = 0; [label sizeToFit]; return cell; Also use NSString 's sizeWithFont:constrainedToSize:lineBreakMode: method to compute the text's height. Show activity on this post.

How do I change the dynamic height of a label in Swift?

To give a dynamic height to an UIlabel in swift we can use the frame property of UILabel. We can create a frame using the CGRect which allows us to give different variables like x position, y position, width, and height. Let's create a label and add it as a subview to our view.


2 Answers

As stated, I had a very annoying problem where custom fonts in a UILabel would get cut off due to something. I later found out it was due to ascenders and descenders (font characteristics).

After much searching I found a solution that required you to download a program, adjust the font's ascender and descender using terminal and then test it out on your app until it's perfect.

This would be fine if I didn't have to do this for 20+ fonts. So I decided to dig around and see if I could access the a font's ascender and descender values. Turns out UIFont has those exact attributes!

With that information, I was able to subclass UILabel and adjust its frame dynamically by adding the ascender and descender values (use absolute value as it is negative) to its height.

Here's a snippet of the implementation code below, the last line is the money line:

UIFont *font = [UIFont fontWithName:nameOfFontUsed size:44.0];
NSDictionary *attrsDict = [NSDictionary dictionaryWithObject:font forKey:NSFontAttributeName];
NSMutableAttributedString *theString = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@", enteredString] attributes:attrsDict];

//Add other attributes you desire

NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineBreakMode = NSLineBreakByCharWrapping;
paragraphStyle.lineHeightMultiple = 5.0;
[theString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [theString length])];

[self setAttributedText:theString];

[self sizeToFit];

[self setFrame:CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, self.frame.size.height+font.ascender+ABS(font.descender))];
like image 66
JustAnotherCoder Avatar answered Oct 27 '22 18:10

JustAnotherCoder


Try to override intrinsicContentSize property in UILabel.

I don't think this is the best practice, but easy to solve problem in some cases.

Example for Swift 3

class ExpandedLabel: UILabel {

  override var intrinsicContentSize: CGSize {

    let size = super.intrinsicContentSize

    // you can change 'addedHeight' into any value you want.
    let addedHeight = font.pointSize * 0.3

    return CGSize(width: size.width, height: size.height + addedHeight)
  }
}
like image 10
Mark Avatar answered Oct 27 '22 17:10

Mark