1. 程式人生 > >用Python語言設計GUI界面

用Python語言設計GUI界面

list head for qt4 雙擊 data- com http 彈出

我們大家都編寫過程序,但是如果能夠設計一個GUI界面,會使程序增添一個很大的亮點!今天就讓我們來用目前十分流行的python語言寫出一個最基本的GUI,為日後設計更加漂亮的GUI打下基礎。

工具/原料

  • Python編譯軟件
  • PyQt設計軟件

方法/步驟

  1. 1

    首先,如果沒有安裝python和PyQt軟件的請先直接搜索下載並安裝。python是一個開源軟件,因此都是可以在網上免費下載的,最新版本即可。下載完成後,我們先打開PyQt designer。

    技術分享
  2. 2

    打開後,首先是一個默認的新建窗口界面,在這裏我們就選擇默認的窗口即可。

    技術分享
  3. 3

    現在是一個完全空白的窗口。第一步我們要先把所有的設計元素都拖進這個窗口。我們先拖入一個“Label”,就是一個不可編輯的標簽。

    技術分享
  4. 4

    隨後我們再拖入一個可以編輯的“Line Edit”

    技術分享
  5. 5

    最後我們拖入最後一個元素:“PushButton”按鈕,也就是平時我們所點的確定。

    技術分享
  6. 6

    目前我們已經把所有所需要的元素都拖入了新建的窗口。對於每一個元素,我們都可以雙擊進行屬性值的修改,此時我們僅需要雙擊改個名字即可

    技術分享
  7. 7

    此時我們已經完成了一半,接下來需要對動作信號進行操作。我們需要先切入編輯信號的模式

    技術分享
  8. 8

    此時把鼠標移動到任意元素,都會發現其變成紅色,代表其被選中。

    技術分享
  9. 9

    當我們選中pushbutton後,繼續拖動鼠標指向上面的line edit,會發現由pushbutton出現一個箭頭指向了line edit,代表pushbutton的動作會對line edit進行操作。

    技術分享
  10. 10

    隨即會彈出一個配置連接窗口。左邊的是pushbutton的操作,我們選擇clicked(),即點擊pushbutton。

    技術分享
  11. 右邊是對line edit的操作,我們選擇clear(),即清楚line edit中的內容。

    技術分享
  12. 最後我們點擊確定。

    技術分享
  13. 保存完成後,我們在PyQt中的操作就已經完成了。保存的文件名我們命名為test,PyQt生成的設計文件後綴是.ui。

    技術分享
  14. 然後我們需要把.ui文件轉換成可編譯的.py文件,我們需要用到PyQt提供的pyuic4命令來完成轉換。這是一個DOS命令,因此我們需要調出DOS操作界面。打開開始菜單,找到附件中的運行。

    技術分享
  15. 在運行中輸入cmd,確定後即可打開DOS界面。

    技術分享
  16. 在DOS界面下,我們需要定位到剛才保存的.ui文件的位置,如果是默認的話,會保存在C:\Python27\Lib\site-packages\PyQt4,定位的過程如圖所示。轉換成.py文件的命令是:pyuic4 test.ui -o test.py

    技術分享
  17. 轉換命令執行後,會生成一個test.py的文件,如圖所示

    技術分享
  18. 最後我們需要對生成的python文件加入頭文件和主函數,就可以生成一個完整的GUI程序了!首先是在整個程序的最開頭加入import sys,如圖所示。

    技術分享
  19. 另外,在程序的末尾,加入如圖所示的主函數代碼。主函數會調用我們再PyQt裏已經完成的生成元素的函數以及配置連接函數,因此我們只需要加上主函數來調用他們即可。

    技術分享
  20. 保存後,雙擊我們編輯完成的python文件,就會彈出我們剛才設計的GUI界面啦!這就是我們所完成的第一個用python語言寫的GUI程序啦!

    技術分享 END

註意事項

  • PyQt設計完成的文件最好保存在默認路徑下,這個路徑下才可以執行pyuic4轉換命令,否則可能DOS系統下無法識別pyuic4這個命令。

用Python語言設計GUI界面