第1页 / 共10页
第2页 / 共10页
第3页 / 共10页
第4页 / 共10页
第5页 / 共10页
第6页 / 共10页
第7页 / 共10页
第8页 / 共10页
如何在串口屏上实现艺术字显示(文件:Serial-LCD-Art-Word).pdf
Technical
Note
如何在串口屏上实现艺术字显示
工程技术笔记
类别
关键词
摘 要
艺术字 图标控件 串口屏
内容
如何在串口屏上实现艺术字显示 V1.0
修订历史
版本
V1.0
日期
2016/01/06
原因
创建文档
1 / 11
广州大彩光电科技有限公司
如何在串口屏上实现艺术字显示 V1.0
目 录
1. 适用范围 ................................................................................................................... 1
2. 开发环境版本 ........................................................................................................... 2
3. 功能概述 ................................................................................................................... 3
4. 技术实现 ................................................................................................................... 4
准备好艺术字体 ....................................................................................................... 4
生产艺术字图标 ICON ............................................................................................ 4
软件界面设置艺术字 ............................................................................................... 6
4.1
4.2
4.3
3 / 11
如何在串口屏上实现艺术字显示 V1.0
1. 适用范围
文档适合经济型、基本型、物联型、86 盒系列等串口屏产品。
1 / 11
如何在串口屏上实现艺术字显示 V1.0
2. 开发环境版本
1. VisualTFT 软件版本：V3.0.0.636 及以上；
版本查看：打开 VisualTFT，点击帮助->关于 VisualTFT 可以查看当前软件版本号；
2. 串口屏硬件版本：V2.22.649.XXX 及以上。
版本查看：(1) 查看屏幕背面版本号贴纸。
(2) VisualTFT 与屏幕联机成功后，右下角显示的版本号。
2 / 11
如何在串口屏上实现艺术字显示 V1.0
3. 功能概述
在一些特殊场合，串口屏和电脑自带的字体（宋体、雅黑、黑体等）无法满足用户需求，
为了使美工图片和字体更加协调一致，用户可以使用美工图片来制作一个个字符，例如数码
管字体、带背景图字体、发光字体等等。
该功能主要使用串口屏内部的组态控件：图标控件。用户预先做好所有艺术字图片后，
然后通过图标生成工具，将所有的艺术字合成一个 ICON 文件，然后文本控件调用这个 ICON
文件，实现艺术字显示效果。
例如：用户单片发送数字 123，串口屏内部解析后，就自动调用 123 对应的艺术字图片，
操作简单方便。
3 / 11
如何在串口屏上实现艺术字显示 V1.0
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 / 11
如何在串口屏上实现艺术字显示 V1.0
图 4.3 添加艺术字图片
3. 生成艺术字 ICON 图标。用户导入进去的艺术字图片宽和高均为原始大小显示，用
户也可以进行宽度和高度的微调，如图 4.4 所示。注意：低分辨的图片调至高分率会导致图
片模糊。图片排列的顺序（从左到右，从上到下）为帧的次序，用户可以任意拖动进行位置
调整，最后点击“生成图标”。新的艺术字图标文件如图 4.5 所示。
用户也可以点击打开图标文件，检查生产的图标文件是否正确。
特别说明：
艺术字的排列顺序必须严格按照如下规约：【0-9】、【: . * - + ? /】、【A‾Z】和【a‾z】,
否则会导致显示错误。
宽高默认原始
图片大小
图 4.4 生成艺术字 ICON 图标
5 / 11
相关推荐
V2版本原理图(Capacitive-Fingerprint-Reader-Schematic_V2).pdf
摄像头工作原理.doc
VL53L0X简要说明(En.FLVL53L00216).pdf
原理图(DVK720-Schematic).pdf
原理图(Pico-Clock-Green-Schdoc).pdf
原理图(RS485-CAN-HAT-B-schematic).pdf
File:SIM7500_SIM7600_SIM7800 Series_SSL_Application Note_V2.00.pdf
ADS1263(Ads1262).pdf
原理图(Open429Z-D-Schematic).pdf
用户手册(Capacitive_Fingerprint_Reader_User_Manual_CN).pdf
CY7C68013A（英文版）(CY7C68013A).pdf
TechnicalReference_Dem.pdf
