A UISegmented​Control object is a horizontal control made of multiple segments, each segment functioning as a discrete button. A segmented control affords a compact means to group together a number of controls.


A segmented control can display a title (an NSString object) or an image (UIImage object). The UISegmented​Control object automatically resizes segments to fit proportionally within their superview unless they have a specific width set. When you add and remove segments, you can request that the action be animated with sliding and fading effects.

You register the target-action methods for a segmented control using the value​Changed constant as shown below.

segmentedControl.addTarget(self, action: "action:", forControlEvents: .ValueChanged)

How you configure a segmented control can affect its display behavior:

  • If you set a segmented control to have a momentary style, a segment doesn’t show itself as selected (blue background) when the user touches it. The disclosure button is always momentary and doesn’t affect the actual selection.

  • In versions of iOS prior to 3.0, if a segmented control has only two segments, then it behaves like a switch—tapping the currently-selected segment causes the other segment to be selected. On iOS 3.0 and later, tapping the currently-selected segment does not cause the other segment to be selected.

Customizing Appearance

In iOS v5.0 and later, you can customize the appearance of segmented controls using the methods listed in Customizing Appearance. You can customize the appearance of all segmented controls using the appearance proxy (for example, [UISegmented​Control appearance]), or just of a single control.

When customizing appearance, in general, you should specify a value for the normal state of a property to be used by other states which don’t have a custom value set. Similarly, when a property is dependent on the bar metrics (on the iPhone in landscape orientation, bars have a different height from standard), you should make sure you specify a value for default.

In the case of the segmented control, appearance properties for landscape​Phone are only respected for segmented controls in the smaller navigation and toolbars that are used in landscape orientation on the iPhone.

To provide complete customization, you need to provide divider images for different state combinations, using set​Divider​Image(_:​for​Left​Segment​State:​right​Segment​State:​bar​Metrics:​):

// Image between two unselected segments.
mySegmentedControl.setDividerImage(myImage, forLeftSegmentState: UIControlState.Normal,
                                   rightSegmentState: UIControlState.Normal, barMetrics: UIBarMetrics.Default)
// Image between segment selected on the left and unselected on the right.
mySegmentedControl.setDividerImage(myImage, forLeftSegmentState: UIControlState.Selected,
                                   rightSegmentState: UIControlState.Normal, barMetrics: UIBarMetrics.Default)
// Image between segment selected on the right and unselected on the left.
mySegmentedControl.setDividerImage(myImage, forLeftSegmentState: UIControlState.Normal,
                                   rightSegmentState: UIControlState.Selected, barMetrics: UIBarMetrics.Default)

For more information about appearance and behavior configuration, see Segmented Controls.


Initializing a Segmented Control

init(items:​ [Any]?)

Initializes and returns a segmented control with segments having the given titles or images.

Managing Segment Content

func set​Image(UIImage?, for​Segment​At:​ Int)

Sets the content of a segment to a given image.

func image​For​Segment(at:​ Int)

Returns the image for a specific segment

func title​For​Segment(at:​ Int)

Returns the title of the specified segment.

Managing Segments

func insert​Segment(with:​ UIImage?, at:​ Int, animated:​ Bool)

Inserts a segment at a specified position in the receiver and gives it an image as content.

func insert​Segment(with​Title:​ String?, at:​ Int, animated:​ Bool)

Inserts a segment at a specific position in the receiver and gives it a title as content.

var number​Of​Segments:​ Int

Returns the number of segments the receiver has.

func remove​All​Segments()

Removes all segments of the receiver

func remove​Segment(at:​ Int, animated:​ Bool)

Removes the specified segment from the receiver, optionally animating the transition.

var selected​Segment​Index:​ Int

The index number identifying the selected segment (that is, the last segment touched).

Managing Segment Behavior and Appearance

var is​Momentary:​ Bool

A Boolean value that determines whether segments in the receiver show selected state.

func is​Enabled​For​Segment(at:​ Int)

Returns whether the indicated segment is enabled.

func set​Content​Offset(CGSize, for​Segment​At:​ Int)

Adjusts the offset for drawing the content (image or text) of the specified segment.

func content​Offset​For​Segment(at:​ Int)

Returns the offset for drawing the content (image or text) of the specified segment.

func set​Width(CGFloat, for​Segment​At:​ Int)

Sets the width of the specified segment of the receiver.

func width​For​Segment(at:​ Int)

Returns the width of the indicated segment of the receiver.

var apportions​Segment​Widths​By​Content:​ Bool

Indicates whether the control attempts to adjust segment widths based on their content widths.

Customizing Appearance

var tint​Color:​ UIColor!

The tint color to apply to key elements in the segmented control.

func background​Image(for:​ UIControl​State, bar​Metrics:​ UIBar​Metrics)

Returns the background image for a given state and bar metrics.

func divider​Image(for​Left​Segment​State:​ UIControl​State, right​Segment​State:​ UIControl​State, bar​Metrics:​ UIBar​Metrics)

Returns the divider image used for a given combination of left and right segment states and bar metrics.

func title​Text​Attributes(for:​ UIControl​State)

Returns the text attributes of the title for a given control state.

func set​Title​Text​Attributes([Any​Hashable :​ Any]?, for:​ UIControl​State)

Sets the text attributes of the title for a given control state.


Segment Selection

A constant for indicating that no segment is selected.


Constants for specifying a segment in a control


Inherits From

Conforms To

See Also

Related Documentation