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