CODEWITHSUNDEEP
iosuitableviewswift
Aeradriel
Aeradriel

Reputation: 1232

TableViewController with custom cells in swift

I'm having an issue with custom TableViewCell in Swift. I'm trying to display a custome TableViewCell in a TableView but that doesn't work well. I got a grey square on the screen... I found some answers on the Internet that recommend to disable Auto-Layout. I did it but now, my cell is displayed but there is a mess with the height of the cells. As you can see, my cell that is supposed to have red background is displayed on the height of 3 cells while the background is on only 1 cell. The height of the cell and the Row Height are both set to 150px.

           With Auto-Layout:                   Without Auto-Layout:

enter image description hereenter image description here

Here is the Cell code:

class CharacterDescription : UITableViewCell {
    @IBOutlet var imageProfile: UIImageView!
    @IBOutlet var name: UILabel!
    @IBOutlet var hp: UILabel!
    @IBOutlet var damages: UILabel!
    @IBOutlet var range: UILabel!
    @IBOutlet var mp: UILabel!
    @IBOutlet var critChances: UILabel!
    @IBOutlet var critModifier: UILabel!

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

    override init(style: UITableViewCellStyle, reuseIdentifier: String!) {
        super.init(style: UITableViewCellStyle.Value1, reuseIdentifier: reuseIdentifier)
    }
}

And the TableViewController code:

class CharacterDescriptionsViewController : UITableViewController, UITableViewDataSource, UITableViewDelegate {
    var userProfile: UserProfile!

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

    override init() {
        super.init()
    }

    override func viewDidLoad() {
        var nibName = UINib(nibName: "CharacterDescription", bundle:nil)

        self.tableView.registerNib(nibName, forCellReuseIdentifier: "CharacterDescription")
    }

    override func numberOfSectionsInTableView(tableView: UITableView?) -> Int {
        return 1
    }

    override func tableView(tableView: UITableView?, numberOfRowsInSection section: Int) -> Int {
        return userProfile.characters!.count
    }


    override func tableView(tableView: UITableView?, cellForRowAtIndexPath indexPath: NSIndexPath?) -> UITableViewCell? {
        var cell = self.tableView.dequeueReusableCellWithIdentifier("CharacterDescription", forIndexPath: indexPath) as CharacterDescription

        //!TODO: Init of cell
        return cell
    }
}

Upvotes: 0

Views: 231

Answers (1)

zisoft
zisoft

Reputation: 23078

You have to override TableView.heightForRowAtIndexPath to return the height of your custom cell.

Upvotes: 2

Related Questions