How to change font color of UISegmentedControl

Question

I am trying to change the font color from white to black for UISegmentedControl (for iOS 4. *)

 UISegmentedControl *button = [[[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects:itemTitle, nil]] autorelease]; button.momentary = YES; button.segmentedControlStyle = UISegmentedControlStyleBar; button.tintColor = [UIColor redColor]; for (id segment in [button subviews]) { for (id label in [segment subviews]) { if ([label isKindOfClass:[UILabel class]]) { UILabel *titleLabel = (UILabel *) label; [titleLabel setTextColor:[UIColor blackColor]]; } } } UIBarButtonItem *barButtonItem = [[[UIBarButtonItem alloc] initWithCustomView:button] autorelease]; 

But the color of the text does not change. What should I do to change the text color for a UISegmentedControl ?

Answer 1

In iOS 6.0 and above, this is very simple:

 NSDictionary *attributes = [NSDictionary dictionaryWithObjectsAndKeys: [UIFont boldSystemFontOfSize:17], NSFontAttributeName, [UIColor blackColor], NSForegroundColorAttributeName, nil]; [_segmentedControl setTitleTextAttributes:attributes forState:UIControlStateNormal]; NSDictionary *highlightedAttributes = [NSDictionary dictionaryWithObject:[UIColor whiteColor] forKey:NSForegroundColorAttributeName]; [_segmentedControl setTitleTextAttributes:highlightedAttributes forState:UIControlStateSelected]; 

Answer 2

If you need to change the text color of the selected segment in iOS 7, here is the solution (it took me a while to find, but thanks to this post )

Objective-c

 [[UISegmentedControl appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor blackColor]} forState:UIControlStateSelected]; 

Swift

  let titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()] UISegmentedControl.appearance().setTitleTextAttributes(titleTextAttributes, forState: .Selected) 

Answer 3

Below is the code to set the font to bold face and dot size:

 UIFont *Boldfont = [UIFont boldSystemFontOfSize:12.0f]; NSDictionary *attributes = [NSDictionary dictionaryWithObject:Boldfont forKey: NSFontAttributeName]; [segmentedControl setTitleTextAttributes:attributes forState:UIControlStateNormal]; 

I hope this helps

Answer 4

Swift 4 code to set the font color to black in both states

  let titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.black] segmentedControl.setTitleTextAttributes(titleTextAttributes, for: .normal) segmentedControl.setTitleTextAttributes(titleTextAttributes, for: .selected) 

Answer 5

 for (UIView *v in [[[segment subviews] objectAtIndex:0] subviews]) { if ([v isKindOfClass:[UILabel class]]) { UILabel *label=(UILabel *)[v retain]; lable.textColor=[UIColor blackColor]; } } 

for iOS 3.0 and higher

Answer 6

Updated for Swift 4 - use this extension (because the extension is always awesome .. !!)

 extension UISegmentedControl { func defaultConfiguration(font: UIFont = UIFont.systemFont(ofSize: 12), color: UIColor = UIColor.gray) { let defaultAttributes = [ NSAttributedStringKey.font.rawValue: font, NSAttributedStringKey.foregroundColor.rawValue: color ] setTitleTextAttributes(defaultAttributes, for: .normal) } func selectedConfiguration(font: UIFont = UIFont.boldSystemFont(ofSize: 12), color: UIColor = UIColor.red) { let selectedAttributes = [ NSAttributedStringKey.font.rawValue: font, NSAttributedStringKey.foregroundColor.rawValue: color ] setTitleTextAttributes(selectedAttributes, for: .selected) } } 

and from the corresponding class, you can use these functions,

 @IBOutlet weak var segment: UISegmentedControl! segment.defaultConfiguration() // or provide paramater as per your requirement segment.selectedConfiguration(color: .blue) 

Answer 7

Just in case, to help someone else who gets there and works with quick access.

I will put two possible ways to do this. You can change the text attributes in UIAppearance or directly in the segmented one that you work with.

The first example defines appearance attributes, so you configure all the segmented controls in your application:

  let attributes = [ NSForegroundColorAttributeName : UIColor.grayColor(), NSFontAttributeName : UIFont.systemFontOfSize(20)]; let attributesSelected = [ NSForegroundColorAttributeName : UIColor.blueColor(), NSFontAttributeName : UIFont.systemFontOfSize(20)]; UISegmentedControl.appearance().setTitleTextAttributes(attributes, forState: UIControlState.Normal) UISegmentedControl.appearance().setTitleTextAttributes(attributesSelected, forState: UIControlState.Selected) 

The second example, directly in a segmented one, will configure only this segmented one:

  let attributes = [ NSForegroundColorAttributeName : UIColor.grayColor(), NSFontAttributeName : UIFont.systemFontOfSize(20)]; let attributesSelected = [ NSForegroundColorAttributeName : UIColor.blueColor(), NSFontAttributeName : UIFont.systemFontOfSize(20)]; segmented.setTitleTextAttributes(attributes, forState: UIControlState.Normal) segmented.setTitleTextAttributes(attributesSelected, forState: UIControlState.Selected) 

Answer 8

swift 3.2:

 let attributes = [ NSFontAttributeName : bigTextFont, NSForegroundColorAttributeName : UIColor.blue, ] segmentedControl?.setTitleTextAttributes(attributes, for: .normal) 

Note: if you use a custom background color, you will see a glitch in the corners (the color will fill the outer segments ..), so use this line to copy it:

 segmentedControl!.layer.cornerRadius = 4.0 segmentedControl!.clipsToBounds = true 

Answer 9

In iOS 5.0 and later, you can use titleTextAttributes to configure UISegmentedControl objects:

 NSDictionary *segmentedControlTextAttributes = @{NSFontAttributeName:[UIFont fontWithName:@"HelveticaNeue" size:18.0], NSForegroundColorAttributeName:[UIColor whiteColor]}; [self.segmentedControl setTitleTextAttributes:segmentedControlTextAttributes forState:UIControlStateNormal]; [self.segmentedControl setTitleTextAttributes:segmentedControlTextAttributes forState:UIControlStateHighlighted]; [self.segmentedControl setTitleTextAttributes:segmentedControlTextAttributes forState:UIControlStateSelected]; 

Here I set the font for the custom font, font size, color for each state of the UISegmentedControl .

You will find all sorts of simple settings in the Customizing the Appearance section of the UISegmentedControl Class Reference.

Answer 10

Im using monotouch. I don’t know why, but when the View was clicked, the color of the text did not change for me. To solve this problem, I simply add labels to segment the supervision of the supervision, and then change their colors:

 public static void SetColoredTittles(this UISegmentedControl s, string[] titles, UIColor selected, UIColor notSelected) { var segmentedLabels = new List<UILabel>(); float width = s.Frame.Width/titles.Length; for (int i = 0; i < titles.Length; i++) { var frame = new RectangleF(s.Frame.X + i*width, s.Frame.Y, width,s.Frame.Height); UILabel label = new UILabel(frame); label.TextAlignment = UITextAlignment.Center; label.BackgroundColor = UIColor.Clear; label.Font = UIFont.BoldSystemFontOfSize(12f); label.Text = titles[i]; s.Superview.AddSubview(label); segmentedLabels.Add(label); } s.ValueChanged += delegate { TextColorChange(s,segmentedLabels, selected, notSelected); }; TextColorChange(s,segmentedLabels, selected, notSelected); } static void TextColorChange(UISegmentedControl s, List<UILabel> segmentedLabels, UIColor selected, UIColor notSelected) { for (int i = 0; i < segmentedLabels.Count; i++) { if(i == s.SelectedSegment) segmentedLabels[i].TextColor = selected; else segmentedLabels[i].TextColor = notSelected; } } 

and then use it

 segmented.SetColoredTittles(new string[] { "text1", "text2", "text3" }, UIColor.White,UIColor.DarkGray);