ScrollBar handle customization

umit sivri

Hi,

I want to customize QtQuick.Controls scrollbar scroll to something similar to below:

I can't find a way to customize scrollbar handle. My code until now is:

ScrollBar.vertical: ScrollBar {
            id: scroll
            active: true
            policy: ScrollBar.AlwaysOn
            visible: true
            anchors {
                top: listView.top
                bottom: listView.bottom
            }

            contentItem: Rectangle {
                id: bckground
                implicitWidth: scrollBarWidth
                implicitHeight: 30
                height: 0.5
                color: "red"
                anchors.right: parent.right
                radius: scrollBarWidth / 2
            }

        }

Isn't there a way to customize scrollbar handle like the image above?

Thanks

Markkyboy

https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-scrollbar

umit sivri

Thanks but what I want to do is more customization than the content in the link.
I wnat to make handle height fixed, not changing according to content size.

This should be doable, seems like a simple change. I don't believe scrollbar is so rigid that won't allow such customizations.

Markkyboy

Well, the link I set, is from QML, it gives you basics of customising 'background' and 'contentItem'. of ScrollBar.

The image you give is styled more like a Slider rather than a scrollbar.