enyo, как сделать горизонтальную прокрутку - PullRequest
Новая
       24

enyo, как сделать горизонтальную прокрутку

1 голос
/ 28 декабря 2011

Я сделал простое приложение enyo для прокрутки сосков.Он прокручивается вертикально, но не горизонтально.Также в документации сказано, что вы должны установить размер прокрутки.Пример кода использует flex: 1 для размера, может кто-нибудь объяснить, как это работает.

code enyo.kind ({name: "MyApps.MainApp", kind: enyo.VFlexBox, components: [{kind:«PageHeader», содержимое: «Прокрутка»}, {name: «curValue», content :( «Образец текста»)}, {kind: «Button», заголовок: «Action», onclick: «btnClickA»}, 

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

]}

], btnClick: function () {this. $. CurValue.setContent ("Start Scroll"); // обрабатывать нажатие кнопки}, 

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

}});

1 Ответ

2 голосов
/ 29 декабря 2011

Значение 'flex' относится к пропорции родительского FlexBox, который занимает указанный дочерний элемент.Вы должны прочитать FlexBoxes , чтобы получить немного лучшую идею.При отсутствии других элементов управления flex: 1 указывает, что элемент управления должен занимать все пространство родителя.Если бы два элемента управления были в FlexBox, и оба были бы flex: 1, они бы в равной степени разделяли пространство родительского элемента.Если один из них будет flex: 2, он будет занимать в два раза больше (2x1) пространства, чем элемент управления flex: 1.Другими словами, значение flex задает относительную долю родительского элемента (за вычетом любых негибких элементов управления), который получает ребенок.

Я считаю, что вам не хватает того, что вы должны поместить что-то в скроллер,шире ширины скроллера, иначе ... прокручивать нечего!Надеюсь, это поможет.

...