SwiftUI中嵌入的UIPickerView如何隐藏或重设默认选中高亮样式

我完全懂你现在的烦恼——把UIKit的UIPickerView封装到SwiftUI中，自定义了行高和想要的蓝色圆角选中样式，结果系统自带的灰色中间高亮条（就是那个selection indicator）总是顽固地显示出来，破坏了整体的自定义效果。你试过遍历子视图隐藏、KVC修改颜色，但可能没找到最稳妥的实现方式，下面我给你几个可行的方案，结合你的代码来调整：

方案一：遍历子视图隐藏/修改指示器（最稳妥的无风险方案） #

系统的UIPickerView选中指示器其实是它的一个子视图，高度通常在1-2pt左右。你之前尝试的遍历子视图的思路是对的，但时机很重要——要在PickerView完成布局后再操作，不然可能找不到这个子视图。

你可以在DefaultToolPickerView中重写layoutSubviews方法，每次布局完成后检查并处理指示器：

final class DefaultToolPickerView: UIView, UIPickerViewDataSource, UIPickerViewDelegate {
    // ... 你的原有代码 ...
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 处理系统选中指示器
        picker.subviews.forEach { subview in
            // 系统指示器的高度通常≤2pt，通过这个特征识别
            if subview.bounds.height <= 2 {
                // 隐藏指示器
                subview.isHidden = true
                // 如果是想修改颜色而不是隐藏，就替换成下面这行
                // subview.backgroundColor = UIColor.blue.withAlphaComponent(0.3)
            }
        }
    }
    
    // ... 你的原有代码 ...
}

这样每次PickerView布局更新（比如刷新数据、滚动后），都会自动检查并隐藏指示器，避免它重新出现。

方案二：用KVC直接修改指示器样式（注意iOS版本兼容性） #

如果遍历子视图的方式你觉得不够“优雅”，可以尝试通过KVC访问PickerView的私有选中指示器视图。这个方法在iOS13及以上的大部分版本都能正常工作，但因为是访问私有属性，需要注意未来系统版本的兼容性：

在DefaultToolPickerView的commonInit方法里添加这段代码：

private func commonInit() {
    picker.dataSource = self
    picker.delegate = self
    picker.backgroundColor = .clear
    picker.translatesAutoresizingMaskIntoConstraints = false
    
    // 新增：通过KVC修改或隐藏选中指示器
    if let selectionIndicator = picker.value(forKey: "_selectionIndicatorView") as? UIView {
        // 隐藏就设为clear，改颜色就设为你要的颜色
        selectionIndicator.backgroundColor = .clear
        // 或者要改颜色：selectionIndicator.backgroundColor = .systemBlue
    }
    
    addSubview(picker)
    // ... 你的原有约束代码 ...
}

方案三：完全自定义选中背景（彻底替代系统指示器） #

如果你想完全脱离系统指示器，用自己的自定义样式（比如你提到的蓝色圆角矩形），可以在PickerView上方/下方添加一个固定在中间的自定义视图，同时隐藏系统指示器：

在DefaultToolPickerView的commonInit中添加自定义背景：

private func commonInit() {
    picker.dataSource = self
    picker.delegate = self
    picker.backgroundColor = .clear
    picker.translatesAutoresizingMaskIntoConstraints = false
    
    addSubview(picker)
    
    // 1. 隐藏系统指示器
    picker.subviews.forEach { subview in
        if subview.bounds.height <= 2 {
            subview.isHidden = true
        }
    }
    
    // 2. 添加自定义选中背景视图
    let customSelectionBG = UIView()
    customSelectionBG.backgroundColor = UIColor.blue.withAlphaComponent(0.2)
    customSelectionBG.layer.cornerRadius = 8
    customSelectionBG.translatesAutoresizingMaskIntoConstraints = false
    // 把背景放在PickerView的下层，这样不会遮挡文字
    insertSubview(customSelectionBG, belowSubview: picker)
    
    NSLayoutConstraint.activate([
        // 背景的行高和你的Picker行高一致
        customSelectionBG.heightAnchor.constraint(equalToConstant: rowHeight),
        // 水平方向留边，和你的自定义样式匹配
        customSelectionBG.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 16),
        customSelectionBG.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16),
        // 固定在PickerView的垂直中心，对应选中行的位置
        customSelectionBG.centerYAnchor.constraint(equalTo: centerYAnchor)
    ])
    
    // ... 你的原有约束代码（picker的四边约束） ...
}

这样就能完全用自己的选中样式替代系统的灰色指示器，效果更可控。

额外优化：选中行的文字样式同步 #

如果你想让选中行的文字也有特殊样式（比如变蓝、加粗），可以在viewForRow方法中判断当前行是否为选中行，然后修改label样式：

func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    let label = (view as? UILabel) ?? UILabel()
    let tool = DefaultTool.allCases[row]
    label.text = tool.rawValue
    label.textAlignment = .center
    
    // 判断是否为选中行
    if row == pickerView.selectedRow(inComponent: component) {
        label.textColor = .blue
        label.font = .systemFont(ofSize: 24, weight: .bold)
    } else {
        label.textColor = .black
        label.font = .systemFont(ofSize: 24, weight: .medium)
    }
    
    return label
}

记得在didSelectRow方法里调用pickerView.reloadComponents()，这样选中行变化时文字样式会同步更新（你的代码里已经有这行啦，刚好可以用上）。

内容来源于stack exchange