Facing design issue while applying corner radius to top and bottom cell only

Question

I have taken UITableview section header and other cell to display contents but when it comes to give corner radius how can we achieve such layout with out having any pain.

I have tried to give corner radius to tableview header for from topLeft,topRight and last cell to bottomLeft,bottomRight but it didn't work for me.

 func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

        guard let headerView = tableView.dequeueReusableCell(withIdentifier: "headerCell") as? headerCell else { return UIView() }

        headerView.labelTaskName.text = arrayTaskLists[section].first?.outcome_title
        headerView.viewContainerHeader.roundCorners([.topRight,.topLeft], radius: 10.0)
        headerView.viewContainerHeader.layoutSubviews()
        headerView.btnHeaderViewCell.tag = section
        headerView.delegate = self

        return headerView
    }

    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 44
    }

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

        let cell = tableView.dequeueReusableCell(withIdentifier: CellIdentifier.TaskInformationCell) as! TaskInformationCell

        cell.infoView.roundCorners([.bottomLeft,.bottomRight], radius: 10.0)
        cell.infoView.layoutSubviews()
    }

Thank you for your help.

I agree that your question is way too incomplete to help. That said, consider looking into a "container view". Put a corner radius around *it* and insert your table view. — , May 11 '18 at 15:41
Why it was down voted? Asking for any help here or idea to discuss should not be down voted — Anil Kukadeja, May 15 '18 at 04:19
@user770 : If you don't understand then why you have down voted even? I have pasted a code here — Anil Kukadeja, May 15 '18 at 15:27

score 0 · Answer 1 · answered May 14 '18 at 05:53

0

use Disclouser tableviewcell for Cells and section header for Top Header

answered May 14 '18 at 05:53

Nimit

145
1
8

score -2 · Answer 2 · edited May 18 '18 at 11:55

You can change de backgroundView of the TableViewCell, create a subclass of UIView and change the layer class:

class BackgroundView: UIView 
{
    class var layerClass: AnyClass
    {
        return CAShapeLayer.self
    }
}

later in cellForRowAtIndexPath you do something like this:

private var CellIdentifier = "CustomCell"

let cell = tableView.dequeueReusableCell(withIdentifier: CellIdentifier, for: indexPath) as? CustomCell
let frame: CGRect? = cell?.backgroundView.frame
cell?.backgroundView = BackgroundView(frame: frame ?? CGRect.zero)

var corner: CGFloat = 20.0
var path = UIBezierPath(roundedRect: cell?.backgroundView.bounds ?? CGRect.zero, byRoundingCorners: .allCorners, cornerRadii: CGSize(width: corner, height: corner))
var shapeLayer = cell?.backgroundView.layer as? CAShapeLayer

shapeLayer?.path = path.cgPath
shapeLayer?.fillColor = cell?.textLabel.backgroundColor?.cgColor
shapeLayer?.strokeColor = UIColor.lightGray.cgColor
shapeLayer?.lineWidth = 1.0

return cell

The question is tagged Swift. Please post answers in the correct language. — rmaddy, May 11 '18 at 13:53

Facing design issue while applying corner radius to top and bottom cell only

2 Answers2