# 概述
「节点编程」指通过可视化配置的方式,定义图层组件之间的交互行为的模块。
本文档为您介绍节点编程的使用方法,帮助您自由管理大屏中多个组件之间的交互关系。
TIP
查看节点编程视频教程:视频教程 / 节点编程
# 面板功能介绍
主界面视图
左侧为「组件节点」、「逻辑节点」;
中间为主画布区域;
右侧为节点或连线的「属性面板」。
# 操作步骤
- 可从大屏设计器右上方菜单栏上的【节点编程】按钮进入节点编程页面;
- 从左侧节点列表把要编辑的组件拖入画布中;
- 根据交互逻辑进行节点连线;
- 在右侧的配置面板中,完成逻辑节点配置,包括上下游事件/动作以及处理方法等;
- 配置完成后,点击保存,在预览界面查看交互效果。
# 节点介绍
# 左侧组件节点
在左侧组件节点面板中,可以查看在大屏设计器中添加的所有组件节点。
单击节点拖动到画布中,可添加节点。
在画布中选中某个节点,右键单击该节点,选择删除,可移除该节点。
组件节点操作
由于组件拥有巨量的事件和动作,为优化显示,默认仅显示 实际用到的 事件和动作。
点击添加到画布中的节点右上角图标,可导入要使用的事件和动作。
# 左侧逻辑节点
在左侧面板中可切换显示【逻辑节点】,详见 逻辑节点。
目前系统中提供的逻辑节点
# 右侧属性面板
右侧属性面板主要用于显示:
组件节点说明;
逻辑节点说明及配置;
连线动作配置(仅在使用【隐藏/显示】动作时提供)。
组件节点说明逻辑节点配置连线动作配置