1.3. Customizing the UISwitch
Problem
You have placed UISwitch instances on your UI
and would now like to customize them to match your UI.
Solution
Use one of the tint/image customization properties of the
UISwitch, such as the tintColor or the onTintColor.
Discussion
Apple has done a fantastic job of bringing customization to UI
components such as the UISwitch. In previous SDKs,
developers were going as far as subclassing UISwitch
just to change its appearance and color. Now the iOS SDK makes this much
simpler.
There are two main ways of customizing a switch:
- Tint Colors
Tint colors are colors that you can apply to a UI component such as a
UISwitch. The tint color will be applied on top of the current color of the component. For instance, in a normalUISwitch, you will be able to see different colors. When you apply the tint color on top, the normal color of the control will be mixed with the tint color, giving a flavor of the tint color on the UI control.- Images
A switch has two images:
- On Image
The image that represents the on state of the switch. The width of this image is 77 points, and its height is 22.
- Off Image
The image that represents the switch in its off state. This image, like the on state of the switch, is 77 points in width and 22 points in height.
Figure 1-9 shows an example of the on and off images of a switch.

Figure 1-9. The on and off images on a UISwitch
Now that we know the two ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access