2024-01-05 08:33:43 | 我爱编程网
软硬件环境
OS X EI Capitan
Python 3.5.1
PyQt 5.5.1
PyCharm 5.0.1
前言
在PyQt5系列教程的第一篇h50218157,我们已经搭建好了开发环境,今天,我们就用Python开发第一个Qt GUI程序,让大家感受下Qt开发的魅力,熟悉下Qt开发GUI程序的一般流程。
制作程序UI界面,一般会有2种方法,利用UI制作工具和纯代码编写,像移动开发中的Android和iOS都是这样,在PyQt5中,我们也有这么2种方式。
QtDesigner工具简介
QtDesigner是专门用来制作Qt程序UI界面的工具,它使用起来非常简单,只要通过拖拽和点击就可以完成复杂的界面设计,而且还可以随时预览查看效果图。
其中,区域1是UI界面制作导向,QtDesigner为我们提供了一些常用模块,非常方便;区域2是UI控件列表;区域3是控件属性列表;区域4是Action Editor编辑列表;区域5信号和槽的编辑列列表;区域6是资源处理窗口。
第一个PyQt5程序
说了这么多,还不如来动手实践一下。
这个是我们第一个PyQt5项目的界面效果图,需要实现的是当点击界面上的按钮时,弹出一个提示框,提示框内显示一串文字。
好了,目标定好了,马上开始去实现它。
QtDesigner设计UI
创建一个基于Main Window模块的UI文件,取名叫firstPyQt5.ui。从Widget Box中找到(也可以)Push Button,将它拖拽到工作空间里,调整位置,在Button上输入文字,调整字体及大小,这些都可以在Property Editor里操作。按钮点击弹框的操作会牵出Qt里非常重要的一对概念,即信号和槽(signal and slot),关于这个我打算再开一篇博文细讲。现在你只需要知道slot就是一个函数,如果一个signal和一个slot绑定以后,那么signal被触发,slot就会被执行。
那么问题来了,怎么在QtDesigner里绑定signal和slot呢?打开菜单栏里的Edit—>Edit Signals/Slots,然后光标移到按钮上点击拖拽,这时会弹出一个编辑框
因为是点击,所以signal选择clicked(),slot函数现在还没有,我们就点击Edit新建一个,叫firstPyQt5_button_click()
为了演示一下资源文件的使用,这里导入两张图片,一张给主窗口,另一张给帮助菜单项里的Action。
在QtDesigner引用资源文件之前,需要先准备一个qrc文件,它跟xml文件比较类似,用来制定资源文件的路径我爱编程网
接下来就可以在QtDesigner的Resource Browser里倒入qrc文件,这样qrc文件中描述的资源就可以使用了
将firstPyQt5.ui转换成python代码
非常简单,通过Qt提供的命令行工具pyuic5就可以轻松实现
pyuic5 -o firstPyQt5.py firstPyQt5.ui
创建PyCharm工程
新建一个新的python文件main.py,代码如下
# -*- coding: utf-8 -*-
__author__ = 'djstava@gmail.com'
import sys
from PyQt5.QtWidgets import QApplication , QMainWindow
from firstPyQt5 import *
if __name__ == '__main__':
'''
主函数
'''
app = QApplication(sys.argv)
mainWindow = QMainWindow()
ui = Ui_mainWindow()
ui.setupUi(mainWindow)
mainWindow.show()
sys.exit(app.exec_())
接下修改下firstPyQt5.py文件,主要是去实现slot函数,因为之前在QtDesigner里没有实现,让它弹出一个消息框
def firtPyQt5_button_click(self):
QtWidgets.QMessageBox.information(self.pushButton,"标题","这是第一个PyQt5 GUI程序")
最后运行下工程
这里一般将ui文件单独存成一个文件,便于更新。
紧随时代的进步社会的发展,我们不能仅仅抓住python2和PyQt4,为了不被社会淘汰我们应该学习更多的东西。比如:Python3和PyQt5.
这里我们默认你已经安装了Python3和PyQt5相应的库。 Ubuntu: sudo apt-get install python3 sudo pip3 install pyqt5(或sudo pip install pyqt5) Windows: 下载安装python3和pyqt5 python3 pyqt5库 pip install pyqt5
这里以Windows操作系统为例。 打开PyQt5 Qt Designer 默认情况下会出现新建窗体的提示,如果没有,直接点击左上角新建即可。 这里我们打算新建一个Widget窗体。
这里你可以拉一个label模块进去,并且双击可以修改label模块的显示文字。 这里我们暂且修改为:“这是我的第一个窗体”。
设置完后可能觉得字体有点儿小,不过没关系,你可以鼠标右键label。选择更改多信息文本,这里把字体设置为16.同样的也可以像word设置文字的居中,字体样式,颜色等。
另外,也可以鼠标右键label选择更改样式表。 在这里你一样也可以设置字体的各种属性,并且设置项更多,自定义度更高。
我们可以点击窗体-预览。或是快捷键CTRL+R对我们所见的窗体进行预览。
如果没有任何问题了,我们可以将它保存下来。注意,文件的保存格式默认为.ui。因为我们保存的是ui设计文件。 Pyhton3如果要使用这个界面文件,必须将其转换为Pyhton3程序才可以。 在cmd窗口下,输入命令:pyuic5 -o ui.py untitled.ui 就可以自动帮你转换了。 其中ui.py是转换后python文件名,untitled.ui是你的窗体文件名
转换成功后,我们利用记事本打开.py文件查看转换后的源代码。 我们发现,源代码只有一个类,没有具体可执行参数。所以这个程序目前还是不能运行的。
导入库 import sys 最后面写入程序入口: if __name__ == "__main__": app = QtWidgets.QApplication(sys.argv) MainWindow = QtWidgets.QMainWindow() ui = Ui_Form() ui.setupUi(MainWindow) MainWindow.show() sys.exit(app.exec_()) 具体看下图完整程序。
完成后在cmd窗口执行ui.py或python ui.py或双击文件,进行脚本程序的运行。 如果是双击运行程序默认也会打开一个cmd弹出窗,解决方案是将文件后缀.py改为.pyw就可以了。
如果您想进入Python的编程界面,可以使用Python自带的交互式解释器,也可以使用集成开发环境(IDE)。
使用Python自带的交互式解释器
在Windows操作系统下,通过以下步骤打开Python自带的交互式解释器:
打开命令提示符(CMD),在搜索框中输入"cmd",然后打开命令提示符。
输入命令"python",按回车键即可进入Python的交互式解释器。
在Linux和MacOS操作系统下,通过以下步骤打开Python自带的交互式解释器:
打开终端,按Ctrl+Alt+T或者在应用程序中找到终端并打开。
输入命令"python3"或"python"(根据系统配置而定),按回车键即可进入Python的交互式解释器。
使用集成开发环境(IDE)
除了使用Python自带的交互式解释器外,您还可以使用许多优秀的Python集成开发环境(IDE)来编写和运行Python代码。常见的Python IDE包括PyCharm、Visual Studio Code、Sublime Text、Atom等。这些IDE提供了更强大的编辑、调试和管理工具,并且可以方便地创建、打开和保存Python文件。
总之,在桌面上编写Python程序的时候,您可以使用Python自带的交互式解释器,也可以使用各种IDE来进行开发和调试。
2024-01-01 09:58:48
2024-04-13 00:38:12
2024-03-31 15:14:06
2024-03-21 00:22:13
2024-02-10 22:15:59
2023-12-26 22:10:45