当用户滚动时，Tableviewcell 中的 UISwitch 状态会重置 - Swift

Question

我已经搜索了有关此问题的解决方案，但 none 似乎适用于我的用例。

我在 viewcontroller 中有一个 table，我面临的问题是滚动时 UI 开关状态重置为关闭。我了解 table 单元格被重复使用，但我如何实现一个解决方案，根据我下面的代码

在用户滚动时恢复 UISwitch 的状态

import UIKit

class StirrViewController: UIViewController, UITableViewDelegate, UITableViewDataSource{

@IBOutlet weak var mylabel: UILabel!
var myString = String()

@IBAction func stirrBtn(_ sender: AnyObject) {
}

var timeSelected = String()
var selectedTimeArr = [String]()

override func viewDidLoad() {
    super.viewDidLoad()
    mylabel.text = myString
    self.timeSelected = myString
}

func switchChanged(_ sender : UISwitch!){
    print("table row switch Changed \(sender.tag)")
    print("The switch is \(sender.isOn ? "ON" : "OFF")")
    let kValue = (sender.tag + 1)
    let keyValue = String(kValue)
    if sender.isOn {
        recipeSettings.boolStirrSwitch[keyValue] = true
        recipeSettings.switchedOnArr.append(keyValue)

    } else {
        recipeSettings.boolStirrSwitch[keyValue] = false
    }
}

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
    let stringNum = Int(self.timeSelected)
    recipeSettings.recipeTimeSet2 = stringNum!
    return(stringNum)!
}


public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! UITableViewCell
    //here is programatically switch make to the table view
    let switchView = UISwitch(frame: .zero)
    switchView.setOn(false, animated: true)
    switchView.tag = indexPath.row // for detect which row switch Changed
    switchView.addTarget(self, action: #selector(self.switchChanged(_:)), for: .valueChanged)
    cell.accessoryView = switchView

    // Process data displayed in rows(minutes)
    let endTime = Int(self.timeSelected)
    let startTime = Int(1)

    // Recipe time array
    let timeArray: [Int]  = Array(startTime...endTime!)
    let stringTimeArr = timeArray.map{String([=11=])}

    // Save time array to global variable
    recipeSettings.recipeTimeSetArr = stringTimeArr

    // Create a boolean Array to hold all default false booleans
    let defBool: Bool = false
    var defBoolArr: [Bool] = []

    // Fill the array with the defaults boolean
    for _ in 0..<stringTimeArr.count{defBoolArr.append(defBool)}

    // Map the array to global dictionary containing the Time in an array and default "false" value

    for i in 0..<stringTimeArr.count {
        recipeSettings.boolStirrSwitch[stringTimeArr[i]] = defBoolArr[i]
    }

    // Add the minutes to cell table
    cell.textLabel?.text = stringTimeArr[indexPath.row]
    return cell
}

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}
}

正如您在我的代码中看到的那样，我将每个 UI 开关的状态保存在全局变量字典中。如何解决 UISwitch 根据此代码更改状态的问题？感谢所有帮助。提前致谢

Answer 1

var switchState = [String : Bool]()

你的 recipeSettings.boolStirrSwitch 应该是这样的。
正如您使用 timeSelected 作为 numberOfRowsInSection 作为显示你的 cell.textLabel 从那里你不需要额外的 stringTimeArr 为此。
你在 cellForRowAt 中所做的所有处理都会再次发生并且再次 table 单元格被重复使用，因此要设置数据，请在另一个单元格中进行 function 然后 reload TableView.

您的问题的解决方案应该是这样的。

import UIKit

class StirrViewController: UIViewController, UITableViewDelegate, UITableViewDataSource{

//make tableView IBOutlet for reloading data
@IBOutlet weak var tableView: UITableView!

@IBOutlet weak var mylabel: UILabel!
var myString = String()

@IBAction func stirrBtn(_ sender: AnyObject) {
}

var timeSelected = String()
var selectedTimeArr = [String]()

override func viewDidLoad() {
    super.viewDidLoad()
    mylabel.text = myString
    self.timeSelected = myString
    self.setdefaultSwitchState()
}

//recipeSettings.boolStirrSwitch should be decleard like that
var switchState = [String : Bool]()

//setDeaultSwitchState
func setdefaultSwitchState(){
    if let timeSelected = Int(self.timeSelected){
        for value in 0..<timeSelected{
            switchState["\(value)"] = false
            //or
            //recipeSettings.boolStirrSwitch["\(value)"] = false
        }
    }
    self.tableView.reloadData()
}


@objc func switchChanged(_ sender : UISwitch!){
    print("table row switch Changed \(sender.tag)")
    print("The switch is \(sender.isOn ? "ON" : "OFF")")
    let kValue = (sender.tag + 1)
    let keyValue = String(kValue)
    if sender.isOn {
        switchState[keyValue] = true

    } else {
        switchState[keyValue] = false
    }
}

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
    let stringNum = Int(self.timeSelected)
    recipeSettings.recipeTimeSet2 = stringNum!
    return(stringNum)!
}


public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! UITableViewCell
    //here is programatically switch make to the table view
    let switchView = UISwitch(frame: .zero)
    switchView.setOn(false, animated: true)
    switchView.tag = indexPath.row // for detect which row switch Changed
    switchView.addTarget(self, action: #selector(self.switchChanged(_:)), for: .valueChanged)
    cell.accessoryView = switchView


    cell.textLabel?.text = "\(indexPath.row + 1)"
    if let switchState = switchState["\(indexPath.row)"] {
        if switchState{
            switchView.isOn = true
        }else{
            switchView.isOn = false
        }
    }else{
        switchView.isOn = false
    }

    return cell
}


func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}
}

当用户滚动时，Tableviewcell 中的 UISwitch 状态会重置 - Swift

UISwitch state in Tableviewcell resets when user scrolls - Swift

uitableview

uiswitch

swift3