iOS开发：如何让按钮文字最大化适配按钮宽高？

嘿，我懂你的困扰——你想让按钮里的文字尽可能大，不管屏幕横竖都能完整待在按钮的宽高范围内，但目前的设置只搞定了宽度适配，高度上要么被截断成“...”，要么像斜线这类字符会超出按钮底部，对吧？

问题根源 #

你用的adjustsFontSizeToFitWidth = true其实只负责根据宽度缩小字体，完全没把高度适配纳入逻辑。再加上lines = 1的限制，当按钮高度不够时系统就会截断文字；横屏时宽度够了，但字体的基线对齐逻辑或者字符本身的上下延伸（比如斜线），会导致部分内容超出按钮边界。

解决方案：手动计算最优字号 #

要让文字同时适配宽和高，我们得手动算出能完整显示文字的最大字号。这里给你一个实用的Swift实现：

1. 给UIButton加个扩展方法

这个方法用二分法快速找到最合适的字号，保证文字宽高都不超过按钮可用区域：

extension UIButton {
    func fitTextToButtonBounds() {
        guard let buttonText = titleLabel?.text, let originalFont = titleLabel?.font else { return }
        
        // 计算按钮的可用区域（扣除内边距，避免文字贴边）
        let availableWidth = bounds.width - contentEdgeInsets.left - contentEdgeInsets.right
        let availableHeight = bounds.height - contentEdgeInsets.top - contentEdgeInsets.bottom
        let maxTextSize = CGSize(width: availableWidth, height: availableHeight)
        
        // 二分法查找最优字号
        var minFontSize: CGFloat = 1
        var maxFontSize: CGFloat = 200 // 可以根据需求调整字号上限
        var bestFontSize = originalFont.pointSize
        
        // 迭代10次足够得到精确结果
        for _ in 0..<10 {
            let testSize = (minFontSize + maxFontSize) / 2
            let testFont = originalFont.withSize(testSize)
            let textSize = buttonText.size(withAttributes: [.font: testFont])
            
            if textSize.width <= maxTextSize.width && textSize.height <= maxTextSize.height {
                bestFontSize = testSize
                minFontSize = testSize
            } else {
                maxFontSize = testSize
            }
        }
        
        // 应用最优字号，同时设置文字属性确保居中不截断
        titleLabel?.font = originalFont.withSize(bestFontSize)
        titleLabel?.numberOfLines = 1
        titleLabel?.lineBreakMode = .byClipping
        titleLabel?.textAlignment = .center
        titleLabel?.baselineAdjustment = .alignCenters // 优化垂直对齐，避免特殊字符超出
    }
}

2. 在布局变化时调用方法

因为你的按钮高度和根视图成比例，屏幕旋转或布局更新时按钮尺寸会变化，所以要在这些时机重新计算字号：

class YourViewController: UIViewController {
    @IBOutlet weak var yourButton: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 给按钮加一点内边距，提升视觉效果
        yourButton.contentEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
        // 初始加载时计算一次字号
        yourButton.fitTextToButtonBounds()
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        // 布局更新时重新计算字号
        yourButton.fitTextToButtonBounds()
    }
    
    override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransition(to: size, with: coordinator)
        // 屏幕旋转时同步更新字号
        coordinator.animate(alongsideTransition: { _ in
            self.yourButton.fitTextToButtonBounds()
        })
    }
}

额外小技巧 #

如果只是横屏时斜线超出底部的问题，你可以先试试调整文字基线对齐：

yourButton.titleLabel?.baselineAdjustment = .alignCenters

这个设置会让文字垂直居中，而非基于基线对齐，能避免部分特殊字符超出按钮边界，但要彻底解决宽高双适配，还是推荐上面的自定义计算方法。

这样调整后，不管是平板竖屏还是横屏，按钮文字都会自动调整到最大可用字号，同时完整显示在按钮范围内啦！

内容的提问来源于stack exchange，提问作者Ginso89