What is the color or tint of the bar style UISegmentedControl

Question

I want to make a button that has the same appearance as one of the segments of a bar style segment like this color:

enter image description here

But I dont know how to acheive the same gradient as it. My goal is to make a segment control with buttons that looks the same but you can select multiple "segments"

Why not take the image you've uploaded here, crop a section of the gradient, and use that as a resizable image? — Cameron, Jul 26 '13 at 02:21

score 2 · Answer 1 · edited May 23 '17 at 12:03

2

1. For enabling multiple selection,configure the Selection attribute of the segmented control as Multiple or do a search for custom multiple selection segments.

Selection.

Specifies the tracking mode of the segmented control. The possible options are:

Multiple: This corresponds to the constant NSSegmentSwitchTrackingSelectAny and specifies that any segment can be selected.

2.For the appearance,use the background gradient image

[mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"gradient.png"] atIndex:0 animated:YES];

For more,please refer my answer here

edited May 23 '17 at 12:03

Community

1
1

answered Jul 26 '13 at 04:40

Shamsudheen TK

30,739
9
69
102

I dont see where I can set the control to multiple? – BluGeni Jul 26 '13 at 12:44

score 1 · Answer 2 · answered Jul 26 '13 at 05:17

You can use this piece of code if you have images for selected and normal state images in gradient.

UIImage *segmentNormal = [[UIImage imageNamed:@"segmentNormal.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];
[[UISegmentedControl appearance] setBackgroundImage:segmentNormal forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

UIImage *segmentSelected = [[UIImage imageNamed:@"segmentSelected.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];
[[UISegmentedControl appearance] setBackgroundImage:segmentSelected forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];

score 0 · Answer 3 · answered Jul 26 '13 at 04:35

0

All you want is here link

and for segments appearance you can set [UISegmentedControl appearance] property.

answered Jul 26 '13 at 04:35

Toseef Khilji

17,192
12
80
121

I have tried this subclass but it does not work correctly with storyboards – BluGeni Jul 26 '13 at 12:48
@BluGeni:you are right , you can try this with programmatically in storyboard – Toseef Khilji Jul 26 '13 at 12:57

What is the color or tint of the bar style UISegmentedControl

3 Answers3