ios - UITableView 中重复使用的单元格会导致发生不需要的操作

Question

我无法在网上找到答案，也无法在不知道确切问题的情况下正确地表述问题。

我曾经有一个 tableview，它有“一个自定义的 UIView subview ，它包含一个 x:2，y:2 坐标中的 subview UIButton”，并且那个 subview UIButton 有一个空白的星形图像，可以切换到一个填充的星形图像用户的触摸。

图片 1:

图 2:

它曾经工作得很好，直到我在这里和那里稍微修改了代码。

现在出现的问题是，当我触摸第1行的按钮时，例如，星星在第1行填满，但在第13行也填满。上图是单击下一个星星的结果到“醋酸盐”行。有趣的是，当设备更改为 iPad Air 2 或具有其他屏幕尺寸的任何设备时，响应单元格会更改(例如，第 1 行响应第 22 行)。

我一直收到其他人的评论，说问题源于重复使用的单元格，但我对 UITableViewCell 缺乏了解，不知道发生了什么。我知道动态单元格是重复使用的，但这是否意味着某些单元格是彼此的克隆？

代码如下:

class WordListTableViewController: UITableViewController {


@IBOutlet weak var starButtonView: StarButton!

override func viewDidLoad() {
    super.viewDidLoad()

    //setting the wordList of wordListObject


    ChemQuizCollection.wordListObject.quizList.sortInPlace()

    ChemQuizCollection.formulaImages.sortInPlace()

    tableView.estimatedRowHeight = 30

    // Uncomment the following line to preserve selection between presentations
    // self.clearsSelectionOnViewWillAppear = false

    // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
    // self.navigationItem.rightBarButtonItem = self.editButtonItem()
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

// MARK: - Table view data source


override func numberOfSectionsInTableView(tableView: UITableView) -> Int {

    return 1
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return 25
}


override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let cell = self.tableView.dequeueReusableCellWithIdentifier("WordListTableCell", forIndexPath: indexPath) as! WordListTableViewCell

    let row = indexPath.row

    cell.starButtonView.buttonRow = row

    cell.formulaLabel.font = UIFont.preferredFontForTextStyle(UIFontTextStyleHeadline)
    cell.formulaLabel.text = ChemQuizCollection.wordListObject.quizList[row]
    cell.formulaImage.image = UIImage(named: ChemQuizCollection.formulaImages[row])


    if (FavoritesManager.favoritesList.objectForKey("\(row)") != nil) {
        cell.starButtonView.buttonSelected = true
    }


    return cell
}

和

class StarButton: UIView {

var buttonRow : Int = 0
var buttonSelected : Bool = false

override init (frame : CGRect)
{
    super.init(frame : frame)
    initStar()
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    initStar()
}

func initStar() {

    let filledStarImage = UIImage(named: "filledStar")
    let emptyStarImage = UIImage(named: "emptyStar")

    let button = UIButton(frame: CGRect(x: 2, y: 2, width: 33, height: 33))

    button.userInteractionEnabled = true
    button.addTarget(self, action: #selector(StarButton.fillingStar(_:)), forControlEvents: UIControlEvents.TouchUpInside)

    button.setImage(emptyStarImage, forState: .Normal)
    button.setImage(filledStarImage, forState: .Selected)

    if buttonSelected == true {
        button.selected = true
    }

    addSubview(button)
}

//Could have various errors
func fillingStar(sender: UIButton) {
    if (sender.selected) == false {
        FavoritesManager.favoritesList.setObject(ChemQuizCollection.wordListObject.quizList[buttonRow], forKey: "\(buttonRow)")
        sender.selected = !sender.selected
        FavoritesManager.favoritesList.synchronize()
    } else {
        FavoritesManager.favoritesList.removeObjectForKey("\(buttonRow)")
        sender.selected = !sender.selected
        FavoritesManager.favoritesList.synchronize()
    }

}

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?)
{
    for view in subviews
    {
        view.touchesBegan(touches, withEvent: event)
    }
}

override func pointInside(point: CGPoint, withEvent event: UIEvent?) -> Bool
{
    return true
}

和

struct FavoritesManager {
     static var favoritesList = NSUserDefaults.standardUserDefaults()

     static func resetFavorites() {
         NSUserDefaults.standardUserDefaults().removePersistentDomainForName(NSBundle.mainBundle().bundleIdentifier!)
     }

}

提前谢谢大家。学校马上就要开学了，这个问题已经困扰了我一个星期了，所以我很想得到任何帮助:)。如果哪位大侠能给我留个途径让我可以不断的向他提问，我将不胜感激。

Answer 1

为避免此问题，如果未在 cellForRowAtIndexPath 中选择按钮，则需要将星形图标设置为其默认状态。即，要重新使用的单元格需要将星号设置为默认状态。

您要维护选定单元格的列表，因此当调用 cellForRowAtIndexPath 时，所有选定单元格都应设置为突出显示其星形图标，所有其他单元格应设置为默认图标。

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
     ...

     if (FavoritesManager.favoritesList.objectForKey("\(row)") != nil) {
          cell.starButtonView.buttonSelected = true
     } else {
          cell.starButtonView.buttonSelected = false
     }

     ...
}

在包含按钮的星 View 中，您需要根据您在上述方法中设置的内容将按钮设置为取消选择。

class StarButton: UIView {
...

     func initStar(){
          ...

          if buttonSelected == true {
              button.selected = true
          } else { 
              button.selected = false
          }

          ...
     }   
...  

}