1

乳首をスクロールするための簡単なえんようアプリを作りました。縦にスクロールしますが、横にはスクロールしません。また、ドキュメントには、スクロールサイズを設定する必要があると書かれています。サンプル コードでは、サイズに flex: 1 を使用しています。

code enyo.kind({ name: "MyApps.MainApp", kind: enyo.VFlexBox, components: [ {kind: "PageHeader", content: "Scroll"}, {name:"curValue", content:("サンプル テキスト")}, {種類: "ボタン", キャプション: "アクション", onclick: "btnClickA"},

   {kind: "Scroller", flex: 1, onScrollStart: "btnClick", components: [
   { content:("Sample Text1")},
   { content:("Sample Text2")}

]}

], btnClick: function() { this.$.curValue.setContent("スクロール開始"); // ボタンのクリックを処理します },

btnClickA: function() {
this.$.curValue.setContent("Button click");  // handle the button click

} });

4

1 に答える 1

2

「flex」値は、指定された子が占める親 FlexBox の比率を参照します。もう少し良いアイデアを得るには、FlexBoxを読んでください。他のコントロールがない場合 flex: 1 は、コントロールが親のすべてのスペースを占有する必要があることを示します。2 つのコントロールが FlexBox にあり、両方が flex: 1 の場合、それらは親のスペースを均等に共有します。1 つが flex: 2 の場合、flex: 1 コントロールの 2 倍 (2x1) のスペースを占有します。つまり、フレックス値は、子が占める親の相対的な割合 (フレックスされていないコントロールを除く) を設定します。

あなたが見逃していると思うのは、スクローラーの幅よりも広いものをスクローラー内に配置する必要があるということです。そうしないと、スクロールするものは何もありません! それが役立つことを願っています。

于 2011-12-29T00:28:43.190 に答える