Pixijs如何创建可滚动容器？

Question

我的意图是，拥有一个具有预定义宽度的Container，如果内部的精灵占据的宽度超过容器，则可滚动。

目前，如果我在添加所有精灵后设置宽度，内容会自动调整大小，这不是我想要的。

示例代码：

var container = new PIXI.Container();
container.width = 150;
stage.addChild(container);
for(var i=0;i<5;i++){
 var eachImg = new Sprite("xxx.png"]);
 eachImg.x = i*50;
 container.addChild(eachImg);
}

如何编码实现这样的效果？

Answer 1

容器本身并不具有宽度和高度......这些值只是基于其子女所在位置的整体尺寸。更改宽度和高度只会改变x和y的比例。

可滚动容器https://github.com/pixijs/pixi-ui的WIP 并且https://github.com/Ezelia/EZGUI也显示了滚动容器的一些效果。