Swift：CollectionView中verseNumber上标改色及文本配对方式咨询

嘿，我来帮你搞定这两个问题：

一、把verseNumber设置为上标+浅灰色 #

因为你用的是UITextView，要实现部分文本的样式差异，最靠谱的方式是用NSAttributedString构建富文本，而不是普通字符串。给你写个具体的实现示例：

首先假设你从接口拿到的数据可以用一个Codable模型解析（后面会说为什么推荐模型），然后在PageCell里加一个配置方法：

import UIKit

// 定义对应JSON结构的数据模型
struct VerseData: Codable {
    let verseNumber: String
    let verse: String
}

class PageCell: UICollectionViewCell {
    let textLabel: UITextView = {
        let label = UITextView()
        // 保留你原本的自定义字体设置，示例如下：
        guard let customFont = UIFont(name: "YourCustomFontName", size: 16) else {
            return UITextView()
        }
        label.font = customFont
        label.isEditable = false
        label.isScrollEnabled = false
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        contentView.addSubview(textLabel)
        // 添加约束示例，可根据你的布局调整
        NSLayoutConstraint.activate([
            textLabel.topAnchor.constraint(equalTo: contentView.topAnchor),
            textLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            textLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            textLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 配置cell的核心方法
    func configure(with verseData: VerseData) {
        let attributedText = NSMutableAttributedString()
        
        // 配置verseNumber的样式：上标、浅灰色
        let numberAttributes: [NSAttributedString.Key: Any] = [
            .font: UIFont(name: "YourCustomFontName", size: 12) ?? UIFont.systemFont(ofSize: 12), // 比正文小一号更协调
            .foregroundColor: UIColor.lightGray,
            .baselineOffset: 6 // 控制上标的偏移高度，可根据字体大小微调
        ]
        let numberString = NSAttributedString(string: "\(verseData.verseNumber) ", attributes: numberAttributes)
        attributedText.append(numberString)
        
        // 配置正文verse的样式
        let verseAttributes: [NSAttributedString.Key: Any] = [
            .font: UIFont(name: "YourCustomFontName", size: 16) ?? UIFont.systemFont(ofSize: 16),
            .foregroundColor: UIColor.black
        ]
        let verseString = NSAttributedString(string: verseData.verse, attributes: verseAttributes)
        attributedText.append(verseString)
        
        textLabel.attributedText = attributedText
    }
}

配置cell时，直接把解析好的VerseData传进去，就能实现你要的上标+浅灰色效果了。

二、枚举字符串是不是配对verseNumber与verse的最佳方式？ #

答案是不是，更推荐用自定义数据模型（比如上面的VerseData结构体），原因有这几点：

• 类型安全：避免硬编码字符串的拼写错误，编译器会帮你检查字段名，不会出现因key写错导致的崩溃或数据丢失
• 可读性更强：代码里写verseData.verseNumber比用枚举字符串key（比如EnumKeys.verseNumber.rawValue）直观太多，后续维护的人一眼就能看懂
• 扩展性更好：如果以后接口加了新字段（比如章节号、注释内容），直接在模型里加属性就行，不用修改枚举
• 解析更方便：用Swift的Codable协议可以直接把JSON接口返回的数据解析成模型，不用手动遍历字典取数据，省了很多麻烦

如果之前用枚举字符串是为了避免硬编码key，那模型其实是更好的替代方案——既解决了硬编码的问题，又带来了更多优势。

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