Swift iOS：如何自定义Segment Control的样式与选项间距

没问题！我来帮你梳理下实现这些自定义Segment Control需求的具体思路，针对你提到的调整选项间距、点击时字体颜色及样式变更这两个核心需求，咱们分步骤来拆解：

根据你的iOS版本，可以选择两种不同的实现方式：

方法1：iOS 13+ 用UIControlConfiguration快速配置 #

苹果在iOS13之后给UISegmentedControl新增了Configuration配置类，能很方便地调整内容内边距，间接拉开选项之间的距离：

let segmentControl = UISegmentedControl(items: ["all", "pending", "expired", "finished"])
let config = UISegmentedControl.Configuration()
// 调整每个选项的内边距，leading和trailing的值越大，选项之间的间距就越宽
config.contentInsets = NSDirectionalEdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16)
segmentControl.configuration = config

方法2：兼容iOS 13以下版本的自定义内容法 #

如果需要支持更早系统，可以给每个Segment设置自定义的UILabel，通过控制label的宽度和偏移来调整间距：

let segmentControl = UISegmentedControl()
let titles = ["all", "pending", "expired", "finished"]
for (index, title) in titles.enumerated() {
    // 自定义label，设置固定宽度来控制选项大小
    let label = UILabel(frame: CGRect(x: 0, y: 0, width: 80, height: 30))
    label.text = title
    label.textAlignment = .center
    // 给每个segment设置自定义内容
    segmentControl.setContent(label, forSegmentAt: index)
    // 额外调整偏移量，进一步拉开间距
    segmentControl.setContentOffset(CGSize(width: 10, height: 0), forSegmentAt: index)
}
// 别忘了添加segments的数量
segmentControl.numberOfSegments = titles.count

这个需求核心是区分选中状态和未选中状态的文本样式，同样有几种实现方式：

方法1：iOS 13+ 用Configuration配置状态样式 #

还是借助UIControlConfiguration，可以直接设置选中和未选中状态的文本属性，代码简洁易维护：

let config = UISegmentedControl.Configuration()
// 设置未选中时的字体样式
config.normalTitleTextAttributes = [
    NSAttributedString.Key.foregroundColor: UIColor.gray,
    NSAttributedString.Key.font: UIFont.systemFont(ofSize: 14)
]
// 设置选中时的字体样式（比如变蓝、加粗）
config.selectedTitleTextAttributes = [
    NSAttributedString.Key.foregroundColor: UIColor.systemBlue,
    NSAttributedString.Key.font: UIFont.boldSystemFont(ofSize: 16)
]
segmentControl.configuration = config

方法2：监听ValueChanged事件手动更新（兼容全版本） #

如果需要兼容更早系统，或者需要更灵活的逻辑，可以给SegmentControl添加事件监听，在选中变化时手动更新每个选项的文本样式：

// 初始化SegmentControl
let segmentControl = UISegmentedControl(items: ["all", "pending", "expired", "finished"])
// 添加值变化监听
segmentControl.addTarget(self, action: #selector(segmentValueChanged(_:)), for: .valueChanged)
// 初始化时先设置一次初始样式
updateSegmentStyles(segmentControl)

// 实现监听方法
@objc func segmentValueChanged(_ sender: UISegmentedControl) {
    updateSegmentStyles(sender)
}

// 封装样式更新逻辑
private func updateSegmentStyles(_ segment: UISegmentedControl) {
    let selectedAttrs: [NSAttributedString.Key: Any] = [
        .foregroundColor: UIColor.systemBlue,
        .font: UIFont.boldSystemFont(ofSize: 16)
    ]
    let normalAttrs: [NSAttributedString.Key: Any] = [
        .foregroundColor: UIColor.gray,
        .font: UIFont.systemFont(ofSize: 14)
    ]
    
    for index in 0..<segment.numberOfSegments {
        guard let title = segment.titleForSegment(at: index) else { continue }
        let attr = index == segment.selectedSegmentIndex ? selectedAttrs : normalAttrs
        segment.setAttributedTitle(NSAttributedString(string: title, attributes: attr), for: .normal)
    }
}

方法3：自定义SegmentControl子类（复杂需求首选） #

如果后续还有更多自定义需求（比如自定义选中背景、动画效果），可以子类化UISegmentedControl，把样式逻辑封装起来：

class CustomSegmentControl: UISegmentedControl {
    override var selectedSegmentIndex: Int {
        didSet {
            updateSegmentStyles()
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupInitialConfig()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupInitialConfig()
    }
    
    private func setupInitialConfig() {
        // 初始化选项间距
        let config = UISegmentedControl.Configuration()
        config.contentInsets = NSDirectionalEdgeInsets(top: 0, leading: 16, bottom: 0, trailing: 16)
        self.configuration = config
        // 初始化样式
        updateSegmentStyles()
    }
    
    private func updateSegmentStyles() {
        let selectedAttrs: [NSAttributedString.Key: Any] = [
            .foregroundColor: UIColor.systemBlue,
            .font: UIFont.boldSystemFont(ofSize: 16)
        ]
        let normalAttrs: [NSAttributedString.Key: Any] = [
            .foregroundColor: UIColor.gray,
            .font: UIFont.systemFont(ofSize: 14)
        ]
        
        for index in 0..<numberOfSegments {
            guard let title = titleForSegment(at: index) else { continue }
            let attr = index == selectedSegmentIndex ? selectedAttrs : normalAttrs
            setAttributedTitle(NSAttributedString(string: title, attributes: attr), for: .normal)
        }
    }
}

使用的时候直接实例化CustomSegmentControl就行，所有样式逻辑都封装在子类里，代码更整洁。

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