在PyQt中編寫UI界面可以直接通過代碼來實現,也可以通過Qt Designer來完成。Qt Designer的設計符合MVC的架構,其實現了視圖和邏輯的分離,從而實現了開發的便捷。
Qt Designer中的操作方式十分靈活,其通過拖拽的方式放置控件可以隨時查看控件效果。Qt Designer生成的.ui文件(實質上是XML格式的文件)也可以通過pyuic5工具轉換成.py文件。
Qt Designer隨PyQt5-tools包一起安裝,使用pip安裝的話,在python安裝目錄的Scripts文件夾下也有啓動執行文件。
建議使用pip安裝,需要安裝以下幾個庫:pyqt5 圖形庫、pyqt5-tools工具包。命令如下:
>pip install PyQt5
>pip install pyqt5-tools
如果通過pip安裝,由於文件過大安裝失敗,可以直接下載whl文件進行安裝
https://pypi.org/project/PyQt5/#files --官網
http://mirrors.aliyun.com/pypi/simple/pyqt5/ -- 阿里雲鏡像
PyQt5-5.13.2-5.13.2-cp35.cp36.cp37.cp38-none-win_amd64.whl (51.7MB)
安裝:\Anaconda\Lib\site-packages PyQt5、PyQt5_sip
https://pypi.org/project/pyqt5-tools/#files -官網
http://mirrors.aliyun.com/pypi/simple/pyqt5-tools/ -- 阿里雲鏡像
pyqt5_tools-5.13.0.1.5-cp37-none-win_amd64.whl (67.2 MB)
會同時下載:
python_dotenv-0.10.3-py2.py3-none-any.whl
安裝:\Anaconda\Lib\site-packages PyQt5、pyqt5_tools、python_dotenv
可執行文件路徑:\Anaconda\Scripts
下載的路徑:
安裝whl文件
安裝後的文件
安裝後的可執行文件
pyQT5集成
File>>Settings>>Tools>>External tools>>點擊左上+號
①添加QT設計器designer
②界面ui文件轉爲py工具pyuic5
Parameters:-m PyQt5.uic.pyuic $FileName$ -o Ui_$FileNameWithoutExtension$.py
Working directory:$FileDir$
③資源qrc文件轉爲py工具pyrcc5
Parameters:$FileName$ -o $FileNameWithoutExtension$_rc.py
Working directory:$FileDir$
使用Qt Designer
1、完成以上步驟之後,點擊 Tools -》External Tools -》pyQT5 啓動我們的QtDesigner (如下圖)
2、啓動後選擇:Widget,建立空白的窗口(入下圖),點擊 Create,其他默認就行
3、從左邊1區拖拽,注意是“拖拽”控件到2區,在3區中修改對應屬性(如下圖)
4、基本的界面設置之後保存,會看到同目錄下生成了一個“.ui”的文件
五、選擇“.ui”文件,右鍵pyQT5>Pyuic ,將“.ui”文件轉爲“.py”文件
轉換後的py文件
下一篇文章詳細介紹一下具體的設計方法。