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

Overview

The Xamarin.Forms Segmented control provides a linear set of two or more segments, each of which functions as a button. The segments are the same size and allow users to select between multiple contexts.


Display modes

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

Xamarin.Forms Segmented control showing text support

Text

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

Xamarin.Forms Segmented control showing image support

Image

Display items populated in the Segmented control as icons.

Xamarin.Forms Segmented control showing image with text support

Image with text

Display items populated in the Segmented control as icons with accompanying text.


Scrolling

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

Xamarin.Forms Segmented control showing srolling support


Data source

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

Xamarin.Forms Segmented control with a string collection as a data source

String collection

Set a collection of strings as a data source.

Xamarin.Forms Segmented control showing view collection support

View collection

Add custom views or images as segments.

Xamarin.Forms Segmented control showing segment collection support

Segment item collection

Customize the text or icons om segments, 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.

Xamarin.Forms Segmented control showing icon font support


Switch

The Xamarin.Forms Segmented control can be customized to behave as a switch with two or more options.

Xamarin.Forms Segmented control acting as a switch


Selection indicators

Use a selection strip to indicate the selected item in the Xamarin.Forms Segmented control. Customize the selection strip into many forms.

Xamarin.Forms Segmented control showing highlighted border

Border

Set the selection strip as a border to highlight the selected item.

Xamarin.Forms Segmented control showing selection fill color support

Fill

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

Xamarin.Forms Segmented control showing top placement selection support

Top placement

Display the selection strip as a line with customizable color and thickness and it positioned at the top of an item.

Xamarin.Forms segmented control showing bottom placement selection support

Bottom placement

Display the selection strip as a line with customizable color and thickness and it positioned at the bottom of an item.


Customization

The Xamarin.Forms Segmented control supports customizing the segment color, text color, icon size, selection color, and more, enabling the segments to fit your application’s theme.


130+ XAMARIN UI CONTROLS

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

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning 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.Close Icon