Class: StyleSystem
样式系统
js
// 设置’主题‘,系统目前自带了两个, 例如:
stage.styleStyle.setTheme('DefaultDark');
stage.styleStyle.setTheme('DefaultLight');
// 定义一个样式
stage.styleSystem.defClass('.active', {
color: 'red',
font: '10px sans-serif'
});
//
node.addClass('.active');
link.addClass('.active');
node.removeClass('.active');
Table of contents
Constructors
Properties
Methods
Constructors
constructor
new StyleSystem(stage
)
Parameters
Name | Type |
---|---|
stage | Stage |
Properties
currentTheme
currentTheme: Theme
当前主题
Since
2.4.0
selectedStyle
selectedStyle: any
系统默认的选中外观颜色(节点选中时的矩形框的颜色、连线被选中时的阴影颜色)
Deprecated
2.4.0 已经弃用
themes
themes: Object
= {}
所有主题
Since
2.4.0
Methods
addTheme
addTheme(theme
): void
Parameters
Name | Type |
---|---|
theme | Theme |
Returns
void
defClass
defClass(name
, styleOpt
): void
定义一个样式
例如: defClass('.mystyle', {color:'red', ...})
例如: defClass('Node', {color:'red', ...})
Parameters
Name | Type | Description |
---|---|---|
name | string | .开头的名称 或者 类名称 |
styleOpt | StyleOptions | Style |
Returns
void
defTheme
defTheme(themeBaseName
, newThemeName
): Theme
基于某个主题,定义新的主题
Parameters
Name | Type | Description |
---|---|---|
themeBaseName | string | |
newThemeName | string | 新主题的名称 |
Returns
getClass
getClass(name
): any
Parameters
Name | Type |
---|---|
name | string |
Returns
any
getComputedStyle
getComputedStyle(obj
): Style
获取指定对象计算后的样式
Parameters
Name | Type |
---|---|
obj | DisplayObject |
Returns
getTheme
getTheme(name
): Theme
Parameters
Name | Type |
---|---|
name | string |
Returns
removeClass
removeClass(name
): void
移除一个样式, 通过addClass添加到某个节点或者连线的需要手工移除
通常用来移除 非.开头的定义,例如:removeClass('Node')
Parameters
Name | Type |
---|---|
name | string |
Returns
void
setTheme
setTheme(themeName
): void
设置主题
Parameters
Name | Type | Description |
---|---|---|
themeName | string | 名称 |
Returns
void