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

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

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

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

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

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

examples 例程

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

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

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

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

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

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

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

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

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

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