(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210335493.9 (22)申请日 2022.04.01 (71)申请人 北京优锘科技有限公司 地址 100015 北京市朝阳区酒仙桥路10号 82幢一层10 5室 (72)发明人 张家宗　 (74)专利代理 机构 北京安度修典专利代理事务 所(特殊普通 合伙) 11424 专利代理师 杨方成　马欢萍 (51)Int.Cl. G06F 8/34(2018.01) G06F 9/445(2018.01) G06F 9/455(2006.01) (54)发明名称 一种自动生成区域规划视图的方法、 装置、 介质和设备 (57)摘要 本发明涉及一种自动生成区域规划视图的 方法， 包括根据业务需求划分配置区域， 并基于 所述业务需求和所述配置区域生成配置文件， 所 述配置文件中包括布局数据模型、 容器类型和最 佳可视比例； 当打开页面时， 根据读取到的所述 配置文件中的布局数据模型和容器节 点类型， 生 成待绘制视图数据； 根据所述最佳可视比例和所 述待绘制视图数据， 完成视图绘制。 本发明实现 了自动绘制成图， 可根据成图节 点数据和关系数 据， 根据规则绘制成图， 同时保证了最佳可视比 例， 内部布局充分利用了空间， 最终视图全部内 容区域将按照最佳可视比例进行宽度和长度方 面拉伸。 本发 明还涉及一种自动生成区域规划视 图的装置、 介质和设备。 权利要求书3页 说明书8页 附图3页 CN 114489624 A 2022.05.13 CN 114489624 A 1.一种自动生成区域 规划视图的方法， 其特 征在于， 所述方法包括： 根据业务需求划分配置区域， 并基于所述业务需求和所述配置区域生成配置文件， 所 述配置文件中包括布局数据模型、 容器 类型和最佳 可视比例； 当打开页面时， 根据读取到的所述配置文件中的布局数据模型和容器节点类型， 生成 待绘制视图数据； 根据所述 最佳可视比例和所述待绘制视图数据， 完成视图绘制。 2.根据权利要求1所述的自动生成区域规划视图的方法， 其特征在于， 所述根据读取到 的所述配置文件中的布局数据模型和容器 类型， 生成待绘制视图数据， 具体包括： 根据所述配置文件， 得到绘制视 图所需的节点数据和节点间的关系数据， 遍历所述节 点数据， 确定每一个节点所属容器； 基于所述布局数据模型和所述容器类型， 生成虚拟树形布局结构， 将虚拟根节点、 虚拟 节点和所述 容器分别转换为所述虚拟树形布局结构中的根节点、 中间节点和叶子节点； 从所述虚拟树形布局结构中最后一层级的叶子节点开始向上遍历所述虚拟树形布局 结构， 当所述叶子节点或所述中间节 点是所述容器时， 计算所述容器的布局信息， 直至所述 虚拟树形布局结构中的所有容器的布局信息计算完成， 得到所述待绘制视图数据。 3.根据权利要求2所述的自动生成区域规划视图的方法， 其特征在于， 所述基于所述布 局数据模 型和所述容器类型， 生成虚拟树形布局结构， 将虚拟根节点、 虚拟节 点和所述容器 分别转换为所述虚拟树形布局结构中的根节点、 中间节点和叶子节点， 具体包括： 根据预设布局方式， 将所述配置区域划分为多个子区域， 每个子区域中包括一个或多 个所述容器， 一级虚拟节点中包括属于同一所述子区域的多个容器； 按照从上至下的垂直布局方式， 将具有 同一宽度的所述一级虚拟节点和/或所述容器 放入同一 二级虚拟节点中； 和/或， 按照从左至右 的水平布置方式， 将具有 同一高度的所述一级虚拟节点和/或所述容器 放入同一 二级虚拟节点中； 所述虚拟根节点包括所有所述 二级虚拟节点； 当所述二级虚拟节点中只有一个所述容器时， 则所述二级虚拟节点中的容器是所述叶 子节点； 当所述二级虚拟节点中包括所述容器和所述一级虚拟节点 时， 所述二级虚拟节点是所 述中间节点， 所述一级虚拟节 点也是所述中间节 点， 所述容器是所述叶子节点， 所述一级虚 拟节点中的所有容器是 所述叶子节点； 所述虚拟根节点是 所述根节点。 4.根据权利要求3所述的自动生成区域规划视图的方法， 其特征在于， 所述从所述虚拟 树形布局结构中最后一层级的叶子节点开始向上遍历所述虚拟树形布局结构， 当所述叶子 节点或所述中间节点是所述容器时， 计算所述容器的布局信息， 直至所述虚拟树形布局结 构中的所有容器的布局信息计算完成， 得到所述待绘制视图数据， 具体包括： 对属于同一子节点对应的容器进行布局， 根据所述子节点的父级节点的布局方向， 确 定所述子节点的布局方向； 根据所述子节点对应的容器的布局参数， 确定所述子节点的上一父级节点的布局参权　利　要　求　书 1/3 页 2 CN 114489624 A 2数， 所述布局参数包括高度和宽度； 若所述父级节点的布局方向是垂直布局时， 则所述父级节点的高度是所有所述子节点 的高度和， 所述父级节点的宽度是 所有所述子节点中宽度数值中的最大值； 若所述父级节点的布局方向是水平布局， 则所述父级节点的宽度 是所有所述子节点的 宽度和， 所述父级节点的高度是 所有所述子节点中 高度数值中的最大值。 5.根据权利要求4所述的自动生成区域规划视图的方法， 其特征在于， 所述根据 所述最 佳可视比例和所述待绘制视图数据， 完成视图绘制， 具体包括： 由所述待绘制视图数据中所述虚拟树形布局结构中最顶层的中间节点向下遍历所述 虚拟树形布局结构， 根据所述最佳可视比例， 调整 所述容器的高度和宽度， 完成所述视图绘 制。 6.一种自动生成区域 规划视图的装置， 其特 征在于， 所述装置包括： 配置文件生成模块， 用于根据业务需求划分配置区域， 并基于所述业务需求和所述配 置区域生成配置文件， 所述配置文件中包括布局数据模型、 容器 类型和最佳 可视比例； 待绘制视 图数据生成模块， 用于当打开页面时， 根据读取到的所述配置文件中的布局 数据模型和容器节点类型， 生成待绘制视图数据； 视图绘制模块， 用于根据所述 最佳可视比例和所述待绘制视图数据， 完成视图绘制。 7.根据权利要求6所述的自动生成区域 规划视图的装置， 其特 征在于， 所述待绘制视图数据生成模块包括遍历单 元、 建树单 元和布局单 元； 所述遍历单元， 用于根据所述配置文件， 得到绘制视 图所需的节点数据和节点间的关 系数据， 遍历所述节点数据， 确定每一个节点所属容器； 所述建树单元， 用于基于所述布局数据模型和所述容器类型， 生成虚拟树形布局结构， 将虚拟根节点、 虚拟节点和所述容器分别转换为所述虚拟树形布局结构 中的根节点、 中间 节点和叶子节点； 所述布局单元， 用于从所述虚拟树形布局结构中最后 一层级的叶子节点开始向上遍历 所述虚拟树形布局结构， 当所述叶子节点或所述中间节点是所述容器时， 计算所述容器的 布局信息， 直至所述虚拟树形布局结构 中的所有容器的布局信息计算完成， 得到所述待绘 制视图数据。 8.根据权利要求7 所述的自动生成区域 规划视图的装置， 其特 征在于， 所述建树单元， 具体用于根据 预设布局方式， 将所述配置区域划分为多个子区域， 每个 子区域中包括一个或多个所述容器， 一级虚拟节点中包括属于同一所述子区域的多个容 器； 按照从上至下的垂直布局方式， 将具有 同一宽度的所述一级虚拟节点和/或所述容器 放入同一 二级虚拟节点中； 和/或， 按照从左至右 的水平布置方式， 将具有 同一高度的所述一级虚拟节点和/或所述容器 放入同一 二级虚拟节点中； 所述虚拟根节点包括所有所述 二级虚拟节点； 当所述二级虚拟节点中只有一个所述容器时， 则所述二级虚拟节点中的容器是所述叶 子节点；权　利　要　求　书 2/3 页 3 CN 114489624 A 3