更改qt滚动条样式以匹配默认的qml滚动条

Question

如何让qt滚动条的样式与qml上的默认样式相同？

以下是qt上默认滚动条的屏幕截图：

这是qml ScollView组件的一个。

Answer 1

使用样式表有一种解决方法。

    this->setStyleSheet(QString(
        "QScrollBar:vertical {"
        "    border: 0px solid #c6c6c6;"
        "    background: transparent;"
        "    width: 13px;    "
        "    margin: 0px 0px 0px 0px;"
        "}"
        "QScrollBar:horizontal {"
        "    border: 0px solid #c6c6c6;"
        "    background: transparent;"
        "    height: 13px;    "
        "    margin: 0px 0px 0px 0px;"
        "}"
        "QScrollBar::handle {"
        "    background: #c6c6c6;"
        "    border: 3px solid %1;"
        "    border-radius: 6px;"
        "}"
        "QScrollBar::add-line:vertical {"
        "    height: 0px;"
        "    subcontrol-position: bottom;"
        "    subcontrol-origin: margin;"
        "}"
        "QScrollBar::sub-line:vertical {"
        "    height: 0 px;"
        "    subcontrol-position: top;"
        "    subcontrol-origin: margin;"
        "}"
        "QScrollBar::add-line:horizontal {"
        "    width: 0px;"
        "    subcontrol-position: right;"
        "    subcontrol-origin: margin;"
        "}"
        "QScrollBar::sub-line:horizontal {"
        "    width: 0 px;"
        "    subcontrol-position: left;"
        "    subcontrol-origin: margin;"
        "}").arg(SUPER_LIGHT_GREY));