Dragonbaord 410c Python交互設計(1)——天氣預報demo界面搭建

     在http://blog.csdn.net/andymfc/article/details/53099942一文中向大家介紹瞭如何在dragonboard 410c開發板上搭建PyQt UI設計環境,今天將進一步以一個天氣預報的經典demo的UI設計爲例教大家如何利用pyQt來搭建自己的交互程序界面。

     

     上期blog中只是教大家在410c上簡單的調用了pyqt提供的接口來完成了簡單的界面製作和運行,但是對於複雜的界面,如果我們採用這種方式來進行構建,相信很多人都很難上手,同樣在我們的pyqt中也可以採用已有的qt designer來進行我們的界面設計,大家可以在windows上安裝好Python3.4 和pyqt,具體的安裝方法和前面的在dragonboard 410c上的安裝方法類似,大家也可以參考http://blog.csdn.net/youngwhz1/article/details/51178104。

     安裝好後,我們可以找到pyqt5包的位置,如下:


     在pyqt5 目錄下大家可以看到用於pyqt開發的文檔、工具和例子,目錄下的內容具體介紹如下:

    doc    pyqt5 相關的文檔,找到index.html是整個幫助文檔的索引,可以查看Python API的使用介紹

    examples  例程

    designer.exe    界面設計師工具

     pyrcc5.exe  資源編譯器,在界面設計的時候有資源文件,需要用該編譯工具將其編譯成py文件

    pyuic5.bat 界面轉換器,用設計師設計的.ui文件可以通過該工具進行轉換生成Python腳本。

    瞭解上面的文檔和工具後,就可以使用pyqt來進行開發了,這盤blog中我們主要是用designer工具來搭建我們的天氣預報demo界面,首先打開designer,exe工具,就可以用該工具來進行UI設計了,這裏我們設計好的天氣預報UI如下圖所示具體ui文件大家到http://pan.baidu.com/s/1o8uEXp4下載 。

    

    保存爲mainwindow.ui,界面中使用的控件較多,不詳細介紹,大家可以下載ui文件後用designer,exe打開查看,接着我們就可以用pyuic5工具來講ui文件轉換成py文件,可以執行的Python腳本文件,打開cmd命令編輯器,然後輸入下面命令即可得到Python腳本:

    

    在得到的mainwindow.py Python腳本,我們用記事本打開如下圖所示

 

     這裏是轉換後的用Python調用pyqt寫的ui類,但是沒有主函數,執行該腳本沒有反應看不到界面,這裏我們還需要建立一個Python腳本文件,通過繼承該類,並添加主函數對類進行實例化就可以顯示了,這裏我們建立了一個weatherWindow,py文件,具體文件可以到http://pan.baidu.com/s/1geS2Wrp下載,這裏我們構建了一個weatherWindows類,在該類中對Ui_mainwindow類進行了重構。


    同時通過在主函數中調用了該類進行實例化如下:



   這時將所有文件拷貝到dragonbaord 410c上,運行weatherWindow腳本就可以看到界面了:


   到這裏我們的天氣預報demo界面就搭建完成,但是從界面來看沒有顯示任何數據,後期blog將進一步教大家如何藉助於Python腳本利用dragonbaord 410c的wifi網絡獲取天氣信息數據填充到界面中對應的控件中進行顯示,實現天氣的實時顯示。

    

    

    

     

發佈了66 篇原創文章 · 獲贊 11 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章