求大佬提供思路

[PZ-18664918826]

功能描述

完整的节点图

需求 1、ui图分为左右俩侧，左侧宽度固定，右侧是画布 宽高不固定。 2、ui图又分为四行 每行底部又有分割线。 3、每行随着节点增多 宽高会变 宽度可以无限增加 高度一样 4、新建节点排列规则 都是靠左排列节点 子节点排列如上图

我的问题点 1、不知道如何还原UI背景图 2、 没有思路如何排列节点

期望解决方案

绝望了，求大佬提供思路

[zmcode]

每行是一个父级,左侧内容也有一个包括的父级和右侧内容也有一个包括的父级 对应内容是属于它的子级, 当子级增加的时候,调用size(获取大小), 计算出大小,改变父级宽高, 父级是html形式编写的边框

[babachao]

1、初始化默认的节点（需要将节点都固定，不可移动） 2、四行的话，渲染四个画布，都需要开启横向滚动 3、节点布局的话可以参考自动布局 4、画布的高度可以根据节点的层数计算，动态设置画布的高

[PZ-18664918826]

1、初始化默认的节点（需要将节点都固定，不可移动） 2、四行的话，渲染四个画布，都需要开启横向滚动 3、节点布局的话可以参考自动布局 4、画布的高度可以根据节点的层数计算，动态设置画布的高

四行是一个大画布，不是4个画布，后面还有一些需求 比如第三行节点连线到第二行节点。 我补充了一个完整节点UI图 如何将整个画布分成四行，加上分割线。

[PZ-18664918826]

每行是一个父级,左侧内容也有一个包括的父级和右侧内容也有一个包括的父级 对应内容是属于它的子级, 当子级增加的时候,调用size(获取大小), 计算出大小,改变父级宽高, 父级是html形式编写的边框

感谢感谢思路 知道了怎么改变父节点的宽高

[babachao]

如果是放在一整个画布的话可以看一下泳道图

[PZ-18664918826]

如果是放在一整个画布的话可以看一下泳道图

感谢 我先试试

[PZ-18664918826]

如果是放在一整个画布的话可以看一下泳道图

大佬求思路 怎么改变旁边父节点的位置，我是根据官方的自动布局进行排列

我想要的排列如UI图所示

[NewByVector]

@PZ-18664918826 你这个是 dagre 布局。

[PZ-18664918826]

画布.pdf 对 dagre 布局 这些需求 对于我来说太难了，需求又不能改，需要改源码吗 还是自己写一个插件，或者求这些需求的思路 或者付费当公司的顾问

[x6-bot[bot]]

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.