自定义UITableViewCell重用问题中的UISwitch

问题描述 投票:0回答:2

问题如下:我有一个自定义单元格的tableview。该单元格包含标签和UISwitch。我已将label.text值设置为数组,但UISwitch正在重用。

示例:如果我在第一行切换开关,第5行将启用,如果我滚动它继续重用单元格并导致问题。

视频:https://vimeo.com/247906440

查看控制器:

class ViewController: UIViewController {

    let array = ["One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten"]

    @IBOutlet weak var tableView: UITableView!
    override func viewDidLoad() {
        super.viewDidLoad()

    }

}

extension ViewController: UITableViewDelegate, UITableViewDataSource {

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomTableViewCell
        cell.label.text = array[indexPath.row]
        return cell
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return array.count
    }
}

定制单元格:

class CustomTableViewCell: UITableViewCell {

    @IBOutlet weak var label: UILabel!
    @IBOutlet weak var toggleSwitch: UISwitch!

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

}

我意识到没有代码试图存储这些数据,因为我没有成功。任何想法都会有所帮助。该项目目前使用MVC模型,我相信这是答案,但只需要一些帮助。

ios swift uitableview uiswitch
2个回答
2
投票

我建议您创建cellViewModel类并保留它的数组而不仅仅是字符串。你的cellViewModel看起来像,

class CellViewModel {
 let title: String
 var isOn: Bool

init(withText text: String, isOn: Bool = false /* you can keep is at by default false*/) {
    self.title = text
    self.isOn = isOn
} 

现在,构建CellViewModel数组

let array =["One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten"]
var cellViewModels = [CellViewModel]()
for text in array {
    let cellViewModel = CellViewModel(withText: text)
    cellViewModels.append(cellViewModel)
}

将tableVieDelegate函数更改为:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomTableViewCell
    let cellViewModel = cellViewModels[indexPath.row]
    cell.label.text = cellViewModel.title
    cell.toggleSwitch.isOn = cellViewModel.isOn
    cell.delegate = self
    return cell
}

在Custom Cell类中,添加以下协议:

protocol CellActionDelegate: class {
    func didChangeSwitchStateOnCell(_ cell: CustomTableViewCell)
}

在自定义单元格中添加委托作为属性,

weak var delegate: CellActionDelegate?

此外,在更换开关时,添加此行,

delegate?.didChangeSwitchStateOnCell(self)

现在,你的viewController应该注册并监听这个委托:我已经添加了行cellForRowAtIndexPath来注册委托。要侦听此委托,请在VC中添加此功能。

func didChangeSwitchStateOnCell(_ cell: CustomTableViewCell) {
    let indexPath = tableView.indexPath(for: cell)
    cellViewModels[indexPath.row].isOn = cell.toggleSwitch.isOn
}

1
投票

开始创建模型,例如:

struct item {
    var id: String
    var name: String
    var isActivated: Bool

    init(id: String, name: String, isActivated: Bool) {
        self.id = id
        self.name = name
        self.isActivated = isActivated
    }

}

let item1 = item(id: "1", name: "One", isActivated: false)
let item2 = ...........
let item3 = ...........
let items [item1, item2, item3]

有了它,你可以触发布尔值,如果它被激活。

我想你还要看看https://developer.apple.com/documentation/uikit/uitableviewcell/1623223-prepareforreuse

© www.soinside.com 2019 - 2024. All rights reserved.