UITableCell rounded border

Question

In my iOS app, I have a table view and I would like to customise the border of my cells. I would like to reproduce an effect like the following:

I'm developing in Swift 2.0 for iOS 9.

use cell.layer.cornerRadius = 2 cell.layer.masksToBounds = true. cell.layer.borderWidth = 1;cell.layer.borderColor = desiredcolor. — Reshmi Majumder, Mar 10 '16 at 06:49
http://stackoverflow.com/questions/7720856/how-to-get-rounded-edges-on-uitableviewcells-in-a-manner-that-allows-cell-backg Check this — Raza.najam, Mar 10 '16 at 06:50
add border color, width, corner radius to your cell as Reshmi suggest. — Gagan_iOS, Mar 10 '16 at 06:57

score 5 · Accepted Answer · answered Mar 10 '16 at 07:11

Tejas Ardeshna's answer would work, but it wont look good if borders are touching view bounds.

I would suggest add a view inside content view, keeping some padding. and then apply border to this view.

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

    let cell = tableView.dequeueReusableCellWithIdentifier("UITableViewCell", forIndexPath: indexPath) as UITableViewCell
    if cell.viewWithTag(100) == nil
    {
        let view = UIView()
        view.frame = CGRectInset(cell.contentView.bounds, 4 , 4)
        view.layer.borderWidth = 1
        view.layer.cornerRadius = 4
        view.layer.borderColor = UIColor(red: 0, green: 0, blue: 0.6, alpha: 1).CGColor
        cell.contentView.addSubview(view)
    }
    return cell;

}

score 3 · Answer 2 · answered Mar 10 '16 at 06:52

3

Try this code:

cell?.contentView.layer.cornerRadius = 4.0
cell?.contentView.layer.borderColor = UIColor.blueColor().CGColor
cell?.contentView.layer.borderWidth = 1.0

answered Mar 10 '16 at 06:52

Tejas Ardeshna

4,343
2
20
39

score 1 · Answer 3 · edited Dec 17 '17 at 14:18

1

You can add borderColor, borderWidth and cornerRadius to the contentView of the UITableViewCell

edited Dec 17 '17 at 14:18

ElOjcar

301
2
4
12

answered Mar 10 '16 at 06:49

Harshavardhan

1,266
2
14
25

score 0 · Answer 4 · answered Jul 12 '16 at 10:30

0

ContentView.Layer.BorderColor = UIColor.LightGray.CGColor;

answered Jul 12 '16 at 10:30

Faheem

930
10
7

1

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. – HiDeoo Jul 12 '16 at 11:59

UITableCell rounded border

4 Answers4