Swift UITableView - 自定义 UITalbleVIew 上的第一行

Question

我正在尝试在 UITableView 的单元格的第一行添加一个徽章。当应用程序在 iPhone SE 2 等小型设备上打开时，我的问题就出现了，其中 UITableView 需要向下滚动以显示最后一行。当我向下滚动到最后一行时，它还有仅用于第一行的徽章。它不会在第一次向下滚动时显示，但会在多次向上和向下滚动时显示。

// 会显示

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    
    let news = twoDimensionalArray[indexPath.section].options[indexPath.row]
    print("indexPath.section: \(indexPath.section) - indexPath.row: \(indexPath.row) - news \(news)")

    let hub = BadgeHub(view: cell)
    if indexPath.section == 0 && indexPath.row == 0 {
        hub.setCircleAtFrame(CGRect(x: 120, y: 10, width: 25, height: 25))
        hub.setCount(newsCount!)
    }
    else {
        hub.setCount(0)
        hub.checkZero()
    }
}

// cellForRow

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
if let cell = tableView.dequeueReusableCell(withIdentifier: self.cellID, for: indexPath) as? MenuViewCell {
    cell.selectionStyle = .none
    
    var settingOptionName = ""
    if UserDefaults.standard.bool(forKey: ("isDoneWithGuide")) == false {
        
    }
    if (indexPath.row == 12) && (self.isLogin) {
        settingOptionName = twoDimensionalArray[0].extraString[0]
    } else {
        settingOptionName = twoDimensionalArray[indexPath.section].options[indexPath.row]
    }
    print("settingOptionName \(settingOptionName ?? "")")
    //cell.textLabel?.text = settingOptionName
    cell.setTitleLabel(text: settingOptionName)
    
    if showIndexPaths {
        //cell.textLabel?.text = "\(settingOptionName)   Section:\(indexPath.section) Row:\(indexPath.row)"
        cell.setTitleLabel(text: "\(settingOptionName) Section:\(indexPath.section) Row:\(indexPath.row)")
    }
    
    return cell
}

return UITableViewCell()
}

// UITableViewCell

class MenuViewCell : UITableViewCell {
@IBOutlet weak var titleLabel : UILabel!

func setTitleLabel(text : String) {
    self.titleLabel.text = text
}
}

Answer 1

每当您像这样创建一个新的 BadgeHub 时：

let hub = BadgeHub(view: cell)

您正在向 cell 添加一个新的子视图，但如果您将徽章编号设置为 0，它将不可见。

重点来了：当您滚动到底部时，table 视图不会创建一个新 table 查看要放在那里的单元格。由于第一个 table 视图单元格现在不可见，它 重新使用 第一个单元格作为显示在底部的单元格。这就是dequeueReusableCell(withIdentifier:).

的意思

第一个牢房还有那个徽章，对吧？现在 willDisplay 被调用，你向它添加 另一个 不可见徽章（你没有对单元格上的旧徽章做任何事情）。这就是底部单元格也有徽章的原因。

你应该做的是在单元格 class:

中保留 one 个 BadgeHub 实例

lazy var badge = BadgeHub(view: self)

现在，与其每次都创建一个新的 BadgeHub，不如使用每个单元格都有的 badge 属性：

if indexPath.section == 0 && indexPath.row == 0 {
    cell.badge.setCircleAtFrame(CGRect(x: 120, y: 10, width: 25, height: 25))
    cell.badge.setCount(newsCount!)
}
else {
    cell.badge.setCount(0)
    cell.badge.checkZero()
}

根据我对 BadgeHub 工作原理的有限了解，我认为这可以在 cellForRowAt 或 willDisplay 中使用。 cellForRowAt 通常是您为单元格提供要显示的数据的地方，所以如果我是您，我更喜欢那里，但如果由于某种原因它在那里不起作用，您也可以尝试 willDisplay。

Swift UITableView - 自定义 UITalbleVIew 上的第一行

Swift UITableView - Customizing first row on UITalbleVIew

ios

swift

uitableview