PyQt5学习之路一:python与QT搭配,实现UI设计与业务逻辑层分离

一、Python安装

1.下载Python

python官网链接如下:
链接: https://www.python.org/在这里插入图片描述
根据图中提示选择需要的python版本,下载并安装

二、QT安装

1.下载QT

Qt官网链接如下:
链接: https://www.qt.io/
下载社区版QT就可以
在这里插入图片描述

三、PyQt5的安装

1.PyQt5简介

python语言最为排行第一的编程语言,功能十分强大,但自带的Tkinter功能很弱,难以开发出专业的GUI。python语言的开放性决定了可以将其他语言的类库封装为Python绑定,QT作为C++ GUI类库,结合就成为了PyQt。
PyQt5是对应QT5类库
通过以下命令安装PyQt5
pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple PyQt5

2.PyQt5相关的可执行程序

PyQt5安装完成后可python安装的目录Scripts中增加pylupdate5.exe、pyrcc5.exe、pyuic5.exe.这3个可执行程序的作用如下:

  • pyuic5:可将QtDesigner可视化设计的界面文件(ui文件)转换为python程序文件.
  • pyrcc5:可将QtCreator的资源文件(qrc文件)转换为python程序文件.
  • pylupdate5:用于多语言设计时,编辑语言资源文件的工具软件.
    备注:将Scripts添加到Windows的PATH的环境变量里.

3.卸载PyQt5

pip3 uninstall PyQt5

四、python和Qt结合实现UI设计与逻辑层分离

1.首先通过QtCreator创建UI界面.

常用模版如下:

  • Dialog:基于QDiaglog类的窗体.
  • Main Window模板, 基于QMainWindow类的窗体, 具有主窗口的特性, 窗口上有主菜单栏、 工具栏、 状态栏等.
  • Widget模板, 基于QWidget类的窗体。QWidget类是所有界面组件的基类, 如QLabel、 QPushButton等界面组件都是从QWidget 类继承而来的.
    操作步骤:文件→Newproject→Application(Qt)→Qt Widgets Application→选择,进入如下界面
    名称:想要创建的项目名称
    创建路径:可修改指定为自己定义的路径
    备注:设为默认路径勾选的效果是,下次创建新的项目,在此路径下创建
    在这里插入图片描述
    设置名称为demo1后,选择下一步,构建系统选择CMake,继续下一步,此时进入如下界面,选择Base class为QWidget
    在这里插入图片描述
    之后选择系统给定的默认选项,创建成功,demo1的项目目录如下
    在这里插入图片描述
    双击widget.ui进入QtDesigner,编辑UI,为UI增加checkBox,pushButton,plainTextEdit等,效果图如下
    在这里插入图片描述
    以上,通过QtCreator完成了对工具的UI设计

2.通过可执行文件将UI转化为Python文件

以下是demo1的目录,这是已经转换完成的结果,开始时应只有demo1这个文件夹
在这里插入图片描述

  • 首先创建一个名称问uic.txt的文件

  • 在uic.txt文件中输入以下内容

     echo off
     rem 将子目录Qtapp下的ui文件复制到当前目录下
     copy .\demo1\widget.ui widget.ui
    
     rem 用pyuic5编译.ui文件
     pyuic5 -o ui_widget.py widget.ui
     
     pause
    
  • 注意copy .\demo1\widget.ui widget.ui中demo1是对应的Qt的项目目录,widget.ui是新创建的ui文件,注意要与demo1文件夹中的文件名保持一致

  • 之后将uic.txt后缀修改为.bat文件

  • 运行uic.bat,生成 ui_widget.py及为编译转换python的文件
    在这里插入图片描述
    新建一个名为myWidget.py的文件
    ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2e3d7c62a7ea454a9fd2c5f6d87a731a.png在这里插入图片描述

导入ui_widget.py中的类Ui_Widget,使用单继承的方式定义QmyWidget,这个类为窗体的业务逻辑类,它的父类为Qwidget,在这个类的构造函数中,首先使用supper()获取父类Qwidget,并执行父类的构造函数,代码是:

	super(QmyWidget,self).__init__()

这样self就是一个Qwidget的对象,显示的创建一个Ui_Widget类的私有属性self.__ui,即

    self.ui = Ui_Widget()
    self.ui.setupUi(self)

私有属性self.__ui包含了可视化设计的UI窗体上的所有组件,只有通过self.ui才可以访问窗体上的组件,包括调用其创建界面组件的setupUi()函数,因为由于self ui 是QmyWidget类的私有属性, 在应用程序中创建的QmyWidget 对象,myWidget不能直接访问myWidget.__ui, 也就无法直接访问窗体上的界面组件。为了访问窗体上的组件, 可以在 QmyWidget类里定义接口函数, 例如函数设置窗体上按钮的文字。在应用程序里创建QmyWidget对象的实例myWidget,通过调用函数间接修改界面上按钮的文字.

总结

仔细观察和分析这种单继承的方式, 发现它有如下特点。

  1. 可视化设计的窗体对象被定义为QmyWidget类的一个私有属性self._ui, 在QmyWidget类的内部对窗体上的组件的访问都通过这个属性实现, 而外部无法直接访问窗体上的对象, 这更符合面向对象封装隔离的设计思想

  2. 窗体上的组件不会与QmyWidget里定义的属性混淆

  3. 可以定义界面对象为公共属性, 即创建界面对象时用下面的语句

    self. ui=Ui_Widget () 
    self.ui.setupUi(self)
    

通过这种单继承的方式,可以更好的实现业务逻辑与UI设计的分离.

  • 24
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,我们需要安装PyQt5模块,可以通过以下命令进行安装: ``` pip install PyQt5 ``` 接下来,我们可以使用Qt Designer工具来设计多界面,例如设计一个主窗口和一个添加文件的子窗口。可以通过以下命令启动Qt Designer: ``` designer ``` 在Qt Designer中,我们可以通过拖拽和放置控件来设计界面,并且可以设置控件的属性和布局。 设计完成后,我们可以将.ui文件转换为.py文件,可以通过以下命令进行转换: ``` pyuic5 input.ui -o output.py ``` 其中,input.ui为设计好的界面文件,output.py为转换后的Python代码文件。 在Python代码中,我们可以通过以下方式加载设计好的界面: ```python from PyQt5.QtWidgets import QApplication, QMainWindow from output import Ui_MainWindow class MainWindow(QMainWindow, Ui_MainWindow): def __init__(self): super(MainWindow, self).__init__() self.setupUi(self) self.add_file_button.clicked.connect(self.add_file) def add_file(self): # 添加文件的功能代码 ``` 其中,Ui_MainWindow是由Qt Designer生成的类,继承自QMainWindow,可以通过调用setupUi方法来加载设计好的界面。 在上述代码中,我们还实现了一个添加文件的功能,可以通过连接add_file_button的clicked信号来实现。在add_file方法中,我们可以编写相应的添加文件逻辑。 总结起来,利用PythonPyQt5实现界面设计并实现相应添加文件功能的步骤如下: 1. 安装PyQt5模块; 2. 使用Qt Designer工具设计多界面; 3. 将.ui文件转换为.py文件; 4. 在Python代码中加载设计好的界面,并实现相应功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值