UIKit左文右图按钮布局问题求助：iOS 15配置下布局跳动

针对你遇到的布局跳动问题，提供两种更优实现方式，均保留UIButton的UIMenu功能：

方法一：自定义UIButton子类（推荐） #

通过重写layoutSubviews直接控制内部元素位置，避免依赖动态计算padding导致的延迟：

class AlignedMenuButton: UIButton {
    override func layoutSubviews() {
        super.layoutSubviews()
        
        guard let titleLabel = titleLabel, let imageView = imageView else { return }
        
        // 文本左对齐，紧贴左内边距
        titleLabel.frame.origin.x = contentEdgeInsets.left
        // 图标右对齐，紧贴右内边距
        imageView.frame.origin.x = bounds.width - contentEdgeInsets.right - imageView.bounds.width
        
        // 保持垂直居中
        titleLabel.center.y = bounds.midY
        imageView.center.y = bounds.midY
    }
    
    override var configuration: UIButton.Configuration? {
        didSet {
            // 固定图标位置在右侧，设置统一内边距
            configuration?.imagePlacement = .trailing
            configuration?.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16)
        }
    }
}

使用时直接将按钮类改为AlignedMenuButton，绑定UIMenu的逻辑不变，布局会在视图刷新时同步完成，无跳动问题。

方法二：优化原有计算逻辑 #

去掉异步更新，同步计算并调整布局，避免延迟：

func updateMenuLayout() {
    guard var config = eventDurationButton.configuration else { return }
    let titleWidth = eventDurationButton.titleLabel?.intrinsicContentSize.width ?? 0
    let imageWidth = eventDurationButton.imageView?.intrinsicContentSize.width ?? 0
    let buttonWidth = eventDurationButton.bounds.width // 用bounds而非frame，更准确
    
    config.imagePlacement = .trailing
    // 计算图标与文本的间距：总宽度减去文本、图标宽度和左右内边距
    let totalHorizontalInsets = config.contentInsets.leading + config.contentInsets.trailing
    config.imagePadding = buttonWidth - titleWidth - imageWidth - totalHorizontalInsets
    
    eventDurationButton.configuration = config
    eventDurationButton.backgroundColor = .calendarText.withAlphaComponent(0.1)
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    updateMenuLayout()
}

// 更新按钮标题后直接触发布局，无需等待视图布局周期
func updateButtonTitle(_ title: String) {
    eventDurationButton.setTitle(title, for: .normal)
    updateMenuLayout()
}

关键优化点： #

1. 移除DispatchQueue.main.async：viewDidLayoutSubviews本身在主线程执行，异步会导致布局延迟，引发跳动
2. 使用bounds替代frame：bounds是按钮内部尺寸，不受父视图布局影响，计算更准确
3. 标题更新后立即调用布局：避免等待下一次视图刷新周期

补充说明 #

UIStackView无法直接绑定UIMenu，因此必须基于UIButton实现。上述两种方式均保留了UIButton的UIMenu功能，同时解决布局跳动问题。

按钮效果如下：

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