1

在滚动条内部，我想要一个垂直的按钮列表（例如，x、y、z），每个按钮后有 5 个字段。按下按钮时，我希望其中一个字段从关闭切换到打开。

{X}[0][0][0][0][0]

{Y}[1][0][0][0][0]

{Z}[1][1][1][1][0]

如何设置按钮（X、Y、Z）的大小，以便我可以在同一行上有多个元素？

当前按钮代码，取自 enyo 教程：

{kind: "Button", caption: "X", onclick: "buttonClick", className: "enyo-button-dark"}

4

2 回答 2

2

马丁的回答是正确的。在 HFlexBox 中安排所有内容并使用 Flex。也就是说，如果您希望按钮的宽度随着容器的宽度而增长。或者，您可以使用 CSS 将样式应用于按钮。例如：

{kind: "Button", style: "width: 250px; height: 60px;", ...

或向按钮添加一个类并以这种方式应用样式。

于 2012-01-05T21:16:44.230 回答
0

要使按钮保持固定大小，但允许其他元素填充剩余空间，请显式设置按钮的宽度，并使用 flex 值设置其他元素的宽度。

{kind: enyo.HFlexBox, components:[
    {kind: enyo.Button, style: "width:96px"},
    {content:"Field 1", flex:1},
    {content:"Field 2", flex:1},
    {content:"Field 3", flex:1},
    {content:"Field 4", flex:1},
    {content:"Field 5", flex:1},
]},

这样，按钮将永远不会调整大小，但其他列将始终均匀地填充剩余空间。

于 2012-02-09T00:36:33.763 回答