2011-12-27 89 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 s。$。curValue.setContent(「Start Scroll」); //處理按鈕點擊 },

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

} });

回答

2

「flex」值是指指定的子項佔用的父FlexBox的比例。你應該閱讀FlexBoxes以獲得更好的想法。在沒有其他控件的情況下,flex:1表示控件應占用父項的所有空間。如果FlexBox中有兩個控件,並且兩個控件都是flex:1,那麼它們將同樣分享父項的空間。如果一個是flex:2,那麼它將佔用Flex:1控件的兩倍(2x1)空間。換句話說,flex值設置了孩子所佔的父親的相對比例(少於任何非屈曲控件)。

我相信你缺少的是你必須在滾動條內放置比滾動條寬度更寬的東西,否則......沒有什麼可滾動的!希望有所幫助。