We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin.iOS Segmented control is a linear segment made up of multiple segments with each segment functioning as a button. The segments are the same size and allow users to select between multiple contexts.


Display mode

Depending on your application, different scenarios may require icons, text, or a combination of both for effective communication. The segmented control supports these three options.

Xamarin iOS Segmented control display modes

Text

Items populated in the segmented control will be displayed as text by default.

Xamarin iOS Segmented control item display as text

Image

Items populated in the segmented control can be displayed as icons.

Xamarin iOS Segmented control item display as image

Image with text

Items populated in the segmented control can be displayed as icons with accompanying text.


Scrolling

When the available space in the segmented control is not equally distributed, the items beyond the edges of the control can be viewed by scrolling the panel.

Xamarin iOS Segmented control scrolling


Data source

Segments can be populated from a collection of strings, views, or a collection of objects in a built-in class.

Xamarin iOS Segmented control datasource binding

String collection

Set a collection of strings as a data source.

Xamarin iOS Segmented control string collection datasource

View collection

Custom views or images can be added as segments.

Xamarin iOS Segmented control custom view

Segment item collection

Customize the text or icons, or use other built-in customization options available for the segments. Segment item collections can also be used.


Icon fonts

Use icon fonts to avoid icon scalability issues and reduce the app footprint by avoiding solid images.

Xamarin iOS Segmented control icon fonts


Switch

The segmented control can be customized as switches, i.e., traditional two binary items or with any additional options.

Xamarin iOS Segmented control as switch


Selection indicators

A selection strip is used to indicate the selected item in the segmented control. The selection strip can be customized in many forms.

Xamarin iOS Segmented control selection indicators

Border

The selection strip can be set as a border to highlight the selected item.

Xamarin iOS Segmented control Border feature

Fill

The selection strip can be placed over a segment item to indicate it is selected. You can customize its color to highlight the item.

Xamarin iOS Segmented control fill feature

Top placement

The selection strip can be displayed as a line with customizable color and thickness. It can be positioned at the top of an item.

Xamarin iOS Segmented control top placement

Bottom placement

The selection strip can be displayed as a line with customizable color and thickness. It can be positioned at the bottom of an item.


Customization

The segmented control supports customizing the segment color, text color, icon size, selection color, and more, enabling the segments to fit your application’s theme. It can be customized in the following areas.

Xamarin iOS Segmented control customization support

Font size

The font size can be customized with pixel precision or with standard options such as small, medium, and large.

Xamarin iOS Segmented control font size customization support

Font family

The control supports traditional and custom fonts to suit your application. Some iconic fonts are supported too.

Xamarin iOS Segmented control font customization support

Text color

The text color can be customized for normal and selected states with the available color collection or any hex color code.

Xamarin iOS Segmented control text color customizing support

Item color

The background color of all the items can be customized.

Xamarin iOS Segmented control item color customizing support

Border color

The border color can be customized for all items.

Xamarin iOS Segmented control border color customizing support

Border thickness

The border thickness can be customized for all items.

Xamarin iOS Segmented control border thickness customization

Corner radius

The corner radius can be customized for selection strips and items.

Xamarin iOS Segmented control corner radius of strips

Padding

Spacing between the items in the control can also be customized.


145+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

Double quotes

A creator of online tutorials for Microsoft technologies, your controls helped to provide a rich user experience. I wanted a look and feel like a Windows Store app and the Tiles are useful for that.
 Microsoft MVP

Microsoft MVP

Double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

Transform your applications today by downloading our free evaluation version Download Free Trial

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Syncfusion Awards
Scroll up icon

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.