2011-12-27 11 views
1

スクロールを簡単にするために、簡単なenyoアプリを作っています。 垂直方向にスクロールしますが、水平方向にスクロールしません。ドキュメント全体では、スクロールサイズを設定する必要があります。このコード例では、サイズに対してflex:1を使用しています。enyo、横スクロールのしかた

コードenyo.kind({ 名: "MyApps.MainApp"、 種類:enyo.VFlexBox、 コンポーネント:[ {種類: "PageHeader"、コンテンツ: "スクロール"}、{ 名: "CURVALUE"、コンテンツ:("サンプルテキスト")}、 {種類: "ボタン"、キャプション: "アクション"、onclickの "btnClickA"}、

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

]}

] btnClick:function(){ thi $。curValue.setContent( "Start Scroll"); $。 //}ボタンのクリック を扱う、

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

} });

答えて

2

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

あなたが欠けていると思うのは、スクロールの幅より広いスクロールの内側に何かを入れなければならないということです。スクロールするものは何もありません。希望が役立ちます。

関連する問題