GoJS嵌套形状定位

Question

我正在尝试使用 GoJS 库绘制嵌套形状。现在我有一个矩形，里面只有一条线。Whole Object 是一个具有两种形状的面板，一个矩形和一条负线。此时就可以了，MinusLine 渲染在矩形的中心。我想要实现的是根据我得到的某些条件从上到下定位/更改 MinusLine 的位置等，但是我不能以任何方式移动它。例如，将完全居中的黄色线移动到红色或棕色的位置代码看起来像：GO(go.Node, "Table",    {        layerName: "AfterForeground",        movable: false,        locationObjectName: "BODY",        locationSpot: go.Spot.parse("0.5 0 0 0 "),        selectionObjectName: "MAIN_SHAPE",        selectionObjectName: "MAIN_SHAPE",    },    new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),    GO(go.Panel,go.Panel.Position, "Auto", {        row: 1,        column: 1,        name: "BODY",        stretch: go.GraphObject.Fill    },        GO(go.Shape, "Rectangle", {            fill: wellColor,            name: "MAIN_SHAPE",            stroke: myColor,            strokeWidth: 0.4,        }, new go.Binding("fill", "wellColor"),        ) , new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify)        ,GO(go.Shape, "MinusLine", {}), // <-- Move this YELLOW line vertically somehere inside Rectangle     )

Answer 1

表格面板（对于节点的面板类型）真的是您想要的吗？

到目前为止，您有一个只有一个单元格的表格面板，默认情况下，单元格中的所有对象都将位于中心。alignment您可以通过将属性添加到元素来轻松移动它们。

这是您的表格的示例，两个子面板添加到节点，一个与顶部对齐，一个与中心对齐，y 偏移量为 30：https://codepen.io/simonsarris/pen/zYBrLaX?editors = 1011

请注意，由于您已经定义了模板，Shape 占据了表格的整个空间，形状的中心有一条减号线。这可能不是您想要的。我在 Shape 上设置了宽度和高度，在桌子上设置了（更大的）高度以使演示更清晰。