Skip to main content

移动对话框

如果您编写的用户界面包含对话框,则可以在运行时在后台区域中抓取和移动这些对话框。可视化用户可以使用鼠标(或其他定位设备)将对话框移动到任何位置。结果,最初打开时隐藏的区域现在变得可见。例如,当打开的对话框模糊了用户界面上的信息时,这可能很有用。系统会记住下一次开仓的新仓位。

移动时,可视化用户通常使用鼠标在标题栏中抓取一个对话框。因此,对于标准对话框,标题栏被配置为其指针区域。

在您自己的对话框中,为此配置了背景区域。但是,您也可以对任何其他或附加的指针范围进行编程。为此,请使用 隐形输入 元素并启用其 用作指针区域 财产。该元素不得具有输入配置。如果对话框的背景区域非常小,因此难以抓取,或者如果标题区域不是背景区域的一部分,这将很有用。

. 要求
  • 支持客户端动画和原生元素叠加 属性在可视化管理器中启用。

    注意:只有在启用覆盖功能时才能移动对话框。但是,集成可视化不支持此功能。因此,无法使用此变体显示移动对话框字段。

  • 除了主要的可视化,一个 对话 类型可视化是用户界面的一部分

  • 可视化在运行时以 WebVisu 或 TargetVisu 变体之一显示。

    注意:在集成可视化中无法移动对话框。

在您自己的对话框中对输入区域进行编程

示例项目 C:\Program Files\CODESYS 3.5.17.0\CODESYS\Projects\Visu\ExamplesVisuDemoOverlay 标准安装中提供的它包含一个广泛的用户界面。在那里你会发现 Dlg_Desktop_ControlsDetails 对话。以下步骤向您展示如何编程此对话框,以便您作为可视化用户可以在标题栏中然后移动它。

  1. 打开并提取示例项目并更新设备。

  2. 打开 项目环境 对话框,然后在 可视化配置文件 选项卡,将配置文件设置为 CODESYS 可视化 4.1.0.0.

    在 4.1.0.0 及更高版本中可以使用可移动对话框。

  3. 在里面 设备 查看,点击 可视化管理器 目的。

    设置 制表符 支持客户端动画和原生元素叠加 选项已启用,这将启用覆盖功能。

  4. 在可视化编辑器中,打开 Dlg_Desktop_ControlsDetails 对话。

  5. 在里面 可视化工具箱 查看,找到 隐形输入 元素并将其拖到编辑器中。

  6. 将元素的边框拖到标题栏上。不要覆盖关闭菜单。

  7. 在元素列表中选择新元素,然后切换到 特性 看法。

    提示:确保所有属性都显示在视图中。如有必要,启用 先进的 选项。

  8. 启用 用作指针区域 选定元素的属性。

    对话框现在有自己的指针区域,可以在那里抓取来移动它。

    _visu_img_example_demo_overlay_invisable_input.png
  9. 编译应用程序并将应用程序作为 WebVisu 启动(http://localhost:8080/webvisu.htm)。

    应用程序运行。在下面的仪表板中 Control,可以点击感叹号打开 Control Details 对话。您现在可以在其指针区域中抓取对话框并移动它。