如何使用QSS更改框架样式？

Question

日安。这里有一个关于框架样式的说明，这里是https://doc.qt.io/qt-5/qframe.html#setFrameStyle

假设我想让我的按钮拥有Box | Sunken。如何使用QSS完成此操作？我试着这样做：

frameStyle: box;
background-color: rgb (230, 230, 230);
border: 1px solid white;
border-right: 2px solid rgb (127, 127, 127);
border-bottom: 2px solid rgb (127, 127, 127);

但它没有帮助，显然我只是不知道代码的任何字。

Answer 1

如果QSS是您要找的，那么我建议您查看文档中的stylesheet reference和stylesheet examples。当我试图弄清楚如何用QSS来设计一些东西的时候，它已经帮了我无数次。

您的样式表应该用大括号括起来，如下所示：

QFrame {
    background-color: rgb (230, 230, 230);
    border: 1px solid white;
    border-right: 2px solid rgb (127, 127, 127);
    border-bottom: 2px solid rgb (127, 127, 127);
}

如果你正在尝试设计一个按钮的样式，我建议你这样做。在样式表参考和前面提到的示例中有更多的示例。

这是直接从QSS examples documentation under QPushButton中摘录的

QPushButton {
    border: 2px solid #8f8f91;
    border-radius: 6px;
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                      stop: 0 #f6f7fa, stop: 1 #dadbde);
    min-width: 80px;
}

QPushButton:pressed {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                      stop: 0 #dadbde, stop: 1 #f6f7fa);
}

QPushButton:flat {
    border: none; /* no border for a flat push button */
}

QPushButton:default {
    border-color: navy; /* make the default button prominent */
}

以这种方式使用QSS将允许您更改按钮在不同状态下的外观，等等。