Custom UISegmentedControl like the Scope control in UISearchBar

Question

I like to create a UISegmentedControl that looks like the scope button in UISearchBar.

Answer 1

Try this:

mySegmentedBar.segmentedControlStyle = 7;

It's undocumented, but seems to pass App Store review.

Answer 2

You don't have direct access to the UISegmentedControl on a UISearchBar, so you will have to set the global appearance of the UISegementedControl using the UIAppearance protocol on the UISearchBar. See Customizing Appearance in the documentation for UISearchBar.

To to set a background image for example use:

[[UISearchBar appearance] setScopeBarBackgroundImage:someImage];

Answer 3

This can be done by adding a UISearchBar and a UIToolbar with a UISegmentedControl in it to the view. You can do this in code or in Interface Builder.

Drag a UISearchBar out onto the view and align it to the top.

Add a UIToolbar and remove the button that comes on it.

Drag a UISegmentedControl onto the UIToolbar.

Wire everything up to the properties in your h. If you want to change the look of the controls, you can modify the tint color of both the items to make them a more silver look or something completely different.