Indicating the selected item

3 Sep 20202 minutes to read

The segmented control indicates the selected item by differentiating it with the text color of the item or by using selection strip.

Selection text color

The user can change the text color of the Selected item to desired color.The selected item text color can be customized by the SelectionTextColor property.

  • c#
  • [C#]
    
    segmentedControl.SelectionTextColor = Color.ParseColor("#02A0AE");

    Xamarin.Android SfSegmentedControl selection text color

    Selection Strip

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

    Position

    The position of the selection indicator can be customized by the user in different ways.

    Top

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

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        Position = Position.Top
    };

    Selection Strip Top

    Bottom

    As like Top placement selection strip can be customized by its color and thickness which can be positioned at the bottom of an item.

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        Position = Position.Bottom
    };

    Selection Strip Bottom

    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.

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        Position = Position.Fill
    };

    Selection Strip Fill

    Border

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

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        Position = Position.Border
    };

    Selection Strip Border

    Color

    The background color of the selection strip can be customized using Color property which is inside SelectionIndicatorSettings class.

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        Color = Color.ParseColor("#2C7BBC")
    };

    Selection Strip Color

    Thickness

    The border thickness of the selection strip can be customized using Thickness property which is inside SelectionIndicatorSettings class

  • c#
  • [C#]
    
    segmentedControl.SelectionIndicatorSettings = new SelectionIndicatorSettings()
    {
        StrokeThickness = 10
    };