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值

panel.hScrollBar.value = 100;

 

2. 隐藏滚动条

public panel:Laya.Panel;

onEnable(){
    this.panel.hScrollBar.visible = false;
}

　　

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

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

所以监听hbox。

    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
    }