如何正确自动缩放 UIButton 和标题文本？

Posted 2023-03-11

【中文标题】如何正确自动缩放 UIButton 和标题文本？

【英文标题】：How to autoscale UIButton and title text correctly?

【发布时间】：2018-09-28 21:59:52

【问题描述】：

我正在尝试制作带有标题的按钮，这些标题会根据 ios 设备（自动缩放）改变标题文本的宽度、高度和字体大小。我正在使用 Xcode 10 编码 Swift。

这是一个简单的例子：我在 IB 中创建了覆盖整个屏幕的红色按钮（顶部、底部、前导和尾随约束设置为 0），标题为“按钮”在中心，字体大小设置为 350 . 标题完全适合 12.9 英寸 iPad 的宽度（见图）。

我这样输入 FitToWidth 代码：

class ViewController: UIViewController 

@IBOutlet weak var button: UIButton!

override func viewDidLoad() 
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    button.titleLabel?.adjustsFontSizeToFitWidth = true
    button.titleLabel?.minimumScaleFactor = 0.1

当我在屏幕分辨率低于 iPad 12.9 的设备上运行代码时，我看到按钮标题已缩放并适合屏幕宽度，但它已向下移动（参见图片）。

iPad 12.9 模拟

iPhone SE 模拟

我错过了什么？

我需要标题文本位于按钮的中心，就像我在 IB 中所做的那样。我尝试了应用于按钮的各种约束，但没有任何结果。

【参考方案1】：

看来我找到了解决办法。

我刚刚在 viewDidLoad 的代码中添加了这样的字符串： button.titleLabel?.baselineAdjustment = UIBaselineAdjustment.alignCenters

现在标题位于任何 iOS 设备的按钮中间：

【参考方案2】：

调整按钮视图的大小以使标题适合每个屏幕尺寸

在 viewDidAppear() 中试试这个

button.sizeToFit() 

【讨论】：

不幸的是，它并没有解决我的问题 - 按钮重新缩放后按钮标题仍然向下移动。