QSS -- .qss文件的创建和使用

本文主要记录的内容包括：

• 资源文件*.qrc的添加；
• 将qss文件加入资源文件qrc中；
• 以及使qss生效的操作方法。

一、QT添加资源文件.qrc

1.在Qt工程文件中，选择工程右键-》添加新文件。

 2. 在新建文件中选择QT类中的QT Resource File;

 3. 为资源文件起一个名称，存放提前设置好的文件夹路径，然后下一步，然后 完成。

 4. 添加完后，会在工程下生产Resources和刚才添加的资源文件，右侧是资源文件的编辑界面，如果没有选中资源文件右键-》Open in Editor。然后添加->添加前缀，默认是/new/prefix1，可以自己起个名称，推荐只加 / 。

5. 添加完前缀，同样在添加里选中添加文件，然后选中准备好的文件(图片、.qss文件等资源)，就可以将资源文件添加进来了，我这里例子是一张图片。

 

 6. 资源文件添加完之后，就可以在许多地方使用了，比如在designer里添加一个按钮，在属性栏中，icon-》选择资源，可以选择刚才添加的资源作为按钮的图标。

 我这里在ui界面的按键中加载一下刚刚添加的图片资源。

 

在代码中也可以通过如下方式设置资源文件为按钮的图标。（“:/”表示对资源的引用）

ui->PBT_test2->setIcon(QIcon(":/test.jpg"));

效果如下：

二、.qss文件的创建和添加使用

1.新建一个文本文件.txt，可以在里边先写QSS代码，先不写也行；

 2. 重命名，文件后缀改成.qss;

 3. 然后手动放到之前在应用文件夹下新建的资源文件夹里

 4. 在资源这里右键--》Open in Editor后添加文件，前缀为/，添加.qss文件

 

5.  构建后，在代码处读取.qss文件，就可以给ui加皮肤了

ps:

添加后可在QT资源里找到对应的.qss对其代码进行修改