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 还显示了滚动容器的一些效果。
我的意图是,如果容器中的 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 还显示了滚动容器的一些效果。