QSS样式表简单梳理记录

原创

已于 2024-11-13 11:27:10 修改 · 303 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#qt #css

于 2024-02-01 15:13:51 首次发布

1.带namespace的类，样式表写法：

// 命令空间LW，类名Demo
LW--Demo
{
    background-color: rgba(0, 0, 0, 0.5);
}

2.带状态的类，样式表写法：

// 类名Demo，状态current
Demo[current="true"]
{
    background-color: rgba(0, 0, 0, 0.5);
}
// 注意：需要在类中使用Q_PROPERTY(bool current READ current)宏，并且提供相关函数
//       或者直接使用setProperty("current", true)
// 注意：如果程序运行时，动态修改，需要加上xx->style()->polish(xx)否则不会生效！

3.几个角角应该怎么写？

lab_->setStyleSheet("QLabel{"
                    "background-color: rgba(0, 0, 0, 0.5);"
                    "color: #FFFFFF;"
                    "font: bold 18px;"
                    "border-top-right-radius: 10px;"        // 右上角 圆角
                    "border-bottom-left-radius: 10px;"      // 左下角 圆角
                    "border-bottom-right-radius: 10px;"     // 右下角 圆角
                    "border: 1px solid grey;}"
                    );