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

权利要求书

1.一种网格布局调整方法，其特征在于，所述方法包括：

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述控制承载所述目标网格组件的目标容器带动所述目标网格组件执行所述第一操作，包括：

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

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

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

3.根据权利要求2所述的方法，其特征在于，所述如果所述结束操作位置有网格组件，基于预设操作对所述网格组件进行调整，包括：

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

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

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

4.根据权利要求2所述的方法，其特征在于，所述如果所述结束操作位置有网格组件，基于预设操作对所述网格组件进行调整，包括：

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

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

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

5.根据权利要求2至4任意一项所述的方法，其特征在于，所述方法还包括：

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

如果有网格组件将所述网格组件向下移动，并且在所述目标网格组件移出该网格组件所处的初始位置后将所述网格组件移至所述初始位置；或者，如果有网格组件将所述目标网格组件与所述网格组件重叠显示。

6.根据权利要求1至4任意一项所述的方法，其特征在于，所述方法还包括：

如果所述第一操作为拖拽操作，生成一个与所述目标网格组件的尺寸匹配的背景图像；

在从所述开始操作位置移动所述目标网格组件至结束操作位置的过程中，控制所述背景图像随所述目标网格组件移动但禁止所述背景图像跨网格移动；

在所述目标网格组件移动至所述结束操作位置时释放所述背景图像。

7.根据权利要求1所述的方法，其特征在于，所述控制承载所述目标网格组件的目标容器带动所述目标网格组件执行所述第一操作，包括：

如果所述第一操作为尺寸调整操作，获取所述尺寸调整操作的结束操作位置；

基于所述开始操作位置和所述结束操作位置，控制所述目标容器对所述目标网格组件的尺寸进行调整；

如果所述结束操作位置有网格组件，缩小所述网格组件的尺寸或移动所述网格组件，至所述目标网格组件和所述网格组件完整显示且没有重叠。