leaferjs / leafer-ui

一款好用的 Canvas 渲染引擎,革新的体验。高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑,前端开发必备~
https://www.leaferjs.com
MIT License
2.38k stars 82 forks source link

对app内的leafer修改zindex无效 #70

Closed Alfen2309 closed 3 months ago

Alfen2309 commented 10 months ago

我在使用zIndex试图调整leafer的展示顺序,但是他好像并没有正常的工作。 无论怎么设置,leafer都按照add的顺序进行显示 例如:

  1. 在app中先添加了leaferA,将其zIndex设置为5
  2. 然后在app中添加leaferB,将其zIndex设置为1
  3. 期望A中的元素显示在B的上方,但是实际正好相反

我还试过使用app中addAt,addBefore方法,也没有达到预期的效果,这两个方法似乎与add的效果相同。 期望得到解答,感谢

leaferjs commented 10 months ago

谢谢反馈~

  1. App到Leafer的这一层没有走布局,所以zIndex起不了作用

  2. app中addAt,addBefore方法会走add逻辑,add逻辑重写过,这次可以修复下

Alfen2309 commented 10 months ago

感谢回复,请问有其他方式能够修改leafer的层级关系吗

leaferjs commented 10 months ago

视图层级可以手动修改 app.view 里canvas的顺序,每个leafer对应一块canvas, 另外再调整下app.children里leafer的顺序

leaferjs commented 3 months ago

已支持Leafer修改zIndex层级功能,App也支持 addAt() / addBefore() / addAfter() 方法,请关注今天的 rc.28版本发布~