Class: StyleSystem

样式系统

// 设置’主题‘，系统目前自带了两个, 例如：
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

• constructor

Properties

• currentTheme
• selectedStyle
• themes

Methods

• addTheme
• defClass
• defTheme
• getClass
• getComputedStyle
• getTheme
• removeClass
• setTheme

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

Theme

---

getClass

getClass(name): any

Parameters

Name	Type
name	string

Returns

any

---

getComputedStyle

getComputedStyle(obj): Style

获取指定对象计算后的样式

Parameters

Name	Type
obj	DisplayObject

Returns

Style

---

getTheme

getTheme(name): Theme

Parameters

Name	Type
name	string

Returns

Theme

---

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