Custom Slider implementation

[Vinoth Rajendran4]

I want to implement a slider which looks like the above.

I can implement the handle part.

But how to implement the background which has straight line and tiny dots ?

Can someone help me with few details on how to start implementing the background part ?

any help is appreciated...

[sierdzio]

Documentation shows how to do it: https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-slider or using range slider https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-rangeslider.

For each tick, you can simply draw it using Rectangle:

Rectangle {
  width: 6
  height: 6
  radius: 3
}

You can instantiate them with some Repeater.

[Vinoth Rajendran4]

@sierdzio , Thanks .. I used the repeater to implement