Arun PK

CircularSlider

A highly customisable circular slider written in QML.

Demo video

List of properties

  • trackWidth
  • progressWidth
  • handleWidth
  • handleHeight
  • handleRadius
  • handleVerticalOffset
  • startAngle
  • endAngle
  • minValue
  • maxValue
  • value
  • angle [readonly]
  • capStyle
  • trackColor
  • progressColor
  • handleColor
  • stepSize
  • snap
  • handle [Component]
  • pressed [readonly]
  • hideTrack
  • hideProgress
  • interactive
  • cursorShape

It is also possible to do advanced customisation by hiding the track, progress and provide your own visualisation for the custom track and progress indicators. Also possible to provide your own custom component as a handle for the slider.

Added support to hide handle and use Slider as a progress indicator by setting property interactive to false.

Added support to set custom cursor shape for the Slider handle.

Licensing

This QML component is licensed under the MIT License Agreement

Details

Source Repository: https://github.com/arunpkqt/CircularSlider
Latest Release: https://github.com/arunpkqt/CircularSlider/releases
Blog Post: Arun's Qt Corner - Circular Slider Blog

Screenshots

Basic Properties

ScreenShot

Custom Handles

ScreenShot

Custom Progress Indicator

ScreenShot

Slider as Progress Indicator

ScreenShot

By clicking button above, I agree Marketplace user terms and conditions

Details
Version:
0.2
Publisher:
Arun PK
Contact:
Arun PK
Copyright:
Arun PK
License:
MIT
Created at:
2021-05-07
Updated at:
2021-06-04
Platforms:
macOS
Linux
Windows
Supported Qt versions:
5.14-or-later
Support:
https://github.com/arunpkqt/CircularSlider/issues
Bug URL:
https://github.com/arunpkqt/CircularSlider/issues
Source repository:
https://github.com/arunpkqt/CircularSlider
Dependencies:
QtQuick