[TOC]
前言
很久以前就想静下心来写一些自己感兴趣的小项目,希望能沉淀一下自己这些年所掌握的知识。事实上独立开发者在国内一直很难做起来,但能拥有一款独立产品我觉得可能是大部分开发者会引以为豪的事情。本系列严格意义上来讲不算是教程,只是记录自己在开发这个系列的所思所考,过程会尽可能详细记录,但我认为过于基础的东西并不会深入讲解。项目涉及到的源码会在文章底部放出。
工欲善其事必先利其器
PyQt5的安装与测试
就像我一个连 QQ 都没有的人是不会告诉你们我是如何拥有一台电脑的一样,在这里我并不会分享如何搞定Python
和Pycharm
的,搞定这两个是你能坚持看下去的前提,记住,最好的两位老师,一个叫搜索
,另一个叫动手
。
Pycharm 中新建一个 PyQt5 的工程
更换 pip 源
如果你不懂科学上网是什么的话,我强烈建议你更换一下pip
的源,这个操作将让你的寿命至少增加 30% 以上。快捷键Win + R
打开运行复制粘贴%HOMEPATH%
后回车,新建文件夹pip
并进入,新建文本文档打开并复制下面内容粘贴保存,最后将文本文档改名为pip.ini
即可。
[global]
timeout = 6000
index-url = https://mirrors.aliyun.com/pypi/simple/
trusted-host = mirrors.aliyun.com
其它可选源如下:
豆瓣:https://pypi.doubanio.com/simple/
阿里云:https://mirrors.aliyun.com/pypi/simple/
清华大学:https://pypi.tuna.tsinghua.edu.cn/simple/
中国科技大学:https://pypi.mirrors.ustc.edu.cn/simple/
选择工程存放地址
首次打开流程:打开Pycharm
->Create New Project
->
已创建过项目流程:打开Pycharm
->MenuBar
->File
->New Project ...
->
选择Pure Python
,在Location:
后面选择你要保存的项目地址,你存放的最后一个文件夹名称将作为此次工程的名称,切记!
创建工程
选择或新建好工程目录后,你最好打开一下底下的Project Interpreter:New Vitu...
选项,确保选中项是New environment...
而不是Existing inter...
,因为我们需要用到venv
这个工具来确保在本台电脑上,我们不受其它版本的Python
影响或是不同版本的第三方库
导致的玄学 Bug 。 tips: 在Python3.3
及以上版本中的标准库内置了这个模块,你可以把它理解为是一个虚拟的独立的 Python 环境,类似于你脑海中的波多老师,你对虚拟的她做什么,都不会影响到她在现实世界的情况,而在你腻了以后,你还可以创建一个吉泽老师一样...
安装 PyQt5 和相应工具
更新 pip
几飞秒以后(时间长短根据电脑性能会有差异)你就可以看到 Pycharm 的全屏编辑界面,在正式安装 PyQt5 之前,你需要更新一下 pip 。
在 Pycharm 左下角找到Terminal
并点击,不出意外的话, Pycharm 会弹出终端对话框,内容如下:
Microsoft Windows [版本 10.0.18363.836]
(c) 2019 Microsoft Corporation。保留所有权利。
(venv) D:\Dev\Learn_PyQt>
注意,当前路径前面一定要有(venv)
,如果没有,则表示你当前并不处于虚拟环境中,这是你就可以利用上文中提到的一个能访问 Baidu/Google 的浏览器
这个工具了...
在路径后输入python -m pip install --upgrade pip
进行升级 pip ,一般来说不会遇到什么问题。
安装 PyQt5 和相应工具
还是同一个窗口,输入指令pip install pyqt5
后回车:
接着输入指令pip install pyqt5-tools
并回车:
如果你的 pip 源中PyQt5
的版本高于pyqt5-tools
的版本,安装过程中会卸载掉高版本,所以你其实可以直接安装pyqt5-tools
来完成这两步操作。
利用 Qt Designer 来构建我们的第一个界面
找到 Qt Designer
让我们把视角转移到 Pycharm 的左侧,打开Project
工程管理器,依次点开你的工程名文件夹
->venv
->Lib
->site-packages
->pyqt5_tools
->Qt
->bin
,然后找到designer.exe
文件,鼠标右键它选择 Show in Explorer
,这个工具是 Qt 为了让程序开发人员少掉点头发,把公司每天 8 小时交给业务逻辑就赶紧下班的好东西。其实就是可视化界面编辑器,让你不用写代码就可以完成一个界面的设计。
配置 Qt Designer
Qt Designer 打不开?
当你满心欢喜的双击它以后是不是给你一个“This application failed to start because no Qt platform...”的弹窗报错,不要急,这是虚拟环境的路径导致的问题。在designer.exe
文件的同级目录找到platforms
文件夹,将其改名为platforms.old
,当然,你也可以删除它,但作为一个快秃头的老程序猿给你个忠告,你要重视备份任何你需要修改的文件...
返回designer.exe
文件的上一级目录,也就是bin
的同级目录,找到plugins
文件夹进入,拷贝其中的platforms
文件夹粘贴至刚才的designer.exe
文件的同级目录,再双击试试?
uic 打不开?
这个问题其实在你第一次转换或预览代码的时候都不会遇到,但是简单配置一下可以保证你之后的掉头发过程愉快而轻松,那何乐而不为呢?
uic
是 Qt 提供的将界面文件xxx.ui
转成xxx.py
或xxx.h
文件的命令工具,我们来先创建一个主窗体来尝试触发这个错误。
新建 Main Window
在引导窗选择Main Window
然后点击Create
就创建完成...
触发报错
在MenuBar
->Form
->View Python Code...
,此时会弹窗提示“Unable to launch 路径xxx ... 系统找不到指定的文件。”
解决报错
如果你对刚才的文件路径还有印象的话你应该知道是什么问题了,让我们在designer.exe
文件的同级目录找到uic.exe
文件并复制它,还是这一级目录新建文件夹bin
,将uic.exe
文件粘贴进去,再试一次?
完成界面设计的两种方式
Qt Designer的弱智操作
在 Qt Designer 左侧的Widget Box
中拖动一个Label
和一个Push Button
空间到中间的窗体内,这样我们就完成了一个最简单的界面了。
通过MenuBar
->Form
->Preview...
或者快捷键Ctrl + R
可以预览到这个界面。
炫酷的代码操作
回到 Pycharm 编辑器中,在左侧的工程管理器中的项目名上右键new
->Python File
,在弹出的输入框内键入app
就创建成功了。ps:此处有没有.py
都可以, Pycharm 比你想象的要更智能...
键入下面的代码:
纸上得来终觉浅,绝知此事要躬行
- 代码为什么弄成图片?因为不希望你复制粘贴直接
run
一下就感觉自己学会了;
- 为什么没有窗口运行的预览图?因为想知道这两种方式运行的窗口有什么差异,你需要自己动手;
- 为什么源码要设置下载门槛?因为希望你看着官方文档敲,而不是看着我的代码敲!
下一课:
https%3A//www.52pojie.cn/thread-1196145-1-1.html" title="PyQt5基础与实际应用(二)模块讲解和布局管理">PyQt5基础与实际应用(二)模块讲解和布局管理