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

共 1783字,需浏览 4分钟

 ·

2020-06-01 23:22


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


d5b509e196ae17d88ecfeb0792f8525f.webp


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



b65d702f8e02619ed8733361748d9f1f.webp


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

那么,怎么玩它呢?接下来就是:


学习 Python 的正确姿势

69cc30896e41f38545f687f9971b179c.webp


如果你之前没有安装过 PyQt5 的话可以使用 pip 安装一下:
pip install PyQt5
安装完了之后,首先导入 PyQt5


2dfc97d3f2900d1fc1f2df2d64a73c89.webp


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



c426bdee7daa5db83b17fe9d237eff3e.webp


接着创建 app:



ad1fd45d567aea164d7ea2f15d04158e.webp


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



9f236bb91fe83ad6b86782aa27075d77.webp


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



fad23a2725446834305e6784a0ae9967.webp


最后让 app 循环等待交互:



8f616bee882329ffe829e3bed1bdd1cf.webp


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


f7154f5805e70b4eace011c55d706b22.webp


接着我们在这个窗口里面塞点组件吧。
为了方便,我们直接把所有的组件导进来吧:


f56eb651f585341466c288486521af6a.webp


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



576e9fe9b967d52aa60f0f2baa676ae0.webp


运行一波就是这样:



dd2d7b186eff48bfb1c773ade3688cbd.webp


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


2a07945f2a5bda2b15beff58707f131e.webp


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


2c9305326e34d60125189faa8dc96b58.webp


运行一波:


f84648da315b296fc66ebfc72be02159.webp


其它的组件等下再介绍,我们先来了解一下 PyQt5 的布局。
PyQt5 的 Layout 有好几种,我分别跟你说一下:
垂直的布局,QVBoxLayout:



221343398226a1f12b52ecb5576f768c.webp

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


071131346b3c202e0b8f35896f8c0d97.webp


水平布局,QHBoxLayout:


251808b79f628fb5df7a9d0e9410ddaf.webp


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

2554fbeb081765b9679c8c7ee30f2c86.webp


表格布局,QGridLayout:


bc9332281df81c4bfb2cd551ff0b2d41.webp


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


41cd73d2a1bd0ac2a6acf283f278d0a7.webp

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

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

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


d20b040241ad13a3082ac5c32fe95b3b.webp

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

f13324ffb71ad5d28ef81a50fb88b8f2.webp

运行一波就是这样:



521e8868e8672a27dbbfdd7035efd2e4.webp


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



af6eccf2771752c84395bc966c2d473c.webp


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



4a8be6dc3cdce487254bed25f7f7e6b9.webp


运行一波:


566b134afc9daa48db62e77ae0153b88.webp


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


54221f9ac24f2c35aaddae5ec4c735a4.webp




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


42720cea2bd58b51635ad983458da9f9.webp




运行一波:


b9c41ff71c09e5b83362f6567c54e053.webp




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



eb6603ff5c2553dc1bcf996ee9053457.webp




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


6ebe3681a614dca3685df875adea4f41.webp



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


e3174173e842e8c046e0a0a805bdac83.webp




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



05f57d1007a0372c8af8ce6f4811ee18.webp




运行起来是这样子的:


8c0f356300ab94bec13663e7f2f11c76.webp




上面这个组件代码是官方提供的,考虑到有些 b 友网络有毛病,帮你上传了,在公众号发送 5 获取吧。

感兴趣的话可以到以下链接看更多相关的内容:

https://build-system.fman.io/pyqt5-tutorialhttps://www.qt.io/

ok,以上就是小帅b今天给你带来的分享,那么我们下回见,peace
浏览 33
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报