我有以下代码…
UILabel *buttonLabel = [[UILabel alloc] initWithFrame:targetButton.bounds];
buttonLabel.text = @"Long text string";
[targetButton addSubview:buttonLabel];
[targetButton bringSubviewToFront:buttonLabel];
.．.这个想法是，我可以有多行文本的按钮，但文本总是被UIButton的backgroundImage掩盖。显示按钮子视图的日志调用显示UILabel已添加，但文本本身无法看到。这是UIButton的bug还是我做错了什么?
当前回答
要修复按钮title标签的间距，在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)
附注:我测试设置titleLabel?textAlignment是不必要的，标题对齐在.natural。
其他回答
在2021年的iOS 15中，苹果首次通过UIButton正式支持多行UIButton。配置API。
UIButton。配置 一种配置，用于指定按钮及其内容的外观和行为。
这个新的API在什么是新的UIKit以及会话中进行了探索:
满足UIKit按钮系统 每个应用程序都使用按钮。在iOS 15中，你可以采用更新的样式来创建华丽的按钮，轻松融入你的界面。我们将探索使创建不同类型的按钮更容易的功能，学习如何提供更丰富的交互，并发现如何在使用Mac Catalyst时获得出色的按钮。 https://developer.apple.com/videos/play/wwdc2021/10064/
在Swift 5.0和Xcode 10.2中
//UIButton extension
extension UIButton {
//UIButton properties
func btnMultipleLines() {
titleLabel?.numberOfLines = 0
titleLabel?.lineBreakMode = .byWordWrapping
titleLabel?.textAlignment = .center
}
}
在你的ViewController调用中
button.btnMultipleLines()//This is your button
要修复按钮title标签的间距，在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)
附注:我测试设置titleLabel?textAlignment是不必要的，标题对齐在.natural。
我有一个自动布局的问题，启用多行后的结果是这样的: 所以titleLabel大小不影响按钮大小 我添加了基于contenttedgeinsets的约束(在这种情况下，contenttedgeinsets是(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)
])
}
}
基于@Amir Khorsandi的回答-但如果你有一个带有图像的按钮:
extension UIButton {
func enableMultiline() {
setContentHuggingPriority(.defaultLow, for: .vertical) // high hugging priority could squeeze the button to 1 line
titleLabel?.numberOfLines = 0
titleLabel?.setContentCompressionResistancePriority(.required, for: .vertical)
titleLabel?.topAnchor.constraint(greaterThanOrEqualTo: topAnchor).isActive = true
titleLabel?.bottomAnchor.constraint(lessThanOrEqualTo: bottomAnchor).isActive = true
imageView?.setContentCompressionResistancePriority(.required, for: .horizontal) // otherwise image could be squeezed
}
}
