iOS15下使用新Configuration方式设置UIButton尺寸问题

为啥设了frame按钮不显示？ #

用UIButton(configuration:)初始化按钮时，iOS15+的新按钮模式默认依赖Auto Layout布局。你手动设置的frame会被系统的Auto Layout规则直接覆盖——因为Configuration模式下的按钮会根据配置内容自动计算自身固有尺寸，手动frame的优先级更低，直接被忽略，导致按钮没出现在预期位置。

用Auto Layout后图片为啥溢出？ #

给按钮加固定宽高约束后，图片溢出是因为没设置图片缩放规则。contentInsets仅控制按钮内容（图片）与按钮边界的间距，但如果图片原始尺寸大于按钮约束尺寸，不会自动缩放，直接超出边界。

改好的完整代码 #

结合你的表头场景，直接替换原有逻辑即可：

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView()
    headerView.translatesAutoresizingMaskIntoConstraints = false
    
    // 处理分区标题（保留原有逻辑，改用Auto Layout约束）
    let sectionName = hasSections ? sectionTasks[section].sectionName : nil
    if let name = sectionName {
        let label = UILabel()
        label.text = name
        label.translatesAutoresizingMaskIntoConstraints = false
        headerView.addSubview(label)
        
        NSLayoutConstraint.activate([
            label.leadingAnchor.constraint(equalTo: headerView.leadingAnchor, constant: 5),
            label.centerYAnchor.constraint(equalTo: headerView.centerYAnchor),
            label.heightAnchor.constraint(equalToConstant: 30)
        ])
    }
    
    // 配置按钮
    var buttonConfig = UIButton.Configuration.filled()
    // 用contentInsets替代原来的imageEdgeInsets，控制图片与按钮边界的间距
    buttonConfig.contentInsets = NSDirectionalEdgeInsets(top: 5, leading: 5, bottom: 5, trailing: 5)
    
    // 加载按钮图片
    var buttonImage: UIImage?
    if let img = UIImage(named: "add_AsTemplate") {
        buttonImage = img
    } else {
        buttonImage = UIImage(systemName: "plus")
    }
    buttonConfig.image = buttonImage
    
    let button = UIButton(configuration: buttonConfig)
    button.tag = section
    button.addTarget(self, action: #selector(BaseTaskListVC.sectionNewTask_BtnPressed), for: .touchUpInside)
    button.translatesAutoresizingMaskIntoConstraints = false
    headerView.addSubview(button)
    
    // 给按钮添加Auto Layout约束
    NSLayoutConstraint.activate([
        button.centerYAnchor.constraint(equalTo: headerView.centerYAnchor),
        button.trailingAnchor.constraint(equalTo: headerView.trailingAnchor, constant: -15),
        button.widthAnchor.constraint(equalToConstant: 40),
        button.heightAnchor.constraint(equalToConstant: 40)
    ])
    
    // 关键：让图片在按钮内按比例缩放，避免溢出
    button.imageView?.contentMode = .scaleAspectFit
    
    return headerView
}

核心修改点 #

1. 全量改用Auto Layout：表头视图、标题Label、按钮都用约束布局，不再依赖tableView.frame，适配屏幕旋转或尺寸变化更稳定。
2. 图片缩放控制：给按钮的imageView设置scaleAspectFit，让图片自动按比例适配按钮大小，不会超出边界。
3. contentInsets替代imageEdgeInsets：Configuration中的contentInsets能实现原代码中imageEdgeInsets的间距控制效果。

效果对比 #

• 原代码正常效果：
  
• 修改后：按钮正常显示在表头右侧，图片不会溢出边界

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