qml修改scrollbar样式

在 QML 中，可以通过修改 `QScrollBar` 的样式来自定义滚动条的外观。下面是一个简单的示例：

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    ScrollView {
        anchors.fill: parent

        // 修改垂直滚动条的样式
        verticalScrollBar: ScrollBar {
            id: vScrollBar
            style: ScrollBarStyle {
                groove: Rectangle {
                    color: "transparent"
                }
                handle: Rectangle {
                    color: "grey"
                    radius: 5
                }
            }
        }

        // 修改水平滚动条的样式
        horizontalScrollBar: ScrollBar {
            style: ScrollBarStyle {
                groove: Rectangle {
                    color: "transparent"
                }
                handle: Rectangle {
                    color: "grey"
                    radius: 5
                }
            }
        }

        Text {
            text: "Scrollable content"
            width: parent.width * 2
            height: parent.height * 2
        }
    }
}

在上面的代码中，我们通过设置 `verticalScrollBar` 和 `horizontalScrollBar` 的样式来自定义滚动条的外观。在样式中，我们使用了 `Rectangle` 来绘制滚动条的轨道和手柄，可以根据需要修改颜色、宽度和圆角半径等属性。

需要注意的是，如果你想要自定义滚动条的样式，那么可能需要在样式中设置更多的属性，例如滚动条的宽度、最小值和最大值等。具体可以参考 Qt 官方文档中 `ScrollBarStyle` 的说明。