Horizontal UIPickerView宽度异常求助：无法铺满父视图宽度

嘿，我看你在做水平UIPickerView的时候碰到了宽度适配的坑，我之前也折腾过这个，给你几个实用的排查和解决思路：

先排查几个基础问题 #

• 有没有把PickerView添加到父视图？ 你的代码片段里没看到view.addSubview(cityPicker)这行，如果picker没被添加到视图层级里，它的尺寸自然不会按照父视图来显示。
• 组件宽度是不是设置得太小？ 如果你实现了pickerView(_:widthForComponent:)方法，返回值太小会导致整个picker看起来很窄，这是很容易忽略的点。

正确处理旋转与尺寸适配 #

因为UIPickerView默认是垂直布局，旋转后坐标系会发生变化，直接设置frame容易出问题，推荐两种方案：

方案1：手动计算Frame（适合简单场景） #

旋转会交换picker的宽高，所以要先把初始frame的宽高反过来设置，再执行旋转：

override func viewDidLoad() {
    super.viewDidLoad()
    
    cityPicker.delegate = self
    cityPicker.dataSource = self
    // 先添加到父视图
    view.addSubview(cityPicker)
    
    // 旋转前设置frame：宽度用父视图的高度，高度用父视图的宽度
    let parentWidth = view.frame.size.width
    let parentHeight = view.frame.size.height
    // 这里可以自定义picker的高度（旋转后会变成水平方向的宽度）
    let pickerHeight: CGFloat = 200
    cityPicker.frame = CGRect(x: 0, y: (parentHeight - pickerHeight)/2, width: parentHeight, height: pickerHeight)
    
    // 执行旋转（这里用-π/2是逆时针旋转，你可以根据需求调整）
    rotationAngle = -CGFloat.pi / 2
    cityPicker.transform = CGAffineTransform(rotationAngle: rotationAngle)
}

方案2：用Auto Layout约束（更稳定，适配屏幕旋转） #

Auto Layout能自动处理尺寸变化，推荐用这个方案：

override func viewDidLoad() {
    super.viewDidLoad()
    
    cityPicker.delegate = self
    cityPicker.dataSource = self
    cityPicker.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(cityPicker)
    
    // 添加约束：先约束picker的高度（旋转后会变成水平宽度），再约束左右居中
    NSLayoutConstraint.activate([
        cityPicker.heightAnchor.constraint(equalToConstant: 200),
        cityPicker.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        cityPicker.topAnchor.constraint(equalTo: view.topAnchor, constant: 50),
        // 旋转前的宽度设为父视图的高度，这样旋转后刚好铺满父视图宽度
        cityPicker.widthAnchor.constraint(equalTo: view.heightAnchor)
    ])
    
    // 执行旋转
    rotationAngle = -CGFloat.pi / 2
    cityPicker.transform = CGAffineTransform(rotationAngle: rotationAngle)
}

关键补充：设置组件宽度 #

别忘了在delegate里设置每个组件的宽度，确保picker整体宽度符合预期：

func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
    // 这里让每个组件平分picker的宽度（旋转后的宽度）
    return view.frame.width / CGFloat(pickerView.numberOfComponents)
}

// 别忘了实现这两个基础方法
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 3 // 你的组件数量
}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return 10 // 每个组件的行数
}

按照这些步骤调整后，你的水平PickerView应该就能铺满父视图宽度啦！

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