# 概述

「节点编程」指通过可视化配置的方式,定义图层组件之间的交互行为的模块。

本文档为您介绍节点编程的使用方法,帮助您自由管理大屏中多个组件之间的交互关系。

TIP

查看节点编程视频教程:视频教程 / 节点编程

# 面板功能介绍

界面

主界面视图

左侧为「组件节点」、「逻辑节点」;
中间为主画布区域;
右侧为节点或连线的「属性面板」。

# 操作步骤

  1. 可从大屏设计器右上方菜单栏上的【节点编程】按钮进入节点编程页面;
  2. 从左侧节点列表把要编辑的组件拖入画布中;
  3. 根据交互逻辑进行节点连线;
  4. 在右侧的配置面板中,完成逻辑节点配置,包括上下游事件/动作以及处理方法等;
  5. 配置完成后,点击保存,在预览界面查看交互效果。

# 节点介绍

# 左侧组件节点

在左侧组件节点面板中,可以查看在大屏设计器中添加的所有组件节点。
单击节点拖动到画布中,可添加节点。
在画布中选中某个节点,右键单击该节点,选择删除,可移除该节点。

组件节点操作

组件节点操作

由于组件拥有巨量的事件和动作,为优化显示,默认仅显示 实际用到的 事件和动作。
点击添加到画布中的节点右上角图标,可导入要使用的事件和动作。

# 左侧逻辑节点

在左侧面板中可切换显示【逻辑节点】,详见 逻辑节点

逻辑节点

目前系统中提供的逻辑节点

# 右侧属性面板

右侧属性面板主要用于显示:

  1. 组件节点说明;

  2. 逻辑节点说明及配置;

  3. 连线动作配置(仅在使用【隐藏/显示】动作时提供)。

    组件节点说明

    组件节点说明

    逻辑节点说明

    逻辑节点配置

    连线说明

    连线动作配置

Last Updated: 5/6/2023, 2:16:04 PM