大彩串口屏快速入門(mén)手冊(cè)v3

1、大彩串口屏快速入門(mén)手冊(cè)版本：V3.0版本描述日期V1.0創(chuàng)建文檔2011-05-18V2.0添加新的組態(tài)控件，更新實(shí)驗(yàn)操作 DEMO2013-11-01V3.0增加經(jīng)濟(jì)型、小尺寸手冊(cè)，添加部分新功能2014-07-01文檔適用說(shuō)明建議資料：1. 對(duì)于初學(xué)者強(qiáng)烈建議登陸串口屏入門(mén)開(kāi)發(fā)包，內(nèi)含有 PC直觀。官網(wǎng)操作，進(jìn)入“資料。編者認(rèn)為”，大彩比閱讀文字更加2. 閱讀入門(mén)手冊(cè)時(shí)，有任何疑問(wèn)之處，可以查看以下文檔，以便第一時(shí)間得到解決：1.對(duì)應(yīng)產(chǎn)品串口屏常見(jiàn)問(wèn)題解答KEIL 開(kāi)發(fā)環(huán)境與虛擬串口屏綁定調(diào)試大彩串口屏入門(mén)開(kāi)發(fā)包以上文檔均可在官網(wǎng)。類(lèi)別描述適用系列經(jīng)濟(jì)型、基本型、RS485、86 串口屏和

2、小尺寸 Nano 系列說(shuō)明用戶(hù)先查看手中串口屏系列型號(hào)，然后找到對(duì)應(yīng)的章節(jié)閱讀開(kāi)發(fā)指南目錄第 1 章1.11.2第 2 章2.12.22.3第 3 章3.13.23.33.43.5安裝 VisualTFT安裝的環(huán)境需求安裝11122236689 910101010111113191920202223 24242525252628313132323237串口屏與 PC 聯(lián)機(jī)通信 準(zhǔn)備工具連接設(shè)備設(shè)備上電和開(kāi)始聯(lián)機(jī)經(jīng)濟(jì)型、基本型、RS485 和 86 系列快速入門(mén)功能需求操作流程準(zhǔn)備美工素材如何生成 ICON 圖入門(mén)操作標(biāo)文件3.5.13.5.23.5.33.5.43.5.53.5.63.5.73

3、.5.83.5.93.5.103.5.113.5.12打開(kāi)新建工程新建畫(huà)面配置工程參數(shù)。設(shè)置畫(huà)面背景 畫(huà)面控件配置 編譯工程運(yùn)行“虛擬串口屏”查看畫(huà)面 ID、控件 ID 和ID工程利用指令助手調(diào)試操作完畢第 4 章4.14.2VisualTFT概述操作流程與“虛擬串口屏”聯(lián)機(jī)通信4.2.14.2.24.2.34.2.4準(zhǔn)備安裝工具創(chuàng)建 1 對(duì)虛擬串口并進(jìn)行綁定使用指令助手與虛擬串口屏進(jìn)行通訊第 5 章5.15.25.35.4第 6 章小尺寸 nano 系列快速入門(mén)功能需求操作流程準(zhǔn)備美工素材小尺寸 nano 入門(mén)操作與服務(wù) 第1章 安裝 VisualTFT所有串口屏的界面開(kāi)發(fā)都是基于 Visu

4、alTFT上進(jìn)行。來(lái)操作，用戶(hù)可以登錄官網(wǎng)1.1安裝的環(huán)境需求該適合 XP/WIN7 32 位系統(tǒng)，磁盤(pán)空間需求 100M 左右，內(nèi)存 128M 以上。WIN8和 64 位操作系統(tǒng)暫不支持 USB。支持驅(qū)動(dòng)可以在官網(wǎng)進(jìn)行查詢(xún)。1.2安裝1. 開(kāi)始安裝。打開(kāi)VisualTFT安裝包，點(diǎn)擊下一步，如圖 1.1 所示。圖 1.1 打開(kāi)安裝程序2. 選擇默認(rèn)安裝路徑，直至安裝完成。若安裝過(guò)程中提示是否需要安裝 USB 驅(qū)動(dòng)，選擇“始終進(jìn)行安裝”。3. 安裝完成后，桌面出現(xiàn)快捷圖標(biāo)。點(diǎn)擊，顯示界面如圖 1.2 所示。圖 1.2 VisualTFT 顯示界面4. 若界面復(fù)默認(rèn)視圖布局”?；虼翱诒灰苿?dòng)或隱藏

5、，可以點(diǎn)擊如所圖 1.3 示的菜單“視圖”，選擇“恢圖 1.3 恢復(fù)默認(rèn)視圖布局了解.歡迎登陸廣州大彩光電科技1 /37第2章 串口屏與 PC 聯(lián)機(jī)通信對(duì)于初次使用大彩串口屏的用戶(hù)，建議首先進(jìn)行屏幕與上位機(jī) VisualTFT 聯(lián)機(jī)通訊。上內(nèi)置的 1 個(gè)指令調(diào)試助手，可以模擬用戶(hù)單片機(jī)串口給屏幕發(fā)送指令，以便加快用位機(jī)戶(hù)對(duì)產(chǎn)品使用的熟練度。2.1準(zhǔn)備工具1.2.3.4.電源適配器 (建議 1A 以上，電壓大小必須與手冊(cè)或屏接口絲印標(biāo)注的一致)；串口 232 電纜線(xiàn)（若電腦沒(méi)有串口接口，建議用戶(hù)在串口調(diào)試板（購(gòu)屏?xí)r配送，僅調(diào)試使用，批量無(wú)需用到）；8/10P 通信電纜線(xiàn) (購(gòu)屏?xí)r配送，用戶(hù)連接調(diào)

6、試板和屏)；USB 轉(zhuǎn)串口電纜線(xiàn)）；2.2連接設(shè)備1. 經(jīng)濟(jì)型、基本型和小尺寸 nano 系列聯(lián)機(jī)連接圖分別如圖 2.1、圖 2.2 和圖 2.3 所示。提示：若用戶(hù)使用的是 USB 轉(zhuǎn)TTL 串口調(diào)試板來(lái)聯(lián)機(jī)，則需要將屏幕設(shè)置為 TTL 電平。所有屏幕出廠前均為 RS232 電平。圖 2.1 基本型系列與 PC聯(lián)機(jī)示意圖圖 2.2 經(jīng)濟(jì)型系列與 PC聯(lián)機(jī)示意圖了解.歡迎登陸廣州大彩光電科技2 /378P 電纜線(xiàn)和串口調(diào)試板圖 2.3 小尺寸系列與 PC 聯(lián)機(jī)示意圖2. RS485 和 86 系列聯(lián)機(jī)。由于 485 無(wú)法與電腦 232 接口通訊，所以若用戶(hù)需要屏與電腦聯(lián)機(jī)，必須RS485 轉(zhuǎn)

7、232 模塊，如圖 2.4 所示。圖 2.4 RS485 轉(zhuǎn) 232 模塊2.3設(shè)備上電和開(kāi)始聯(lián)機(jī)1. 設(shè)備上電。按照手冊(cè)規(guī)定或接口絲印標(biāo)識(shí)處的電壓供電，上電后屏幕會(huì)顯示出廠時(shí)燒錄的。若產(chǎn)品支持觸摸，點(diǎn)擊按鈕畫(huà)面會(huì)進(jìn)行跳轉(zhuǎn)和蜂鳴器鳴叫。提示：若上電出現(xiàn)黑屏、閃動(dòng)、點(diǎn)擊觸摸后黑屏、系統(tǒng)不斷復(fù)位和電感發(fā)出聲響等現(xiàn)象，大部分是由于電壓功率不夠引起。建議用戶(hù)使用萬(wàn)用表測(cè)試屏接口 VCC 和 GND 的電壓，看是否電壓被拉低，譬如供電線(xiàn)太長(zhǎng)、電腦USB 供電均可能導(dǎo)致功率不夠或電壓拉低。2. 聯(lián)機(jī)設(shè)備。打開(kāi) VisualTFT動(dòng)輪詢(xún)匹配波特率，聯(lián)機(jī)成功后，點(diǎn)擊圖 2.5 所示的“聯(lián)機(jī)設(shè)備”，系統(tǒng)會(huì)自最右

8、下角會(huì)顯示“已連接設(shè)備”和版本號(hào)，如圖 2.6所示。若多次依然無(wú)法連接成功，請(qǐng)按照指令窗口的提示進(jìn)行故障排除。注意：聯(lián)機(jī)過(guò)程中，有任何問(wèn)題，建議閱讀串口屏常見(jiàn)問(wèn)題解答，以便第一時(shí)間得到解決。了解.歡迎登陸廣州大彩光電科技3 /37圖 2.5 連接設(shè)備圖 2.6 硬件版本號(hào)（版本值參考）聯(lián)機(jī)成功后，用戶(hù)可以點(diǎn)擊圖 2.5的體驗(yàn)觸摸、蜂鳴一聲和背光調(diào)節(jié)操作，然后進(jìn)入“指令助手”，進(jìn)行切換畫(huà)面、清屏、文字、簡(jiǎn)單圖形調(diào)試，如圖 2.7 所示。提示：不同系列產(chǎn)品支持的指令集有所區(qū)別，若使用調(diào)試助手發(fā)送指令時(shí)設(shè)備無(wú)響應(yīng)，請(qǐng)參考相應(yīng)的看是否支持該指令或設(shè)備是否與 PC 聯(lián)機(jī)成功。了解.歡迎登陸廣州大彩光電科

9、技4 /37圖 2.7 調(diào)試助手界面了解.歡迎登陸廣州大彩光電科技5 /37第3章 經(jīng)濟(jì)型、基本型、RS485 和 86 系列快速入門(mén)本章內(nèi)容適用經(jīng)濟(jì)型、基本型、RS485 和 86 串口屏，小尺寸Nano 2.4/2.8/3.0 寸暫不適應(yīng)。小尺寸入門(mén)操作請(qǐng)參考對(duì)應(yīng)說(shuō)明章節(jié)。本以 7 寸基本型DC80480B070 為硬件，告訴用戶(hù)如何從新建工程、到指令調(diào)試的全部過(guò)程。無(wú)論您當(dāng)前的是什么尺寸產(chǎn)品，掌握了 7 寸屏的操作，其它尺寸開(kāi)發(fā)均一樣。3.1功能需求例如用戶(hù)需要實(shí)現(xiàn)如圖 3.1 示的文本、圖標(biāo)、動(dòng)畫(huà)、曲線(xiàn)、儀表、進(jìn)度條、滑塊和框顯示，每個(gè)界面大致功能如下：(1)界面。點(diǎn)擊首頁(yè)導(dǎo)航按鈕，分

10、別進(jìn)入文本、動(dòng)畫(huà)圖標(biāo)、曲線(xiàn)、儀表、進(jìn)度條滑塊和框圖 3.1 首頁(yè)導(dǎo)航圖(2)文本界面主要實(shí)現(xiàn)彈出內(nèi)置鍵盤(pán)設(shè)定參數(shù)和動(dòng)態(tài)顯示數(shù)據(jù)，如圖 3.2 所示。圖 3.2 文本界面顯示(3)圖標(biāo)和動(dòng)畫(huà)界面主要實(shí)現(xiàn)圖標(biāo)的變換顯示、動(dòng)畫(huà)的和停止和按鈕的互斥等功能，如圖 3.3 所示。了解.歡迎登陸廣州大彩光電科技6 /37圖 3.3 動(dòng)畫(huà)圖標(biāo)界面顯示(4)3.4 所示。曲線(xiàn)界面主要實(shí)現(xiàn)曲線(xiàn)平移和動(dòng)態(tài)顯示，如圖圖 3.4 曲線(xiàn)顯示(5)儀表界面主要實(shí)現(xiàn) 2 個(gè)3.5 所示。自動(dòng)轉(zhuǎn)動(dòng)，如圖圖 3.5 儀表顯示(6)滑動(dòng)條和滑塊界面主要實(shí)現(xiàn)進(jìn)度條滾動(dòng)和滑塊移動(dòng)，如圖3.6 所示。了解.歡迎登陸廣州大彩光電科技7 /

11、37圖 3.6 進(jìn)度條和儀表顯示(7)框界面主要用于彈出各種提示、二次確定等場(chǎng)合，如圖 3.7 所示。圖 3.7 彈出框3.2操作流程任何大彩串口屏用戶(hù)只需要 3 個(gè)步驟，即可在 30 分鐘內(nèi)完成復(fù)雜的人機(jī)交互設(shè)計(jì)，真正的“所見(jiàn)即所得，零代碼編程”。操作步驟如圖示。2.上位機(jī)VisulTFT進(jìn)行2工程畫(huà)面配置和圖 3.8 串口屏操作步驟了解.歡迎登陸廣州大彩光電科技8 /373.3準(zhǔn)備美工素材安排專(zhuān)業(yè)美工準(zhǔn)備好工程所需，如圖 3.9 所示。若用戶(hù)需要外包美工設(shè)計(jì)，可與相關(guān)銷(xiāo)售進(jìn)行聯(lián)系。好的美工效果更能展現(xiàn)產(chǎn)品的檔次。圖 3.9 工程美工3.4如何生成 ICON 圖標(biāo)文件ICON 圖標(biāo)文件？簡(jiǎn)單

12、描述就是將一系列相同大小屬性的狀態(tài)，全部整一個(gè)文件。點(diǎn)擊 VisualTFT預(yù)先做好的 3 張的工具菜單，選擇圖標(biāo)生成，彈出圖 3.10 所示的畫(huà)面，然后將(停止、運(yùn)行和透明 PNG)添加進(jìn)去，按照排列的順序，第 1 幀為停止、第 2 幀為運(yùn)行，第 3 幀為透明，最后點(diǎn)擊生成圖標(biāo)，命名“運(yùn)行圖標(biāo).icon”。這樣一個(gè)新的 ICON 文件就生成了，里面包含了 3 幀下一章節(jié)會(huì)使用到。將此 ICON 文件保存在美工素材文件中，圖 3.10 圖標(biāo)生成工具了解.歡迎登陸廣州大彩光電科技9 /37入門(mén)操作打開(kāi)雙擊桌面 圖標(biāo)，打開(kāi)VisualTFT3.5.2 新建工程。點(diǎn)擊文件新建工程，輸入工程名字：7.

13、0test_demo，選擇對(duì)應(yīng)的系列和硬件型號(hào)，如圖 3.11 所示。提示：本可參考此僅以 7 寸基本型 DC80480B070 為演示，使用方法和指令完全一樣。，其它基本型尺寸或系圖 3.11 新建工程3.5.3 新建畫(huà)面點(diǎn)擊文件新建畫(huà)面，依次連續(xù)創(chuàng)建 7 個(gè)畫(huà)面，名稱(chēng)默認(rèn) Screen0、Screen1Screen6，如圖 3.12 所示。用戶(hù)也可以每個(gè)畫(huà)面進(jìn)行重命名。圖 3.12 新建畫(huà)面了解.歡迎登陸廣州大彩光電科技10 /373.5.4 配置工程參數(shù)。雙擊工程名字，右邊彈出對(duì)應(yīng)工程屬性窗口，選擇啟動(dòng)畫(huà)面：Screen0，波特率 115200，不上傳坐標(biāo)值通知，只上傳按鈕 ID 值，如

14、圖 3.13 所示。雙擊圖 3.13 工程參數(shù)配置圖啟動(dòng)畫(huà)面：設(shè)置開(kāi)機(jī)時(shí)顯示的畫(huà)面；屏幕旋轉(zhuǎn)：設(shè)置液晶屏顯示的方向，只有部分型號(hào)支持；滑動(dòng)切換畫(huà)面：手指上下左右滑動(dòng)時(shí)候可以切換畫(huà)面；蜂鳴器響聲：可設(shè)置只有按下有效觸摸區(qū)域時(shí)才；自動(dòng)調(diào)節(jié)背光：一段時(shí)間無(wú)觸摸動(dòng)作，液晶屏自動(dòng)調(diào)低背光，延長(zhǎng)；CRC 校驗(yàn)：若的硬件支持CRC，則選擇是，反之選擇無(wú)；觸摸坐標(biāo)通知：表示按下觸摸后，是否需要上傳(x,y)坐標(biāo)值；畫(huà)面切換通知：表示畫(huà)面切換時(shí)候，是否需要上傳畫(huà)面 ID；按鈕事件通知：表示按下觸摸后，只上傳按鈕 ID 信息。設(shè)置畫(huà)面背景雙擊 Screen0 內(nèi)任意空白處，彈出對(duì)應(yīng)屬性窗口，設(shè)置背景為“首頁(yè)導(dǎo)航.

15、bmp”，如圖 3.14 所示?！笆醉?yè)導(dǎo)航”在美工素材文件中。了解.歡迎登陸廣州大彩光電科技11 /37圖 3.14 設(shè)置畫(huà)面 0 的背景圖(2)(3)(4)(5)(6)(7)同上，點(diǎn)擊畫(huà)面 Screen1，設(shè)置背景同上，點(diǎn)擊畫(huà)面 Screen2，設(shè)置背景同上，點(diǎn)擊畫(huà)面 Screen3，設(shè)置背景同上，點(diǎn)擊畫(huà)面 Screen4，設(shè)置背景同上，點(diǎn)擊畫(huà)面 Screen5，設(shè)置背景為“文本背景圖.bmp”。為“圖標(biāo)和動(dòng)畫(huà)背景圖.bmp”。為“曲線(xiàn)背景圖.bmp”。為“儀表背景圖.bmp”。為“進(jìn)度條和滑塊背景圖.bmp”。設(shè)置框畫(huà)面。同上，點(diǎn)擊畫(huà)面 Screen6，將背景類(lèi)型設(shè)置為“透明”，如圖 3.

16、15所示。點(diǎn)擊導(dǎo)航“”圖標(biāo) ，拖動(dòng)合適大小，“提示框.bmp”，然后點(diǎn)擊3.16 所示，最后手工移動(dòng)右鍵，選擇原始大小顯示，如圖畫(huà)面背景圖設(shè)置完畢。使其居中畫(huà)面。這樣，全部圖 3.15 設(shè)置背景色為透明了解.歡迎登陸廣州大彩光電科技12 /37圖 3.16顯示畫(huà)面控件配置畫(huà)面 0 按鈕控件配置。先點(diǎn)擊按鈕控件圖標(biāo) ，覆蓋文本圖標(biāo)區(qū)域，然后將屬性窗口中的按下的設(shè)置為“首頁(yè)導(dǎo)航_按鈕選中效果.bmp”，并勾選裁剪選項(xiàng)，再將觸控用途設(shè)置為切換畫(huà)面，目標(biāo)畫(huà)面為 Screen1。該配置得到的效果是：一旦用戶(hù)點(diǎn)擊文本按鈕，屏幕由畫(huà)面 Screen0 自動(dòng)跳轉(zhuǎn)到畫(huà)面 Screen1 顯示，同時(shí)設(shè)備還會(huì)上傳當(dāng)

17、前被按下按鈕的 ID 號(hào)。提示：若需要退出控件編輯模式，點(diǎn)擊的指針圖標(biāo)即可。圖 3.17 利用按鈕控件配置文本顯示按鈕按上述操作，分別對(duì)圖標(biāo)動(dòng)畫(huà)、曲線(xiàn)、儀表、進(jìn)度條滑塊和其它按鈕進(jìn)行配置，其目標(biāo)畫(huà)面分別設(shè)置為是 Screen2、Screen3、Screen4、Screen5 和 Screen6，如圖 3.18 所示。若點(diǎn)擊的顯示圖標(biāo)，就可以看到控件 ID。了解.歡迎登陸廣州大彩光電科技13 /37圖 3.18 按鈕控件配置完畢(2) 畫(huà)面 Screen1 的文本控件配置。a) 點(diǎn)擊文本控件圖標(biāo)，在機(jī)組號(hào)文本框內(nèi)拖動(dòng)合適大小，默認(rèn)顯示“TextDisplay”字符，然后對(duì)屬性窗口進(jìn)行如圖 3.1

18、9 所示設(shè)置，背景類(lèi)型修改為“透明”，輸入方式修改為“彈出系統(tǒng)鍵盤(pán)輸入”，鍵盤(pán)類(lèi)型為“全鍵盤(pán)”。這樣，機(jī)組號(hào)文本框內(nèi)的字體、顏色、輸入方式均設(shè)置完畢。圖 3.19 文本控件配置同上操作，完成“高溫告警”處文本控件配置，但鍵盤(pán)類(lèi)型修改為“小鍵盤(pán)”。同上操作，依次完成 “閥門(mén)狀態(tài)”、“最高電壓/2”、“當(dāng)前電流”、“實(shí)時(shí)溫度”和“實(shí)時(shí)濕度”文本控件配置，但輸入方式修改為“用戶(hù)主機(jī)輸入”。在返回圖標(biāo)處放置 1 個(gè)按鈕控件，只需設(shè)置切換目標(biāo)畫(huà)面為 Screen0。全部設(shè)置完畢后，效果圖如圖 3.20 所示。提示：由于美工沒(méi)有做按下“返回“按鈕的選中效果圖，所以無(wú)需設(shè)置按下時(shí)的。了解.歡迎登陸廣州大彩光

19、電科技14 /37圖 3.20 文本控件設(shè)置完畢(3) 畫(huà)面 Screen2 圖標(biāo)和動(dòng)畫(huà)控件配置。a) 點(diǎn)擊圖標(biāo)控件圖標(biāo) ，在圖 3.21 所示的運(yùn)行狀態(tài)處添加預(yù)先生成好的ICON 圖標(biāo)（參考 1.2 的圖標(biāo)生成章節(jié)），屬性窗口使用默認(rèn)配置。提示：添加完圖標(biāo)控件后，選中圖標(biāo)右鍵選擇原始“原始大小顯示”。圖 3.21 圖標(biāo)控件配置b) 點(diǎn)擊動(dòng)畫(huà)控件 ，添加預(yù)先準(zhǔn)備好的 gif 動(dòng)畫(huà)，在屬性窗口中設(shè)置圖 3.22 所示。自動(dòng)，如圖 3.22 動(dòng)畫(huà)控件配置c) 復(fù)位、啟動(dòng)運(yùn)行和停止運(yùn)行按鈕配置。點(diǎn)擊按鈕控件，對(duì)這 3 個(gè)按鈕進(jìn)行配置，屬了解.歡迎登陸廣州大彩光電科技15 /37性設(shè)置如圖 3.23

20、所示。按下的為“圖標(biāo)和動(dòng)畫(huà)背景圖_按鈕選中.bmp”，選中裁剪功能；觸控用途選擇“開(kāi)關(guān)描述”，操作風(fēng)格選擇“開(kāi)關(guān)”。以上設(shè)置的效果是：用戶(hù)點(diǎn)擊啟動(dòng)運(yùn)行按鈕后，系統(tǒng)自動(dòng)顯示按鈕按下的效果。圖 3.23 按鈕配置d) 自定義指令配置。點(diǎn)擊按鈕控件，設(shè)置觸控用途為自定義指令數(shù)據(jù)，彈起時(shí)指令為：FF 01 AA FF, 如圖 3.24 所示。圖 3.24 自定義指令配置e) 點(diǎn)擊按鈕控件，設(shè)置“返回”切換到畫(huà)面 0。提示：很多場(chǎng)合，多個(gè)按鈕之間都存在互斥關(guān)系，不允許同一時(shí)刻有 2 個(gè)按鈕同時(shí)按下，用戶(hù)可以參考的“設(shè)置按鈕彈起和按下的狀態(tài)”指令完成按鈕互斥設(shè)置。(4) 畫(huà)面 Screen3 的曲線(xiàn)控件配

21、置。a) 點(diǎn)擊曲線(xiàn)控件圖標(biāo)示。，拖動(dòng)合適顯示大小，屬性窗口使用默認(rèn)設(shè)置，如圖 3.25 所.歡迎登陸了解廣州大彩光電科技16 /37圖 3.25 曲線(xiàn)控件配置圖b) 點(diǎn)擊按鈕控件，設(shè)置“返回”切換到畫(huà)面 0。提示：曲線(xiàn)控件指令參考基本/。(5) 畫(huà)面 Screen4 的儀表控件配置。a)點(diǎn)擊儀表控件圖標(biāo) ，拖動(dòng)合適大小，屬性窗口使用默認(rèn)設(shè)置，如圖 3.26 所示。圖 3.26 儀表控件配置圖 1b)同上操作，在儀表背景圖處再放置一個(gè)儀表控件，設(shè)置表盤(pán)類(lèi)型：透明，起始角為160，如圖 3.27 所示。圖 3.27 儀表控件配置圖 2了解.歡迎登陸廣州大彩光電科技17 /37c) 點(diǎn)擊按鈕控件，設(shè)

22、置“返回”切換到畫(huà)面 0。(6) 畫(huà)面 Screen5 的進(jìn)度條和滑塊控件配置。a)，拖動(dòng)合適大小，背景類(lèi)型選擇透明，如圖 3.28 所示。點(diǎn)擊進(jìn)度條控件圖標(biāo)圖 3.28 進(jìn)度條控件設(shè)置b)3.29 所示。點(diǎn)擊滑動(dòng)條控件圖標(biāo)，拖動(dòng)合適大小，背景類(lèi)型選擇透明，如圖圖 3.29 滑動(dòng)條控件設(shè)置c)點(diǎn)擊按鈕控件，設(shè)置“返回”切換到畫(huà)面 0。(7) 畫(huà)面 Screen6 按鈕控件配置。點(diǎn)擊按鈕控件，設(shè)置按下“是”后切換到畫(huà)面 0，如圖 3.30 所示。圖 3.30 彈出框設(shè)置了解.歡迎登陸廣州大彩光電科技18 /373.5.7 編譯工程點(diǎn)擊編譯圖標(biāo)，查看工程配置是否正確。若編譯失敗，需根據(jù)錯(cuò)誤提示重新

23、進(jìn)行配置。編譯成功后，輸出窗口顯示 0 error(s); 0 warning(s)，如圖 3.31 所示。圖 3.31 編譯通過(guò)3.5.8 運(yùn)行“虛擬串口屏”點(diǎn)擊圖標(biāo) ，運(yùn)行“虛擬串口屏”進(jìn)行功能仿真，檢查界面配置是否正確，虛擬串口屏界面如圖 3.32 所示。點(diǎn)擊“通信發(fā)的指令數(shù)據(jù)，如圖 3.33 所示?！本涂梢詴r(shí)時(shí)查看每次按下屏幕時(shí)，屏串口下提示：“虛擬串口屏”不僅具備簡(jiǎn)單模擬仿真功能，還可以直接與用戶(hù)單片機(jī)通信。用戶(hù)無(wú)需硬件，只需要將單片機(jī)的串口通過(guò) RS232 電平與“虛擬串口屏”相連，然后就可以發(fā)送指令去控制界面顯示了，鼠標(biāo)點(diǎn)擊按鈕就相當(dāng)于觸摸動(dòng)作執(zhí)行，降低評(píng)估成本，提高效率。除此之

24、外，還可以與 KEIL 開(kāi)發(fā)環(huán)境綁定，通過(guò) KEIL 來(lái)調(diào)試屏幕，大大提高工程師效率。圖 3.32 “虛擬串口屏”顯示界面了解.歡迎登陸廣州大彩光電科技19 /37圖 3.33 屏幕下發(fā)的通訊指令3.5.9 查看畫(huà)面 ID、控件 ID 和ID(1)畫(huà)面 ID？畫(huà)面 ID 就是工程中每個(gè)畫(huà)面 Screen 的唯一。點(diǎn)擊資源窗口，即可查看每個(gè)畫(huà)面Screen 的 ID。(2)控件 ID？控件 ID 就是每個(gè)畫(huà)面內(nèi)的每個(gè)控件?？丶?ID 并非唯一，不同畫(huà)面內(nèi)的 ID 值可能相同。點(diǎn)擊值。的顯示圖標(biāo) ，即可顯示每個(gè)畫(huà)面內(nèi)的控件 ID(3)工程中有多少?gòu)圛D？ID 就是工程中每個(gè)的。一個(gè)畫(huà)面內(nèi)可能有多張

25、，就有多少個(gè)唯一ID。點(diǎn)擊資源窗口，即可查看每個(gè)的 ID。3.5.10工程以下內(nèi)容主要介紹如何將上位機(jī)工程到屏幕中，編者建議后續(xù)實(shí)際程序調(diào)試階段，這一步可以暫時(shí)省略，直接在“虛擬串口屏”中測(cè)試。因?yàn)槊看?PC修改了，屏幕一次，勢(shì)必會(huì)浪費(fèi)一些時(shí)間。建議后面可以閱讀KEIL 開(kāi)發(fā)環(huán)境與虛都必須重新擬串口屏綁定調(diào)試文檔，對(duì)開(kāi)發(fā)者程序調(diào)試會(huì)帶來(lái)很大便捷。注意：解決。過(guò)程中有任意問(wèn)題，建議閱讀串口屏常見(jiàn)問(wèn)題解答，以便第一時(shí)間得到(1) 經(jīng)濟(jì)型系列。經(jīng)濟(jì)型系列不支持 USB，只支持串口和 SD 卡。工程。使用前，先將屏幕波特率設(shè)置 115200（電腦的串口最高只能調(diào)試時(shí)，建議使用串口支持 115200，加

26、快時(shí)間），然后按照?qǐng)D 3.34 所示連接方法，進(jìn)行屏與上位機(jī)聯(lián)機(jī)，最后點(diǎn)擊的圖標(biāo) 進(jìn)行。注意：經(jīng)濟(jì)型前必須先聯(lián)機(jī)設(shè)備，因?yàn)槲绰?lián)機(jī)前，電腦無(wú)法知道當(dāng)前屏幕波特率。由于串口SD 卡來(lái)批量。時(shí)間比較長(zhǎng)，大批量生產(chǎn)時(shí)候建議從SD 卡操作：預(yù)先先工程內(nèi)容拷貝到多個(gè) SD 卡中，然后將這些 SD 卡同時(shí)多個(gè)屏幕，此時(shí)屏幕會(huì)提示進(jìn)度，當(dāng) SD 卡內(nèi)容全部拷貝屏器中后，屏幕顯示更新成功，此時(shí)拔出 SD 卡，然后又其它屏幕繼續(xù)，滿(mǎn)足日產(chǎn)能需求。了解.歡迎登陸廣州大彩光電科技20 /37圖 3.34 經(jīng)濟(jì)型工程(2) 基本型系列。屏幕上電顯示正常后，參照?qǐng)D 3.35 所示連接方式USB 線(xiàn)。安裝盤(pán)首次使用時(shí)，系統(tǒng)

27、會(huì)提示安裝驅(qū)動(dòng)。建議選擇手動(dòng)安裝，驅(qū)動(dòng)文件目錄存在：.VisualTFTdriverx86 文件下。安裝成功后，資源管理器顯示設(shè)備名稱(chēng)如圖 3.36 所示。若驅(qū)動(dòng)識(shí)別正常，USB 依然無(wú)法，建議如下操作：更換USB 口/更換 USB 線(xiàn)/更換電腦測(cè)試/電腦機(jī)箱后背USB 口測(cè)試。驅(qū)動(dòng)安裝完成后，點(diǎn)擊的圖標(biāo) 進(jìn)行。右下角會(huì)顯示進(jìn)度條，輸出窗口會(huì)提示是否成功。成功后，重啟設(shè)備，開(kāi)始進(jìn)行操作體驗(yàn)。同理，大批量生產(chǎn)時(shí)候，基本型也可以像經(jīng)濟(jì)型那樣采用 SD 卡脫機(jī)減少操作難度。，提高產(chǎn)能，圖 3.35 基本型 USB了解.歡迎登陸廣州大彩光電科技21 /37圖 3.36 USB 驅(qū)動(dòng)安裝成功提示：若 U

28、SB 驅(qū)動(dòng)安裝失敗，屏幕檢測(cè)不到 USB 接口，設(shè)備會(huì)開(kāi)始轉(zhuǎn)為串口。(3) RS485 系列。RS485 系列功能與基本型一樣，只是供電和通訊接口不一樣。按照基本型操作步驟，給屏幕上電，然后連接 USB 線(xiàn)進(jìn)行驅(qū)動(dòng)安裝，最后進(jìn)行。(4) 86 系列安裝驅(qū)動(dòng)，最后進(jìn)行。86 系列與基本型。方式一樣，供電正常后，USB 電纜，然后3.5.11利用指令助手調(diào)試PC 與屏幕聯(lián)機(jī)成功后，打開(kāi)指令助手，開(kāi)始進(jìn)行調(diào)試。步驟 1：切換畫(huà)面。打開(kāi)調(diào)試界面，如圖 3.37 所示，輸入畫(huà)面 ID 為 1面”，此刻屏幕將由當(dāng)前畫(huà)面切換到畫(huà)面 1 顯示。，點(diǎn)擊“顯示畫(huà)圖 3.37 切換畫(huà)面調(diào)試界面步驟 2：顯示文本控件

29、。打開(kāi)文本控件調(diào)試界面，如圖3.示，輸入畫(huà)面 ID 為 1，控件 ID 為 1，文本內(nèi)容為“123”，然后點(diǎn)擊“發(fā)送”，此時(shí)屏幕將顯示對(duì)應(yīng)數(shù)值。了解.歡迎登陸廣州大彩光電科技22 /37圖 3.38 文本控件調(diào)試界面步驟 3：測(cè)試設(shè)置按鈕彈起和按下。打開(kāi)按鈕控件調(diào)試，如圖 3.39 所示，輸入畫(huà)面 ID為 2，控件 ID 為 3，然后點(diǎn)擊“按下”或“彈起”，此時(shí)屏幕按鈕狀態(tài)將發(fā)生改變。圖 3.39 設(shè)置按鈕彈起和按下調(diào)試界面步驟 4：按照以上步驟，依次對(duì)動(dòng)畫(huà)控件、進(jìn)度條、儀表和曲線(xiàn)等控件進(jìn)行調(diào)試。3.5.12操作完畢完成上述操作后，已經(jīng)熟悉大彩串口屏的操作和使用。由于介紹篇幅有限，可能無(wú)法羅列

30、所有用戶(hù)實(shí)際需求，若您有設(shè)計(jì)不明白之處，歡迎隨時(shí)與溝通。了解.歡迎登陸廣州大彩光電科技23 /37第4章 VisualTFT與“虛擬串口屏”聯(lián)機(jī)通信4.1概述在實(shí)際調(diào)試過(guò)程中，若手頭上沒(méi)有硬件或單片機(jī)程序顯示總是出錯(cuò)，此時(shí)需單獨(dú)測(cè)試或了解某個(gè)指令使用方法和顯示效果，就可以將上位機(jī) VisualTFT 與“虛擬串口屏”聯(lián)機(jī)起來(lái)，通過(guò)內(nèi)置的“指令助手”發(fā)送指令控制“虛擬串口屏”顯示。“指令助手”和“虛擬串口屏”分別如圖4.1 和圖 4.2 所示。圖 4.1 指令助手顯示圖 4.2 虛擬串口屏顯示界面.歡迎登陸了解廣州大彩光電科技24 /374.2操作流程安裝創(chuàng)建并綁定串口VisualTFT 與虛擬

31、屏聯(lián)機(jī)通訊4.2.1 準(zhǔn)備工具3. 虛擬串口VSPXD。4. VisualTFT。以上 2 個(gè)可以直接在官網(wǎng)進(jìn)行或聯(lián)系相應(yīng)銷(xiāo)售。4.2.2安裝1.2.(5)安裝VisualTFT。安裝虛擬串口VSPXD解壓 “虛擬串口 VSPXD?！保\(yùn)行可執(zhí)行文件“VSP.exe”,如圖4.3 所示。圖 4.3 VSPXD 安裝程序(6)選擇默認(rèn)安裝路徑，點(diǎn)擊下一步，直至安裝完成，如圖 4.4 所示。圖 4.4 安裝完成(7)安裝成功后，桌面出現(xiàn)虛擬串口圖標(biāo)，如圖 4.5 所示。然后查看“使用必讀”文件，保證其正常運(yùn)行。了解.歡迎登陸廣州大彩光電科技25 /37圖 4.5 桌面圖標(biāo)顯示4.2.3 創(chuàng)建 1

32、對(duì)虛擬串口并進(jìn)行綁定綁定 1 對(duì)虛擬串口后，這樣指令助手就直接可以與虛擬串口屏進(jìn)行通訊。3. 打開(kāi)桌面虛擬串口“VSP5”，如圖 4.6 所示。圖 4.6 打開(kāi) VSPD界面左上角 physical ports 目錄下表示當(dāng)前電腦物理硬件串口。注意：物理硬件串口無(wú)法與虛擬串口通道匹配相連。4. 建立并綁定 1 對(duì)虛擬串口。如圖 4.7 所示，在菜單中選擇COM3，Second 選擇COM4，然后點(diǎn)擊 Add pair，此時(shí)Virtual ports 目錄下會(huì)出現(xiàn)這 1 對(duì)被綁定的串口，如圖4.7 圖4.8 所示。圖 4.7 通道綁定了解.歡迎登陸廣州大彩光電科技26 /37圖 4.8 虛擬串口

33、對(duì)生成5. 刪除虛擬串口通道。若需要?jiǎng)h除虛擬串口，只需選中對(duì)應(yīng)虛擬串口，然后點(diǎn)擊 Delete pari，即可刪除，如圖所示。這一步暫時(shí)不需要操作。4.9圖 4.9 刪除虛擬串口6. 查看虛擬串口。打開(kāi) VisualTFT，點(diǎn)擊串口刷新，通道會(huì)新增 COM3 和 COM4 兩個(gè)選項(xiàng)，此時(shí)代表虛擬串口創(chuàng)建完成。了解.歡迎登陸廣州大彩光電科技27 /37圖 4.10 查看虛擬串口4.2.4 使用指令助手與虛擬串口屏進(jìn)行通訊7.新建或打開(kāi) 1 個(gè)現(xiàn)有的VisualTFT 工程。選擇COM3，如圖4.11 所示。圖 4.11 打開(kāi) VisualTFT8.運(yùn)行虛擬串口屏。打開(kāi)虛擬串口屏，選擇串口通道 C

34、OM4，打開(kāi)串口使能，如圖4.12所示。這樣VisualTFT 的COM3 和虛擬串口屏的COM4 就可以進(jìn)行匹配。了解.歡迎登陸廣州大彩光電科技28 /37圖 4.12 設(shè)置虛擬串口串口通道9. 聯(lián)機(jī)設(shè)備。點(diǎn)擊下的VisualTFT“聯(lián)機(jī)設(shè)備”，此時(shí) VisualTFT 與虛擬串口屏進(jìn)行握手驗(yàn)證，驗(yàn)證成功后指令窗口會(huì)提示已連接設(shè)備，如圖 4.14 所示。提示說(shuō)明：使用虛擬串口屏聯(lián)機(jī)時(shí)候，波特率選項(xiàng)暫時(shí)不用關(guān)心，系統(tǒng)匹配。圖 4.13 聯(lián)機(jī)設(shè)備圖 4.14 聯(lián)機(jī)成功10. 開(kāi)始調(diào)試。如圖 4.15 所示，用戶(hù)可以的“體驗(yàn)觸摸”、“蜂鳴一聲”和“背光調(diào)節(jié)”進(jìn)行簡(jiǎn)單測(cè)試。此時(shí)指令助手發(fā)送什么指令，

35、虛擬串口屏就執(zhí)行相應(yīng)指令顯示，方便用戶(hù)快速掌握指令的使用和操作方法。了解.歡迎登陸廣州大彩光電科技29 /37圖 4.15 簡(jiǎn)單調(diào)試11. 利用指令助手與虛擬串口屏進(jìn)行調(diào)試。VisualTFT 內(nèi)置 1 個(gè)指令助手，里面包含了屏幕所有的操作指令，方便用戶(hù)快速熟悉和驗(yàn)證指令的操作。點(diǎn)擊導(dǎo)航欄中的“指令助手”圖標(biāo)，彈出相應(yīng)窗口，用戶(hù)就可以選擇各種指令進(jìn)行發(fā)送和體驗(yàn)顯示效果，如圖 4.16 所示。圖 4.16 指令助手控制虛擬串口屏了解.歡迎登陸廣州大彩光電科技30 /37第5章 小尺寸nano 系列快速入門(mén)5.1功能需求例如用戶(hù)需要實(shí)現(xiàn)如圖 3.1 示的文本、圖標(biāo)動(dòng)畫(huà)、曲線(xiàn)、儀表和進(jìn)度條滑塊界面顯

36、示，每個(gè)界面大致功能如下：(1)5.1 所示。點(diǎn)擊首頁(yè)導(dǎo)航按鈕，分別進(jìn)入文本、動(dòng)畫(huà)圖標(biāo)和曲線(xiàn)界面，如圖圖 5.1 首頁(yè)導(dǎo)航(2)文本界面主要實(shí)現(xiàn)動(dòng)態(tài)文本顯示，如圖 5.2 所示。圖 5.2 文本顯示(3)5.3 所示。圖標(biāo)和動(dòng)畫(huà)界面主要實(shí)現(xiàn)圖標(biāo)顯示、動(dòng)畫(huà)和按鈕按下彈起，如圖圖 5.3 圖標(biāo)和動(dòng)畫(huà)顯示了解.歡迎登陸廣州大彩光電科技31 /37(4) 曲線(xiàn)界面主要實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)圖顯示，如圖 5.4 所示。圖 5.4 曲線(xiàn)顯示5.2操作流程步驟 1：準(zhǔn)備好美工素材。步驟 2：將所有通過(guò)串口到串口屏內(nèi)，查看每一張的 ID 號(hào)。步驟 3：?jiǎn)纹瑱C(jī)發(fā)送對(duì)應(yīng)準(zhǔn)備美工素材的 ID 號(hào)顯示。5.3如下圖 5.5 是預(yù)先準(zhǔn)備好的美工。圖 5.5 Nano 工程美工素材5.4小尺寸 nano 入門(mén)操作1.2.。雙擊桌面 圖標(biāo)，打開(kāi)VisualTFT打開(kāi)。新建工程。點(diǎn)擊文件新建工程，輸入工程名字：7.0nano_demo，選擇對(duì)應(yīng)的系列和硬件型號(hào)，如圖 3.11 所示。提示：本僅以 2.8 寸小尺寸nano 型 DC32240N028_01TW 為演示，其它 2.4/3.0尺寸均可參考此，使用方法和指令完