程序員之路:python3+PyQt5+pycharm桌面GUI開發

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

 

先看效果:
程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 1
沒錯,學過C#的同窗應該很熟悉這個界面,按鈕風格和界面風格很類似,萬萬沒想到,python也能夠作出這樣的界面,簡直了!(圖 1)
 
正文開始
 
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/
 
2、安裝PyQt5
 
推薦使用pip安裝:
 
pip3 install PyQt5
 
等待片刻,繼續安裝PyQt5-tools
 
pip install PyQt5-tools
 
3、配置pycharm
 
官網下載安裝pycharm:https://www.jetbrains.com/pycharm/
 
一、點擊:File -》Settings
 
程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 3
 
二、Tools -》 External Tools  -》點擊「+」號(圖4)
(ps:下面是我配置好的,你的軟件尚未很正常,繼續往下看)

程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 4

三、設置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
 
四、配置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
 
4、使用Qt Designer

一、完成以上步驟以後,點擊 Tools -》External Tools -》Qt Designer 啓動咱們的Qt Designer (圖7)

程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 7
 
二、啓動後選擇:Widget,創建空白的窗口(圖8),點擊 Create,其餘默認就行
 
程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 8
 
三、從左邊 1區 拖拽,注意是「拖拽」控件到 2區,在 3區 中修改對應屬性(圖9),很像vs有木有

程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 9
 
四、昨晚基本的界面設置以後,會看到同目錄下生成了一個「.ui」的文件(圖10)

程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 10
 
五、右鍵 External Tools -》PyUIC ,將「.ui」文件轉爲「.py」文件(圖11)
 
程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 11
 
六、這時,若是一切正常,沒有報錯的話,會在同目錄下生成對應的「.py」文件(圖12)
程序員之路:python3+PyQt5+pycharm桌面GUI開發
圖 12

七、將下面的代碼,放到生成的「.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_())
 
八、運行啓動,好了,恭喜你,開啓了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
複製代碼
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_())
複製代碼
相關文章
相關標籤/搜索