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对其代码进行修改

原文地址:https://www.cnblogs.com/zzzsj/p/14605124.html