大彩串口屏快速入門手冊(cè)

文檔適用說(shuō)明 1. 以上文檔均可 官 目1安裝VisualTFT軟 1 1軟件安裝 12串口屏與PC聯(lián)機(jī)通 2準(zhǔn)備工具 2連接設(shè)備 233經(jīng)濟(jì)型、基本型、RS485和86系列 速入功能需求 6操作流程 8準(zhǔn)備美工素材9ON9入門操作 打開軟件 新建工程 新建畫面 354 355 設(shè)置畫面背景356 358 3511 4·概 操作流程 軟件安裝5小尺寸功能需求操作流程小尺寸ano6與服 第1章安裝VisualTFT軟所有串口屏的界面開發(fā)都是基于VisualTFT軟件平臺(tái)來(lái)操作，用戶可以登錄官網(wǎng)安裝的環(huán)境需和64位操作系統(tǒng)暫不支持USB。支持驅(qū)動(dòng)可以在官網(wǎng)進(jìn)行查詢。軟件安裝1.1打開安裝程1.2VisualTFT顯示界1.3恢復(fù)默認(rèn)視圖布第2章串口屏與PC聯(lián)機(jī)通準(zhǔn)備工具連接設(shè)備USB轉(zhuǎn)TTLTTL所有屏幕出廠前均為RS232電平。8P8P2.2經(jīng)濟(jì)型系列PC軟件聯(lián)機(jī)示意2.3小尺寸系列PC聯(lián)機(jī)示意腦聯(lián)機(jī)，必須RS485轉(zhuǎn)232模塊，如圖2.4所示。設(shè)備上電和開始聯(lián)機(jī)

2.4RS485232模大部分是由于電壓功率不夠引起。建議用戶使用萬(wàn)用表測(cè)試屏接口VCC和GND的電壓，看是否電壓被拉低，譬如供電線太長(zhǎng)、電腦USB供電均可能導(dǎo)致功率不夠或電壓拉低。2.5連接設(shè)圖2.6硬件版本號(hào)（版本值參考進(jìn)入“指令助手進(jìn)行切換畫面、清屏、文字、簡(jiǎn)單圖形調(diào)試，如圖2.7所示。請(qǐng)參考相應(yīng)的看是否支持該指令或設(shè)備是否與PC聯(lián)機(jī)成功。2.7調(diào)試助手界第3章經(jīng)濟(jì)型、基本型、RS485和86系列快速入本章內(nèi)容適用經(jīng)濟(jì)型、基本型、RS48586串口屏，小尺寸Nano2.4/2.8/3.0寸暫不適本以7寸基本型DC80480B070為硬件平臺(tái)，告訴用戶如何從新建工程、功能需求3.1首頁(yè)導(dǎo)航3.2文本界面顯3.33.3動(dòng)畫圖標(biāo)界面顯3.4曲線顯3.5儀表顯3.6進(jìn)度條和儀表顯操作流程

圖3.7彈出或坐標(biāo)值并進(jìn)行處理工程畫面配2.上位機(jī)VisulTFT進(jìn)1.準(zhǔn)備美工素材否編譯通 是使用上位

仿真正內(nèi)置的“虛擬串口屏” 仿真正和配置信息到設(shè)3.8串口屏操作步準(zhǔn)備美工素材 如何生成ICON圖標(biāo)文

3.9工程美工VisualTFT3.10所示的畫面，然后將第2幀為運(yùn)行，第3幀為透明，最后點(diǎn)擊生成圖標(biāo)，命名“運(yùn)行圖標(biāo).icon”。這樣一個(gè)3.10圖標(biāo)生成工入門操作雙擊桌面圖標(biāo)，打開VisualTFT軟件圖3.11所示。3.11新建工如圖3.12所示。用戶也可以每個(gè)畫面進(jìn)行重命名。3.12新建畫不上傳坐標(biāo)值通知，只上傳按鈕ID值，如圖3.13所示。3.13工程參數(shù)配置CRC校驗(yàn)：若的硬件支持CRC，則選擇是，反之選擇無(wú)；畫面切換通知：表示畫面切換時(shí)候，是否需要上傳畫面ID；按鈕事件通知：表示按下觸摸后，只上傳按鈕ID信息。景bmp，圖3.14所示?！笆醉?yè)導(dǎo)航”在美工素材文件中。景3.14設(shè)置畫0的背景.bmp.bmp.bmp.bmp面圖所示。點(diǎn)擊導(dǎo)航“”圖，拖動(dòng)合適大小，插入“提示框.”，然后點(diǎn)擊右，擇始小示如圖3.16示，最后工移動(dòng)使其居中畫面。樣，全部3.15設(shè)置背景色為透圖3.16顯 Screen1。該配置得到的效果是：一旦用戶點(diǎn)擊文本按鈕，屏幕由畫面Screen0 3.17利用按鈕控件配置文本顯示按Screen2、Screen3、Screen4、Screen5Screen63.18所示。若點(diǎn)擊的顯示編號(hào)圖標(biāo)，就可以看到控件ID。3.18按鈕控件配置完3.19文本控件配后，效果圖如圖3.20所示。3.20文本控件設(shè)置完 點(diǎn)擊圖標(biāo)控件圖標(biāo)在圖3.21所示的運(yùn)行狀態(tài)處添加預(yù)先生成好的ICON 3.21圖3.22所示。3.22動(dòng)畫控件配3.23按鈕配FF01AAFF,3.243.24自定義指令配點(diǎn)擊曲線控件圖標(biāo)，拖動(dòng)合適顯示大小，屬性窗口使用默認(rèn)設(shè)置，如圖3.25所3.25曲線控件配置3.26儀表控件配置1603.273.27儀表控件配置3.28進(jìn)度條控件設(shè)3.29滑動(dòng)條控件設(shè)圖3.30彈出框設(shè)置。編譯成功后，輸出窗口顯示0error(s);0warning(s)，如圖3.31所示。

3.31編譯通3.32所示。點(diǎn)擊“通信記錄”就可以時(shí)時(shí)查看每次按下屏幕時(shí)，屏串口下無(wú)需硬件，只需要將單片機(jī)的串口通過(guò)RS232電平與“虛擬串口屏”相連，然后就可KEILKEIL3.32“虛擬串口屏”顯示界3.33屏幕下發(fā)的通訊指即可查看每個(gè)畫面Screen的ID。工程中有多少?gòu)埦陀卸嗌賯€(gè)唯一ID。點(diǎn)擊資源窗口，即可查看每個(gè)的ID。以下內(nèi)容主要介紹如何將上位機(jī)工程到屏幕中，編者建議后續(xù)實(shí)際程序調(diào)試階段，這一步可以暫時(shí)省略，直接在“虛擬串口屏”中測(cè)試。因?yàn)槊看蜳C修改了，屏幕都必須重新一次，勢(shì)必會(huì)浪費(fèi)一些時(shí)間。我們建議后面可以閱讀《KEIL開發(fā)環(huán)境與虛經(jīng)濟(jì)型系列。經(jīng)濟(jì)型系列不支持USB，只支持串口和SD卡。工程調(diào)試時(shí)，建議使用串口。使用前，先將屏幕波特率設(shè)置115200（電腦的串口最高只能支持115200，加快時(shí)間然后按照?qǐng)D3.34所示連接方法，進(jìn)行屏與上位機(jī)聯(lián)機(jī)，最腦無(wú)法知道當(dāng)前屏幕波特率。由于串口時(shí)間比較長(zhǎng)，大批量生產(chǎn)時(shí)候建議從SD卡來(lái)批量。SD卡操作：預(yù)先先工程內(nèi)容拷貝到多個(gè)SD卡中，然后將這些SD卡同時(shí)插入多個(gè)屏幕，此時(shí)屏幕會(huì)提示進(jìn)度，當(dāng)SD卡內(nèi)容全部拷貝屏內(nèi)部器中后，屏幕顯示更新成功，此時(shí)拔出SD卡，然后又插入其它屏幕繼續(xù)，滿足日產(chǎn)能需求。3.34經(jīng)濟(jì)型工程 若驅(qū)動(dòng)識(shí)別正常，USB依然無(wú)法，建議如下操作：更換USB口/更換USB線/更換電測(cè)試/插入電腦機(jī)箱后背USB3.35基本USB若管理器無(wú)該設(shè)備名若管理器無(wú)該設(shè)備名3.36USB驅(qū)動(dòng)安裝成照基本型操作步驟，給屏幕上電，然后連接USB線進(jìn)行驅(qū)動(dòng)安裝，最后進(jìn)行。3.37切換畫面調(diào)試界3.38文本控件調(diào)試界3.39設(shè)置按鈕彈起和按下調(diào)步驟第4章VisualTFT軟件與“虛擬串口屏”聯(lián)機(jī)通概4.14.24.1指令助手顯操作流程虛擬串口VSPXD安裝VisualTFT安裝虛擬串口VSPXD4.3VSPXD安裝4.4安裝完4.5所示。然后查看“使用必讀”4.5桌面圖標(biāo)顯4.6VSPD軟界面左上角physicalports 如圖4.7所示，在First菜單中選擇COM3，Second選擇COM4，然后點(diǎn)擊Addpair，此時(shí)Virtualports 下會(huì)出現(xiàn)這1對(duì)被綁定的串口，如圖4.7圖4.8所示。4.7通道綁4.8虛擬串口對(duì)生4.9刪除虛擬串4.10查看虛擬串1個(gè)現(xiàn)有的VisualTFT工程。選擇COM34.114.11VisualTFT軟所示。這樣VisualTFT的COM3和虛擬串口屏的COM44.12設(shè)置虛擬串口串口通進(jìn)行握手驗(yàn)證，驗(yàn)證成功后指令窗口會(huì)提示已連接設(shè)備，如圖4.14所示。4.13聯(lián)機(jī)設(shè)4.14聯(lián)機(jī)成4.15簡(jiǎn)單調(diào)指令進(jìn)行發(fā)送和體驗(yàn)顯示效果，如圖4.16所示。4.16指令助手控制虛擬串口第5章小尺寸nano系列快速入功能需求5.1首頁(yè)導(dǎo)5.2文本顯5.3圖標(biāo)和動(dòng)畫顯5.4曲線顯操作流程步驟3：?jiǎn)纹瑱C(jī)發(fā)送對(duì)應(yīng)的ID號(hào)顯示。準(zhǔn)備美工素材 小尺寸nano入門操

5.5Nano工程美工素 5.6新建工新建畫面。點(diǎn)擊文件→新建畫面，依次連續(xù)創(chuàng)建4個(gè)畫面，名稱默認(rèn)Screen0，如圖

5.7新建畫景bmp，圖3.14所示?！笆醉?yè)”在美工素材文件中。景5.80.bmp.bmp.bmp背景圖的主要目的就是讓PC軟件對(duì)每個(gè)分配一個(gè)ID。注意：添加的分注意：添加的分辨 過(guò)屏幕5.9插入其它非背景編譯工程和查看ID。點(diǎn)擊編譯按鈕，查看輸出窗口是否報(bào)錯(cuò)，然后點(diǎn)擊資源窗口，查看每個(gè)被分配的ID號(hào)，如圖5.10所示。這樣，用戶單片機(jī)通過(guò)“區(qū)域顯示”指令，發(fā)送每個(gè)的坐標(biāo)值和編號(hào)，就可以控制屏幕內(nèi)容顯示。圖5.10查看ID