1

スクローラー内で、各ボタンの後に 5 つのフィールドを持つボタン (x、y、z など) の垂直リストが必要です。ボタンを押すと、フィールドの 1 つがオフからオンに切り替わります。

{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 に答える