程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)

程序员之路:python3+PyQt5+pycharm桌面GUI开发

http://blog.sina.com.cn/s/blog_989218ad0102wz1k.html

先看效果:
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 1
没错,学过C#的同学应该很熟悉这个界面,按钮风格和界面风格很相似,万万没想到,python也可以做出这样的界面,简直了!(图 1)
 
正文开始
 
一、安装python
 
为啥要说这个,我们打开pip,搜索:PyQt5,或者直接打开下面的连接:
 
https://pypi.python.org/pypi/PyQt5/5.9.1
 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 2
 
可以看到(图2),PyQt5所支持的python版本是从3.5开始的,博主开始用的是3.4,一直装不上,瞎折腾了2小时^~^...
 
找一个python3.5以上的版本安装:
 
https://www.python.org/downloads/windows/
 
二、安装PyQt5
 
推荐使用pip安装:
 
pip3 install PyQt5
 
等待片刻,继续安装PyQt5-tools
 
pip install PyQt5-tools
 
三、配置pycharm
 
官网下载安装pycharm:https://www.jetbrains.com/pycharm/
 
1、点击:File -》Settings
 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 3
 

2、Tools -》 External Tools  -》点击“+”号(图4)

(ps:下面是我配置好的,你的软件还没有很正常,继续往下看)
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 4

3、设置Qt Designer

修改三个地方,其他地方默认:
 
Name:Qt Designer
Programs:D:\Program Files\Python35\Lib\site-packages\pyqt5-tools\designer.exe
Working directory:$ProjectFileDir$
 
(ps:Programs参数需要修改为你电脑里边的“designer.exe”路径)(图5)
 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 5
 

4、配置PyUIC

设置四个地方,其他可以默认(我也不知道怎么改,那就默认吧)
 
Name:PyUIC
Programs:D:\Program Files\Python35\python.exe
Parameters:-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py
Working directory:$ProjectFileDir$
 
(ps:Programs参数需要修改为你电脑里边的python“python.exe”路径)(图6)
 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 6
 

四、使用Qt Designer

1、完成以上步骤之后,点击 Tools -》External Tools -》Qt Designer 启动我们的Qt Designer (图7)

程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 7
 
2、启动后选择:Widget,建立空白的窗口(图8),点击 Create,其他默认就行
 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 8
 

3、从左边 1区 拖拽,注意是“拖拽”控件到 2区,在 3区 中修改对应属性(图9),很像vs有木有

程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 9
 

4、昨晚基本的界面设置之后,会看到同目录下生成了一个“.ui”的文件(图10)

程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 10
 

5、右键 External Tools -》PyUIC ,将“.ui”文件转为“.py”文件(图11)

 
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 11
 

6、这时,如果一切正常,没有报错的话,会在同目录下生成对应的“.py”文件(图12)

程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
图 12

7、将下面的代码,放到生成的“.py”文件,放到最后就行(注意缩进)

 
  1. if __name__=="__main__":
  2. import sys
  3. from PyQt5.QtGui import QIcon
  4. app=QtWidgets.QApplication(sys.argv)
  5. widget=QtWidgets.QWidget()
  6. ui=Ui_Form()
  7. ui.setupUi(widget)
  8. widget.setWindowIcon(QIcon('web.png'))#增加icon图标,如果没有图片可以没有这句
  9. widget.show()
  10. sys.exit(app.exec_())
 

8、运行启动,好了,恭喜你,开启了pythonGUI

程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
 
本文参考了以下文章:
 
《【第一节】QtDesigner安装》 http://code.py40.com/2540.html
 
《【第二】用QtDesigner设计第一个界面》 http://code.py40.com/2561.html
 
《PyQt5+python3+pycharm开发环境配置 》 http://blog.csdn.net/a359680405/article/details/45074761
 
《PyQt5 教程》   http://code.py40.com/pyqt5/
 
 
 
添加main.py,因为ui文件命名为hello,所以import是hello
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
import sys
import hello
from PyQt5.QtWidgets import QApplication, QMainWindow if __name__ == '__main__':
app = QApplication(sys.argv)
MainWindow = QMainWindow()
ui = hello.Ui_MainWindow()
ui.setupUi(MainWindow)
MainWindow.show()
sys.exit(app.exec_())
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
程序员之路:python3+PyQt5+pycharm桌面GUI开发(转)
 
分类: [0021] QT
上一篇:安装make命令


下一篇:2017年PHP程序员未来路在何方