How to change the UISwitch default color(blue)

Question

How to change the default color(blue) of a UISwitch?

nowadays (2019) it's just the badly-named `.onTintColor` . Note that this has no relation to the usual "tintColor". — Fattie, Nov 21 '19 at 18:30

score 71 · Answer 1 · edited Nov 08 '13 at 07:17

71

I think what you are looking for is something like this

UISwitch *testSwitch; //just something I made up
[testSwitch setOnTintColor:[UIColor greenColor]];

edited Nov 08 '13 at 07:17

Nazik

8,696
27
77
123

answered Dec 22 '11 at 21:34

NicholasTGD

1,256
1
10
11

score 50 · Answer 2 · answered May 15 '14 at 16:06

50

In Xcode 5 and iOS 7 it's now in the attributes inspector:

enter image description here

Changing the On Tint will change the button's color when it's turned on.

enter image description here

I hope that's what you were looking for! Even though you posted that question like three years ago.

answered May 15 '14 at 16:06

jeddai

799
9
21

Vyacheslav · Answer 3 · 2018-03-28T09:00:51.157

25

Swift 3 Swift 4

workable solution

var switcher = UISwitch()
switcher.onTintColor = .green
switcher.tintColor = .green

edited Mar 28 '18 at 09:00

answered Feb 08 '17 at 21:17

Vyacheslav

26,359
19
112
194

Tai Le · Answer 4 · 2017-01-06T03:46:04.623

8

Swift 3:

yourSwitch.onTintColor = .red

edited Jan 06 '17 at 03:46

answered Oct 21 '15 at 06:48

Tai Le

8,530
5
41
34

score 8 · Answer 5 · edited May 23 '17 at 12:02

Prior to iOS 5, without writing your own custom UISwitch control, perhaps using a UISegmentedControl, Apple did not allow you to change the color of a standard UISwitch.

There is a private property setAlternateColor: YES which will change the color to orange, and you would need to create a category for the UISwitch class, but this will not be approved in the Apple review process.

Here are a few custom UISwitch projects for use in iOS 3.0 - 4.1:

http://osiris.laya.com/projects/rcswitch/
http://www.alexcurylo.com/blog/2010/07/30/custom-uiswitch/
StackOverflow Anser: https://stackoverflow.com/a/5088099/171206 (using UISegmentedControl)

Introduced in iOS 5, the UISwitch now has an onTintColor property.

[mySwitch setOnTintColor: [UIColor blackColor]];

score 3 · Answer 6 · answered Jul 29 '19 at 12:38

3

Set tint color for a specific UISwitch:

var switcher = UISwitch()
switcher.onTintColor = .red
switcher.tintColor = .red

Set tint color for your app:

let switchApperence = UISwitch.appearance()
switchApperence.tintColor = .red
switchApperence.onTintColor = .red

answered Jul 29 '19 at 12:38

Yongqiang Zhou

322
1
12

1

Why do we need to set the tintColor attribute? It is working for me as expected with just onTintColor being set. – Sai Manoj Kumar Yadlapati Jun 19 '20 at 09:37

score 2 · Answer 7 · answered Sep 13 '12 at 14:34

Finally, with iOS5 you can change the color of the switch with the property onTintColor.

UISwitch *s = [[UISwitch alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
s.on = YES;
s.onTintColor = [UIColor redColor];
[self.view addSubview:s];
[s release];

produce this

enter image description here

I hope this help !

How to change the UISwitch default color(blue)

7 Answers7