|
廣州大彩工程技術(shù)筆記-如何在串口屏上實現(xiàn)藝術(shù)字文本顯示V1.0 目 錄
1.適用范圍... 1 2. 開發(fā)環(huán)境版本... 2 3. 功能概述... 3 4. 技術(shù)實現(xiàn)... 4 4.1 準(zhǔn)備好藝術(shù)字體... 4 4.2 生產(chǎn)藝術(shù)字圖標(biāo)ICON.. 4 4.3 軟件界面設(shè)置藝術(shù)字... 6
1. 適用范圍文檔適合經(jīng)濟型、基本型、物聯(lián)型、86盒系列等串口屏產(chǎn)品。
2. 開發(fā)環(huán)境版本1. VisualTFT軟件版本：V3.0.0.636 及以上；版本查看：打開VisualTFT，點擊幫助->關(guān)于VisualTFT可以查看當(dāng)前軟件版本號
2. 串口屏硬件版本：V2.22.649.XXX及以上。 版本查看：(1) 查看屏幕背面版本號貼紙。 (2) VisualTFT與屏幕聯(lián)機成功后，右下角顯示的版本號。
3. 功能概述在一些特殊場合，串口屏和電腦自帶的字體（宋體、雅黑、黑體等）無法滿足用戶需求，為了使美工圖片和字體更加協(xié)調(diào)一致，用戶可以使用美工圖片來制作一個個字符，例如數(shù)碼管字體、帶背景圖字體、發(fā)光字體等等。 該功能主要使用串口屏內(nèi)部的組態(tài)控件：圖標(biāo)控件。用戶預(yù)先做好所有藝術(shù)字圖片后，然后通過圖標(biāo)生成工具，將所有的藝術(shù)字合成一個ICON文件，然后文本控件調(diào)用這個ICON文件，實現(xiàn)藝術(shù)字顯示效果。 例如：用戶單片發(fā)送數(shù)字123，串口屏內(nèi)部解析后，就自動調(diào)用123對應(yīng)的藝術(shù)字圖片，操作簡單方便。
4. 技術(shù)實現(xiàn)4.1 準(zhǔn)備好藝術(shù)字體美工人員預(yù)先設(shè)計好對應(yīng)的0-9、a-z、A-Z和標(biāo)點符號等圖片，圖片像素大小按照屏幕實際顯示所需設(shè)計，如下圖4.1所示，所有圖片像素為11*20。 圖4.1 藝術(shù)字圖片 若界面UI中，同一類的藝術(shù)字需要用到不同大小顯示，則美工設(shè)計時按照最大字號 進行圖片大小設(shè)計。軟件自帶的圖標(biāo)生成器支持圖片的大小縮放。 4.2 生產(chǎn)藝術(shù)字圖標(biāo)ICON 1. 打開圖標(biāo)生成器。打開VisualTFT軟件，點擊工具，選擇“圖標(biāo)生成”，如圖4.2所示。
圖4.2 打開圖標(biāo)生成器 2. 添加藝術(shù)字圖片。點擊“增加幀”，將預(yù)先準(zhǔn)備好的藝術(shù)字圖片全部導(dǎo)入進去，如圖4.3所示。
圖4.3 添加藝術(shù)字圖片 3. 生成藝術(shù)字ICON圖標(biāo)。用戶導(dǎo)入進去的藝術(shù)字圖片寬和高均為原始大小顯示，用戶也可以進行寬度和高度的微調(diào)，如圖4.4所示。注意：低分辨的圖片調(diào)至高分率會導(dǎo)致圖片模糊。圖片排列的順序（從左到右，從上到下）為幀的次序，用戶可以任意拖動進行位置調(diào)整，最后點擊“生成圖標(biāo)”。新的藝術(shù)字圖標(biāo)文件如圖4.5所示。 特別說明： 藝術(shù)字的排列順序必須嚴(yán)格按照如下規(guī)約：【0-9】、【: . * - + ? /】、【A~Z】和【a~z】,否則會導(dǎo)致顯示錯誤。
圖4.4 生成藝術(shù)字ICON圖標(biāo)
圖4.5 藝術(shù)字圖標(biāo)ICON文件 4.3 軟件界面設(shè)置藝術(shù)字放置1個文本控件。任意新建一個工程，建立1個畫面，導(dǎo)入背景圖，然后放置一個文本控件，如圖4.6所示。
圖4.6 放置1個文本控件 設(shè)置藝術(shù)字屬性。文本控件高度設(shè)置為20，保持與原始圖片高度一致(若文本控件高度超過圖片本身大小，將會顯示拉伸模糊)，文本初始化值15.5，選擇藝術(shù)字，導(dǎo)入預(yù)先做好的藝術(shù)字ICON文件，居中對齊，如圖4.7所示。
圖4.7 設(shè)置藝術(shù)字 編譯并運行虛擬串口屏。編譯無誤后，運行虛擬串口屏查看結(jié)果，如圖4.8所示。
圖4.8 運行虛擬串口屏查看結(jié)果 指令助手調(diào)試顯示。打開指令助手，使用虛擬串口聯(lián)機好虛擬串口屏（具體操作可以參考文檔《指令助手與虛擬串口屏聯(lián)機調(diào)試》），輸入畫面ID、文本ID和文本123，屏幕上自動調(diào)用123顯示，如圖4.9所示。
圖4.9 指令助手調(diào)試顯示 5. 所有操作完畢。
| 
