1

Tengo la siguiente UITableView

introducir la descripción de la imagen aquí

Me gustaria poder agregarle espacios entre cada celda

Mi codigo Swift

    // MARK: - Table view data source
    func numberOfSections(in tableView: UITableView) -> Int {
        return 6
    }



    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        switch (section)
        {
        case 0:
            return 1
        case 1:
            return 1
        case 2:
            return 0
        default:
            return 0
        }
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        var numberOfRows : Int
        switch (section)
        {

        case 1:
            numberOfRows = 6
            break
        case 2:
            numberOfRows = 0
            break
        default:
            numberOfRows = 0
            break
        }
        return numberOfRows
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {



        let mainCell = Bundle.main.loadNibNamed("MenuOptionsTableViewCell", owner: self, options: nil)?.first as! MenuOptionsTableViewCell
        mainCell.selectionStyle = .none
        mainCell.backgroundColor = Utils.Color.COLOR_E8E8E8

        mainCell.strLblTitleOptionsMenu.textColor = Utils.Color.COLOR_2B5034
        switch (indexPath.section)
        {

        case 1:
            if (indexPath.row == 0)
            {

                mainCell.strLblTitleOptionsMenu.text=NSLocalizedString("strLblOption1",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"PagarMenu")
                return mainCell
            }
            else if(indexPath.row == 1)
            {

                mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption2",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"BillingMenu")
                return mainCell
            }
            else if(indexPath.row == 2)
            {
                mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption3",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"CollectionNotificationsMenu")
                return mainCell
            }
            else if(indexPath.row == 3)
            {
                mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption4",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"billingQueryMenu")
                return mainCell
            }
            else if(indexPath.row == 4)
            {
                mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption5",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"MovsBalanceMenu")
                return mainCell
            }
            else if(indexPath.row == 5)
            {
                mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption6",comment:"")
                mainCell.imgOptionsMenu.image = UIImage.init(named:"CashOutMenu")
                return mainCell
            }
            break
        default:
            break
        }
        return mainCell
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

            return 40
           }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
//        switch (indexPath.section)
//        {
//        case 0:
//            break
//        case 1:
//            if (indexPath.row == 0)
//            {
//                self.presenter.personalInfo()
//            }
//            else if(indexPath.row == 1)
//            {
//                self.presenter.secretQuestion()
//            }
//            else if(indexPath.row == 2)
//            {
//                self.presenter.passwordUpdate()
//            }
//            break
//        case 2:
//            if (indexPath.row == 0)
//            {
//                self.presenter.userLock()
//            }
//            else if(indexPath.row == 1)
//            {
//                self.presenter.unroll()
//            }
//            else if(indexPath.row == 2)
//            {
//                self.presenter.disassociate()
//            }
//            else if(indexPath.row == 3)
//            {
//                self.presenter.signOff()
//            }
//            break
//        default:
//            break
//        }
        tableView.deselectRow(at: indexPath, animated: true)
    }
}

me gustaria poder lograr este efecto

introducir la descripción de la imagen aquí

4
  • Mira esto , esto y esto creo que puede ayudar en lo que quieres. Commented el 5 abr. 2018 a las 20:04
  • el problema es que no entiendo bien todavia por eso las dudas al ver estos codigos nose ni por donde empzar Commented el 5 abr. 2018 a las 20:10
  • podrías ser más explicito con tu peticion, por lo que entiendo yo es darle un tamaño a las celdas y estas usando heightForRowAt retornando 40, pues solo le aumentarias el numero a 100 por ejemplo
    – El Micke
    Commented el 5 abr. 2018 a las 20:39
  • @MiguelOsorio editado para mejor entendimiento Commented el 5 abr. 2018 a las 21:46

1 respuesta 1

3

Una manera fácil de lograr ese efecto, es poner cada celda en una sección diferente y utilizar headers para aumentar el espacio entre ellas. Con tu código se vería de la siguiente manera.

// MARK: - Table view data source
func numberOfSections(in tableView: UITableView) -> Int {
    return 6
}


func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 10 // Espacio que deseas tener.
}

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

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

    let mainCell = Bundle.main.loadNibNamed("MenuOptionsTableViewCell", owner: self, options: nil)?.first as! MenuOptionsTableViewCell
    mainCell.selectionStyle = .none
    mainCell.backgroundColor = Utils.Color.COLOR_E8E8E8

    mainCell.strLblTitleOptionsMenu.textColor = Utils.Color.COLOR_2B5034
    switch (indexPath.section) {
    case 0:
        mainCell.strLblTitleOptionsMenu.text=NSLocalizedString("strLblOption1",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"PagarMenu")
        return mainCell
    case 1:
        mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption2",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"BillingMenu")
        return mainCell
    case 2:
        mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption3",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"CollectionNotificationsMenu")
        return mainCell
    case 3:
        mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption4",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"billingQueryMenu")
        return mainCell
    case 4:
        mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption5",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"MovsBalanceMenu")
        return mainCell
    case 5:
        mainCell.strLblTitleOptionsMenu.text = NSLocalizedString("strLblOption6",comment:"")
        mainCell.imgOptionsMenu.image = UIImage.init(named:"CashOutMenu")
        return mainCell
    default:
        return UITableViewCell()
    }
    return mainCell
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return 40
}

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    tableView.deselectRow(at: indexPath, animated: true)
}
4
  • fantastico muchas gracias Commented el 6 abr. 2018 a las 15:18
  • @BrunoSosaFastTag por nada 😀 Commented el 6 abr. 2018 a las 15:25
  • existe la posiblidad de pintar de algun color en especifico en este codigo ? Commented el 9 abr. 2018 a las 20:06
  • Que quieras pintar?@BrunoSosaFastTag Commented el 9 abr. 2018 a las 20:58

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.