iOS Question How to customize the SegmentedControl

[Ju Yang]

I'm using the SegmentedControl in a page, but the default appearance style of the SegmentedControl is not what I want, i.e., I need to customize the background, selected background, text color, font and font size, even put some images or icons besides the text...
Orz... Too many requests? Let's say how to implement a SegmentedControl like this:

Say there are three tabs, and the middle tab is currently selected. I guess we can use a "selected background image" with the correct background color and a red line on the bottom of it. But it is still necessary to change the selected text color and the font, right?
Could anyone help to write some code fragments to demonstrate how to do it?
Thanks in advance!

 

[Erel]

It is not possible to make the SegmentedControl look like this.

 

[Ju Yang]

It is not possible to make the SegmentedControl look like this.

Do you have suggestions if we need to implement this? Is there any components instead of SegmentedControl which we could use?

 

[Erel]

There is the built-in TabBarController which is a bit similar. The other option is to implement this interface with buttons and a bitmap for the horizontal line.

 

[Ju Yang]

There is the built-in TabBarController which is a bit similar. The other option is to implement this interface with buttons and a bitmap for the horizontal line.

I don't quite understand your saying "implement this interface with buttons and a bitmap". Do you mean we should define 3 buttons and set the selected background and should handle the events manually...?
Could you please show me some step by step example code for it?

 

[Erel]

Do you mean we should define 3 buttons and set the selected background and should handle the events manually...?

You can use regular buttons and change their look when they are selected (clicked). There is no step by step example for this.