API Docs for: TWaver HTML5 5.7.5
Show:

twaver.canvas.Overview Class

Extends twaver.controls.ControlBase

鹰眼对象

创建和Network绑定的鹰眼视图，鹰眼是Network的缩略图，能通过鹰眼导航Network。鹰眼支持各种操作：

单击：将Network的视图中心导航到指定坐标点

双击：将Network的缩放级别还原为1

按着CTRL键框选：将Network缩放并平移到指定区域

Constructor

twaver.canvas.Overview

(
  • network
)
twaver.network.Overview

Parameters:

Returns:

twaver.network.Overview:

Example:

var overview = new twaver.network.Overview(network); overview.adjustBounds({x:0, y:0, width:200, height:200});

Methods

twaver.canvas.Overview.centerNetwork

(
  • point
  • [animate]
)

将Network的视图中心点滚动到指定的相对于Overview的坐标

Parameters:

  • point Object

    相对于Overview的包含x和y属性的Object对象

  • [animate] Boolean optional

    可选，如果为true，则有动画效果，否则没有，默认为false

twaver.canvas.Overview.getFillColor

() String

获取Overview的填充色，默认值为twaver.Defaults.OVERVIEW_FILL_COLOR

Returns:

String:

返回Overview的填充色

twaver.canvas.Overview.getLogicalPoint

(
  • e
)
Object

获取鼠标所在的逻辑坐标，包含x，y属性

Parameters:

  • e MouseEvent

    鼠标事件

Returns:

Object:

返回鼠标所在的逻辑坐标，包含x，y属性

twaver.canvas.Overview.getMaxPackingHeight

() Number

获取Overview最大伸缩高度，默认值为twaver.Defaults.OVERVIEW_MAX_PACKING_HEIGHT

Returns:

Number:

返回Overview最大伸缩高度

twaver.canvas.Overview.getMaxPackingWidth

() Number

获取Overview最大伸缩宽度，默认值为twaver.Defaults.OVERVIEW_MAX_PACKING_WIDTH

Returns:

Number:

返回Overview最大伸缩宽度

twaver.canvas.Overview.getNetwork

() twaver.network.Network

获取和Overview绑定的拓扑视图

Returns:

twaver.network.Network:

返回和Overview绑定的拓扑视图

twaver.canvas.Overview.getOutlineColor

() String

获取Overview边框线条颜色，默认值为twaver.Defaults.OVERVIEW_OUTLINE_COLOR

Returns:

String:

返回Overview边框线条颜色

twaver.canvas.Overview.getOutlineWidth

() Number

获取Overview边框线条宽度，默认值为twaver.Defaults.OVERVIEW_OUTLINE_WIDTH

Returns:

Number:

返回Overview边框线条宽度

twaver.canvas.Overview.getPadding

() Number

获取Overview边缘空白大小，默认值为twaver.Defaults.OVERVIEW_PADDING

Returns:

Number:

返回Overview边缘空白大小

twaver.canvas.Overview.getSelectColor

() String

获取Overview框选时轮廓的线条颜色，默认值为twaver.Defaults.OVERVIEW_SELECT_COLOR

Returns:

String:

返回Overview框选时轮廓的线条颜色

twaver.canvas.Overview.getSelectWidth

() Number

获取Overview框选时轮廓的线条宽度，默认值为twaver.Defaults.OVERVIEW_SELECT_WIDTH

Returns:

Number:

返回Overview框选时轮廓的线条宽度

twaver.canvas.Overview.isAnimate

() Boolean

获取操作Overview时，是否使用动画效果，默认值为twaver.Defaults.OVERVIEW_ANIMATE

Returns:

Boolean:

返回是否使用动画效果

twaver.canvas.Overview.setAnimate

(
  • v
)

设置操作Overview时，是否使用动画效果，默认值为twaver.Defaults.OVERVIEW_ANIMATE

Parameters:

  • v Boolean

    是否使用动画效果

twaver.canvas.Overview.setFillColor

(
  • v
)

设置Overview的填充色，默认值为twaver.Defaults.OVERVIEW_FILL_COLOR

Parameters:

  • v String

    Overview的填充色

twaver.canvas.Overview.setMaxPackingHeight

(
  • v
)

设置Overview最大伸缩高度，默认值为twaver.Defaults.OVERVIEW_MAX_PACKING_HEIGHT

Parameters:

  • v Number

    Overview最大伸缩高度

twaver.canvas.Overview.setMaxPackingWidth

(
  • v
)

设置Overview最大伸缩宽度，默认值为twaver.Defaults.OVERVIEW_MAX_PACKING_WIDTH

Parameters:

  • v Number

    Overview最大伸缩宽度

twaver.canvas.Overview.setNetwork

(
  • network
)

设置和Overview绑定的拓扑视图

Parameters:

twaver.canvas.Overview.setOutlineColor

(
  • v
)

设置Overview边框线条颜色，默认值为twaver.Defaults.OVERVIEW_OUTLINE_COLOR

Parameters:

  • v String

    Overview边框线条颜色

twaver.canvas.Overview.setOutlineWidth

(
  • v
)

设置Overview边框线条宽度，默认值为twaver.Defaults.OVERVIEW_OUTLINE_WIDTH

Parameters:

  • v Number

    Overview边框线条宽度

twaver.canvas.Overview.setPadding

(
  • v
)

设置Overview边缘空白大小，默认值为twaver.Defaults.OVERVIEW_PADDING

Parameters:

  • v Number

    Overview边缘空白大小

twaver.canvas.Overview.setSelectColor

(
  • v
)

设置Overview框选时轮廓的线条颜色，默认值为twaver.Defaults.OVERVIEW_SELECT_COLOR

Parameters:

  • v String

    Overview框选时轮廓的线条颜色

twaver.canvas.Overview.setSelectWidth

(
  • v
)

设置Overview框选时轮廓的线条宽度，默认值为twaver.Defaults.OVERVIEW_SELECT_WIDTH

Parameters:

  • v Number

    Overview框选时轮廓的线条宽度

twaver.controls.ControlBase.addPool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

添加HTML元素缓存池

Parameters:

twaver.controls.ControlBase.adjustBounds

(
  • rect
)

Inherited from twaver.controls.ControlBase:

设置组件新的位置以及大小，twaver布局管理器（twaver.controls.SplitPane等）在大小变化时会调用此方法

Parameters:

  • rect Object

    新的位置以及大小，值为包含x、y、width和height属性的Object对象

twaver.controls.ControlBase.getView

() HTMLDivElement

Inherited from twaver.controls.ControlBase:

获取组件的HTML元素

Returns:

HTMLDivElement:

返回组件的HTML元素

twaver.controls.ControlBase.invalidate

(
  • [delay]
)

Inherited from twaver.controls.ControlBase:

无效组件，在等待指定毫秒数后，刷新组件（调用validate方法）,当组件属性更改后，须调用此方法，让组件重画

Parameters:

  • [delay] Number optional

    延迟刷新等待的毫秒数，可选，默认为twaver.Defaults.CALL_LATER_DELAY

twaver.controls.ControlBase.isAutoAdjustBounds

() Boolean

Inherited from twaver.controls.ControlBase:

获取视图是否自动计算Bounds（边界）

Returns:

Boolean:

是否自动调整Bounds

twaver.controls.ControlBase.removePool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

删除HTML元素缓存池

Parameters:

twaver.controls.ControlBase.setAutoAdjustBounds

(
  • autoAdjustBounds
)

Inherited from twaver.controls.ControlBase:

设置视图是否自动计算Bounds

Parameters:

  • autoAdjustBounds Boolean

    是否自动计算Bounds

twaver.controls.ControlBase.validate

()

Inherited from twaver.controls.ControlBase:

重画组件，调用invalidate后，此方法会被调用

twaver.controls.ControlBase.validateImpl

()

Inherited from twaver.controls.ControlBase:

调用validate方法后，此方法会被调用，子类须重载此方法以重画组件

twaver.PropertyChangeDispatcher.addPropertyChangeListener

(
  • listener
  • [scope]
  • [ahead]
)

Inherited from twaver.PropertyChangeDispatcher:

添加属性变化监听器，用于监听属性变化

Parameters:

  • listener Function

    属性变化监听器

  • [scope] Object optional

    可选，属性变化监听器的作用域，默认为null，即全局

  • [ahead] Boolean optional

    可选，是否将此监听放在最前面，默认为false

Example:

var dispatcher = new twaver.PropertyChangeDispatcher(); dispatcher.addPropertyChangeListener(function (e) { console.log(e.property, e.newValue, e.oldValue); });

twaver.PropertyChangeDispatcher.firePropertyChange

(
  • property
  • oldValue
  • newValue
)
Boolean

Inherited from twaver.PropertyChangeDispatcher:

派发属性变化事件，属性变化时调用此方法

Parameters:

  • property String

    发生变化的属性

  • oldValue Object

    和此属性相关的旧值

  • newValue Object

    和此属性相关的新值

Returns:

Boolean:

如果新值和旧值相等则返回false，否则返回true

twaver.PropertyChangeDispatcher.getClassName

() String

Inherited from twaver.PropertyChangeDispatcher:

获取此类的字符串类名

Returns:

String:

返回此类的字符串类名

twaver.PropertyChangeDispatcher.onPropertyChanged

(
  • e
)

Inherited from twaver.PropertyChangeDispatcher:

属性变化时（firePropertyChange）触发的动作，不需要调用此方法，但可以重载此方法执行自定义逻辑

Parameters:

  • e Object

    属性变化事件，包含property、oldValue和newValue的Object对象

twaver.PropertyChangeDispatcher.removePropertyChangeListener

(
  • listener
  • [scope]
)

Inherited from twaver.PropertyChangeDispatcher:

删除指定作用域的属性变化监听器，作用域必须和添加监听器时的作用域一致，相同的作用域的相同监听器只能成功添加一次

Parameters:

  • listener Function

    属性变化监听器

  • [scope] Object optional

    属性变化监听器的作用域，可选，默认为null，代表全局