How to change selected segment tintColor of UISegmentedControl in Swift

Question

I want to change the tintColor of UISegmentedControl selected segment in Swift 3. I've searched a lot of answers in Objective-c...
This is my code:

class ViewController:UIViewController{

var segment:UISegmentedControl

override func viewDidLoad() {
super.viewDidLoad()

segment.insertSegment(withTitle: "AAA", at: 0, animated: true)
segment.insertSegment(withTitle: "BBB", at: 1, animated: true)
segment.insertSegment(withTitle: "CCC", at: 2, animated: true)

segment.addTarget(self, action: #selector(changeValue), for: .valueChanged)
segment.selectedSegmentIndex = 0

view.addSubview(segment)

}
  func changeValue(sender:AnyObject) {

  //I don't know how to do that change color when segment selected
  // 

}

}

Thanks!

Here is a beautiful article to customize segmentedControl :) http://smnh.me/customizing-appearance-of-uisegmentedcontrol/ I believe you will have to subclass the UISegmentedControl change the background image for various states :) — Sandeep Bhandari, Jan 09 '17 at 09:24
You can take reference from http://stackoverflow.com/questions/29312447/how-to-set-uisegmentedcontrol-tint-color-for-individual-segment — Keyur Hirani, Jan 09 '17 at 09:27
just add tint color to the UISegmentControl like : segment.tintColor = UIColor.green — soumil, Jan 09 '17 at 09:33

score 10 · Answer 1 · answered Dec 18 '19 at 04:42

10

Use the code below for above ios 13,

if #available(iOS 13.0, *) {
        segment.selectedSegmentTintColor = .red
} else {
        segment.tintColor = .red
}

answered Dec 18 '19 at 04:42

ajit.prazanna

134
2
5

score 9 · Accepted Answer · answered Jan 09 '17 at 09:40

9

To programmatically change tint color of segment,

segment.tintColor = UIColor.yellow

answered Jan 09 '17 at 09:40

Sneha

2,200
6
22
36

score 6 · Answer 3 · answered Jan 09 '17 at 12:45

6

if you want to set the color of the title for example, you can do it like this:

let titleTextAttributes = [NSForegroundColorAttributeName: Color.blue]
segmentedControl.setTitleTextAttributes(titleTextAttributes, forState: .Selected)

answered Jan 09 '17 at 12:45

Kostas Tsoleridis

926
7
13

1

Its the solution for just changing the selected segment title. – Ahmadreza Jan 31 '18 at 09:12

KSR · Answer 4 · 2017-01-09T09:36:35.773

2

In Main.storyboard, select segmentControl and change the property "Tint" as shown in below screenshot:

If you create the segmentedControl programmatically, then use this:

 segment.tintColor = UIColor.red

edited Jan 09 '17 at 09:36

answered Jan 09 '17 at 09:29

KSR

1,699
15
22

score 1 · Answer 5 · answered Nov 08 '19 at 07:41

1

A new property was added in iOS 13: selectedSegementTintColor. The old tintColor property no longer works in iOS 13.

You can find a more complete writeup of the changes here iOS 13 UISegmentedControl: 3 important changes

answered Nov 08 '19 at 07:41

Kirby Todd

11,254
3
32
60

score 0 · Answer 6 · edited May 23 '17 at 11:54

Add the following code to your changeValue function:

func changeValue(sender: UISegmentedControl){
for i in 0..<sender.subviews.count {
    if sender.subviews[i].isSelected() {
        var tintcolor = UIColor.red // choose the color you want here
        sender.subviews[i].tintColor = tintcolor
    }
    else {
        sender.subviews[i].tintColor = nil
    }
}
}

This is a swift version of the accepted answer from this question: UISegmentedControl selected segment color

How to change selected segment tintColor of UISegmentedControl in Swift

6 Answers6