PyQt5最详细pyrcc5配置+样式使用

PyQt5界面样式设置

    • 前言
    • 配置PyQrc
    • 操作步骤
    • 测试步骤
    • 测试效果

前言

上一章我们讲到Pycharm中Pyqt5的安装,以及实现界面的展示,本章我们要讲解在创建界面后,如何让咱们的界面在完成后,展示的更加多样化。
话不多说,上正文!

配置PyQrc

1.打开Pycharm -> File -> Settings -> Tools ->Working directory
PyQt5最详细pyrcc5配置+样式使用_第1张图片

2.如下图
External Tools -> + -> Name -> Program -> Arguments -> Working directory
PyQt5最详细pyrcc5配置+样式使用_第2张图片

name:自定义名字。
Program:在虚拟环境中找到pytcc5.exe。
Arguments:$FileName$ -o $FileNameWithoutExtension$_rc.py。
Working directory:$FileDir$

(1)一般情况Program下的exe文件是在D:\Anaconda3\envs\虚拟环境名\Scripts\路径下。
(2)我的和一般情况下的不同,是在pkgs/pyqt-5.6.0-py27hh6e61f57_6\Library\bin\pyrcc5.exe。
大家如果第一种情况找不到的话,可以试试我的第二种方法。

操作步骤

1.首先我们先创建一个ui界面
PyQt5最详细pyrcc5配置+样式使用_第3张图片

2.主页面 -> 右键 -> 改变样式表PyQt5最详细pyrcc5配置+样式使用_第4张图片
3.添加资源 -> “” -> 新建 ->创建 .Qrc文件 -> 保存
PyQt5最详细pyrcc5配置+样式使用_第5张图片

PyQt5最详细pyrcc5配置+样式使用_第6张图片
PyQt5最详细pyrcc5配置+样式使用_第7张图片
PyQt5最详细pyrcc5配置+样式使用_第8张图片

在这里插入图片描述
点击ok会出现,无效样式表,这里面我们需要都动用我们的CSS的一些基础了,添加背景图是background-image:所以,我们要在前面加入background-image:
PyQt5最详细pyrcc5配置+样式使用_第9张图片

成功!

测试步骤

1.先将ui文件转换成py文件
PyQt5最详细pyrcc5配置+样式使用_第10张图片
再对相应的.qrc文件进行生成.rc文件
运行之后会自动生成rc.pyPyQt5最详细pyrcc5配置+样式使用_第11张图片

测试效果

PyQt5最详细pyrcc5配置+样式使用_第12张图片
测试代码:

from PyQt5.QtWidgets import QMainWindow,QApplication
import sys
if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(window)

    window.show()
    sys.exit(app.exec_())

把测试代码沾到.py文件的最下方

完成!

你可能感兴趣的:(PyQt5,Python,Pycharm,python,pyqt5)