Ghost1372

everything can be handy

SegmentedSlider

Attributes

Name
TitleHorizontalAlignment
Spacing
SelectedTime
Value
Maximum
SegmentCount
SegmentTitles
TotalTime
TimeSegments

Events

Name
ValueChanged
SelectedTimeChanged
DragStarted
DragCompleted
SegmentChanged

Methods

Name
GetItemsRepeater
GetSegments

Simple Example

1
<dev:SegmentedSlider x:Name="SegmentedSliderSample" SegmentCount="5" Spacing="5"/>
1
2
3
4
5
6
7
8
SegmentedSliderSample.SegmentTitles = new List<string>
{
    "Very Low",
    "Low",
    "Medium",
    "High",
    "Very High",
};

DevWinUI

Time Based Example

1
<dev:SegmentedSlider x:Name="SegmentedSliderSample" TotalTime="01:20:00" Spacing="5"/>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
SegmentedSliderTimeSample.TimeSegments = new List<SegmentedSliderTimeInfo>
{
    new SegmentedSliderTimeInfo
    {
        StartTime = TimeSpan.Zero,
        EndTime = new TimeSpan(0, 30, 0), // first 30 minutes
        Title = "Intro"
    },
    new SegmentedSliderTimeInfo
    {
        StartTime = new TimeSpan(0, 20, 0),
        EndTime = new TimeSpan(1, 0, 0), // 30-60 minutes
        Title = "Main Part"
    },
    new SegmentedSliderTimeInfo
    {
        StartTime = new TimeSpan(1, 0, 0),
        EndTime = new TimeSpan(1, 20, 0), // 60-80 minutes
        Title = "Ending"
    }
};

DevWinUI

If you want to use Time Based Segments, dont set SegmentCount, and if you want to use Simple Mode, dont set TotalTime.

Demo

you can run demo and see this feature.

0%