https://github.com/emersoncosta0915/rangeslider-using-avalonia

RangeSlider for AvaloniaUI
https://github.com/emersoncosta0915/rangeslider-using-avalonia

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

Last synced: 4 months ago
JSON representation

RangeSlider for AvaloniaUI

• Host: GitHub
• URL: https://github.com/emersoncosta0915/rangeslider-using-avalonia
• Owner: EmersonCosta0915
• License: mit
• Created: 2024-11-04T23:11:54.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-11-04T23:13:16.000Z (8 months ago)
• Last Synced: 2025-01-21T19:14:33.158Z (6 months ago)
• Topics: avalonia, avaloniaui, c-sharp, cross-platform, netcore, range-slider, ui
• Language: C#
• Homepage:
• Size: 591 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• 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).