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