广州大彩串口工程技术笔记-如何在串口屏上实现艺术字文本显示V1.0.pdfVIP

目 录 1. 适用范围 2. 开发环境版本 3. 功能概述 4. 技术实现 4.1 准备好艺术字体 4.2 生产艺术字图标 ICON 4.3 软件界面设置艺术字 1. 适用范围 此文档适合经济型、基本型、物联型、 86 盒系列等串口屏产品。 2. 开发环境版本 1. Visual TFT 软件版本： V3.0.0.636 及以上； 版本查看：打开 Visual TFT ，点击帮助 - 关于 Visual TFT 可 以查看当前软件版本号； 串口屏硬件版本： V2.22.649.XXX 及以上。 版本查看： (1) 查看屏幕背面版本号贴纸。 (2) Visual TFT 与屏幕联机成功后，右下角显示的版本号。 3. 功能概述 在一些特殊场合，串口屏和电脑自带的字体（宋体、雅黑、黑体等）无法满足用户需求，为了使美工图片和 字体更加协调一致， 用户可以使用美工图片来制作一个个字符， 例如数码管字体、 带背景图字体、 发光字体等等。 该功能主要使用串口屏内部的组态控件：图标控件。用户预先做好所有艺术字图片后，然后通过图标生成 工具， 将所有的艺术字合成一个 ICON 文件， 然后文本控件调用这个 ICON 文件，实现艺术字显示效果。 例如： 用户单片发送数字 123 ，串口屏内部解析后，就自动调用 123 对应的艺术字图片，操作简单方便。 4. 技术实现 4.1 准备好艺术字体 美工人员预先设计好对应的 0-9 、a-z 、A-Z 和标点符号等图片，图片像素大小按照屏幕实际显示所需设计， 如下图 4.1 所示，所有图片像素为 11*20 。 若界面 UI 中，同一类的艺术字需要用到不同大小显示， 则美工设计时按照最大字号 进行图片大小设计。 软件自带的图标生成器支持图片的大小缩放。 4.2 生产艺术字图标 ICON 1. 打开图标生成器。打开 Visual TFT 软件，点击工具，选择“图标生成”，如图 4.2 所示。 2. 添加艺术字图片。 点 击 “ 增 加 帧 ” ， 将 预 先 准 备 好 的 艺 术 字 图 片 全 部 导 入 进 去 ， 如 图 4.3 所 示 。 3. 生成艺术字 ICON 图标。 用户导入进去的艺术字图片宽和高均为原始大小显示，用户也可以进行宽度和高度的微调，如图 4.4 所示。 注意：低分辨的图片调至高分率会导致图片模糊。图片排列的顺序（从左到右，从上到下）次序，用户 可以任意拖动进行位置调整，最后点击“生成图标”。新的艺术字图标文件如图 4.5 所示。 用户也可以点 击打开图标文件，检查生产的图标文件是否正确。 特别说明： 艺术字的排列顺序必须严格按照如下规约： 【0-9 】、 【: . * - + ? / 】、 【A~Z 】和【 a~z 】, 否则会导致显示错误。 4.3 软件界面设置艺术字 1 放置 1 个文本控件 。 任意新建一个工程，建立 1 个画面，导入背景图，然后放置一个文本控件，如图 4.5 所示 2. 设置艺术字属性。 文本控件高度设置为 20 ，保持与原始图片高度一致 (若文本控件高度超过图片本身大小，将会显示 拉伸模糊 )，文本初始化值 15.5 ，选择艺术字，导入预先做好的艺术字 ICON 文件，居中对齐。 3. 编译并运行虚拟串口屏。