Adjust font size of text to fit in UIButton

Question

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) ?

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

Answer 1

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

Answer 2

您还可以在 Interface Builder 中为按钮设置用户定义的运行时属性，其中

titleLabel.adjustsFontSizeToFitWidth = true

Answer 3

Updated code for Swift 3.0:

yourButton.titleLabel?.minimumScaleFactor = 0.5
yourButton.titleLabel?.numberOfLines = 0
yourButton.titleLabel?.adjustsFontSizeToFitWidth = true

Answer 4

to make text horizontally and vertically fit with button bounds :

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

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 :

Answer 5

尝试调用以下方法。

button.titleLabel?.baselineAdjustment = UIBaselineAdjustment.AlignCenters

Answer 6

try this:

  [myButton setFont:[[myButton font] fontWithSize:--originalButtonFontSize]];
  textWidth = [text sizeWithFont:[myButton font]].width;

}

Answer 7

In Xcode->Open storyboard->Go to attributes inspector->Control->Alignment->Choose second in both horizontal and vertical.

or

YourButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

Answer 8

在 Storyboard 中，转到 Attributes Inspector 中的 Link Break，查看自动换行...或根据您的选择进行设置。

Answer 9

在代码后面写下这一行：

yourButton.SizeToFitWidth=YES;

Answer 10

If you prefer do in storyboard, just click the button, then show attributes inspector, and set the line break to "Word Wrap".