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. Image for the cookie policy date
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 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 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.


Xamarin Segmented Control Code Example

Easily get started with the Xamarin Segmented Control using a few simple lines of C# code as demonstrated below. Also explore our Xamarin Segmented Control that shows you how to render and configure the Xamarin Segmented Control.

<buttons:SfSegmentedControl
            HeightRequest="80">
            <segmentCollection:List x:TypeArguments="x:String">
                <x:String>1</x:String>
                <x:String>2</x:String>
                <x:String>3</x:String>
            </segmentCollection:List>
</buttons:SfSegmentedControl>
private SfSegmentedControl segmentedControl;
            public MainPage()
            {
                InitializeComponent();
                segmentedControl = new SfSegmentedControl();
                segmentedControl.HeightRequest = 80;
                List<string> list = new List<string>
                {
                    "1","2","3","4","5","6"
                };
                segmentedControl.ItemsSource = list;
                stack.Children.Add(segmentedControl);
                              this.Content = stack;
            }



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

The Syncfusion Xamarin Segmented Control provides the following:

  • Xamarin SegmentedControl offers a better experience with a UI that is easy to interact with.
  • Comes with a bunch of features and customizations suitable for use in large applications.
  • Simple APIs.
  • Touch-friendly and responsive.
  • One of the best Xamarin Segmented Control in the market that offers a feature-rich UI.
  • Extensive demos and documentation to learn quickly and get started with Xamarin Segmented Control.

You can find our Xamarin Segmented Control demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

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

Syncfusion Xamarin.Forms Resources

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.

Up arrow icon
Live Chat Icon For mobile