Swift 3中点击表格自定义accessoryView切换视图无效果问题求助

Hey there! Let's troubleshoot why your custom accessoryView isn't switching when tapped—this is a super common pitfall with UITableView cells, so I’ve got a few fixes to share.

First, let’s break down the most likely issues and how to fix them step by step:

1. Your custom accessoryView isn’t set up to handle taps #

Unlike built-in accessory types (like .checkmark), custom views don’t automatically respond to taps. You need to explicitly enable user interaction and add a tap gesture recognizer.

2. You’re not updating the data source or refreshing the cell #

Even if you change the accessoryView in code, if you don’t update your underlying state and reload the cell, the UI won’t reflect the change when the cell is reused.

Here’s a working implementation (Swift 3): #

Step 1: Track download states

First, add an array to your view controller to keep track of which cells are downloaded:

var downloadStates: [Bool] = [] // Initialize with your data, e.g., Array(repeating: false, count: yourDataSource.count)

Step 2: Configure the cell with the right accessoryView

In your cellForRowAt method, set up the custom accessoryView with tap support, and make sure you use the current download state to pick the right image:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellIdentifier", for: indexPath)
    
    // Get the current download state for this row
    let isDownloaded = downloadStates[indexPath.row]
    
    // Create your custom accessory view
    let accessoryImage = UIImage(named: isDownloaded ? "download-completed" : "download-icon")!
    let accessoryView = UIImageView(image: accessoryImage)
    accessoryView.frame = CGRect(x: 0, y: 0, width: 24, height: 24)
    
    // Critical: Enable user interaction so taps are detected
    accessoryView.isUserInteractionEnabled = true
    
    // Add tap gesture recognizer
    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(accessoryViewTapped(_:)))
    accessoryView.addGestureRecognizer(tapGesture)
    
    // Store the row index in the view's tag (works for single-section tables; for multi-section, use a custom view or associated object)
    accessoryView.tag = indexPath.row
    
    cell.accessoryView = accessoryView
    
    return cell
}

Step 3: Handle the tap and update the UI

Add the tap handler method to update the state and refresh the cell:

@objc func accessoryViewTapped(_ gesture: UITapGestureRecognizer) {
    guard let tappedRow = gesture.view?.tag else { return }
    let indexPath = IndexPath(row: tappedRow, section: 0)
    
    // Toggle the download state
    downloadStates[tappedRow] = !downloadStates[tappedRow]
    
    // Reload the specific cell to update the accessoryView
    tableView.reloadRows(at: [indexPath], with: .automatic)
}

Bonus: A cleaner approach with custom cells #

If you’re using a custom UITableViewCell subclass, you can encapsulate the accessory logic there for better separation of concerns:

class DownloadCell: UITableViewCell {
    // Closure to notify the parent when the accessory is tapped
    var onAccessoryTap: (() -> Void)?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        setupCustomAccessory()
    }
    
    private func setupCustomAccessory() {
        let accessoryView = UIImageView(frame: CGRect(x: 0, y: 0, width: 24, height: 24))
        accessoryView.isUserInteractionEnabled = true
        
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleAccessoryTap))
        accessoryView.addGestureRecognizer(tapGesture)
        
        self.accessoryView = accessoryView
    }
    
    @objc private func handleAccessoryTap() {
        onAccessoryTap?()
    }
    
    // Call this to update the accessory image based on state
    func configure(isDownloaded: Bool) {
        let imageName = isDownloaded ? "download-completed" : "download-icon"
        (accessoryView as? UIImageView)?.image = UIImage(named: imageName)
    }
}

Then in your view controller:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "DownloadCell", for: indexPath) as! DownloadCell
    
    let isDownloaded = downloadStates[indexPath.row]
    cell.configure(isDownloaded: isDownloaded)
    
    // Handle the tap and update state
    cell.onAccessoryTap = { [weak self] in
        guard let self = self else { return }
        self.downloadStates[indexPath.row] = !isDownloaded
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
    
    return cell
}

Common mistakes to avoid: #

• Forgetting to set accessoryView.isUserInteractionEnabled = true (this is the #1 reason taps don’t register)
• Not updating your downloadStates array before reloading the cell
• Hardcoding the accessory image instead of using the current state (causes wrong images when cells are reused)

Give these changes a try—your accessoryView should toggle correctly when tapped now!

内容的提问来源于stack exchange，提问作者darkginger