图标应用技巧.pdfVIP

专业素养、诚实守信、追求卓越 应用文档 —————————————————————————————————————————————— 图标应用技巧 图标变量作为DGUS 变量配置中重要的组成部分，有着极为广泛的应用。正 确有效地使用图标变量可以实现多种实用的变量显示功能。现举例说明图标变量 常见的几种特殊应用及使用技巧。 1）作为可变按键 若一个界面需要设置很多开关按钮，并且需要显示开关按钮的状态是否被按下。 例如现需要实现的效果是四个绘图开关按键没有被按下的时候分别显示如图 1.1，点击一次进行相应绘图操作同时分别显示如图1.2，再次点击则取消绘图并 显示如图1.1，以此类推。 图1.1 图1.2 类似此例的开关按键功能，若用图片切换则考虑到所有可能需要 2 的4 次方共 16 张图片，并且图片之间切换逻辑复杂，因此可以考虑使用变量图标显示来实 现该功能。 ①首先将其中一个按键两种状态的显示效果做成图标（如图 1.3）。 图1.3 ②在图片中按钮所需显示区域添加增量调节（如图 1.4），实现点击按键相应变量 值进行0-1 切换。 ③在相应区域添加变量图标，将做好的两种按键显示效果图标与变量值0-1 相对 应（如图1.5）。将每个开关按键按照这种方法进行配置，则可实现效果。 专业素养、诚实守信、追求卓越 应用文档 —————————————————————————————————————————————— 图1.4 图1.5 2 ）实现长度大于255 的进度条显示 图标库支持的最大分辨率255*255 ，尺寸超过255 的图片统一转化为255*255 大 小的图标。因此当在屏上需要实现一个尺寸超过255 的进度条，则不能由一个变 量图标显示完成，但可以通过两个或多个变量图标组合完成。 实例：实现一个长度为400 的纵向进度条，与变量值0-10 相对应。 实现：利用两个变量图标显示组合实现。 ①生成进度条图标库（如图2.1 ） 图2.1 ②配置进度条下半部分变量图标显示（如图2.2 ）。实现当变量值为0 时无图标显 示；当变量值为1-5 时依次显示图标1-5；当变量值为6-10 时显示满格图标。 ③配置进度条上半部分变量图标显示（如图2.3 ）。实现当变量值为0-5 时无图标 显示；当变量值为6-10 时依次显示图标1-5 。 如此便可实现长度超过图标尺寸限制的进度条显示。 专业素养、诚实守信、追求卓越 应用文档 —————————————————————————————————————————————— 图2.2 图2.3 3 ）作为文字状态提示 在实际应用中，经常需要利用文字来显示当前运行状态。若直接使用文本显示， 则需添加文本显示变量，然后可以通过22.bin 文件初始化相应的各种文本显示内 容，再利用串口指令使显示不同文本内容。当然也可以直接发送文本显示内容， 但这些方式都比较复杂。因此可以考虑利用变量图标实现。 ①将所有可能用到的文本状态信息，制作成图片，按照一定的次序生成图标库（如 图3.1 ）。即某参数的不同状态提示信息的存储位置应当连续，方便调用。 图3.1 ②在所需文字提示的位置添加变量图标显示（如图3.2 ），进行相应配置，则可以 实现对不同参数的文字状态提示。 专业素养、诚实守信、追求卓越 应用文档 ——————————————————————————————————————————————