首页 > 解决方案 > 如何制作带有外边框的圆形QToolButton?

问题描述

我已经使用样式表实现了一些圆形 QToolButtons;一切正常,除了我还没有找到添加外部边框的方法。目前 QT 仅支持 CSS 2,这意味着我无法在 CSS 3 中使用 box-shadow 属性。

关于如何实现这一点的任何想法?

这是应用于 QToolButton 的样式表片段

QString StyleManager::labelButtonStyle(QString labelColor){
QString style =  QString("QToolButton {"
                         "    border: 1px;"
                         "    width: 26px; min-width: 26px; max-width: 26px;"
                         "    height: 26px; min-height: 26px; max-height: 26px;"
                         "    border-radius: 13px;"
                         "    background-color: %1;"
                         "    color: white;"
                         "    padding: 0;"
                         "    margin: 0;"
                         "    font-size: 12px;"
                         "    font-family: %4;"
                         "}"
                         "QToolButton:checked {"
                         "    border: 2px solid %3; "
                         "}"
                         "QToolButton:disabled {"
                         "    background-color: %2; "
                         "    color: grey; "
                         "}").arg(labelColor).arg(BACKGROUND_GREY).arg(darkColor()).arg("Arial");
return style; }

这是迄今为止的结果:

带有当前边框的圆形 QToolButton

但我正在努力做到这一点。

我正在尝试完成的示例

标签: qtqtstylesheetsqpushbuttonqtoolbutton

解决方案


推荐阅读