How to set borderColor of `UISegmentControl` in `swift`?

Question

Before asking the question, I have searched stackoverflow, find a related post:

But we can see it is in objective-c language.

So how can we change the borderColor of UISegmentControl in swift ?

score 3 · Answer 1 · answered Jul 01 '19 at 19:54

3

More simple approach:

segmentControl.layer.borderWidth = 1.0
segmentControl.layer.cornerRadius = 5.0
segmentControl.layer.borderColor = UIColor.red.cgColor
segmentControl.layer.masksToBounds = true

answered Jul 01 '19 at 19:54

Tiago Mendes

4,572
1
29
35

score 1 · Accepted Answer · edited May 23 '17 at 12:26

1

You literally just have to convert the code to swift...

let customSegmentedControl = UISegmentedControl.appearance()    
customSegmentedControl.setTitleTextAttributes([NSForegroundColorAttributeName : UIColor.red], for: UIControlState.normal)

But I believe the code you posted changes the actual color of the letters, not the color outside. The color outside is called "tint" and it's changed like this:

customSegmentedControl.tintColor = UIColor.blue

EDIT: For ONLY changing the border

Since each segment in the SegmentedControl is an actual UIView you can access them directly and customize them per your needs as in this answer.

Or you can set the "background image" which I believe can be set to the color you need. (Although the method above seems less complicated)

edited May 23 '17 at 12:26

Community

1
1

answered Dec 22 '16 at 02:39

Pochi

13,391
3
64
104

I am sorry to confuse, I just want to change the border color to gray. – aircraft Dec 22 '16 at 02:42
border color to gray but keep the inside orange? and letters white? – Pochi Dec 22 '16 at 02:58
right, just want to change only the border color, you know ,set tint color the border color will be set also. – aircraft Dec 22 '16 at 03:00

score 1 · Answer 3 · answered Jan 22 '21 at 12:38

Add the outlet

@IBOutlet weak var customSegment: UISegmentedControl!

then in your viewDidload method

    customSegment.layer.borderWidth = 1.0
    customSegment.layer.cornerRadius = 5.0
    customSegment.layer.borderColor = UIColor.red.cgColor
    customSegment.layer.masksToBounds = true

score 0 · Answer 4 · answered Dec 22 '16 at 04:17

We can set the background image to achieve the effect.

    let customSegmentedControl = UISegmentedControl.appearance()
    //customSegmentedControl.setTitleTextAttributes([NSForegroundColorAttributeName : UIColor.red], for: UIControlState.normal)

    customSegmentedControl.setBackgroundImage(UIImage.init(named: "ni2.png"), for: .normal, barMetrics: .default)
    customSegmentedControl.setBackgroundImage(UIImage.init(named: "ni.png"), for: .selected, barMetrics: .default)

Haya Hashmat · Answer 5 · 2019-11-15T07:26:33.633

-1

self.segementControl.layer.borderWidth = 0.3
self.segementControl.layer.cornerRadius = 3.0
self.segementControl.layer.borderColor = UIColor.orange.cgColor

edited Nov 15 '19 at 07:26

answered Nov 12 '19 at 06:17

Haya Hashmat

137
10

How to set borderColor of `UISegmentControl` in `swift`?

5 Answers5