保持单元格内的按钮选择状态

Question

假设我在一个集合视图中有 3 个单元格。单元格内部是一个关注按钮，其中isSelected = true 状态的标题为following，isSelected = false 状态的文本为follow。

第一个和第三个按钮的isSelected 状态为false，第二个按钮的isSelected 状态为true。这让它变得虚假、真实、虚假。

问题是，我想在重新加载集合视图时保持这些状态。每当我在 collectionView 中调用 pull 来刷新时，它都会读取 json 并将数据加载到 collectionView 中。由于单元格的重用方式，它最终会重新加载前一个单元格。

所以最初，isSelected 状态的顺序是 false、true、false。然后，由于单元格的重用方式，这将变为 false、false true。

然后，一旦我再次请求检查按钮的状态，它就会变回 false、true、false。但是，我想保持状态而不是检查状态。否则，它看起来有问题。一瞬间，按钮的isSelected 状态不正确。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {


    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: UserCell.reuseIdentifier, for: indexPath) as! UserCell

    cell.user = user?[indexPath.row]
//            cell.followButton.isSelected = false

    return cell

}

.

class UserCell: UICollectionViewCell {

var user: User? {
    didSet {
        followButton.user = user
    }

    lazy var followButton: FollowButton = {
        let button = FollowButton()
        return button
    }()
}

.

class FollowButton: UIButton {

var user: User? {
    didSet {
        checkIfUserIsFollowed()
    }
}

override var isSelected: Bool {
    didSet {
        self.layer.backgroundColor = isSelected ? UIColor.rgb(50, green: 205, blue: 50).cgColor
                                                : UIColor.white.cgColor
    }
}

override init(frame: CGRect) {
    super.init(frame: frame)
    layer.cornerRadius = 4
    layer.backgroundColor = UIColor.white.cgColor
    translatesAutoresizingMaskIntoConstraints = false

    setTitle("Follow", for: .normal)
    setTitle("Following", for: .selected)

    contentEdgeInsets = UIEdgeInsetsMake(5,5,5,5)
    titleLabel?.font = UIFont(name: "HelveticaNeue", size: 13.0)
    contentHorizontalAlignment = .right

    setTitleColor(UIColor.rgb(50, green: 205, blue: 50), for: .normal)
    setTitleColor(UIColor.white, for: .selected)

    layer.borderWidth = 0.5
    layer.borderColor = UIColor.rgb(50, green: 205, blue: 50).cgColor
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}


func checkIfUserIsFollowed() {
    // This is a request that checks where the logged in user is following the user inside the cell.  It either returns true or false and sets the state accordingly
}

}

Answer 1

为了有效地实现这一点，您需要为以下列表保存用户数据。然后将这些与在 tableview 中填充数据时从 api 获取的数据进行比较。或者您必须实时更新服务器上的数据并仅使用服务器数据更新表。

Answer 2

不一定需要服务器端。你可以维护一个 Bool 数组。数组长度 = 项目数。在选择具有相反值的按钮更新数组时。

例如：最初你的数组看起来像 [false, false, false]

在第一个单元格中选择按钮。使用 [false, true, false] 更新数组并同时检查 cellForItemAt 如果数组索引处的值为 true 则显示跟随，否则显示跟随。