qml scrollbar 样式修改

QML 中的 ScrollBar 样式可以通过修改 ScrollBar 的属性来实现。以下是一些常用的样式属性：

1. background：设置滚动条的背景色或背景图像。

2. handle：设置滚动条的滑块颜色或背景图像。

3. width：设置滚动条的宽度。

4. height：设置滚动条的高度。

5. hoverEnabled：设置是否允许鼠标悬停时显示滚动条。

下面是一个示例，演示如何修改 ScrollBar 的样式：

ScrollBar {
    id: scrollBar
    background: "transparent"
    handle: Rectangle {
        color: "grey"
        radius: 5
    }
    width: 10
    hoverEnabled: true
}

在上面的例子中，我们将滚动条的背景色设置为透明，滑块的颜色设置为灰色，宽度设置为 10，同时启用了鼠标悬停时显示滚动条的功能。

除了上面提到的属性之外，还可以通过修改 ScrollBar 的子元素来实现更复杂的样式效果。比如，我们可以自定义 ScrollBar 的滑块形状，如下所示：

ScrollBar {
    id: scrollBar
    background: "transparent"
    width: 10
    hoverEnabled: true

    Rectangle {
        id: handle
        color: "grey"
        radius: 5
        width: scrollBar.width
        height: scrollBar.width * 2
    }
}

在这个例子中，我们将滑块的形状设置为一个宽度和高度不等的矩形，通过修改子元素的属性来实现样式的修改。