可视化界面编辑方法技术

本公开的实施方式提供了一种可视化界面编辑方法

【技术实现步骤摘要】
可视化界面编辑方法、介质、装置和计算设备


[0001]本公开的实施方式涉及计算机
，更具体地，本公开的实施方式涉及一种可视化界面编辑方法
、
介质
、
装置和计算设备
。

技术介绍

[0002]本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文
。
此处的描述不因为包括在本部分中就承认是相关技术
。
[0003]相关技术中，为降低计算机编程
、
复杂内容整理等抽象程度较高的技术的入门门槛，方便相关人员快速上手，基于可视化界面的编程
、
内容整理等技术得到越来越多的重视和应用
。
基于可视化界面的编辑，可以进行编程内容开发
、
创建思维导图
、
知识整理等操作，能够显著提高这类操作过程中的直观性，降低入门难度，方便相关人员快速生成应用程序
、
建立图形化知识体系等
。
[0004]相关的可视化界面编辑的方法，包括块式布局和流式布局，块式布局结构紧凑本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种可视化界面编辑方法，其特征在于，所述方法包括：响应于针对逻辑图块的编辑操作，更新所述编辑操作对应的逻辑图块的尺寸信息；基于所述逻辑图块的尺寸信息，更新所有逻辑图块的位置信息，以更新可视化界面的布局状态
。2.
根据权利要求1所述的方法，其特征在于，所述逻辑图块中包含至少一个逻辑对象，所述响应于接收到的编辑操作，更新所述编辑操作对应的逻辑图块的尺寸信息，包括：响应于接收到的编辑操作，遍历所述逻辑图块中逻辑图块的所有逻辑对象；基于所有逻辑对象的尺寸信息，确定更新后的逻辑图块的尺寸信息
。3.
根据权利要求2所述的方法，其特征在于，所述逻辑图块中包含至少一个行对象，所述行对象内包含至少一个逻辑对象，所述尺寸信息包括逻辑图块的宽度
、
高度；所述基于所有逻辑对象的尺寸信息，确定更新后的逻辑图块的尺寸信息，包括：将所有逻辑对象中的宽度最大值对应逻辑对象，确定为目标逻辑对象；将目标逻辑对象的宽度，确定为所述逻辑图块对应的最大宽度；基于所述最大宽度，确定所述逻辑图块对应的参考宽度，所述参考宽度用于与行对象的宽度
、
行对象中的逻辑对象的宽度进行对比，以确定是否需要调整所述逻辑对象所属的行对象；基于所述逻辑图块中每个行对象的宽度
、
行对象中逻辑对象的宽度和所述参考宽度，确定所述行对象更新后的宽度；基于行对象的高度和更新后的宽度，确定所述逻辑图块的尺寸信息
。4.
根据权利要求1所述的方法，其特征在于，所述基于所述逻辑图块的尺寸信息，更新所有逻辑图块的位置信息，以更新可视化界面的布局状态，包括：基于每个逻辑图块所属的逻辑结构种类，确定每个逻辑图块对应逻辑结构中的根逻辑图块的第一中心坐标，所述根逻辑图块用于表示所述逻辑结构中的第一个逻辑图块，所述第一中心坐标包括第一横坐标和第一纵坐标；基于所述第一中心坐标和所述根逻辑图块对应的所有逻辑图块的尺寸信息，确定所述根逻辑图块对应的所有逻辑图块的位置信息，所述位置信息包括所述逻辑图块的第二中心坐标，所...

【专利技术属性】
技术研发人员：阮佳丽，欧璇，汪韬，黄霞君，李雯燕，张炜昕，盛少奇，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：