在qtdesigner中qss中如何使用qrc资源？

Question

我需要用左侧的搜索图标创建QLineEdit，并在QtDesigner中完成。

我已经将我的search_icon.svg添加到我的resources.qrc文件中，并使用QtDesigner的资源浏览器将这个qrc作为应用程序的资源。resources.qrc的内容如下所示：

<RCC>
  <qresource prefix = "/icons">
    <file alias = "search_icon.svg">search_icon.svg</file>
  </qresource>
</RCC>

然后，我使用qss在QtDesigner的“编辑样式表”窗口中引用了QtDesigner：

QLineEdit {
    background-image: url(:/icons/search_icon.svg);
    background-position: left;
    padding: 2 2 2 25;
} 

但search_icon.svg没有显示在QLineEdit上。

QtDesigner的mainWindow.ui和resources.qrc与search_icon.svg位于同一个目录中。

我是否需要以某种方式编译resources.qrc，以便search_icon.svg可以在QtDesigner的“编辑样式表”窗口的qss中使用？

Answer 1

您需要的是按照以下步骤将.qrc添加到ui中：

• 在右侧应该有一个名为“资源浏览器”的dockwidget (如果它是隐藏的，则必须通过单击View->Resource来启用它)。

​

然后，

• 单击名为"Edit“的左侧图标，然后打开以下窗口：

​

• 然后按下

按钮，选择.qrc并按下"OK“按钮。

有了上述内容，.qrc图标将在Qt预览中可见，该预览将向.ui特别添加以下内容：

  <include location="qresources.qrc"/>
 </resources>

从.qrc加载图标的另一种直接方法是通过右键单击小部件并选择“appear”选项打开Qt StyleSheet表单，然后将出现" Resource“，因此必须遵循前面的步骤。

如果要将.ui转换为包含.qrc的.py，那么还必须转换它，假设文件是main.ui和main.qrc，那么您应该遵循下面的步骤：

pyuic5 main.ui -o foo.py -x
pyrcc5 main.qrc -o main_rc.py