2011-12-27 4 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을 읽어야합니다. 다른 컨트롤이없는 경우 flex : 1은 컨트롤이 부모의 모든 공간을 차지해야 함을 나타냅니다. FlexBox에 두 개의 컨트롤이 있고 둘 다 flex : 1이면 부모 공간을 동일하게 공유합니다. flex가 1 인 경우 : 2이면 flex : 1 컨트롤과 같이 2 배 (2x1) 공간을 차지합니다. 즉, flex 값은 자식이 차지하는 부모의 상대적 비율을 설정합니다.

당신이 놓쳤다 고 생각하는 것은 스크롤러의 너비보다 넓은 스크롤러 안에 뭔가를 넣어야한다는 것입니다. 그렇지 않으면 스크롤 할 것이 없습니다! 희망이 도움이됩니다.

관련 문제