【技术实现步骤摘要】
页面元素布局方法、装置、可读介质及电子设备
[0001]本公开涉及计算机
，具体地，涉及一种页面元素布局方法、装置、可读介质及电子设备。
技术介绍
[0002]目前，互动编辑器提供有多种预设的互动素材(例如，互动组件、互动模板等)，可以通过互动编辑器基于互动素材制作互动作品。在使用互动素材时，可以设置互动素材的可编辑属性，以选择是否开放互动素材的编辑权限。一般情况下，互动素材内包含多个元素，并且，在设置这类互动素材的可编辑属性时通常以组为维度，即，互动素材内所有元素的可编辑属性被统一设置，这种设置方式不够精细，且过多的元素将会增加素材的使用难度。同时，若将互动素材内各元素的属性设置相互分离开来，则开发人员在设置过程中需要对每一个元素的属性单独进行设置，会导致开发人员的工作量增大。
技术实现思路
[0003]提供该
技术实现思路
部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方...
【技术保护点】
【技术特征摘要】
1.一种页面元素布局方法，其特征在于，所述方法包括：从网格布局代码中提取待填充的元素的布局参数，其中，元素的布局参数包括元素标识、元素所关联的关联对象和元素尺寸；根据所述元素的布局参数，将各个元素填充至目标容器；在填充完毕后，针对每一关联有多于一个元素的目标关联对象，根据与所述目标关联对象关联的各元素在所述目标容器中所处的位置，确定能够合并的元素，并对能够合并的元素进行合并。2.根据权利要求1所述的方法，其特征在于，所述根据所述元素的布局参数，将各个元素填充至目标容器，包括：根据所述元素标识，从待填充元素中获取本次确定填充区域的目标元素；获取所述目标容器当前的状态参数，作为目标状态参数，其中，所述目标容器为网格容器，目标容器的状态参数包括所述目标容器的已填充行数、已填充列数、优先填充行信息和目标容器内已填充行的每列空余行数，所述优先填充行信息至少用于指示目标容器中最优先填充的目标行；根据所述目标元素的元素尺寸和所述目标状态参数，确定所述目标元素的目标填充区域；在确定出所述目标元素的目标填充区域后，若存在还未确定填充区域的元素，更新所述目标容器的状态参数，并再次执行所述根据所述元素标识，从待填充元素中获取本次确定填充区域的目标元素的步骤，直至待填充的各元素均已确定出对应的目标填充区域；将各个元素填充至该元素对应的目标填充区域中。3.根据权利要求2所述的方法，其特征在于，所述根据所述目标元素的元素尺寸和所述目标状态参数，确定所述目标元素的目标填充区域，包括：确定当前的目标状态参数对应的目标行中最优先填充的目标单元网格；根据所述目标元素的元素尺寸和所述目标单元网格，判断所述目标元素能否在所述目标行填充；若确定所述目标元素能够在所述目标行填充，将以所述目标单元网格为顶角网格、且尺寸与所述目标元素的元素尺寸一致的区域确定为所述目标填充区域。4.根据权利要求3所述的方法，其特征在于，所述目标单元网格根据所述目标容器内已填充行的每列空余行数确定。5.根据权利要求3所述的方法，其特征在于，所述目标元素的元素尺寸包括所述目标元素所占的行数和列数；所述根据所述目标元素的元素尺寸和所述目标单元网格，判断所述目标元素能否在所述目标行填充，包括：以所述目标单元网格所在列为起始列，确定所述目标行的空余列数；若所述空余列数不小于所述目标元素所占的列数，确定所述目标元素能够在所述目标行填充；若所述空余列数小于所述目标元素所占的列数，确定所述目标元素不能在所述目标行填充。6.根据权利要求3所述的方法，其特征在于，所述根据所述目标元素的元素尺寸和所述
目标状态参数，确定所述目标元素的目标填充区域，还包括：若确定所述目标元素不能在所述目标行填充，将当前目标行的下一行确定为新的目标行，以更新所述目标状态参数，并再次执行所述确定当前的目标状态参数对应的目标行中最优先填充的目标单元网格的步骤，直至确定所述目标填充区域。7.根据权利要求1所述的方法，其特征在于，所述根据与所述目标关联对象关联的各元素在所述目标容器中所处的位置，确定能够合并的元素，包括：从与所述目标关联对象关联的元素中，确定待进行合并性识别的第一元素，所述合并性识别用于确定能够相互合并的元素；针对所述第一元素，从与所述目标关联对象关联的元素中，确定能够与所述第一元素合并的元素；若与所述目标关联对象关联的元素中，存在未进行过合并性识别的元素，将所述元素作为...
【专利技术属性】
技术研发人员：李洋，陈思慧，王宇飞，邓涛，
申请(专利权)人：北京有竹居网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。