Laya的滚动容器Panel+HBox

版本：Laya 2.2.0

参考：https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-18

 

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

 

 

 

二  设置panel滚动条

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

拖动assets/comp/hscroll.png到属性面板hScrollBarSkin上

 

 

 

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

 

三 最终效果

 

四 其他

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

设置视口位置在100，设置滚动容器的滚动条value值

1	panel.hScrollBar.value = 100;

 

2. 隐藏滚动条

1 2 3 4 5

public panel:Laya.Panel;   onEnable(){     this.panel.hScrollBar.visible = false; }

　　

3. 点击滚动容器中的选项

监听panel没有用，panel的e.target是个box...，这个box不知道是谁。而且即使设置了mouseThrough，事件无法穿透下去。

所以监听hbox。

1 2 3 4 5 6 7 8 9

public hbox:Laya.HBox;   onEnable(){    this.hbox.on(Laya.Event.CLICK, this, this.onHBoxClick); }   private onHBoxClick(e:Laya.Event){     console.log(e.target);  //e.target等于滚动容器下图片Laya.Image }