在ignition Vision模块中如何通过Dropdown list里面的Select Value来实现,画面跳转,不允许使用 Perspective
时间: 2024-03-28 15:41:00 浏览: 120
roscon2019演讲:how_to_achieve_realistic_visuals_in_ignition_gazebo
在Ignition Vision模块中,可以通过使用Navigation组件来实现通过Dropdown list里面的Select Value来实现画面跳转,而不使用Perspective。以下是实现步骤:
1. 在你的Ignition项目中,选择你想要添加Navigation组件的视图。
2. 在Designer中,右键单击视图,选择“Add > Navigation > Navigation View”来添加Navigation组件。
3. 确定Navigation View的位置和大小,以及要在其中添加的导航选项。你可以通过在Navigation View的“Properties”面板中选择“Navigation Items”选项来添加导航选项。
4. 对于每个导航选项,可以设置一个“Destination View”,即该选项所对应的视图。在“Properties”面板中选择“Destination View”选项,然后选择要在该选项下显示的视图。
5. 在视图中添加一个Dropdown list组件。
6. 在Dropdown list的“Properties”面板中,选择“Data”选项。在“Data”选项中,选择“Custom”选项,并在“Custom Property Binding”框中输入以下表达式:
`[{id:1, name:"Option 1"}, {id:2, name:"Option 2"}, {id:3, name:"Option 3"}]`
这将创建一个包含三个选项的Dropdown list,每个选项都有一个唯一的id和一个名称。
7. 在Dropdown list的“Properties”面板中,选择“Action”选项。在“Action”选项中,选择“Custom”选项,并在“Custom Property Binding”框中输入以下表达式:
`if event.propertyName == "selectedValue": app.nav.swapTo(event.newValue.destinationView)`
这将在用户选择Dropdown list中的选项时触发一个事件,并将用户转到与所选选项关联的视图。
8. 完成后,保存并运行你的视图。现在,当用户选择Dropdown list中的选项时,将跳转到与所选选项关联的视图。
阅读全文