https://github.com/dmitrynizhebovsky/avalonia.rangeslider

RangeSlider for AvaloniaUI
https://github.com/dmitrynizhebovsky/avalonia.rangeslider

avalonia avaloniaui c-sharp controls cross-platform csharp netcore range-slider ui

Last synced: 14 days ago
JSON representation

RangeSlider for AvaloniaUI

• Host: GitHub
• URL: https://github.com/dmitrynizhebovsky/avalonia.rangeslider
• Owner: DmitryNizhebovsky
• License: mit
• Created: 2022-01-25T09:38:30.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-26T14:23:29.000Z (over 2 years ago)
• Last Synced: 2025-02-08T19:51:31.684Z (9 months ago)
• Topics: avalonia, avaloniaui, c-sharp, controls, cross-platform, csharp, netcore, range-slider, ui
• Language: C#
• Homepage:
• Size: 656 KB
• Stars: 44
• Watchers: 4
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[nuget]: https://www.nuget.org/packages/RangeSlider.Avalonia

# RangeSlider.Avalonia

---

![](./Images/SampleApp.png)

[![nuget](https://img.shields.io/nuget/v/RangeSlider.Avalonia?label=Nuget&style=flat-square)][nuget]

[![nuget](https://img.shields.io/nuget/dt/RangeSlider.Avalonia?color=blue&label=Downloads&style=flat-square)][nuget]

---

# Overview

This library provides a RangeSlider control with the following features:

- Orientation\

    RangeSlider support horizontal and vertical orientation

- IsSnapToTickEnabled\

    If set to true, thumbs will snap to ticks like in standard Slider

- IsThumbOverlap\

    If set to true, it allows the thumbs to overlap each other

    `IsThumbOverlap=True`\

    ![](./Images/IsThumbOverlap_true.gif)

    `IsThumbOverlap=False`\

    ![](./Images/IsThumbOverlap_false.gif)

- MoveWholeRange\

    If set to true, allows you to move the selected range as a whole by pulling the area between thumbs

    `MoveWholeRange=True`\

    ![](./Images/MoveWholeRange_true.gif)

- TickBars and Tickplacement\

    RangeSlider support displaying/hiding ticks and change its ticks width according to minimum and maximum values changed

# Getting started

1. Add [RangeSlider.Avalonia][nuget] nuget package to your project:

        dotnet add package RangeSlider.Avalonia

2. Edit `App.xaml` file:

```xml

	

		

	

	

```

3. Add RangeSlider in your view

```xml

 

    

    

       

    

 

```

---

### License

RangeSlider.Avalonia is licensed under the [MIT license](LICENSE.md).