Pixijs 如何创建可滚动的容器?

Pixijs How to create scrollable container?

我的意图是,如果容器中的 sprite 占用的宽度大于容器,则让容器具有预定义的宽度,使其可滚动。

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

示例代码:

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);
}

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

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

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