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
    }