Python 创建用户界面之 PyQt5 的使用

之前给大伙介绍了下 tkinter,有朋友希望小帅b对其它的 Python  GUI 框架也说道说道,那么今天就来说说 PyQt5 如何创建用户界面。

 

 

很多人学习python,不知道从何学起。
很多人学习python,掌握了基本语法过后,不知道在哪里寻找案例上手。
很多已经做案例的人,却不知道如何去学习更加高深的知识。
那么针对这三类人,我给大家提供一个好的学习平台,免费领取视频教程,电子书籍,以及课程的源代码!
QQ群:1097524789

 

Python 创建用户界面之 PyQt5 的使用_第1张图片

 

 

 

Qt 是用 C++ 写的开发工具,其中包含一个非常强大的 GUI 框架,写出来的程序可以轻松运行在不同的操作系统中, PyQt 就是用 Python 基于它实现的,这样我们可以使用 Python 来调用 Qt 中的 C++ 方法, 从而简单的实现用户界面程序,构建的时候也不会牺牲 C++ 的速度。

 

 

 

 

 

 

 

还有,它可以运行在 Windows,Linux,Android,MacOS,iOS 等常见的系统里面。

 

那么,怎么玩它呢?

接下来就是:

 

 

 

学习 Python 的正确姿势



Python 创建用户界面之 PyQt5 的使用_第2张图片

 

 

 

如果你之前没有安装过 PyQt5 的话可以使用 pip 安装一下:

 

pip install PyQt5

 

安装完了之后,首先导入 PyQt5:

 

 

 

 

 

 

接着可以创建一下窗口,继承 QMainWindow, 然后想在自己的窗口中干嘛就干嘛,这里先定义一下窗口的标题:

 

 

 

 

 

 

接着创建 app:

 

 

 

 

 

 

这里传入了 sys.argv 主要是用来接收命令行传入的参数,如果你不需要的话,直接传个空 list 也是可以的:

 

 

 

 

 

 

接着我们把刚刚的窗口实例化一下,show 出来:

 

 

 

 

 

 

最后让 app 循环等待交互:

 

 

 

 

 

 

运行一波,一个可爱的小窗口跃然于你我的心中:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第3张图片

 

 

 

接着我们在这个窗口里面塞点组件吧。

 

为了方便,我们直接把所有的组件导进来吧:

 

 

 

 

 

 

每个组件都是一个对象,先来加个文本,可以这样:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第4张图片

 

 

 

运行一波就是这样:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第5张图片

 

 

 

一样的,每个组件的属性都可以自行设置样式和位置:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第6张图片

 

 

 

这里我们设置字体颜色为熟悉的绿色,然后让它居中对其,其中的 Qt 可以通过 PyQt5.QtCore 导入:

 

 

 

 

 

 

运行一波:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第7张图片

 

 

 

其它的组件等下再介绍,我们先来了解一下 PyQt5 的布局。

 

PyQt5 的 Layout 有好几种,我分别跟你说一下:

 

垂直的布局,QVBoxLayout:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第8张图片

 

 

我们在这里创建了一个 QVBoxLayout ,并且在刚刚的 Label 下创建了一个按钮,把这两组件都塞到这个垂直的 layout 里面去,最后显示到我们的窗口中,就变成这样了:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第9张图片

 

 

 

水平布局,QHBoxLayout:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第10张图片

 

 

 

同样的道理,只不过我们这次换成了水平的 Layout ,运行一波就是水平排放了:

 

 

Python 创建用户界面之 PyQt5 的使用_第11张图片

 

 

 

表格布局,QGridLayout:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第12张图片

 

 

 

和上次 tkinter 说的一样,你也可以把一个窗口看成一个表格,这里我们使用 QGridLayout ,然后把组件放在你想放的单元格中去,我们添加了一个 label 和四个 button ,让它们分别放在不同的单元格中,运行一波就是这样:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第13张图片

 

 

以上这几个就是常用到的布局方式。

 

接着我们再来了解一下按钮组件的点击时间绑定,比如我们想当用户点击 “滚” 的时候,让 “你被绿了” 变成 “对不起,我错了!”,可以这样实现:

 

调用 connect 方法来绑定点击事件的回调:

 

 

 

 

 

那么这时候点击的 Button0 的时候就会调用 changeText 方法:

 

 

 

 

运行一波就是这样:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第14张图片

 

 

 

当然,你也可以自定义一个按钮,继承 QPushButton,然后拦截点击事件,在自己的按钮中处理,像这样创建一个自己的按钮,然后当触发鼠标点击按钮的时候就会调用 mousePressEvent 方法:

 

 

 

 

 

 

接着在窗口实例化一个,然后添加到 Layout 中去:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第15张图片

 

 

 

运行一波:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第16张图片

 

 

 

接着我们来看看弹窗,比如我们想要点击 “滚啊” 就弹出一个窗口,那么就可以这样:

 

 

 

 

 

 

绑定的 showDialog 方法,这里主要弹出一个输入确认框,当用户按确认的时候就改变 Label 的文本内容:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第17张图片

 

 

 

运行一波:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第18张图片

 

 

 

当然,你完全可以自定义一个 Dialog, 直接继承 QDialog 然后在里面定义你想要弹窗的内容,比如这里我就让它弹出一个和原本窗口一样的内容:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第19张图片转存失败重新上传取消Python 创建用户界面之 PyQt5 的使用_第20张图片

 

 

 

当点击 “滚啊” 的时候,实例化自己的 Dialog :

 

 

 

 

 

这样就可以弹出自己的窗啦:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第21张图片

 

 

 

PyQt5 的其它常用组件用起来也差不多,大概有这么一些:

 

 

 

 

 

 

运行起来是这样子的:

 

 

 

Python 创建用户界面之 PyQt5 的使用_第22张图片

你可能感兴趣的:(Python 创建用户界面之 PyQt5 的使用)