面板布局

面板布局介绍

1.左侧面板

此处包含所有数据、新数据、转换器，可以鼠标按下数据组件，拖拽到画布区；

• 所有数据，存储交互视图中使用过得数据，所有数据下的数据可以多个组件同时使用。

• 新数据，展示新数据列表，数据组件用于存储组件交互的数据。

• 转换器，展示转换器列表，转换器用于解决组件数据的交互。

• 当前数据：与当前组件有交互的数据组件。

• 当前转换：与当前组件有交互的转换器组件。

2.画布区

此处为主要的设计区域。将组件拖拽到画布区域，通过连接组件参数，实现逻辑交互；

3.属性事件

此处展示选中组件的属性事件。

4.工具栏

展示当前组件、删除、修改组件间连接的线条样式。

• 当前组件：鼠标点击下拉框选择组件，在画布区展示选中组件的交互逻辑。

• 删除：鼠标选中交互组件，点击“删除”按钮，选中交互组件删除成功。

• 链线样式：修改样式连接样式。

折线：如下图所示：

曲线：如下图所示：

直线：如下图所示：