Question

我和其他人一样对famo.us不熟悉在点击该项目时，我无法想到增加滚动视图中每个项目（可能是曲面）的高度的方法例如。如下面的列表视图

第1项

第2项

第3项

现在点击第2项

第1项

第2项

第2项的详情

第3项

Answer 1

这是我能够实现点击调整高度的方法。如果你想要调整大小的动画，它会变得有点复杂。

这是简单的点击示例..

希望它有所帮助！

var Engine          = require('famous/core/Engine');
var Surface         = require('famous/core/Surface');
var Scrollview      = require('famous/views/Scrollview');

var surfaces = [];

var scrollview = new Scrollview();

scrollview.sequenceFrom(surfaces);

for (var i = 0; i < 5; i++) {
  var surface = new Surface({
    size:[undefined,200],
    properties: {
      backgroundColor:'hsl('+(i*360/8)+',100%,50%)'
    }
  });

  surface.open = false;

  surface.on('click',function(){
    var size = this.open ? [undefined,200] : [undefined,400] ;
    this.setSize(size);
    this.open = !this.open;
  }.bind(surface));

  surfaces.push(surface);
  surface.pipe(scrollview);

};

context.add(scrollview);

单击时增加scrollview的元素高度

1 个答案: