1

Estoy tratando de hacer una tabla con celdas personalizadas en swift hasta ahi va bien, pero decidí meterle un botón de me gusta a cada celda, el botón al ser presionado simplemente cambia su imagen, entonces el problema que tengo es que: Cada que presiono el botón me gusta si cambia el la imagen del botón pero la cambia para la celda en la que se cuentrá el botón presionado y para otras de la misma lista tal y como lo muestra la siguiente imagen:

introducir la descripción de la imagen aquí

lo que sucede en la imagen es que presiono el botón de arriba pero cambia también el botón de hasta abajo (por decir un ejemplo), estoy tratando de reutilizar la misma celda con dequeueReusableCellWithIdentifier este es mi código:

extension ViewController : UITableViewDataSource {

    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 8
    }

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

        let cell = self.tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! DestinoTableViewCell
        cell.btnCorazon.tag = indexPath.row
        cell.btnCorazon.addTarget(self, action: #selector(changueButon), forControlEvents: .TouchUpInside)
        return cell
    }

    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
       print("select", indexPath.row)
    }

    func changueButon(sender: UIButton){

        if(!self.isLove){
            if let image = UIImage(named: "heart.png") {
                sender.setImage(image, forState: .Normal)

                isLove = true
            }
        }else{
            if let image = UIImage(named: "fav.png") {
                sender.setImage(image, forState: .Normal)
                isLove = false
            }
        }

    }
}

Entonces mi pregunta es: ¿Hay alguna manera de solucionar este problema? y si la hay ¿cual es?

3
  • Hola, ¿podrías adjuntar la imagen de nuevo? No se ve. En cuanto al código que adjuntas no está bien. Deberías tener implementado un delegado en la celda para que cuando pulses sobre el botón se active la acción que quieres.
    – joserock85
    Commented el 25 abr. 2017 a las 9:35
  • segun yo si se mira la img, y como le agrego el delegado a ala celda? ya que casi todos los tutos que e visto lo hacen asi pero no señalan ese problema
    – Goyo
    Commented el 25 abr. 2017 a las 9:40
  • Gracias, ahora si he podido verla. Te adjunto código ejemplo para que agregues un delegado a la celda.
    – joserock85
    Commented el 25 abr. 2017 a las 9:43

2 respuestas 2

1

En DestinoTableViewCell créate un protocol de la siguiente forma:

protocol DestinoTableViewCellDelegate: class {
    func didPressHeartButton(sender: UIButton)
}

Posteriormente, en tu clase declaras una propiedad de tipo weak que es el delegado. Esto se hace de la siguiente forma:

weak var delegate: DestinoTableViewCellDelegate?

Una vez tengas esto, hay que utilizar el delegado. Para ello, una vez pulses el botón, dentro del selector, haciendo la llamada dentro de la clase de la celda, haces lo siguiente:

func changueButon(sender: UIButton) {
    delegate?.didPressHeartButton(sender: sender)
}

Es importante que la acción del botón de la celda la implementes dentro de la clase de la celda.

Por último, en tu ViewController, dentro del método cellForRowAtIndexPath, asignas el delegado e implementas el método del delegado extendiendo el ViewController.

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

        let cell = self.tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! DestinoTableViewCell
        cell.delegate = self
        return cell
    }

extension ViewController: DestinoTableViewCellDelegate {
    func didPressHeartButton(sender: UIButton) {
        // Implementas tu código y la acción que desees realizar con el botón.
    }
}

Espero que te haya sido de ayuda.

Un saludo.

7
  • cuando agrego weak var delegate: DestinoTableViewCellDelegate en mi clase me pide que lo ponga opcional weak var delegate: DestinoTableViewCellDelegate? entonces cuando ejecuto el click no entra en la accion del protocolo didPressHeartButton
    – Goyo
    Commented el 25 abr. 2017 a las 10:22
  • Comprueba que has asignado a la celda (cell.delegate = self) y que dentro de la clase de la celda está implementada la acción del botón. En caso de ser una imagen, activa el userInteractionEnabled = true.
    – joserock85
    Commented el 25 abr. 2017 a las 10:26
  • bien el click funciona el problema es que me sigue haciendo lo mismo, al presionar un boton del item 1 de la tabla, al dar scroll en la tabla resulta que el item 4 tambien tiene tiene el cambio de img, tal y como se muestra en la imagen que subi :/
    – Goyo
    Commented el 25 abr. 2017 a las 10:31
  • 1
    Añade dentro de la clase de tu celda el método prepareForReuse y resetea el estado de la imagen del botón.
    – joserock85
    Commented el 25 abr. 2017 a las 10:34
  • 1
    grande!!!! muchas gracias :DDD
    – Goyo
    Commented el 25 abr. 2017 a las 10:43
0

¿ese Protocolo también funcionaría cuando tienes una TableView con secciones? Yo uso los tag para una única sección y funciona perfectamente pero al añadir secciones me da error “índice fuera de rango”. ¿Alguna solución?

Gracias

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.