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

【问题标题】：Change qt scrollbar style to match default qml scrollbar更改 qt 滚动条样式以匹配默认 qml 滚动条
【发布时间】：2018-04-29 07:10:25
【问题描述】：

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

这是qt默认滚动条的截图：

这是一个带有 qml ScollView 组件的组件。

【问题讨论】：

好的，所以我在另一篇文章中找到了答案...谢谢！ stackoverflow.com/questions/12438095/…

标签： qt scrollbar stylesheet

【解决方案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));

【讨论】：