[DevExpress/WPF] TrackBarEdit 사용하기 - Dual(Range) Slider

프로젝트에서 Range Slider 이 필요했는데 DevExpress 에 컨트롤이 있어서 간단한 사용방법을 공유해본다.

TrackBarEdit 을 사용하되 아래처럼 TrackBarEdit.StyleSetting 에 TrackBarRangeStyleSettings 으로 선언하여 쓰면
Dual Slider(Range Slider) 로 쓸수 있게된다.

xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"

<dxe:TrackBarEdit
    Grid.Row="0"
    Margin="10"
    Padding="10"
    CornerRadius="4"
    Maximum="10"
    Minimum="1"
    SelectionEnd="8"
    SelectionStart="2"
    SmallStep="1"
    TickFrequency="1"
    TickItemDisplayMode="TickAndText"
    TickPlacement="BottomRight"
    TrackHeight="8">
    <dxe:TrackBarEdit.StyleSettings>
        <dxe:TrackBarRangeStyleSettings />
    </dxe:TrackBarEdit.StyleSettings>
</dxe:TrackBarEdit>

 

참고
https://docs.devexpress.com/WPF/DevExpress.Xpf.Editors.TrackBarEdit