[发明专利]一种网格布局调整方法及装置

说明书

本发明公开了一种网格布局调整方法及装置，在获取到针对网页中网格组件的第一操作后，如果第一操作为更改网页的网格布局的操作，则基于第一操作的开始操作位置，确定第一操作对应的目标网格组件，控制承载目标网格组件的目标容器带动目标网格组件执行第一操作，以通过第一操作对目标网格组件进行调整，而目标网格组件通过第一操作被调整后意味着网页的网格布局被更改，由此在无需修改网格布局对应的程序代码的情况下实现对网格布局的调整。

技术领域

本发明涉及网页处理技术领域，尤其涉及一种网格布局调整方法及装置。

背景技术

网格布局是目前网页布局常采用的一种布局方式，通过网格布局将网页按照行列进行分割以将网页分割成多个独立区域，从而使得网页布局规整、排布美观。但是目前网格布局是一种静态布局，网格之间没有交互，若更改网格布局则需要修改实现网格布局的程序代码。

发明内容

鉴于上述问题，本发明提供一种克服上述问题或者至少部分地解决上述问题的网格布局调整方法及装置，用于在无需修改网格布局对应的程序代码的情况下更改网格布局。技术方案如下：

本发明提供一种网格布局调整方法，所述方法包括：

获取针对网页中网格组件的第一操作；

如果所述第一操作为更改所述网页的网格布局的操作，基于所述第一操作的开始操作位置，确定所述第一操作对应的目标网格组件；

控制承载所述目标网格组件的目标容器带动所述目标网格组件执行所述第一操作，以通过执行所述第一操作更改所述网页的网格布局。

优选的，所述控制承载所述目标网格组件的目标容器带动所述目标网格组件执行所述第一操作，包括：

如果所述第一操作为拖拽操作，获取所述拖拽操作的结束操作位置；

控制所述目标容器将所述目标网格组件从所述开始操作位置移动至所述结束操作位置；

如果所述结束操作位置有网格组件，基于预设操作对所述网格组件进行调整。

优选的，所述如果所述结束操作位置有网格组件，基于预设操作对所述网格组件进行调整，包括：

如果所述结束操作位置有网格组件，将所述网格组件向下移动至所述目标网格组件与所述网格组件没有重叠；

在任一所述网格组件向下移动之后执行以下步骤直至所述网格组件移动到的位置没有其他网格组件：判断所述网格组件移动到的位置是否有网格组件；如果有网格组件则将该网格组件向下移动至该网格组件与上一次移动的网格组件之间没有重叠；

如果在任一所述网格组件向下移动过程中，所述网格组件移动到的位置超出所述网页的尺寸，则增大所述网页的尺寸。

优选的，所述如果所述结束操作位置有网格组件，基于预设操作对所述网格组件进行调整，包括：

如果所述结束操作位置有网格组件，将所述网格组件向下移动至所述目标网格组件与所述网格组件没有重叠；

在任一所述网格组件向下移动之后执行以下步骤直至所述网格组件移动到的位置没有其他网格组件：判断所述网格组件移动到的位置是否有网格组件；如果有网格组件则将该网格组件向下移动至该网格组件与上一移动的网格组件之间没有重叠；

如果在任一所述网格组件向下移动过程中，所述网格组件移动到的位置超出所述网页的尺寸，则缩小向下移动的任一所述网格组件的尺寸。

优选的，所述方法还包括：

在从所述开始操作位置移动所述目标网格组件至所述结束操作位置的过程中，判断移动到的位置是否有网格组件；