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
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The .NET MAUI Segmented Control offers choices from a linear set of segments containing text, icons, or both, each segment functioning as a discrete button to select options.


.NET MAUI Segmented Control Code Example

Easily get started with the .NET MAUI Segmented Control using a few simple lines of XAML and C# code example as demonstrated below. Also, explore our .NET MAUI Segmented Control Example that shows how to render and configure a Segmented Control in .NET MAUI.

<ContentPage 
  xmlns:buttons="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.Buttons">
    <buttons:SfSegmentedControl x:Name="segmentedControl">
        <buttons:SfSegmentedControl.ItemsSource>
            <x:Array Type="{x:Type x:String}">
                <x:String>Day</x:String>
                <x:String>Week</x:String>
                <x:String>Month</x:String>
                <x:String>Year</x:String>
            </x:Array>
        </buttons:SfSegmentedControl.ItemsSource>
    </buttons:SfSegmentedControl>
</ContentPage>
using Syncfusion.Maui.Buttons;
public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
        SfSegmentedControl segmentedControl = new SfSegmentedControl();
        List<SfSegmentItem> itemList = new List<SfSegmentItem>
        {
            new SfSegmentItem() {Text = "Day"},
            new SfSegmentItem() {Text = "Week"},
            new SfSegmentItem() {Text = "Month"},
            new SfSegmentItem() {Text = "Year"},
        };
        segmentedControl.ItemsSource = itemList;
        this.Content = segmentedControl;
    }
}

Segmented control display options

The Segmented control elegantly displays text, images, or a combination of text and an image in a modern design.

Text in .NET MAUI Segmented Control.

Text

Displays the text in the segmented items of the control.

Image in .NET MAUI Segmented Control.

Image

Displays images in the segmented items of the control.

Image with text in .NET MAUI Segmented Control.

Image with text

Displays images and the text in the segmented items of the control.


Selection indicator placement

The .NET MAUI Segmented control provides four types of selection indicator placement: Fill, border, top, and bottom border.

Fill selection in .NET MAUI Segmented Control.

Fill

The selection indicator will fill the selected segment to clearly show it is selected.

Border selection in .NET MAUI Segmented Control.

Border

The selection indicator will be highlighted with the border of the selected segment.

Top border selection in .NET MAUI Segmented Control.

Top border

The selection indicator will be placed at the top of the selected segment.

Bottom border selection in .NET MAUI Segmented Control.

Bottom border

The selection indicator will be placed at the bottom of the selected segment.


Disabled segments

The .NET MAUI Segmented control allows users to easily disable interaction and selection for certain segmented items if the “is enabled” option is set to false.

Disabled segments in .NET MAUI Segmented Control.


Scrolling support in .NET MAUI Segmented Control.

Scrolling

When there is not enough space to display all the items in the Segmented control, items beyond the edges of the control can be viewed by scrolling.


Right to left

The .NET MAUI Segmented control supports displaying the segmented items from right to left for users working with RTL languages like Hebrew and Arabic.

Right to left support in .NET MAUI Segmented Control.


Appearance customization in .NET MAUI Segmented Control.

Appearance customization

Users can customize the segment size, corner radius, background, color, selection color, segment data template, and more.




Struggling to decide on the right product?

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

tick-mark 60+ UI controls
tick-mark 200+ interactive .NET MAUI demos
tick-mark 843K+ downloads

Frequently Asked Questions

The Syncfusion .NET MAUI Segmented Control control supports the following features:

  • Text and image segment display options both offer rich customization options.
  • The selection indicator can be customized to match your app’s look with fill, border, top, and bottom border options.
  • One of the best .NET MAUI Segmented Control in the market, offering feature-rich UI to interact with the software.
  • Simple configuration and APIs.
  • Mobile-touch friendly.
  • Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Segmented Control.

You can find our .NET MAUI Segmented Control demo here. It demonstrates how to render and configure the Segmented Control.

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

Syncfusion .NET MAUI Segmented Control 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