Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to adjust font size to fit height and width of UILabel

Tags:

ios

uilabel

swift

I have a square UILabel (in yellow color) which contains a single letter.

enter image description here

I have used the following code from this SO answer to adjust the font size such that it fits into the UILabel:

letterLabel.font = UIFont(name: letterLabel.font.fontName, size: 100)
letterLabel.adjustsFontSizeToFitWidth = true
letterLabel.textAlignment = NSTextAlignment.Center

As apparent in the screenshot, the font size is according to the width. But since the text is only one letter, hence we also need to look at the height. How can we adjust the font size such that height is also within the UILabel?

like image 551
Vishal Avatar asked Jan 22 '16 17:01

Vishal


2 Answers

I did not find any simple solution so I made this extension:

extension UILabel {
    func setFontSizeToFill() {
        let frameSize  = self.bounds.size
        guard frameSize.height>0 && frameSize.width>0 && self.text != nil else {return}

        var fontPoints = self.font.pointSize
        var fontSize   = self.text!.size(withAttributes: [NSAttributedStringKey.font: self.font.withSize(fontPoints)])
        var increment  = CGFloat(0)

        if fontSize.width > frameSize.width || fontSize.height > frameSize.height {
            increment = -1
        } else {
            increment = 1
        }

        while true {
            fontSize = self.text!.size(withAttributes: [NSAttributedStringKey.font: self.font.withSize(fontPoints+increment)])
            if increment < 0 {
                if fontSize.width < frameSize.width && fontSize.height < frameSize.height {
                    fontPoints += increment
                    break
                }
            } else {
                if fontSize.width > frameSize.width || fontSize.height > frameSize.height {
                    break
                }
            }
            fontPoints += increment
        }

        self.font = self.font.withSize(fontPoints)
    }
}
like image 102
MarcioElizeu Avatar answered Nov 08 '22 07:11

MarcioElizeu


I needed only one letter to be shown in label (name initial), so the requirement was clear, it has to scale to fit the height.

Solution:

class AnyView : UIView{
     private var nameLabel:UILabel! = nil

     override func layoutSubviews() {
        super.layoutSubviews()
        //Considering the nameLabel has been already created and added as subview with all the constraint set
        nameLabel.font = nameLabel.font.withSize(nameLabel.bounds.height * 0.6/*The factor can be adjusted as per need*/)
    }
}
like image 42
infiniteLoop Avatar answered Nov 08 '22 08:11

infiniteLoop