iOS开发：如何在ViewController中访问UICollectionViewCell并为TextField加下边框？

1. 如何在ViewController中访问UICollectionViewCell的内容？ #

要获取CollectionViewCell内的内容，你需要先拿到对应位置的Cell实例，再向下转型为你的自定义Cell类（比如NameStepCell），之后就能直接访问Cell里的属性了。

举个例子，如果你想获取第一个Item对应的NameStepCell里的文本框内容，可以这么写：

// 定位到索引为0的Cell
let indexPath = IndexPath(item: 0, section: 0)
if let nameCell = stepsCollectionView.cellForItem(at: indexPath) as? NameStepCell {
    let firstName = nameCell.nameField.text
    let lastName = nameCell.lastNameField.text
    // 在这里处理获取到的内容，比如打印或保存
    print("First Name: \(firstName ?? ""), Last Name: \(lastName ?? "")")
}

⚠️ 注意：cellForItem(at:)只有当Cell已经加载到CollectionView的可视区域内时才会返回非nil值，所以别在viewDidLoad里直接调用（此时Cell还未创建），可以在viewDidAppear或者用户触发的事件（比如按钮点击）中使用。

2. 给UICollectionViewCell内的UITextField添加下边框 #

你现在的问题核心在于：在viewDidLayoutSubviews里创建了一个全新的NameStepCell()实例，然后给这个新实例的文本框加边框——但这个新Cell和CollectionView里实际显示的Cell完全是两个独立对象，所以你看不到任何效果。

正确的做法是把边框逻辑放到自定义Cell内部，因为Cell应该负责自己子视图的样式和布局。这里有两种可靠的实现方式：

方法一：重写Cell的layoutSubviews方法 #

这个方法会在Cell的布局确定后调用，此时文本框的frame已经是正确的，适合添加基于frame的图层边框。

首先修改你的NameStepCell，添加layoutSubviews重写：

class NameStepCell: UICollectionViewCell {
    // ... 原有代码 ...
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 给两个文本框添加下边框
        nameField.addBottomBorder()
        lastNameField.addBottomBorder()
    }
    
    // ... 原有代码 ...
}

然后优化你的UITextField扩展，避免重复添加边框，同时让边框位置自适应文本框高度：

extension UITextField {
    func addBottomBorder() {
        // 先移除已有的底部边框，防止重复添加
        self.layer.sublayers?.filter { $0.name == "BottomBorder" }.forEach { $0.removeFromSuperlayer() }
        
        let border = CALayer()
        // 边框位置：紧贴文本框底部，宽度和文本框一致，高度1
        border.frame = CGRect(x: 0, y: self.frame.height - 1, width: self.frame.width, height: 1)
        border.cornerRadius = 2
        border.masksToBounds = true
        border.backgroundColor = UIColor(red: 112/255, green: 112/255, blue: 112/255, alpha: 1).cgColor
        border.name = "BottomBorder" // 给图层命名，方便后续识别移除
        self.layer.addSublayer(border)
    }
}

方法二：用Auto Layout添加边框视图（更推荐） #

如果不想用图层，也可以给文本框添加一个UIView作为边框，用Auto Layout固定位置，这样不需要担心frame变化的问题：

在NameStepCell里添加一个辅助方法，然后在初始化时调用：

class NameStepCell: UICollectionViewCell {
    // ... 原有代码 ...
    
    func configuringTxtField(){
        safeAreaHolder.addSubview(txtFieldStack)
        txtFieldStack.topAnchor.constraint(equalTo: title.bottomAnchor, constant: 50).isActive = true
        txtFieldStack.trailingAnchor.constraint(equalTo: safeAreaHolder.trailingAnchor).isActive = true
        txtFieldStack.leadingAnchor.constraint(equalTo: safeAreaHolder.leadingAnchor).isActive = true
        txtFieldStack.addArrangedSubview(nameField)
        txtFieldStack.addArrangedSubview(lastNameField)
        nameField.heightAnchor.constraint(equalToConstant: 45).isActive = true
        lastNameField.heightAnchor.constraint(equalToConstant: 45).isActive = true
        
        // 给文本框添加边框
        addBottomBorder(to: nameField)
        addBottomBorder(to: lastNameField)
    }
    
    // 辅助方法：给指定文本框添加底部边框视图
    private func addBottomBorder(to textField: UITextField) {
        let borderView = UIView()
        borderView.translatesAutoresizingMaskIntoConstraints = false
        borderView.backgroundColor = UIColor(red: 112/255, green: 112/255, blue: 112/255, alpha: 1)
        textField.addSubview(borderView)
        
        NSLayoutConstraint.activate([
            borderView.bottomAnchor.constraint(equalTo: textField.bottomAnchor),
            borderView.leadingAnchor.constraint(equalTo: textField.leadingAnchor),
            borderView.trailingAnchor.constraint(equalTo: textField.trailingAnchor),
            borderView.heightAnchor.constraint(equalToConstant: 1)
        ])
    }
    
    // ... 原有代码 ...
}

这种方式更符合Auto Layout的最佳实践，当文本框的尺寸变化时，边框会自动跟着调整。

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