GoJS 不拉伸形状以适应 parent
GoJS not stretching shapes to fit parent
我试图在面板内制作标题形状,而面板又在节点内。
我的代码目前看起来是这样的:
var _ = go.GraphObject.make;
var template =
_(go.Node, "Spot",{
minSize: new go.Size(150, NaN)
}
_(go.Panel, go.Panel.Auto,
_(go.Shape, {
figure: "Rectangle",
fill: "#ff00ff",
stroke: "#000000",
strokeWidth: 1,
alignment: new go.Spot(0.5, 0) //aligning it center
}
)
)
);
如果我想尽可能地拉伸元素,我会添加
stretch: go.GraphObject.Fill
或(如果水平)
stretch: go.GraphObject.Horizontal
但 Shape 不会 水平拉伸。
到目前为止我也尝试过的:
- 向面板添加默认拉伸
- 向节点和面板添加 defaultStretch
- 更改面板布局(或定位,如果需要)
- 更改节点布局(或定位)
- 在三个组件的每一个的两个维度中设置 minSize 或 maxSize
我确实在 Gojs 网站上进行了研究,但只能找到上述内容。
谢谢你帮助我
PS:如果需要任何其他信息,我很乐意提供
在大多数情况下,一个 Panel 中应该包含多个元素。在您的代码中,您实际上有两个面板,每个面板中只有一个元素。而且您的代码不显示任何文本(没有 TextBlock),因此它不能充当标题。
你还没有说你想拉伸哪个元素。设置 GraphObject.stretch 是正确的做法。但有时您还需要在面板上设置它,以确保面板被拉伸以允许面板内的内容也被拉伸。
Panel.defaultStretch 只是一种在面板的每个元素上设置默认值 GraphObject.stretch 的方法。
我的猜测是,如果您想要一个被拉伸以适应另一个 object(可能是一个 TextBlock)的形状,您想要使用一个 "Auto" 面板。这是您在最小示例和许多其他示例中默认看到的内容。
如果您添加:
{ minSize: new go.Size(150, NaN) },
到 Minimal 示例中的节点模板,您将看到:
这就是您要找的吗?如果没有,请添加您想要的草图。
我试图在面板内制作标题形状,而面板又在节点内。 我的代码目前看起来是这样的:
var _ = go.GraphObject.make;
var template =
_(go.Node, "Spot",{
minSize: new go.Size(150, NaN)
}
_(go.Panel, go.Panel.Auto,
_(go.Shape, {
figure: "Rectangle",
fill: "#ff00ff",
stroke: "#000000",
strokeWidth: 1,
alignment: new go.Spot(0.5, 0) //aligning it center
}
)
)
);
如果我想尽可能地拉伸元素,我会添加
stretch: go.GraphObject.Fill
或(如果水平)
stretch: go.GraphObject.Horizontal
但 Shape 不会 水平拉伸。
到目前为止我也尝试过的:
- 向面板添加默认拉伸
- 向节点和面板添加 defaultStretch
- 更改面板布局(或定位,如果需要)
- 更改节点布局(或定位)
- 在三个组件的每一个的两个维度中设置 minSize 或 maxSize
我确实在 Gojs 网站上进行了研究,但只能找到上述内容。
谢谢你帮助我
PS:如果需要任何其他信息,我很乐意提供
在大多数情况下,一个 Panel 中应该包含多个元素。在您的代码中,您实际上有两个面板,每个面板中只有一个元素。而且您的代码不显示任何文本(没有 TextBlock),因此它不能充当标题。
你还没有说你想拉伸哪个元素。设置 GraphObject.stretch 是正确的做法。但有时您还需要在面板上设置它,以确保面板被拉伸以允许面板内的内容也被拉伸。
Panel.defaultStretch 只是一种在面板的每个元素上设置默认值 GraphObject.stretch 的方法。
我的猜测是,如果您想要一个被拉伸以适应另一个 object(可能是一个 TextBlock)的形状,您想要使用一个 "Auto" 面板。这是您在最小示例和许多其他示例中默认看到的内容。
如果您添加:
{ minSize: new go.Size(150, NaN) },
到 Minimal 示例中的节点模板,您将看到:
这就是您要找的吗?如果没有,请添加您想要的草图。