Question

我制作了一个简单的enyo应用程序来进行乳房滚动。它垂直滚动，但不是水平滚动。另外文档说你必须设置滚动大小。示例代码使用flex：1表示大小，有人可以解释这是如何工作的。

代码 enyo.kind（{ 名称：“MyApps.MainApp”， kind：enyo.VFlexBox，组件： [ {kind：“PageHeader”，内容：“Scroll”}， {name：“curValue”，内容:(“示例文本”）}， {kind：“Button”，标题：“动作”，onclick：“btnClickA”}，

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

]}

] btnClick：function（）{ 这个。$ .curValue.setContent（“Start Scroll”）; //处理按钮单击 }，

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

} }）;

Answer 1

'flex'值是指指定子项占用的父FlexBox的比例。您应该阅读FlexBoxes以获得更好的主意。在没有其他控件的情况下，flex：1表示控件应该占用父节点的所有空间。如果FlexBox中有两个控件，并且两个控件都是flex：1那么它们将平均分享父级的空间。如果一个是flex：2那么它将占用两倍（2x1）空间作为flex：1控制。换句话说，flex值设置孩子占用的父亲的相对比例（减去任何非屈曲的控制）。

我相信你缺少的是你必须在卷轴内放一些比卷轴宽度宽的东西，否则......滚动没什么！希望有所帮助。

enyo，如何进行水平滚动

1 个答案: