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

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

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

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

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

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

examples 例程

designer.exe 界面設(shè)計師工具

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

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

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

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

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

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

同時通過在主函數(shù)中調(diào)用了該類進行實例化如下：

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

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