应用可视化样式 可视化样式是颜色、字体、图像和任何定义为样式属性的值的集合。在设计可视化元素时,您只能使用这些样式属性。然后你就有了一个统一的、依赖于风格的外观。 应用样式颜色和样式字体的元素根据每个选定样式中的选定样式设计运行。这样,一个样式属性,如 Element basic color , 在一种样式中可以是蓝色,在另一种样式中可以是灰色。相反,如果元素的颜色具有固定值,则即使在样式切换时该
可视化元素:日期选择器 象征: 类别: 日期/时间控件 该元素是一个显示当前日期的日历。用户可以单击某一天来选择一个日期,该日期将保存到一个变量中。此外,它还可以自定义日历显示的时间间隔。单击日历标题会更改年份。单击日历标题中的箭头会更改月份。 元素的语言相关文本 该元素包含在 System 文本列表。这涉及完整或缩写的月份名称和星期几。将日期选择器添加到可视化时,会在 POU 视图下方自动生成文
可视化元素:模拟时钟 象征: 类别: 日期/时间控件 该元素是一个显示当前时间的时钟。时钟还可以显示随机时间。 注意 示例项目“模拟时钟” 元素属性 所有元素属性都可用吗? 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子: GenElemInst_1 提示 为元素分配单独的名称,以便在元素列表中更快地找到它们。 元素类型 模拟时钟 位置 该位置定义可视化窗口中元素的位置和大小
安全通知 开发一个 HTML5 控件 无法传输大型阵列可能出现的任何数量的数据。在这种情况下,将数组与滚动范围功能绑定会很有帮助。这也允许更好的传输性能,因为仅传输实际需要的部分。 编辑器类型 : ArrayRange 财产种类 : 更新 变量类型 : 数组的基本类型 因此,使用数组的接口属性配置 HTML5 控件,如下所示: 使用 HTML5 控件 重要 出于安全原因,在使用 HTML5 控件时
在编辑器中编辑可视化样式 样式是带有文件扩展名的 XML 文件 *.visustyle.xml .它包含一组特定的样式属性,这些属性会自动检查一致性。 您可以创建新样式或自定义现有样式。为此目的提供了可视化样式编辑器。 如果您自定义样式,则会创建一个新样式作为样式层次结构。层次结构由至少两种基于彼此的样式组成。嵌套深度不受限制。一个层次结构简单地用它的顶级派生样式来标识。您可以通过不同的样式属性扩
管理存储库中的可视化样式 中列出的样式 CODESYS 在不同对话框和编辑器的列表框中,都检查了一致性并安装在可视化样式存储库中。对于派生样式,完全检查层次结构并安装层次结构的所有样式。存储库是开发系统中的版本控制系统。 您可以在可视化样式编辑器中从可视化样式存储库中以写保护的方式打开样式。这 保存 和 保存并安装 那里的命令不适用于只读文件。但是,您可以将其派生为新样式的基础或副本。 有关更多信
命令:增加水平间距 象征: 功能 :该命令对齐选定的可视化元素,使蓝色元素保持其位置,而其他元素水平放置,它们之间有更多空间。间距增加一个像素。 称呼 : 可视化→对齐 菜单;上下文菜单 要求 :选择了多个元素。 本节内容如下 :
命令:减小水平间距 象征: 功能 :该命令对齐选定的可视化元素,使蓝色元素保持其位置,而其他元素水平定位,它们之间的距离更小。间距减少一个像素。 称呼 : 可视化→对齐 菜单;上下文菜单 要求 :选择了多个元素。 本节内容如下 :
命令:使垂直间距相等 象征: 功能 :该命令对齐选定的可视化元素,以便顶部和底部元素保持其位置,并且其间的元素以相等的间距垂直定位。 称呼 : 可视化 菜单;上下文菜单 要求 :选择了三个或更多元素。第一个元素是蓝色的,其他元素是灰色的。 本节内容如下 :
命令:增加垂直间距 象征: 功能 :该命令对齐选定的可视化元素,使蓝色元素保持其位置,而其他元素垂直定位,它们之间有更多空间。间距增加一个像素。 称呼 : 可视化→对齐 菜单;上下文菜单 要求 :选择了多个元素。 本节内容如下 :