【技术实现步骤摘要】
一种视觉稿的结构调整方法、装置、设备和介质
本申请涉及计算机
，尤其涉及一种视觉稿的结构调整方法、装置、设备和介质。
技术介绍
随着互联网技术以及智能终端技术的迅速发展，用户对应用程序的视觉体验要求也不断提高。设计人员在进行界面(UserInterface，UI)设计时，由于不同设计人员之间的风格和水平具有差异性，设计的视觉稿的结构可能较为混乱，可读性较差，因此，通常需要对视觉稿的结构进行调整，以优化视觉稿。但是，在对视觉稿进行结构调整时，通常需要设计人员手动输入图层约束关系，以对视觉稿进行重组，这会耗费大量专业人员的人力成本和时间成本，以及由于应用程序的多样性，针对不同的应用程序，通常需要不同的视觉稿结构调整方案，因此，适用范围较小并且兼容性差。由此，亟待需要一种可以简化结构调整的繁琐步骤并且适用范围广的视觉稿的结构调整方案。
技术实现思路
本申请实施例提供一种视觉稿的结构调整方法、装置、设备和介质，用以在对视觉稿进行结构调整时，简化结构调整的繁琐步骤，扩大适用范围。一方面...
【技术保护点】
1.一种视觉稿的结构调整方法，其特征在于，包括：/n响应于针对业务界面中用于优化的功能控件的触发操作，对待处理的原始视觉稿的目标图层进行解析，获得所述目标图层的原始图元树，所述原始图元树中的各节点为所述目标图层中的各图元；/n根据优化模式，对所述原始图元树中的各节点进行结构调整，获得调整后的优化图元树；/n根据所述优化图元树，对所述原始视觉稿的各图元进行调整，获得优化视觉稿。/n
【技术特征摘要】
1.一种视觉稿的结构调整方法，其特征在于，包括：
响应于针对业务界面中用于优化的功能控件的触发操作，对待处理的原始视觉稿的目标图层进行解析，获得所述目标图层的原始图元树，所述原始图元树中的各节点为所述目标图层中的各图元；
根据优化模式，对所述原始图元树中的各节点进行结构调整，获得调整后的优化图元树；
根据所述优化图元树，对所述原始视觉稿的各图元进行调整，获得优化视觉稿。
2.如权利要求1所述的方法，其特征在于，还包括：
响应于针对业务界面中用于下载的功能控件的触发操作，导出所述优化视觉稿。
3.如权利要求1所述的方法，其特征在于，还包括：
响应于针对业务界面中用于视觉稿上传的功能控件的触发操作，接收用户上传的所述原始视觉稿，以及响应于用户在业务界面中的图层选择操作，确定用户选择的目标图层；
响应于针对业务界面中用于模式选择的触发操作，获得用户设置的所述优化模式。
4.如权利要求1所述的方法，其特征在于，所述优化模式包括以下模式中的任意一种或任意组合：
对所述原始图元树中的冗余节点进行清洗处理的清洗模式；
将所述原始图元树中的各节点进行重组处理的重组模式；以及
将所述原始图元树中具有关联关系的各叶子节点进行合并处理的合并模式。
5.如权利要求4所述的方法，其特征在于，当所述优化模式包括清洗模式时，对所述原始图元树中的冗余节点进行清洗处理，包括：
遍历所述原始图元树，针对所述原始图元树中的每一节点进行检测，若检测结果为该节点为冗余节点，则在所述原始图元树中将该节点移除；
其中，所述冗余节点为被覆盖、对应的图元样式无效或图元不可见的节点。
6.如权利要求4所述的方法，其特征在于，当所述优化模式包括重组模式时，将所述原始图元树中的各节点进行重组处理，包括：
遍历所述原始图元树，确定所述原始图元树中每一节点的各候选父节点，其中，一个节点的候选父节点为包含该节点的节点；
针对所述每个节点，将该节点的各候选父节点中面积最小的候选父节点，确定为该节点的最优父节点；
在所述原始图元树中，将该节点从原始父节点下，移至相应的最优父节点下。
7.如权利要求4所述的方法，其特征在于，当所述优化模式包括合并模式时，将所述原始图元树中具有关联关系的各叶子节点进行合并处理，包括：
遍历所述原始图元树，针对所述原始图元树中的每一叶子节点，将该叶子节点，以及与该叶子节点具有相连、相交或包含关系的各叶子节点，组成相应的合并组；
在所述原始图元树中，确定每一合并组的父节点；
在所述原始图元树中，将每一合并组中的各叶子节点移至相应的父节点下。
8.如权利要求1-7任一项所述的...
【专利技术属性】
技术研发人员：陈昱宏，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。