CODESYS可视化标准计算器制作详细案例（三）

#制作一个在可视化界面可用于标准计算器功能详细案例#
前言：
在可视化界面或触摸屏上，很少有带计算器功能的脚本程序，当我们在工控现场需要使用计算器时，往往依靠电脑或手机上的计算器，如果把计算器的功能移值到界面上，或者为PLC提供一个计算公式，那么，非常方便的即时使用，也可以将结果作为数据，再进一步处理应用。本篇在写文章的同时，也在不断研究和加入新的功能，但整体的思路是不变的，因此个别代码和界面后续会出现变更。

CODESYS可视化标准计算器制作详细案例（三）

————————————————————————————————————————————

三、可视化界面

结合上篇的程序代码和变量，我们制作一个计算器的界面，用于控制和显示计算功能。

1.按键

如下图，添加一个按钮“0”，输入配置中，当按下按钮时，执行ST代码，将值置位，松开按钮时，执行ST代码，将值复位即可。

同理，添加其它按钮，并赋予相关变量即可。

当然，如果要改变其它样式的话，有多种方式，比如更换按钮的背景图像，或者直接切换样式。如下图，切换其它样式效果。

2.数值框

如下图，添加一个“Textfield”的文本框，用于显示输入的字符；注意文本格式，自动换行，以便显示齐全。

同样的再添加一个文本框，用于显示结果即可。

3.对话框

为了方便调用计算器，可以将可视化作为对话框，如下将刚刚制作的计算器图形的可视化，设置成对话框形式。

在需要用到时弹出，不需要时隐藏，如下图所示，另外创建一个可视化视图，用于打开这个对话框。
#写在最后#
通过可视化界面的制作，非常方便的调用计算器功能，并且提供了一个连续的算式，删除和清除等功能。后续我将完善其它功能，比如检测等，最终封装成库文件。