基于教程开发测验应用：适配无图片问题的UICollectionViewCell修改求助

我最近跟着教程开发一款测验应用时，发现教程默认所有问题都附带图片，但我的实际需求是并非所有问题都需要图片。针对这个场景，我修改了QuizCVCell.swift文件，实现了动态处理逻辑：

• 当问题的imgName为空时，不加载任何图片
• 根据是否存在图片，自动调整选项按钮btn1的位置：没有图片时，按钮直接放在问题标签lblQue下方；有图片时，按钮放在图片控件的下方

核心代码实现 #

// 先安全解包问题模型，避免空指针
guard let unwrappedQue = question else { return }

// 设置问题文本
lblQue.text = unwrappedQue.questionText

// 处理图片显示与布局调整
if let imgName = unwrappedQue.imgName, !imgName.isEmpty {
    // 存在有效图片名称时，加载并显示图片
    questionImageView.image = UIImage(named: imgName)
    questionImageView.isHidden = false
    // 调整btn1的顶部约束，使其位于图片下方（这里假设用Auto Layout管理布局）
    btn1TopConstraint?.constant = 16 // 可根据需求调整间距
} else {
    // 无图片时隐藏图片控件
    questionImageView.isHidden = true
    // 调整btn1的顶部约束，使其位于问题标签下方
    btn1TopConstraint?.constant = 8 // 可根据需求调整间距
}

// 设置选项按钮文本
btn1.setTitle(unwrappedQue.option1, for: .normal)
// 其他选项按钮（btn2、btn3等）的设置逻辑可参考上述写法

关键细节说明 #

1. 安全解包：用guard let确保question对象不为空，避免后续操作触发崩溃
2. 图片动态控制：通过判断imgName是否非空，决定是否显示图片控件，避免出现空白占位的情况
3. 自适应布局：通过修改按钮的顶部约束常量，实现不同场景下的布局适配——如果你的项目是用手动布局（而非Auto Layout），可以替换为调整btn1.frame.origin.y的值来改变位置

这样修改后，应用就能完美适配部分问题无图片的需求，布局也会自动调整，不会出现错乱。

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