Swift: Background color change in selected segment of UISegmentControl

Question

In my Swift app, I dont know how to change BGColor for selected segment alone, in UISegmentControl. I have tried a lot, only tint color is changing. I got success in Objective - C. I dont know how to convert that to SWIFT. Kindly guide me. My codings below:

Objective C

- (IBAction)mySeg:(UISegmentedControl *)sender {

    for (int i=0; i<[sender.subviews count]; i++)
    {
        if ([[sender.subviews objectAtIndex:i]isSelected] )
        {
            UIColor *tintcolor=[UIColor colorWithRed:255.0/255.0 green:0/255.0 blue:0/255.0 alpha:1.0];
            [[sender.subviews objectAtIndex:i] setTintColor:tintcolor];  //HERE SELECTED SEGMENT COLOR ALONE CHANGING
        }
        else
        {
            [[sender.subviews objectAtIndex:i] setTintColor:nil];
        }
    }
}

Swift

@IBAction func mySegAcn(sender: UISegmentedControl) {
for(var i : Int = 0; i < sender.subviews.count; i++)
{
    if((sender.subviews[i].isSelected) != nil) 
    {
        //var tint_Color =  UIColor(red: 1.0, green: 0, blue: 0, alpha: 1.0)

        (sender.subviews[i] as! UIView).tintColor = UIColor .redColor()  //HERE WHOLE TINT COLOR IS CHANGING
    }

    else
    {

        (sender.subviews[i] as! UIView).tintColor = nil
    }
}
}

Output

it's working fine on my side..there may be some other issue but code for change selected segment is that only.. — Kavita, Sep 08 '15 at 07:12
Hi @Katty ,, Did u chk both code? In Obj - C, Selected segment alone color change, In Swift, Selected segment as well as tint color of all segments changing. That is my issue. — McDonal_11, Sep 08 '15 at 07:16

gabo · Answer 1 · 2015-11-12T03:17:22.610

I tried using isSelected, it gives me an error saying the method does not exist. Here is another way to do it without the isSelected method

Use the value changed event for the UISegmentControl to sort the segments in order by their origin x value, then loop and compare the selectedSegmentIndex property. Here is an example with assuming a segmented control of 4 segments:

@IBAction func indexChanged(sender: UISegmentedControl) {

    let sortedViews = sender.subviews.sort( { $0.frame.origin.x < $1.frame.origin.x } )

    for (index, view) in sortedViews.enumerate() {
        if index == sender.selectedSegmentIndex {
            view.tintColor = UIColor.blueColor()
        } else {
            view.tintColor = UIColor.lightGrayColor()
        }
    }

}

Then in viewDidLoad set the tintColor for the initially selected segment, in this case it is the first:

let sortedViews = segmentedControlOutletVariable.subviews.sort( { $0.frame.origin.x < $1.frame.origin.x } )
sortedViews[0].tintColor = UIColor.blueColor()

This is the best answer for swift 2.1 . "isSelected" is not an available flag. — TimWhiting, Jan 10 '16 at 13:47

score 5 · Answer 2 · answered May 22 '18 at 12:18

Swift 4

let sortedViews = segmentedControl.subviews.sorted( by: { $0.frame.origin.x < $1.frame.origin.x } )

for (index, view) in sortedViews.enumerated() {
    if index == segmentedControl.selectedSegmentIndex {
        view.tintColor = UIColor.red
    } else {
        view.tintColor = UIColor.green
    }
}

score 5 · Answer 3 · edited Aug 05 '20 at 09:46

iOS 13 and Swift 5

Try using this extension:

extension UISegmentedControl {
    func setSelectedSegmentForegroundColor(_ foregroundColor: UIColor, andTintColor tintColor: UIColor) {
        if #available(iOS 13.0, *) {
            self.setTitleTextAttributes([.foregroundColor: foregroundColor], for: .selected)
            self.selectedSegmentTintColor = tintColor;
        } else {
            self.tintColor = tintColor;
        }
    }
}

Call:

segmentedControlName.setSelectedSegmentForegroundColor(.white, andTintColor: .black);

score 2 · Accepted Answer · answered Sep 08 '15 at 11:10

2

The issue with the Swift code is the treatment of the optional: (sender.subviews[i].isSelected) != nil will be true even if isSelected is false.

Try writing your loop using the Swift syntax

for subview in (sender.subviews as! [UIView]) {
   if (subview.isSelected) {
       subview.tintColor = UIColor.redColor()
   } 
   else {
       subview.tintColor = nil
   } 
}

At least in that loop you are actually testing whether or not the subview is selected instead of whether or not the view is not nil.

answered Sep 08 '15 at 11:10

MiKL

1,850
1
15
23

7

UIView does not have member named *"isSelected"* . I have tried this, I faced this error. @MiKL – McDonal_11 Sep 08 '15 at 11:22
@McDonal_11 where is the "isSelected" flag in your code coming from? – MiKL Sep 08 '15 at 11:23
I have tried your logic. Working fine, I updated my answer. Thanks a lot. – McDonal_11 Sep 08 '15 at 11:35
I'm glad it helped. Optionals can be confusing when you start with Swift. – MiKL Sep 08 '15 at 11:36
isSelected is not a member of UIView – Lorenzo Barbagli Jul 09 '17 at 21:21

score 1 · Answer 5 · answered Sep 08 '15 at 11:35

As per @MiKL suggestion, following Code is working fine.

Code

for(var i : Int = 0; i < sender.subviews.count; i++)
        {
            if ((sender.subviews[i].isSelected) == true)
            {
                (sender.subviews[i] as! UIView).tintColor = UIColor .redColor()
            }
            else
            {
                (sender.subviews[i] as! UIView).tintColor = nil
            }
        }

score 1 · Answer 6 · answered May 18 '18 at 04:41

Updating @gabo answer in Swift 4.1 as I donot have permission to modify his answer.

@IBAction func indexChanged(sender: UISegmentedControl) { 

     let sortedViews = sender.subviews.sorted( by: { $0.frame.origin.x < $1.frame.origin.x } )

            for (index, view) in sortedViews.enumerated() {
                if index == sender.selectedSegmentIndex { //When selected
                    view.tintColor = UIColor.blue
                } else {//Unselected
                    view.tintColor = nil
                }
            }

}

Initially selected segment in viewDidLoad

let sortedViews = segmentedControlOutletVariable.subviews.sorted( by: { $0.frame.origin.x < $1.frame.origin.x } )
sortedViews[0].tintColor = UIColor.blue //Default Selection color

score 1 · Answer 7 · answered Mar 02 '20 at 01:13

I wanted to have a different colour with each Segment that was highlighted and found a VERY simple answer to my solution, this is to just simply change the colour of the selectedSegmentTintColor on each Case within my Switch.

This is using Swift 5.1

@IBOutlet weak var mySegOutlet: UISegmentedControl!


@IBAction func mySegmentControl(_ sender: UISegmentedControl) {
    switch sender.selectedSegmentIndex {
    case 0:
        mySegOutlet.selectedSegmentTintColor = .red

    case 1:
        mySegOutlet.selectedSegmentTintColor = .yellow

    case 2:
        mySegOutlet.selectedSegmentTintColor = .white

    case 3:
        mySegOutlet.selectedSegmentTintColor = .orange

    case 4:
        mySegOutlet.selectedSegmentTintColor = .red

    default:
        break
    }  //end of Switch
}

Remember to set the text colour in ViewDidLoad - Colour mixing matters.

mySegOutlet.setTitleTextAttributes([NSAttributedString.Key.foregroundColor: UIColor.black], for: UIControl.State.selected)

This Works very smoothly for me and gives me the desired results with rounded corners and nice visual effects, as well you're not setting the background colour of the Segment, and therefore you don't need to reset the background colour when moving away from the segment.

Kavita · Answer 8 · 2015-09-08T10:29:01.527

0

Your code for change color is working fine the only problem is if condition that is not working in same manner it working in objective c.

change if condition with

 if(sender.selectedSegmentIndex != i)

@IBAction func action(sender: UISegmentedControl) {
    for(var i : Int = 0; i < sender.subviews.count; i++)
    {
        if(sender.selectedSegmentIndex != i)
        {
            //var tint_Color =  UIColor(red: 1.0, green: 0, blue: 0, alpha: 1.0)

            (sender.subviews[i] as! UIView).tintColor = UIColor .redColor()

            //HERE WHOLE TINT COLOR IS CHANGING
        }

        else
        {

            (sender.subviews[i] as! UIView).tintColor = nil
        }
    }
}

edited Sep 08 '15 at 10:29

answered Sep 08 '15 at 09:13

Kavita

176
8

Hi... Not working @Katty .. Color not changing on selected Index. Some issue in logic.. Kindly help me. – McDonal_11 Sep 08 '15 at 09:43
explain your problem or share googleDoc link with your project – Kavita Sep 08 '15 at 10:55
https://drive.google.com/open?id=0B0MhF_U3zST_fk53TWh2dDczQUozY0JHWTVsZVE0eVJ3ZmtCeVRrTjNWMmpYcXNMSFlQRzg – McDonal_11 Sep 08 '15 at 11:18
As u said, I have shared my proj link. Kindly see through it. – McDonal_11 Sep 08 '15 at 11:19
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/89064/discussion-between-mcdonal-11-and-katty). – McDonal_11 Sep 08 '15 at 12:29

score 0 · Answer 9 · answered Nov 24 '16 at 09:04

For Swift: On segment control clicked (@IBAction) use following code

@IBAction func segmentChanged(sender: UISegmentedControl) {
    let sortedSubViews = sender.subviews.sort { $0.frame.minX < $1.frame.minX }
    let selectedSegment = sortedSubViews[sender.selectedSegmentIndex]
    sortedSubViews.forEach({
        // white is selected color and cayan color is for not selected item 
        $0.tintColor = $0 == selectedSegment ? UIColor.whiteColor() : UIColor.cyanColor()
    })
}

create outlet of segmentedControl and on viewDidLoad you need to call above function.

self.segmentChanged(segmentedControl)

Swift: Background color change in selected segment of UISegmentControl

9 Answers9