UIPickerView双组件隐藏行居中偏移问题及宽度计算疑问

我之前做双组件PickerView时也碰到过一模一样的偏移问题，折腾了好一阵才搞明白根源：UIPickerView内部会给多个组件之间预留默认的间距，这个间距不会被包含在widthForComponent的分配逻辑里。你直接把PickerView宽度除以2作为组件宽度，相当于让两个组件的总宽度占满了PickerView的宽度，但加上内部默认的组件间距后，实际总宽度就超过了PickerView的可用空间，导致内部布局挤压，出现隐藏行向中心偏移的“视差”效果。

正确的宽度计算方式 #

你需要先把组件间的默认间距从PickerView总宽度里扣除，再平分给两个组件。苹果没有公开这个间距的具体数值，但实际测试下来默认是16pt左右，你可以根据自己的需求微调：

// 定义组件间的默认间距，可根据实际效果调整
let componentSpacing: CGFloat = 16

func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
    // 总宽度减去组件间距后，平分给两个组件
    return (self.currenciesPicker.bounds.width - componentSpacing) / 2
}

为什么之前的“减20”操作没用？ #

你之前尝试把每个组件宽度减20，相当于两个组件总共少了40pt，这会在PickerView左右留出空白，但内部的组件间距依然存在，两个组件的实际可用宽度还是处于被挤压的状态，所以偏移问题并没有解决。上面的方法是从总宽度里扣除组件间距，让两个组件的宽度总和加上间距刚好等于PickerView的宽度，这样内部布局就不会被挤压了。

额外的注意事项 #

• 确保你的CurrencyPickerCell布局正确：cell里的nameLabel和symbolLabel要设置合理的约束（比如左右边距、居中对齐等），避免内容本身就出现偏移。
• 可以通过调试确认布局：在viewForRow方法里打印cell的frame，或者用Xcode的视图调试器查看PickerView的内部组件尺寸，确认宽度分配是否符合预期。

内容的提问来源于stack exchange，提问作者meaning-matters