【技术实现步骤摘要】
图形化界面构建方法、装置、计算机设备及存储介质
本专利技术涉及软件设计
，尤其涉及一种图形化界面构建方法、装置、计算机设备及存储介质。
技术介绍
在交互式软件设计中，图形化界面的构建不可或缺，现行的软件平台，支持图形化编辑的常用工具有几类。1.浏览器(调试器)如谷歌、火狐等，是以代码方式在调试器中输入，而在显示区中看到最终显示结果，不可保存。2.软件开发工具VisualStudio、AndroidStudio、IOSStudio等，可以拖拉拽控件到显示区，以绝对定位方式显示控件，位置。3.作图软件如Photoshop、illustrator、CAD等，与上述软件开发工具类似，以绝对定位方式显示控件。
技术实现思路
本专利技术实施例提供了一种图形化界面构建方法、装置、计算机设备及存储介质，旨在解决现有软件图形化编辑工具中，控件采用绝对定位，对控件的位置调整复杂，导致开发效率低下的问题。第一方面，本专利技术实施例提供了一种图形化界面构建方法，图形化界面包括幕布，所述幕布包括多个行，所述图形化界面
【技术保护点】
1.一种图形化界面构建方法，其特征在于，图形化界面包括幕布，所述幕布包括多个行，所述图形化界面构建方法包括：/n若检测到图形化界面中新增了控件，将该新增的控件作为第一当前控件；/n获取先于所述第一当前控件的视图/框架控件作为第一目标视图/框架控件，以及获取所述第一当前控件所在的行作为第一目标行；/n计算所述第一目标行在新增所述第一当前控件后的实际高度与所述第一目标行在新增所述第一当前控件前的实际高度的差值作为第一目标差值；/n判断所述第一目标差值是否大于零；/n若所述第一目标差值大于零，将所述第一目标行的实际高度增加第一目标差值；/n将所述第一目标视图/框架控件中第一目标行...
【技术特征摘要】 【专利技术属性】
1.一种图形化界面构建方法，其特征在于，图形化界面包括幕布，所述幕布包括多个行，所述图形化界面构建方法包括：
若检测到图形化界面中新增了控件，将该新增的控件作为第一当前控件；
获取先于所述第一当前控件的视图/框架控件作为第一目标视图/框架控件，以及获取所述第一当前控件所在的行作为第一目标行；
计算所述第一目标行在新增所述第一当前控件后的实际高度与所述第一目标行在新增所述第一当前控件前的实际高度的差值作为第一目标差值；
判断所述第一目标差值是否大于零；
若所述第一目标差值大于零，将所述第一目标行的实际高度增加第一目标差值；
将所述第一目标视图/框架控件中第一目标行之后的各行中的控件的位置下移第一目标差值。
2.根据权利要求1所述的图形化界面构建方法，其特征在于，还包括：
获取所述第一目标视图/框架控件的各行的实际高度的总和与所述第一目标视图/框架控件的实际高度的差值作为第二目标差值；
判断所述第二目标差值是否大于零；
若所述第二目标差值大于零，将所述第一目标视图/框架控件的实际高度增加第二目标差值；
判断所述第一目标视图/框架控件是否为顶层的视图/框架控件；
若所述第一目标视图/框架控件不是顶层的视图/框架控件，获取先于第一目标视图/框架控件的目标视图/框架控件作为新的第一目标视图/框架控件，并转到获取所述第一目标视图/框架控件的各行的实际高度的总和与所述第一目标视图/框架控件的实际高度的差值作为第二目标差值的步骤。
3.根据权利要求2所述的图形化界面构建方法，其特征在于，还包括：
若所述第一目标差值不大于零，结束流程；
若所述第二目标差值不大于零，结束流程；
若所述第一目标视图/框架控件是顶层的视图/框架控件，结束流程。
4.一种图形化界面构建方法，其特征在于，图形化界面包括幕布，所述幕布包括多个行，所述图形化界面构建方法包括：
若检测到图形化界面中删除了控件，将该删除的控件作为第二当前控件；
获取先于所述第二当前控件的视图/框架控件作为第二目标视图/框架控件，以及获取所述第二当前控件所在的行作为第二目标行；
计算所述第二目标行在删除所述第二当前控件之前的实际高度与所述第二目标行在删除所述第二当前控件之后的实际高度的差值作为第三目标差值；
判断所述第三目标差值是否大于零；
若所述第三目标差值大于零，将所述第二目标行的实际高度减少第三目标差值；
将所述第二目标视图/框架控件中第二目标行之后的各行中的控件的位置上移第三目标差值。
技术研发人员：黄俊联，
申请(专利权)人：深圳市易鸿达软件开发有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。