更改 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));

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

Change qt scrollbar style to match default qml scrollbar

qt

scrollbar

stylesheet