基于Dragonbaord 410c開(kāi)發(fā)板的Python交互設計（1）——如何建立天氣預報界面

在Pyqt環(huán)境搭建一文中向大家介紹了如何在dragonboard 410c開(kāi)發(fā)板上搭建PyQt UI設計環(huán)境，今天將進(jìn)一步以一個(gè)天氣預報的經(jīng)典demo的UI設計為例教大家如何利用pyQt來(lái)搭建自己的交互程序界面。

上期blog中只是教大家在410c上簡(jiǎn)單的調用了pyqt提供的接口來(lái)完成了簡(jiǎn)單的界面制作和運行，但是對于復雜的界面，如果我們采用這種方式來(lái)進(jìn)行構建，相信很多人都很難上手，同樣在我們的pyqt中也可以采用已有的qt designer來(lái)進(jìn)行我們的界面設計，大家可以在windows上安裝好Python3.4 和pyqt，具體的安裝方法和前面的在dragonboard 410c上的安裝方法類(lèi)似，大家也可以參考Pyqt5在windows平臺上安裝一文。

安裝好后，我們可以找到pyqt5包的位置，如下：

在pyqt5 目錄下大家可以看到用于pyqt開(kāi)發(fā)的文檔、工具和例子，目錄下的內容具體介紹如下：

doc pyqt5 相關(guān)的文檔，找到index.html是整個(gè)幫助文檔的索引，可以查看Python API的使用介紹

examples 例程

designer.exe 界面設計師工具

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

pyuic5.bat 界面轉換器，用設計師設計的.ui文件可以通過(guò)該工具進(jìn)行轉換生成Python腳本。

了解上面的文檔和工具后，就可以使用pyqt來(lái)進(jìn)行開(kāi)發(fā)了，這盤(pán)blog中我們主要是用designer工具來(lái)搭建我們的天氣預報demo界面，首先打開(kāi)designer，exe工具，就可以用該工具來(lái)進(jìn)行UI設計了，這里我們設計好的天氣預報UI如下圖所示具體ui文件大家到http://pan.baidu.com/s/1o8uEXp4下載 。

保存為mainwindow.ui，界面中使用的控件較多，不詳細介紹，大家可以下載ui文件后用designer，exe打開(kāi)查看，接著(zhù)我們就可以用pyuic5工具來(lái)講ui文件轉換成py文件，可以執行的Python腳本文件，打開(kāi)cmd命令編輯器，然后輸入下面命令即可得到Python腳本：

在得到的mainwindow.py Python腳本，我們用記事本打開(kāi)如下圖所示

這里是轉換后的用Python調用pyqt寫(xiě)的ui類(lèi)，但是沒(méi)有主函數，執行該腳本沒(méi)有反應看不到界面，這里我們還需要建立一個(gè)Python腳本文件，通過(guò)繼承該類(lèi)，并添加主函數對類(lèi)進(jìn)行實(shí)例化就可以顯示了，這里我們建立了一個(gè)weatherWindow，py文件，具體文件可以到http://pan.baidu.com/s/1geS2Wrp下載，這里我們構建了一個(gè)weatherWindows類(lèi)，在該類(lèi)中對Ui_mainwindow類(lèi)進(jìn)行了重構。

同時(shí)通過(guò)在主函數中調用了該類(lèi)進(jìn)行實(shí)例化如下：

這時(shí)將所有文件拷貝到dragonbaord 410c上，運行weatherWindow腳本就可以看到界面了：

到這里我們的天氣預報demo界面就搭建完成，但是從界面來(lái)看沒(méi)有顯示任何數據，后期blog將進(jìn)一步教大家如何借助于Python腳本利用dragonbaord 410c的wifi網(wǎng)絡(luò )獲取天氣信息數據填充到界面中對應的控件中進(jìn)行顯示，實(shí)現天氣的實(shí)時(shí)顯示。