qss笔记

原创已于 2025-10-15 23:02:13 修改 · 102 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

于 2025-10-14 00:13:52 首次发布

1.注意, 每次调用 setStyleSheet() 都会完全替换控件的整个样式表，而不是增量添加。

注意，注释必须用 /* ... */ ，不能用 //...

2. 加载外部qss文件：

    Application a(argc, argv);
    
    QFile style1("/usr/test/milliin/qss/QTabWidget.qss");  //发布的程序所在系统的路径
    if(style1.open(QFile::ReadOnly))
    {
        QString style1String = QString::fromUtf8(style1.readAll());  //读qss文件内容
        a.setStyleSheet(style1String);   //setStyleSheet设置样式表，这里是给整个程序a设置样式表(给所有ui设置)，也可以在一个类中给this设置样式表。
        style1.close();
    }

外部加载qss文件的好处是每次修改qss之后不需要重新编译。也可以添加到resources中，可以用 :/...表示resources中的路径。

3.qss文件中使用border-image设置背景图片示例：

/* 设置标签页 */
QTabBar::tab {
    border-image: url("/usr/test/milliin/Picture/Picture_EN/BigButton/blue.png");  //设置背景图片，也是从外部动态的加载。注意qss中一定要用url包装器
    width: 60px;
    height: 40px;
    padding: 0px 0px;  //使用border-image设置背景图片，必须有padding，建议设置为0 0
    margin: 2px;  
    border-radius: 8px;  //圆角效果
}

4. border，padding和Margin的概念