米爾科技提醒您:您的瀏覽器版本過低或者使用了兼容模式,為了獲得更好的瀏覽體驗,建議使用IE10以上的瀏覽器或使用極速模式。 請升級瀏覽器以獲得更好的體驗!

<del id="lfzhd"><del id="lfzhd"></del></del>

      <output id="lfzhd"><output id="lfzhd"><progress id="lfzhd"></progress></output></output>
      <ruby id="lfzhd"></ruby>
      <video id="lfzhd"><del id="lfzhd"><dfn id="lfzhd"></dfn></del></video>

        我用STM32MP1做了個疫情監控平臺4—功能完善界面重新設計

        文章來源:米爾科技 發布日期:2020.5.25 瀏覽次數:3138

        1.前言

        之前我用STM32MP1和Qt實現了疫情監控平臺,有幸被【STM32單片機】官方公眾號轉發分享,感覺還是很有成就感的。

        這周末又把功能進一步完善了一下,界面重新設計等。實際運行界面:

        2.界面展示

        原來的界面很簡單,只有國內疫情數據展示:

        現在的界面:

        STM32MP1開發板運行效果:

        3.新增功能

        • UI重新設計,仿平板界面
        • 新增海外疫情數據顯示和國內零病例城市數據顯示
        • 新增疫情新聞顯示,使用html模板文件的方式實現富文本的顯示
        • 5分鐘自動更新,可通過開關選擇是否開啟
        • 新增IP自動定位功能
        • FontAwesome字體圖標庫的使用
        • 自定義標題欄按鈕,可點擊圖標關閉窗口,手動更新等

        4.API 接口說明

        所使用到的幾個接口地址:

        根據請求的IP地址,返回定位的城市名稱和經緯度
        http://ip-api.com/json/?lang=zh-CN
        
        國內實時疫情數據,新增/確診/疑似/零病例城市等
        http://view.inews.qq.com/g2/getOnsInfo?name=disease_h5
        
        海外疫情數據和國內疫情新聞信息 
        http://view.inews.qq.com/g2/getOnsInfo?name=disease_other
        
        最新謠言和辟謠信息,接口未使用,沒有移植openssl,暫時不支持https
        https://vp.fact.qq.com/loadmore?page=0 

        5.多個接口數據的獲取和解析

        和上一個版本最大的區別就是,上一版只使用了1個API。這次共使用了3個接口地址,而且每個接口地址返回的JSON數據是不同的,所以需要分別get這4個接口地址,然后調用不同的JSON解析函數。即每次更新時,apiID=0,先獲取接口1的數據,調用接口1的解析函數,然后apiID=1,獲取接口2的數據,調用接口2的解析函數,直到apiID=2,所有的數據獲取完畢,不再觸發新的get請求,直到下一次數據更新:

         /* 數據*/
        	//IP定位接口
        	QString apiUrl_0 = "http://ip-api.com/json/?lang=zh-CN";
        	//國內疫情數據
            QString apiUrl_1 = "http://view.inews.qq.com/g2/getOnsInfo?name=disease_h5";
        	//全球疫情數據和疫情新聞信息
            QString apiUrl_2 = "http://view.inews.qq.com/g2/getOnsInfo?name=disease_other";	
        	/*謠言接口,未使用*/
            QString apiUrl_3 = "https://vp.fact.qq.com/loadmore?page=0";
        
            qint8 apiID = 0;	//0->3: api_0->api_3
        
        	/*以上接口數據對應的解析函數*/
            void parseApi_0(QByteArray str);
            void parseApi_1(QByteArray str);
            void parseApi_2(QByteArray str);
        	/*謠言信息解析,未使用*/
            void parseApi_3(QByteArray str); 

        由于板子上的系統還沒有移植openssl,所以不支持https的接口地址,api3在實際中沒有使用。

        IP定位接口返回的JSON數據:

        解析函數:

        void Dialog::parseApi_0(QByteArray str)
        {
            cJSON *root_obj;
            root_obj = cJSON_Parse(str);
            if(!root_obj)
                qDebug() << "ip api error";
            else
            {
                QString status = cJSON_GetObjectItem(root_obj, "status")->valuestring;
                qDebug() << status;
                if(status == "success")
                {
                    QString city = cJSON_GetObjectItem(root_obj, "city")->valuestring;
                    QString query = cJSON_GetObjectItem(root_obj, "query")->valuestring;
                    qDebug() << city << query;
                }
            }
            cJSON_Delete(root_obj);
        } 

        其他接口JSON數據的解析,都是差不多的,這里不再贅述。

        6. FontAwesome字體圖標庫的使用

        在這次新版本中,我首次使用了FontAwesome字體圖標庫,圖標顯示效果:在這里插入圖片描述

        使用起來非常方便,簡單。首先把圖標庫里的ttf字體文件添加到Qt工程里,通過以下代碼實現圖標顯示。

        使用方法可以參考:Qt字體圖標庫fontawesome和pixeden使用示例

        標簽或者按鈕添加圖標背景:

        #include  
        void MainWindow::iconDemo()
        {
            //fontawesome-webfont.ttf圖標庫示例
            //http://www.fontawesome.com.cn/
            int fontId_fws = QFontDatabase::addApplicationFont(":/icon/fontawesome-webfont.ttf"); 
            QString fontName_fws = QFontDatabase::applicationFontFamilies(fontId_fws).at(0);     
            QFont iconFont_fws = QFont(fontName_fws);
            iconFont_fws.setPixelSize(50);     //設置圖標大小
        
            //標簽添加圖標背景
            ui->lbe_fws->setFont(iconFont_fws);
            ui->lbe_fws->setText(QChar(0xf185));   //圖標ID
            ui->lbe_fws->setStyleSheet("color: rgb(255, 0, 0);");
        
            //按鈕添加圖標北京
            ui->btn_fws->setFont(iconFont_fws);
            ui->btn_fws->setText(QChar(0xf0e7));    //圖標ID
            ui->btn_fws->setStyleSheet("color: rgb(0, 255, 0);");  
        } 

        其中0xf0e7是圖標對應的代碼,可以在官網上找到。目前,圖標庫里包括675個圖標,而且是矢量的,這意味著可以隨意的縮放而不用擔心不清晰,大小顏色都可以在代碼里設置。

        類似的圖標庫還有pixeden等等,pixeden里面的圖標更豐富,而且是已經分好類的,但是免費的少,收費的多。

        7.代碼下載

        整個Qt工程代碼已經開源,如果你已經關注了我的公眾號(ID:mcu149),可以在后臺回復STM32MP1,我會把Qt工程源碼發送給你,代碼兼容Qt4/Qt5。

        當然,你也可以在以下開源平臺獲取到最新的Qt工程:

        https://gitee.com/whik/qte_2019_ncov


        本文來自米爾科技,原文地址: http://www.www.fbymqb.com/resource/541.asp,轉載請注明出處。

        av激情亚洲男人的天堂,china中国女人chinesehd,黄片网免费看大片,国产乱子伦免费视频,大波妺av网站,天天干天天射天天操夜夜啪,秋霞韩国理伦电影在线观看 自拍亚洲在线播放视频,国语自产精品视频二区在,天天影视色香欲综合网,玩少妇熟女视频,先锋影音在线视频,日韩亚洲全网最全无码,秋霞午夜限制电影在线观看 亚洲第一在线综合网站,国产综合色产在线视频,FREE性欧美婬妇俄罗斯,日本老熟妇乱子伦牲交视频,中国老熟女性视频,提供伦理片秋霞,影音先锋看片网站色 无遮住挡拍拍视频免费,成人A级视频在线观看,欧美乱大交免费,最好看最新中文字幕,一本大道香蕉久在线播放29在线播放,h视频真人无遮挡免费网站 11电影网,亚洲VA久久久噜噜噜久久,日日摸夜夜添夜夜添影院,哈尔滨60岁丰满老熟女,超级碰碰人妻中文字幕,国产精品天天看天天狠,最好中文字幕视频 韩国日本香港毛片免费,日本高清视频在线一本视频,色老板在线影院播放,免费老熟妇牲交大全视频中文,正在播放重口老熟女露脸,久在线中文字幕亚洲日韩 在线高清免费无不卡元码,亚洲第一天堂无码专区,天天色综合网免费在线观看,免费看老熟妇乱子伦视频的网站,熟女人妇,久久网国产自拍,秋霞影视 爱我影院最新电影,亚洲高清在线精品一区,天天av,chinese熟女老女人HD,欧美日韩一本无码免费专区,亚洲人成网站观看在线播放,国产不卡免费AV在线观看 日本老熟妇无码色视频网站,成年女人午 夜毛片免费视频,欧美 色图 亚洲 综合,东北露脸老熟女啪啪,一本大道香蕉久在线播放29,秋霞影院午夜伦高清 国产乱对白刺激视频,色偷偷av男人的天堂,天天操天天色天天干,巨爆乳寡妇中文BD,亚洲国产欧美在线人成,漂亮人妻被中出中文字幕,亚洲国产AV玩弄放荡人妇系列