Laya的滚动容器

 

想实现一个简单的滚动容器。例如水平排列10个图标，能够左右滑动查看的。

Egret里有布局容器能够滚动

 

 

Laya看了教程和示例，没有找到一个滚动容器，只有一个list，须要设置item，显然不是我想要的简单水平滚动容器。

 

示例教程里没有滚动容器的示例

 

 

组件教程里也没有滚动容器，也没有垂直和水平布局容器。

 

 

 

最后找到了panel+hbox组合成水平滚动容器

 

 

 

一   拖动一个panel和hbox到舞台，而且在hbox里放图片

 

 

 

二  设置panel滚动条和hbox的space

若是不设置panel的滚动条skin，这个panel是不会滚动的

若是不设置hbox的space，这个hbox也不会水平排列的

hbox的布局效果，只有在运行时才能看见 

 

三 最终效果

 

 

四 其余

1. 设置滚动容器视口位置

Egret中设置视口位置是viewport.scrollH  scrollV

Laya中是设置滚动容器的滚动条value值：panel.hScrollBar.value