layaBox:列表list使用selectHandler监听点击选中,使用鼠标点击没反应

IDE制作的ui文件:


image.png

部分代码:

 constructor() {
      super();
      //渲染监听 与 选中监听(tabList:列表左边的var  ;  itemList:列表右边的var)
      this.tabList.renderHandler = Laya.Handler.create(this, this.tabRenderHandler,null,false);
      this.tabList.selectHandler = new Handler(this, this.tabSelectHandler,null,false);

      this.itemList.renderHandler = Laya.Handler.create(this, this.itemRenderHandler,null,false);
      this.itemList.selectHandler = new Handler(this, this.itemSelectHandler,null,false);
}
private itemRenderHandler(item: serverListItemTest, index: number): void { 。。。}
private itemSelectHandler(index: number): void { 。。。}
private tabRenderHandler(item: serverTabItems, index: number): void {。。。。}
private tabSelectHandler(index: number): void { 。。。}

效果图:


image.png

理想效果:切换左边的列表,进行切换右边的列表数据
实际效果:点击页面完全没有反应,监听函数 itemSelectHandler 和 tabSelectHandler都没有执行


问题原因:对应的列表list没有设置接受鼠标点击事件
看下面图片:


image.png

原因解析:
mouseEnabled:是否接受鼠标事件
设置为true后,页面的list才能接受鼠标点击事件,selectHandler才能够监听到对应列表项是否被点击

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容