多元素布局的方法、装置、计算机设备和存储介质制造方法及图纸

技术编号:20025038 阅读:23 留言:0更新日期:2019-01-06 04:10
本发明专利技术涉及多元素布局的方法、装置、计算机设备和存储介质,应用于页面排版技术领域。所述方法包括:通过获取页面中被选中的多个类别的待布局元素,然后接收用于选择自定义布局模板的操作,将所述待布局元素按照目标布局样式显示在页面中;所述目标布局样式为目标布局模板中元素样本的布局样式;在目标布局模板中包含的元素样本的类别与待布局元素中包含的元素的类别一一对应,且各类别的元素样本的数量与待布局元素中对应类别的元素的数量相同。基于本发明专利技术实施例用户无需一一调整元素,也无需多次进行每个类别元素的布局调整,提高了针对多类别元素的布局效率。

【技术实现步骤摘要】
多元素布局的方法、装置、计算机设备和存储介质
本专利技术涉及页面排版
,特别是涉及多元素布局的方法、装置、计算机设备和存储介质。
技术介绍
随着计算机技术的发展,人们越来越多的通过计算机设备定制自己专属的课件、会议PPT等电子演示文件。在实现本专利技术的过程中,专利技术人发现现有技术中存在如下问题,在电子演示文件中经常会需要添加图片、文字甚至音视频等元素,用户在定制对应的文件页面时,为了兼具内容以及页面美观性,经常需要对页面中的多种元素进行布局调整,例如希望按照文字统一显示在页面上方,图片统一显示在页面下方的排版方式进行元素布局;然而为了实现期望的效果,用户需要逐一去调整元素,或者逐一类别地调整元素。因此,相关技术存在针对页面中多类别元素的布局效率低的问题。
技术实现思路
基于此,有必要针对相关技术对页面中多类别元素的布局效率低的问题,提供一种多元素布局的方法、装置、计算机设备和存储介质。根据本专利技术的第一方面,提供一种多元素布局的方法,包括:接收用于选择页面中元素的第一操作,将所述第一操作选中的元素作为待布局元素,所述待布局元素包含多个类别的元素;接收用于选择自定义布局模板的第二操作;将所述待布局元素按照目标布局样式显示在页面中;所述目标布局样式为目标布局模板中元素样本的布局样式;所述目标布局模板为所述第二操作选择的自定义布局模板;所述目标布局模板中包含的元素样本的类别与待布局元素中包含的类别一一对应,且目标布局模板中各类别的元素样本的数量与待布局元素中对应类别的元素的数量相同。在其中一个实施例中,还包括:接收用于配置自定义布局模板的操作;显示布局配置窗口;所述布局配置窗口用于配置自定义布局模板;所述布局配置窗口包括可选元素样本区域以及配置区域;所述可选元素样本区域中包含多种类别的元素样本;所述配置区域为所述布局配置窗口中用于配置元素样本布局样式的区域。在其中一个实施例中,所述方法还包括:接收作用于所述可选元素样本区域的元素样本的选择操作;在所述配置区域中添加被选择的元素样本;接收作用于所述配置区域中的元素样本的移动操作;在所述配置区域内移动目标元素样本,所述目标元素样本为所述移动操作事件针对的元素样本;接收保存自定义布局模板的操作,保存通过所述布局配置窗口配置的自定义布局模板。在其中一个实施例中,所述接收作用于所述可选元素样本区域的元素样本的选择操作,在所述配置区域中添加被选择的元素样本,包括:接收作用于所述可选元素样本区域的元素样本的点击操作,在所述配置区域中添加被点击的元素样本。在其中一个实施例中,所述保存通过所述布局配置窗口配置的自定义布局模板,包括:获取所述配置区域中元素样本的布局样式;根据所述布局样式生成自定义布局模板;将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中。在其中一个实施例中,所述获取配置区域中元素样本的布局样式,包括:获取所述配置区域中元素样本的关联网格的第一分布信息;所述关联网格为所述配置区域中元素样本的最小外包矩形区域对应的网格;获取所述配置区域中元素样本的第二分布信息,所述第二分布信息包括元素样本的数量、各元素样本的类别及其对应的网格信息;根据所述第一分布信息以及所述第二分布信息,得到所述元素样本的布局样式。在其中一个实施例中,所述将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中,包括:将所述自定义布局模板按照xml格式保存至所述当前登陆用户对应的布局模板库。在其中一个实施例中,所述布局配置窗口还包括模板列表区域;在将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中之后还包括:在所述模板列表区域中显示所述自定义布局模板的信息。在其中一个实施例中,在将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中之后还包括:关闭所述布局配置窗口。在其中一个实施例中,所述获取待布局元素,包括:接收作用在页面中的区域选定操作,得到选定区域;获取所述选定区域中的元素,作为待布局元素。在其中一个实施例中,所述将所述待布局元素按照目标布局样式显示在页面中,包括:将所述待布局元素按照所述目标布局样式显示在页面中的目标区域;所述目标区域为整个页面区域中的局部区域。在其中一个实施例中,所述局部区域为页面中待布局元素的最小外包矩形区域;或者,所述局部区域为所述选定区域。在其中一个实施例中,所述将所述待布局元素按照目标布局样式显示在页面中的目标区域,包括:将所述目标区域划分为多个子区;所述子区的分布与所述目标布局模板中元素样本的关联网格的分布一致;所述关联网格为目标布局模板中所述元素样本的最小外包矩形区域对应的网格;将所述待布局元素显示到所述多个子区,每个子区中显示的待布局元素的类别与所述目标布局模板中对应网格的元素样本的类别一致。在其中一个实施例中,所述多个子区的尺寸相同。在其中一个实施例中,在各子区中,将所述待布局元素以居中方式显示。在其中一个实施例中,所述将所述待布局元素按照目标布局样式显示在页面中之前,还包括:获取所述待布局元素的数量和类别;判断所述目标布局模板包含的元素样本的类别和数量是否与待布局元素中包含的类别和数量对应,若是,将所述待布局元素按照目标布局样式显示在页面中。在其中一个实施例中,所述待布局元素包含的元素类别包括文本、图像、音频、视频、flash中至少两项。第二方面,提供一种多元素布局的装置,包括:元素获取模块,用于接收用于选择页面中元素的第一操作,将所述第一操作选中的元素作为待布局元素,所述待布局元素包含多个类别的元素;事件检测模块,用于接收用于选择自定义布局模板的第二操作;布局处理模块,用于将所述待布局元素按照目标布局样式显示在页面中;所述目标布局样式为目标布局模板中元素样本的布局样式;所述目标布局模板为所述第二操作选择的自定义布局模板;所述目标布局模板中包含的元素样本的类别与待布局元素中包含的类别一一对应,且目标布局模板中各类别的元素样本的数量与待布局元素中对应类别的元素的数量相同。在其中一个实施例中,还包括:窗口显示模块,用于接收用于配置自定义布局模板的操作,显示布局配置窗口;所述布局配置窗口用于自定义所述目标布局模板;所述布局配置窗口包括可选元素样本区域以及配置区域;所述可选元素样本区域中包含多种类别的元素样本;所述配置区域为所述布局配置窗口中用于配置元素样本布局样式的区域。在其中一个实施例中,所述装置还包括:元素样本添加模块,用于接收作用于所述可选元素样本区域的元素样本的选择操作,在所述配置区域中添加被选择的元素样本;元素样本移动模块,用于接收作用于所述配置区域中的元素样本的移动操作,在所述配置区域内移动目标元素样本,所述目标元素样本为所述移动操作事件针对的元素样本;模板保存模块,用于接收保存自定义布局模板的操作,保存通过所述布局配置窗口配置的自定义布局模板。在其中一个实施例中,所述模板保存模块进一步包括:样式获取模块,用于获取所述配置区域中元素样本的布局样式;模板生成模块,用于根据所述布局样式生成自定义布局模板;模板保存模块,用于将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中。在其中一个实施例中,所述样式获取模块,进一步包括:第一分布获取单元,用于获取所述配置区域中元素样本的关联网格的第一分布信息;所述关联本文档来自技高网...

【技术保护点】
1.一种多元素布局的方法,其特征在于,包括:接收用于选择页面中元素的第一操作,将所述第一操作选中的元素作为待布局元素,所述待布局元素包含多个类别的元素;接收用于选择自定义布局模板的第二操作;将所述待布局元素按照目标布局样式显示在页面中;所述目标布局样式为目标布局模板中元素样本的布局样式;所述目标布局模板为所述第二操作选择的自定义布局模板;所述目标布局模板中包含的元素样本的类别与待布局元素中包含的类别一一对应,且目标布局模板中各类别的元素样本的数量与待布局元素中对应类别的元素的数量相同。

【技术特征摘要】
1.一种多元素布局的方法,其特征在于,包括:接收用于选择页面中元素的第一操作,将所述第一操作选中的元素作为待布局元素,所述待布局元素包含多个类别的元素;接收用于选择自定义布局模板的第二操作;将所述待布局元素按照目标布局样式显示在页面中;所述目标布局样式为目标布局模板中元素样本的布局样式;所述目标布局模板为所述第二操作选择的自定义布局模板;所述目标布局模板中包含的元素样本的类别与待布局元素中包含的类别一一对应,且目标布局模板中各类别的元素样本的数量与待布局元素中对应类别的元素的数量相同。2.根据权利要求1所述的方法,其特征在于,还包括:接收用于配置自定义布局模板的操作,显示布局配置窗口;所述布局配置窗口用于配置自定义布局模板;所述布局配置窗口包括可选元素样本区域以及配置区域;所述可选元素样本区域中包含多种类别的元素样本;所述配置区域为所述布局配置窗口中用于配置元素样本布局样式的区域。3.根据权利要求2所述的方法,其特征在于,所述方法还包括:接收作用于所述可选元素样本区域的元素样本的选择操作,在所述配置区域中添加被选择的元素样本;接收作用于所述配置区域中的元素样本的移动操作,在所述配置区域内移动目标元素样本,所述目标元素样本为所述移动操作事件针对的元素样本;接收保存自定义布局模板的操作,保存通过所述布局配置窗口配置的自定义布局模板。4.根据权利要求3所述的方法,其特征在于,所述接收作用于所述可选元素样本区域的元素样本的选择操作,在所述配置区域中添加被选择的元素样本,包括:接收作用于所述可选元素样本区域的元素样本的点击操作,在所述配置区域中添加被点击的元素样本。5.根据权利要求3所述的方法,其特征在于,所述保存通过所述布局配置窗口配置的自定义布局模板,包括:获取所述配置区域中元素样本的布局样式;根据所述布局样式生成自定义布局模板;将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中。6.根据权利要求5所述的方法,其特征在于,所述获取配置区域中元素样本的布局样式,包括:获取所述配置区域中元素样本的关联网格的第一分布信息;所述关联网格为所述配置区域中元素样本的最小外包矩形区域对应的网格;获取所述配置区域中元素样本的第二分布信息,所述第二分布信息包括元素样本的数量、各元素样本的类别及其对应的网格信息;根据所述第一分布信息以及所述第二分布信息,得到所述元素样本的布局样式。7.根据权利要求6所述的方法,其特征在于,所述将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中,包括:将所述自定义布局模板按照xml格式保存至所述当前登陆用户对应的布局模板库。8.根据权利要求6所述的方法,其特征在于,所述布局配置窗口还包括模板列表区域;在将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中之后还包括:在所述模板列表区域中显示所述自定义布局模板的信息。9.根据权利要求6所述的方法,其特征在于,在将所述自定义布局模板保存至所述当前登陆用户对应的布局模板库中之后还包括:关闭所述布局配置窗口。10.根据权利要求1所述的方法,其特征在于,所述获取待布局元素,包括:接收作用在页面中的区域选定操作,得到选定区域;获取所述选定区域中的元素,作为待布局元素。11.根据权利要求10所述的方法,其特征在于,所述将所述待布局元素按照目标布局样式显示在页面中,包括:将所述待布局元素按照所述目标布局样式显示在页面中的目标区域;所述目标区域为整个页面区域中的局部区域。12.根据权利要求11所述的方法,其特征在于,所述局部区域为页面中待布局元素的最小外包矩形区域;或者,所述局部区域为所述选定区域。13.根据权利要求11所述的方法,其特征在于,所述将所述待布局元素按照目标布局样式显示在页面中的目标区域,包括:将所述目标区域划分为多个子区;所述子区的分布与所述目标布局模板中元素样本的关联网格的分布一致;所述关联网格为目标布局模板中所述元素样本的最小外包矩形区域对应的网格;将所述待布局元素显示到所述多个子区,每个子区中显示的待布局元素的类别与所述目标布局模板中对应网格的元素样本的类别一致。14.根据权利要求13所述的方法,其特征在于,所述多个子区的尺寸相同。15.根据权利要求13所述的方法,其特征在于,还包括:在各子区中,将所述待布局元素以居中方式显示。16.根据权利...

【专利技术属性】
技术研发人员:张强
申请(专利权)人:广州视源电子科技股份有限公司广州视睿电子科技有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1