twaver.network.interaction.CreateOrthogonalLinkInteraction Class
创建正交直角连线交互处理器
当点击拓扑时,创建指定类型的节点,并设置此节点中心位置为点击位置,可以用Network#setCreateOrthogonalInteractions快速切换当前交互模式为创建节点模式
Constructor
twaver.network.interaction.CreateOrthogonalLinkInteraction
-
network -
[typeOrLinkFunction] -
[linkType] -
[isByControlPoint] -
[splitPercent] -
[isSplitByPercent]
Parameters:
-
networktwaver.network.Network拓扑
-
[typeOrLinkFunction]String optional连线类型或者连线生成器方法,可选,默认值为twaver.Link
-
[linkType]String optional连线样式,可选,默认值为orthogonal
-
[isByControlPoint]Boolean optional是否按百分比劈分正交直角连线,可选,默认值为true
-
[splitPercent]Number optional劈分点距起始节点的百分比位置,可选,默认值为0.5
-
[isSplitByPercent]Boolean optional是否按百分比劈分正交直角连线,可选,默认值为true
Item Index
Methods
- twaver.network.interaction.BaseInteraction.addListener
- twaver.network.interaction.BaseInteraction.getClassName
- twaver.network.interaction.BaseInteraction.removeListener
- twaver.network.interaction.BaseInteraction.setUp
- twaver.network.interaction.BaseInteraction.tearDown
- twaver.network.interaction.CreateLinkInteraction.clear
- twaver.network.interaction.CreateLinkInteraction.createLink
- twaver.network.interaction.CreateLinkInteraction.getFromNode
- twaver.network.interaction.CreateLinkInteraction.getNode
- twaver.network.interaction.CreateLinkInteraction.getToNode
- twaver.network.interaction.CreateLinkInteraction.handle_mousedown
- twaver.network.interaction.CreateLinkInteraction.handle_mousemove
- twaver.network.interaction.CreateLinkInteraction.updateLine
- twaver.network.interaction.CreateLinkInteraction.updateMark
Methods
twaver.network.interaction.BaseInteraction.addListener
()
批量添加事件监听器,参数个数不限,类型为String,值为所有合法的事件类型:比如mousedown,mouseup;此方法会查找函数名为"handle_"加"事件类型"(handle_mousedown,handle_mousedown)的函数,作为指定事件类型的回调函数。此方法一般在setUp方法里被调用
twaver.network.interaction.BaseInteraction.getClassName
()
String
获取此类的字符串类名
Returns:
返回类名
twaver.network.interaction.BaseInteraction.removeListener
()
批量删除事件监听器,参数个数不限,类型为String,值为所有合法的事件类型:比如mousedown,mouseup;此方法会删除指定事件类型的函数名为"hanle_"加"事件类型"(handle_mousedown,handle_mousedown)的监听器。此方法一般在tearDown方法里被调用
twaver.network.interaction.BaseInteraction.setUp
()
初始化交互处理器,一般调用addListener方法添加鼠标、键盘以及触摸事件监听器;Network#setInteractions会调用此方法
twaver.network.interaction.BaseInteraction.tearDown
()
销毁交互处理器,一般调用removeListener方法删除鼠标、键盘以及触摸事件监听器;使用Network#setInteractions切换交互处理器时会调用此方法撤销旧的交互处理器
twaver.network.interaction.CreateLinkInteraction.clear
()
创建连线结束后,清除临时状态
twaver.network.interaction.CreateLinkInteraction.createLink
()
twaver.Link
创建连线
Returns:
连线
twaver.network.interaction.CreateLinkInteraction.getFromNode
-
e
获取当前鼠标下的节点,并作为将要创建的连线的起始节点
Parameters:
-
eMouseEvent鼠标事件
Returns:
返回当前鼠标下的节点
twaver.network.interaction.CreateLinkInteraction.getNode
-
e
获取鼠标下的节点
Parameters:
-
eMouseEvent鼠标事件
Returns:
返回鼠标下的节点
twaver.network.interaction.CreateLinkInteraction.getToNode
-
e
获取当前鼠标下的节点,并作为将要创建的连线的结束节点
Parameters:
-
eMouseEvent鼠标事件
Returns:
返回当前鼠标下的节点
twaver.network.interaction.CreateLinkInteraction.handle_mousedown
-
e
处理鼠标按下事件
Parameters:
-
eMouseEvent鼠标事件
twaver.network.interaction.CreateLinkInteraction.handle_mousemove
-
e
处理鼠标移动事件
Parameters:
-
eMouseEvent鼠标事件
twaver.network.interaction.CreateLinkInteraction.updateLine
()
选择了起始节点后,移动鼠标将动态画一根起始节点中心点到当前鼠标点的连线(宽度为Network#getEditLineWidth,颜色为Network#getEditLineColor)
twaver.network.interaction.CreateLinkInteraction.updateMark
()
鼠标移动到任意节点上时,此节点周围会显示边框(宽度为Network#getEditLineWidth,颜色为Network#getEditLineColor)
