如何在不添加额外子视图的情况下为UIStackView设置自定义比例间距？

针对你遇到的“透明间距视图在子视图隐藏后仍保留，无法动态调整间距”的问题，以下是几种可行的常规解决方案：

方法1：用容器视图包裹子视图与对应间距（推荐） #

把每个需要保留动态间距的不透明子视图，和它对应的透明间距视图一起放进一个UIView容器里，再将容器加入StackView。这样当你隐藏容器时，子视图和间距会一起消失，完全符合需求。

示例代码（Swift）：

// 创建容器视图
func createContainer(with contentView: UIView, spacingView: UIView) -> UIView {
    let container = UIView()
    container.addSubview(contentView)
    container.addSubview(spacingView)
    
    contentView.translatesAutoresizingMaskIntoConstraints = false
    spacingView.translatesAutoresizingMaskIntoConstraints = false
    
    NSLayoutConstraint.activate([
        // 子视图填充容器垂直方向，左侧对齐
        contentView.topAnchor.constraint(equalTo: container.topAnchor),
        contentView.bottomAnchor.constraint(equalTo: container.bottomAnchor),
        contentView.leadingAnchor.constraint(equalTo: container.leadingAnchor),
        
        // 间距视图接在子视图右侧，填充垂直方向，宽度设为动态比例值
        spacingView.leadingAnchor.constraint(equalTo: contentView.trailingAnchor),
        spacingView.topAnchor.constraint(equalTo: container.topAnchor),
        spacingView.bottomAnchor.constraint(equalTo: container.bottomAnchor),
        spacingView.widthAnchor.constraint(equalTo: container.widthAnchor, multiplier: 0.1) // 示例：占容器宽度10%
    ])
    
    return container
}

// 使用方式
let stackView = UIStackView()
stackView.axis = .horizontal

let redView = UIView()
redView.backgroundColor = .red
let spacing1 = UIView()
let container1 = createContainer(with: redView, spacingView: spacing1)

let blueView = UIView()
blueView.backgroundColor = .blue
let spacing2 = UIView()
let container2 = createContainer(with: blueView, spacingView: spacing2)

stackView.addArrangedSubview(container1)
stackView.addArrangedSubview(container2)

// 隐藏子视图时，直接隐藏对应容器即可
container1.isHidden = true

这个方法无需自定义StackView，逻辑直观，维护成本低，是最推荐的方案。

方法2：自定义StackView子类，正确重写customSpacing(after:) #

你之前重写该方法未被调用，大概率是未触发布局更新或判断逻辑不匹配场景。正确的实现方式：

1. 自定义StackView子类，在customSpacing(after:)中根据子视图隐藏状态返回对应间距；
2. 子视图isHidden属性变化时，调用invalidateIntrinsicContentSize()触发间距重新计算。

示例代码：

class DynamicSpacingStackView: UIStackView {
    // 动态间距占比，可根据需求调整
    private var spacingRatio: CGFloat = 0.1
    
    override func customSpacing(after arrangedSubview: UIView) -> CGFloat {
        guard let index = arrangedSubviews.firstIndex(of: arrangedSubview), index < arrangedSubviews.count - 1 else {
            return super.customSpacing(after: arrangedSubview)
        }
        
        // 子视图隐藏时，后续间距设为0
        if arrangedSubview.isHidden {
            return 0
        }
        
        // 动态计算间距：基于StackView可用宽度的比例
        let totalContentWidth = arrangedSubviews.reduce(0) { $0 + $1.intrinsicContentSize.width }
        let availableWidth = bounds.width - totalContentWidth
        return availableWidth * spacingRatio
    }
    
    // 监听子视图isHidden变化，触发布局更新
    override func addArrangedSubview(_ view: UIView) {
        super.addArrangedSubview(view)
        view.addObserver(self, forKeyPath: "isHidden", options: [.new], context: nil)
    }
    
    override func removeArrangedSubview(_ view: UIView) {
        view.removeObserver(self, forKeyPath: "isHidden")
        super.removeArrangedSubview(view)
    }
    
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if keyPath == "isHidden" {
            invalidateIntrinsicContentSize()
            layoutIfNeeded()
        }
    }
}

注意：使用KVO监听时，需在移除子视图时移除监听，避免内存泄漏。

方法3：动态调整间距结合子视图隐藏状态监听 #

如果不想用容器或自定义子类，可通过监听子视图isHidden属性，用setCustomSpacing(_:after:)逐个调整对应间距。但这种方法需要维护子视图与间距的对应关系，逻辑相对繁琐，适合简单场景。

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