界面布局方法、装置、设备、可读存储介质及程序产品制造方法及图纸

本申请公开了一种界面布局方法、装置、设备、可读存储介质及程序产品，涉及计算机技术领域。该方法包括：显示布局绘制界面，布局绘制界面中包含容器绘制区域；接收在容器绘制区域的轮廓绘制操作，轮廓绘制操作包括绘制起始位置和绘制终止位置，绘制起始位置和绘制终止位置所绘制的区域边界用于作为目标容器对应的线条轮廓；基于轮廓绘制操作，确定目标容器；基于目标容器，生成目标界面对应的目标代码文件。即，通过绘图方式绘制线条轮廓从而确定目标容器的方式，不仅可以提高界面布局的多样性，同时也能够提高界面布局的布局效率。同时也能够提高界面布局的布局效率。同时也能够提高界面布局的布局效率。

【技术实现步骤摘要】
界面布局方法、装置、设备、可读存储介质及程序产品


[0001]本申请实施例涉及计算机
，特别涉及一种界面布局方法、装置、设备、可读存储介质及程序产品。

技术介绍

[0002]随着互联网技术的不断发展，各种应用程序对应的界面越来越多样化，因此对于界面的布局要求也越来越高，在界面布局过程中，对于界面容器以及界面组件的排布方式的要求也越多。
[0003]在相关技术中，布局一个界面通常使用超文本标记语言(Hyper Text Markup Language，HTML)表达界面中各界面容器之间的组合与嵌套关系，使用层叠样式表(Cascading Style Sheets，CSS)将超文本标记语言生成的文本语句转换成计算机编程语言，使用编程软件对各界面容器之间的组合与嵌套关系进行逻辑编程，最终生成对应的界面布局结果。
[0004]然而在上述方法中，由于从开始布局到生成布局界面的过程包含使用多个界面开发工具，布局难度大且布局过程较繁琐，对相关技术人员的专业能力要求较高，因此界面布局的效率较低。

技术实现思路
<br/>[0005]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面布局方法，其特征在于，所述方法包括：显示布局绘制界面，所述布局绘制界面中包含容器绘制区域；接收在所述容器绘制区域的轮廓绘制操作，所述轮廓绘制操作包括绘制起始位置和绘制终止位置，所述绘制起始位置和所述绘制终止位置所绘制的区域边界用于作为目标容器对应的线条轮廓；基于所述轮廓绘制操作，确定所述线条轮廓构成的所述目标容器；基于所述目标容器，生成目标界面对应的目标代码文件，所述目标界面中包括所述目标容器，且所述目标代码文件中包含自动嵌入的所述目标容器对应的容器代码部分。2.根据权利要求1所述的方法，其特征在于，所述接收在所述容器绘制区域的轮廓绘制操作，包括：接收线条绘制操作，所述线条绘制操作用于在所述容器绘制区域绘制至少一条线条；所述基于所述轮廓绘制操作，确定所述线条轮廓构成的所述目标容器，包括：基于所述至少一条线条对应的线条描绘结果，确定所述至少一条线条所框选的区域作为所述目标容器。3.根据权利要求2所述的方法，其特征在于，所述基于所述至少一条线条对应的线条描绘结果，确定所述至少一条线条所框选的区域作为所述目标容器，包括：接收对第i条线条的绘制停顿操作，所述绘制停顿操作用于指示所述第i条线条绘制完成，i为正整数；基于所述绘制停顿操作，对所述第i条线条对应的所述线条描绘结果进行自动校正，得到所述第i条线条所框选的区域作为所述目标容器。4.根据权利要求1所述的方法，其特征在于，所述接收在所述容器绘制区域的轮廓绘制操作，包括：显示形状库，所述形状库中包含至少一种候选图形；接收在所述形状库中的形状选择操作，所述形状选择操作用于在所述至少一种候选图形中确定目标图形；接收在所述容器绘制区域中的图形生成操作，所述图形生成操作用于生成至少一个所述目标图形。5.根据权利要求4所述的方法，其特征在于，所述接收在所述形状库中的形状选择操作之后，还包括：接收路径绘制操作，所述路径绘制操作用于在所述容器绘制区域绘制至少一条目标路径，所述目标路径用于描绘所述目标容器的线条轮廓。6.根据权利要求1所述的方法，其特征在于，所述接收在所述容器绘制区域的轮廓绘制操作，包括：接收描点绘制操作；基于所述描点绘制操作在所述容器绘制区域显示至少一个目标坐标点，所述至少一个目标坐标点用于衔接并构成所述目标容器的线条轮廓。7.根据权利要求1至6任一所述的方法，其特征在于，所述基于所述目标容器，生成目标界面对应的目标代码文件之前，还包括：接收元素生成操作，所述元素生成操作用于在元素指定位置显示目标元素，所述元素
指定位置用于指示所述目标元素在所述目标容器区域范围内的指定位置进行显示，所述目标元素用于指示所述目标界面中包含的界面组件；所述基于所述目标容器，生成目标界面...

【专利技术属性】
技术研发人员：张磊，罗亮之，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：