enyo，如何进行水平滚动

Question

我已经做了一个简单的enyo应用程序来进行乳头滚动。它是垂直滚动的，但不是水平滚动。所有文档都说你必须设置滚动大小。示例代码使用flex: 1作为大小，有人能解释一下它是如何工作的吗？

code enyo.kind({ name："MyApps.MainApp"，kind: enyo.VFlexBox，components：[ {kind："PageHeader"，content："Scroll"}，{name:"curValue"，content:("Sample Text")}，{kind：“按钮”，caption：“操作”，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

} })；

Answer 1

'flex‘值指的是指定的子节点占用的父FlexBox的比例。你应该在FlexBoxes上读一读，以获得更好的想法。在没有其他控件的情况下，flex: 1表示控件应该占用父控件的所有空间。如果两个控件都在FlexBox中，并且都是flex: 1，那么它们将平等地共享父级的空间。如果其中一个是flex: 2，那么它将占用flex: 1控件的两倍(2x1)空间。换句话说，flex值设置子对象所占用的父对象(减去任何非伸缩控件)的相对比例。

我相信你遗漏的是，你必须在滚动条里面放一些比滚动条宽度更宽的东西，否则...没有什么可以滚动的！希望这能有所帮助。