Search code examples
iosuitableviewswiftios8

Change the sections header background color in UITableView using an array of headers


I have a array of headers that I use

let sectionHeaderTitleArray = ["test1","test2","test3]

and they are showed using

func tableView[tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return self.sectionHeaderTitleArray[section] as String
} 

Now all of this works fine but I would like to modify the background color of the headers so that they are more visible (Darker Color)

any idea if I can do this in a simple line or do I need to use a custom cell to create this

thanks

update

  //number of sections and names for the table

    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return self.sectionHeaderTitleArray.count
    }

    func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return self.sectionHeaderTitleArray[section] as String
    }
    func tableView(tableView: UITableView, ViewForHeaderInSection section: Int) -> UIView? {
        return self.tableView.backgroundColor = UIColor.lightGrayColor()
    }

Solution

  • Instead of using the

    func tableView(_ tableView: UITableView,titleForHeaderInSection section: Int) -> String?
    

    data source method, you can use the

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

    delegate method and simply customize the UIView returned as you wish.

    For example set the text of the UILabel textLabel to your desired value and the backgroundColor to the desired UIColor.

    func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let returnedView = UIView(frame: CGRectMake(x, y, width, height)) //set these values as necessary
        returnedView.backgroundColor = UIColor.lightGrayColor()
    
        let label = UILabel(frame: CGRectMake(labelX, labelY, labelWidth, labelHeight))
        label.text = self.sectionHeaderTitleArray[section]
        returnedView.addSubview(label)
    
        return returnedView
    }
    

    SWIFT 5

    override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
                let returnedView = UIView(frame: CGRect(x: x, y: y, width: width, height: height)) //set these values as necessary
                returnedView.backgroundColor = .white
    
                let label = UILabel(frame: CGRect(x: x, y: y, width: width, height: height))
    
                label.text = self.sectionHeaderTitleArray[section]
                returnedView.addSubview(label)
    
                return returnedView
            }