Group分组和Subview子图都有子节点的概念, 两者主要区别如下
分组有展开和关闭两个状态
分组位置发生变化时, 其子节点也会同步移动
子图是在节点的基础上添加了drill钻取功能, 可以在不同子图之间切换
子图又分为节点类型的子图和链路类型的子图
子图的位置变化, 不影响子节点的位置
Group分组和Subview子图都可以进行多层嵌套
group.set("expand_padding", 20);
gView.set("group_expand_padding", 20); //全局设置
有如下可选项:
group.set("expand_shape", "circle");
gView.set("group_expand_shape", "parallelogram"); //全局设置
填充相关样式设置, 请参考填充样式
请参考填充样式#fill
group.set("expand_fill", "LightSkyBlue");
gView.set("group_expand_fill", "#008080"); //全局设置
请参考填充样式#fill-gradient-direction
group.set("expand_fill_gradient_direction", "lt_to_rb");
gView.set("group_expand_fill_gradient_direction", "rb_to_lt"); //全局设置
渐变颜色由百分比位置(0-1)和颜色组成, 请参考填充样式#fill-gradient-colors
group.set("expand_fill_gradient_colors", { //形状/路径节点填充
0: "black", //起始颜色为black
0.5: "red", //中间50%位置的颜色为red
1: "white" //结束颜色为white
});
gView.set("group_expand_fill_gradient_colors", {0: "black", 1: "red"}); //全局设置
属性值可以是注册的图片, 也可以是img对象, 请参考填充样式#fill-pattern-image
group.set("expand_fill_pattern_image", "windmill");
gView.set("group_expand_fill_pattern_image", "windmill"); //全局设置
画笔相关样式设置, 请参考画笔样式
group.set("expand_stroke","LightSkyBlue");
gView.set("group_expand_stroke","LightSkyBlue"); //全局设置
请参考填充和画笔样式#stroke_gradient_direction
group.set("expand_stroke_gradient_direction","lt_to_rb");
gView.set("group_expand_stroke_gradient_direction","t_to_b"); // 全局设置
请参考填充和画笔样式#stroke_gradient_colors
group.set("expand_stroke_gradient_colors", {
0: "black", //起始颜色为black
0.5: "red", //中间50%位置的颜色为red
1: "white" //结束颜色为white
});
gView.set("group_expand_stroke_gradient_colors", {
0: "black", //起始颜色为black
0.5: "red", //中间50%位置的颜色为red
1: "white" //结束颜色为white
});
group.set("expand_stroke_line_width", 2);
gView.set("group_expand_stroke_line_width", 2); //全局设置
group.set("expand_stroke_line_dash", [6, 3]);
gView.set("group_expand_stroke_line_dash", [3, 2]); //全局设置
请参考填充和画笔样式#stroke_line_dash_offset
group.set("expand_stroke_line_dash_offset", 10);
gView.set("group_expand_stroke_line_dash_offset", 10); //全局设置
除了以下属性的默认值, 关闭状态的属性跟Node节点相同
默认分组都是关闭状态, 可以通过GView的以下方法展开/关闭分组
gView.expand(aGroup);
gView.expandAll();
gView.collapse(aGroup);
gView.collapseAll();
Subview子图的属性和操作方法跟Node节点完全一致, 请参考节点文档
可以通过gView.setCurrentSubview(subview)方法设置当前子图
gView.setCurrentSubview(aSubview); //进入指定子图
gView.setCurrentSubview(null); //返回最顶层子图
gView.getCurrentSubview();