移动对话框
如果您编写的用户界面包含对话框,则可以在运行时在后台区域中抓取和移动这些对话框。可视化用户可以使用鼠标(或其他定位设备)将对话框移动到任何位置。结果,最初打开时隐藏的区域现在变得可见。例如,当打开的对话框模糊了用户界面上的信息时,这可能很有用。系统会记住下一次开仓的新仓位。
移动时,可视化用户通常使用鼠标在标题栏中抓取一个对话框。因此,对于标准对话框,标题栏被配置为其指针区域。
在您自己的对话框中,为此配置了背景区域。但是,您也可以对任何其他或附加的指针范围进行编程。为此,请使用 隐形输入 元素并启用其 用作指针区域 财产。该元素不得具有输入配置。如果对话框的背景区域非常小,因此难以抓取,或者如果标题区域不是背景区域的一部分,这将很有用。
这 支持客户端动画和原生元素叠加 属性在可视化管理器中启用。
注意:只有在启用覆盖功能时才能移动对话框。但是,集成可视化不支持此功能。因此,无法使用此变体显示移动对话框字段。
除了主要的可视化,一个 对话 类型可视化是用户界面的一部分
可视化在运行时以 WebVisu 或 TargetVisu 变体之一显示。
注意:在集成可视化中无法移动对话框。
在您自己的对话框中对输入区域进行编程
示例项目 C:\Program Files\CODESYS 3.5.17.0\CODESYS\Projects\Visu\ExamplesVisuDemoOverlay
标准安装中提供的它包含一个广泛的用户界面。在那里你会发现 Dlg_Desktop_ControlsDetails
对话。以下步骤向您展示如何编程此对话框,以便您作为可视化用户可以在标题栏中然后移动它。
打开并提取示例项目并更新设备。
打开 项目环境 对话框,然后在 可视化配置文件 选项卡,将配置文件设置为 CODESYS 可视化 4.1.0.0.
在 4.1.0.0 及更高版本中可以使用可移动对话框。
在里面 设备 查看,点击 可视化管理器 目的。
在 设置 制表符 支持客户端动画和原生元素叠加 选项已启用,这将启用覆盖功能。
在可视化编辑器中,打开
Dlg_Desktop_ControlsDetails
对话。在里面 可视化工具箱 查看,找到 隐形输入 元素并将其拖到编辑器中。
将元素的边框拖到标题栏上。不要覆盖关闭菜单。
在元素列表中选择新元素,然后切换到 特性 看法。
提示:确保所有属性都显示在视图中。如有必要,启用 先进的 选项。
启用 用作指针区域 选定元素的属性。
对话框现在有自己的指针区域,可以在那里抓取来移动它。
编译应用程序并将应用程序作为 WebVisu 启动
(http://localhost:8080/webvisu.htm
)。应用程序运行。在下面的仪表板中
Control
,可以点击感叹号打开Control Details
对话。您现在可以在其指针区域中抓取对话框并移动它。