如何将多行文本添加到UIButton？

Question

我有以下代码......

UILabel *buttonLabel = [[UILabel alloc] initWithFrame:targetButton.bounds];
buttonLabel.text = @"Long text string";
[targetButton addSubview:buttonLabel];
[targetButton bringSubviewToFront:buttonLabel];

...我的想法是我可以为按钮添加多行文本,但文本总是被UIButton的backgroundImage遮盖.用于显示按钮子视图的日志记录调用显示已添加UILabel,但无法看到文本本身.这是UIButton中的错误还是我做错了什么？

Answer 1

对于iOS 6及更高版本,请使用以下内容以允许多行:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
// you probably want to center it
button.titleLabel.textAlignment = NSTextAlignmentCenter; // if you want to 
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

对于iOS 5及更低版本,请使用以下内容以允许多行:

button.titleLabel.lineBreakMode = UILineBreakModeWordWrap;
// you probably want to center it
button.titleLabel.textAlignment = UITextAlignmentCenter;
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

2017年,iOS9前锋,

通常,只做这两件事:

1. 选择"归属文本"
2. 在"Line Break"弹出窗口中选择"Word Wrap"

Answer 2

所选答案是正确的但如果您更喜欢在Interface Builder中执行此类操作,则可以执行以下操作:

Answer 3

如果要添加标题以多行为中心的按钮,请为按钮设置Interface Builder的设置:

[]

Answer 4

对于IOS 6:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentCenter;

如

UILineBreakModeWordWrap and UITextAlignmentCenter

在IOS 6开始时已弃用..

Answer 5

重申Roger Nolan的建议,但使用明确的代码,这是一般解决方案:

button.titleLabel?.numberOfLines = 0

Answer 6

SWIFT 3

button.titleLabel?.lineBreakMode = .byWordWrapping
button.titleLabel?.textAlignment = .center  
button.setTitle("Button\nTitle",for: .normal)

Answer 7

我遇到了自动布局的问题，启用多行后，结果是这样的：

因此titleLabel大小不会影响按钮的大小
我添加Constraints基于contentEdgeInsets（在这种情况下contentEdgeInsets为（10，10，10，10）
之后调用makeMultiLineSupport()：

希望它对你有帮助（swift 5.0）：

extension UIButton {

    func makeMultiLineSupport() {
        guard let titleLabel = titleLabel else {
            return
        }
        titleLabel.numberOfLines = 0
        titleLabel.setContentHuggingPriority(.required, for: .vertical)
        titleLabel.setContentHuggingPriority(.required, for: .horizontal)
        addConstraints([
            .init(item: titleLabel,
                  attribute: .top,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .top,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.top),
            .init(item: titleLabel,
                  attribute: .bottom,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .bottom,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.bottom),
            .init(item: titleLabel,
                  attribute: .left,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .left,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.left),
            .init(item: titleLabel,
                  attribute: .right,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .right,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.right)
            ])
    }

}

Answer 8

有一个更简单的方法:

someButton.lineBreakMode = UILineBreakModeWordWrap;

(针对iOS 3及更高版本编辑:)

someButton.titleLabel.lineBreakMode = UILineBreakModeWordWrap;

Answer 9

使用autolayout在iOS7上左对齐:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentLeft;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

Answer 10

在Xcode 9.3中,你可以使用如下的故事板,

您需要将按钮标题textAlignment设置为居中

button.titleLabel?.textAlignment = .center

您不需要使用新行(\n)设置标题文本,如下所示,

button.setTitle("Good\nAnswer",for: .normal)

只需设置标题,

button.setTitle("Good Answer",for: .normal)

这是结果,

Answer 11

首先,你应该知道UIButton里面已经有了UILabel.您可以使用它进行设置–setTitle:forState:.

您的示例的问题是您需要将UILabel的numberOfLines属性设置为默认值1以外的值.您还应该查看lineBreakMode属性.

Answer 12

Swift 5，用于 UIButton 中的多行文本

  let button = UIButton()
  button.titleLabel?.lineBreakMode = .byWordWrapping
  button.titleLabel?.textAlignment = .center
  button.titleLabel?.numberOfLines = 0 // for Multi line text

Answer 13

要固定标题标签与按钮的间距，请在 setTitle之前设置 titleEdgeInsets 和其他属性：

    let button = UIButton()
    button.titleLabel?.lineBreakMode = .byWordWrapping
    button.titleLabel?.numberOfLines = 0
    button.titleEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 20, right: 20)
    button.setTitle("Dummy button with long long long long long long long long title", for: .normal)

PS 我测试过设置 titleLabel?.textAlignment 是不必要的，标题在.natural.