How to change UISegmentedController Background Color

Question

Trying to change UISegmentedController Background color to white. its not reflect on it.

    if #available(iOS 13.0, *) {
        self.workDaySegmentedController.backgroundColor = .white
        self.workDaySegmentedController.layer.borderWidth = 1.0
        self.workDaySegmentedController.layer.cornerRadius = 1.0
        self.workDaySegmentedController.layer.borderColor = UIColor.blue.cgColor
        self.workDaySegmentedController.layer.masksToBounds = true
        self.workDaySegmentedController.backgroundColor = .white
        self.workDaySegmentedController.layer.backgroundColor = UIColor.white.cgColor
    }

How to set white background to segmented color.

As show in below figure

try this - https://stackoverflow.com/a/56874473/9212153 – Solayman Rana Dec 19 '21 at 17:46 — Solayman Rana, Dec 19 '21 at 17:46

bdeviOS · Answer 1 · 2021-12-20T00:53:52.440

class ViewController: UIViewController {
    
    
    
    @IBOutlet weak var workDaySegmentedController: UISegmentedControl!
    
   override func viewDidLoad() {
       super.viewDidLoad()
       workDaySegmentedController.setLayout(tintColor: .blue)
    }
}

extension UISegmentedControl {

    func setLayout(tintColor: UIColor) {
        if #available(iOS 13, *) {
            let background = UIImage(color: .clear, size: CGSize(width: 2, height: 30))
            let divider = UIImage(color: tintColor, size: CGSize(width: 2, height: 30))
            self.setBackgroundImage(background, for: .normal, barMetrics: .default)
            self.setBackgroundImage(divider, for: .selected, barMetrics: .default)
            self.setDividerImage(divider, forLeftSegmentState: .normal, rightSegmentState: .normal, barMetrics: .default)
            self.layer.borderWidth = 2
            self.layer.borderColor = tintColor.cgColor
            self.setTitleTextAttributes([.foregroundColor: tintColor], for: .normal)
            self.setTitleTextAttributes([.foregroundColor: UIColor.white], for: .selected)

    } else {
        self.tintColor = tintColor
        }
    }
}

extension UIImage {

    convenience init(color: UIColor, size: CGSize) {

        UIGraphicsBeginImageContextWithOptions(size, false, 1)
        color.set()
        
        let context = UIGraphicsGetCurrentContext()!
        context.fill(CGRect(origin: .zero, size: size))
        
        
        let image = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        self.init(data: image.pngData()!)!
    }
}

How to change UISegmentedController Background Color

1 Answers1