[发明专利]页面模板自适应调整的方法和装置

说明书

本发明公开了一种页面模板自适应调整的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：对页面模板进行区域划分，每个区域包括不少于一个元素；对每个区域，当发生元素位置变更时，将发生位置变更的第一元素与区域包括的剩余元素分别进行位置比较，并对第一元素及与其相交的第二元素进行位置调整直至第一元素与任一剩余元素均不相交；将第二元素作为发生位置变更的元素，并按照上一步骤中进行位置调整的方法对元素进行位置调整，直至区域包括的所有元素均不相交；根据调整后的元素的位置信息来调整区域的高度，并根据区域的高度进行模板自适应调整。该实施方式对元素的操作更为方便，可以对页面模板上的元素位置进行自适应调整。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面模板自适应调整的方法和装置。

背景技术

随着计算机技术的不断发展，互联网新技术的不断推进，再加上人工智能的加持，各个业务的人工智能化系统也是百花齐放。通常，在进行业务系统开发时，前端的人工智能化系统可能会包括文本、图片、视频以及各种可视化数据等等，可以使得用户通过人工智能化系统更好更全面地了解到自己想要的信息。

在前端页面模板的设计过程中，设计师可以通过点击或者拖拽在画板上添加元素，并对画板上的元素内容进行排版。通常在模版设计的过程中，需要设计师手动调整元素位置，并没有实现自适应的处理。具体地，如图1所示，图1是现有技术当页面中增加元素时的处理方式示意图，其中，在页面模板设计过程中，出于技术和性能的考量，通常设计师进行点击添加元素的时候，元素会出现在固定的位置。如果设计师对画板中的元素进行拖拽，通常也不会影响到画板中其他元素的位置。在拖拽的过程中，可能会出现元素遮挡的情况，需要设计师手动调整元素位置，对受到影响的元素再进行移动处理。在模版元素较多的情况下，如果对位置靠前或靠上的元素进行拖拽等变更位置，设计师需要对该元素后面的较多元素逐个进行手动处理，会有比较大的工作量。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

第一：在设计模版的过程中，初始添加元素的时候，元素位置是固定在上方的，每次新添加元素都需要进行位置移动，在区域较高内容较多的时候，需要滚动到页面顶部把元素拖拽下来并进行进一步的调整；

第二：在调整元素位置的过程中，如果元素下方的元素较多，设计师需要对所有受到遮挡的元素手动的调整位置，每一个调整都有可能影响到位于下方的元素，工作量会比较大。

发明内容

有鉴于此，本发明实施例提供一种页面模板自适应调整的方法和装置，能够实现在移动页面元素时，仅需与区域内的元素位置进行比对，从而使得对元素的操作更为方便，并且可以对页面模板上的元素位置进行自适应调整，无需再手动调整元素位置，节省了大量的人力和时间成本。

为实现上述目的，根据本发明实施例的一个方面，提供了一种页面模板自适应调整的方法。

一种页面模板自适应调整的方法，包括：对页面模板进行区域划分，每个区域包括不少于一个元素；对每个区域，当发生元素位置变更时，将发生位置变更的第一元素与所述区域包括的除所述第一元素外的剩余元素分别进行位置比较，并对所述第一元素及与其相交的第二元素进行位置调整直至所述第一元素与任一所述剩余元素均不相交；将所述第二元素作为发生位置变更的元素，并按照上一步骤中进行位置调整的方法对元素进行位置调整，直至所述区域包括的所有元素均不相交；根据调整后的元素的位置信息来调整所述区域的高度，并根据所述区域的高度进行模板自适应调整。

可选地，所述位置调整为将所述第一元素和所述第二元素两者中位置靠下的元素向下移动。

可选地，将发生位置变更的第一元素与所述区域包括的除所述第一元素外的剩余元素分别进行位置比较包括：将所述剩余元素按照位置信息由上到下进行排序；将所述第一元素与排序后的剩余元素分别进行位置比较。