Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Adjust font size of text to fit in UIButton

I want to make sure the button text fits into a UIButton, while the UIButton has a fixed size.

Of course I can access the titleLabel of the UIButton. In a label I would set autoshrink to minimum font scale which seems to correspond to

self.myButton.titleLabel.adjustsFontSizeToFitWidth = YES;

, but doesn't really behave the same, since it only makes the text fits horizontally into the bounds, not vertically, thereby not changing the font size.

How can i actually adjust the font size of a label programmatically to make the text fit into the label bounds (as shown in Goal in the picture below) ?

adjustsFontSizeToFitWidth does not actually adjust the font size to fit the frame, only the width

I already tried

self.myButton.titleLabel.numberOfLines = 0;
self.myButton.titleLabel.minimumScaleFactor = 0.5f;

without success, always ended up as in adjustsFontSizeToFitWidth on the left side of the pic above.

Edit: The solution also has to be ios7 compliant

like image 829
MarkHim Avatar asked Sep 14 '15 09:09

MarkHim


4 Answers

self.mybutton.titleLabel.minimumScaleFactor = 0.5f;
self.mybutton.titleLabel.numberOfLines = 0;   <-- Or to desired number of lines
self.mybutton.titleLabel.adjustsFontSizeToFitWidth = YES;

... did the trick, after layoutIfNeeded in viewDidLoad As it turns out, all those must be set to actually adjust the font-size, not just making it fit into the frame.

Update for Swift 3:

mybutton.titleLabel?.minimumScaleFactor = 0.5
mybutton.titleLabel?.numberOfLines = 0   <-- Or to desired number of lines
mybutton.titleLabel?.adjustsFontSizeToFitWidth = true
like image 127
MarkHim Avatar answered Oct 26 '22 16:10

MarkHim


You can also set a User Defined Runtime Attribute in Interface Builder for the button where

titleLabel.adjustsFontSizeToFitWidth = true
like image 41
StackUnderflow Avatar answered Oct 26 '22 18:10

StackUnderflow


Updated code for Swift 3.0:

yourButton.titleLabel?.minimumScaleFactor = 0.5
yourButton.titleLabel?.numberOfLines = 0
yourButton.titleLabel?.adjustsFontSizeToFitWidth = true
like image 10
CodeBender Avatar answered Oct 26 '22 17:10

CodeBender


to make text horizontally and vertically fit with button bounds :

1 - set button alignment like image (* VERY IMPORTANT *)

enter image description here

2 - add this lines of code in your ViewController

btnTest.setTitle("Test for multi line in button show line in button show Test for multi line in button show line in button show", for: .normal)
btnTest.titleLabel!.textAlignment = .center
btnTest.titleLabel!.numberOfLines = 0
btnTest.titleLabel!.adjustsFontSizeToFitWidth = true
btnTest.titleLabel!.minimumScaleFactor = 0.5
// below line to add some inset for text to look better
// you can delete or change that
btnTest.contentEdgeInsets = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
  • note that DON'T using btnTest.titleLabel!.lineBreakMode = NSLineBreakMode.byWordWrapping or other BreakMode in your code . for enable multiline in button . just using from above code

final result :

enter image description here

like image 6
Hamid Reza Ansari Avatar answered Oct 26 '22 17:10

Hamid Reza Ansari