[发明专利]一种实现网页模块吸附拖放的方法及系统

权利要求书

1、一种实现网页模块吸附拖放的方法，包括采取精确拖放模式，其特征在于，还包括采取吸附拖放模式，该吸附拖放模式的步骤包括：

a.将网页模块的可拖放空间进行页面网格初始化；

b.计算拖放前网页模块实际对齐的高度、宽度和坐标；

c.根据拖放前所述网页模块实际对齐的高度、宽度及坐标与拖放后所述网页模块移动坐标的差值，计算拖放后所述网页模块实际对齐的高度、宽度和坐标；及

d.根据拖放后所述网页模块实际对齐的高度、宽度和坐标，将拖放后的所述网页模块显示在页面上。

2、根据权利要求1所述的实现方法，其特征在于，所述步骤a包括：

a01.将网页模块的可拖放空间定义为至少一个以上拥有固定高度和宽度的格子，并获取每个所述格子的高度、宽度以及所述格子之间的间距；

a02.创建需要拖放的所述网页模块，并获取所述网页模块的高度、宽度、模块逻辑坐标以及拖放类型；

a03.判断用户对所述网页模块所采取的拖放类型：若采取所述吸附拖放模式，则执行所述步骤b；否则采取精确拖放模式。

3、根据权利要求1所述的实现方法，其特征在于，所述步骤c之前包括：

判断是否接收到用户开始对所述网页模块进行拖放的请求，若是，则建立与所述网页模块高度、宽度和坐标相等的参考对象，并执行所述步骤c；若否，则继续等待用户的操作请求。

4、根据权利要求3所述的实现方法，其特征在于，在执行所述步骤d之后包括：释放所述参考对象。

5、根据权利要求2所述的实现方法，其特征在于，计算所述网页模块实际对齐的高度、宽度及坐标的方法，该坐标包括纵向坐标和横向坐标，具体包括：

n>＝1时，模块吸附点所在的网格中的纵向第n个方格＝返回大于或等于其数字参数值的最小整数，其中，该数字参数值由下面这个式子算出：

模块逻辑纵向坐标/(格子高度+格子间距)；

n>＝1时，模块吸附点所在的网格中的横向第n个方格＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

模块逻辑横向坐标/(格子宽度+格子间距)；

n>＝1时，模块实际对齐的纵向坐标＝(吸附点所在的网格中的纵向第n个方格-1)X(格子宽度+格子间距)+格子间距；

n>＝1时，模块实际对齐的横向坐标＝(吸附点所在的网格中的横向第n个方格-1)X(格子宽度+格子间距)+格子间距；

模块实际对齐的宽度＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

(模块宽度/(格子宽度+格子间距))X(格子宽度+格子间距)-格子间距；

模块实际对齐的高度＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

(模块高度/(格子高度+格子间距))X(格子高度+格子间距)-格子间距。

6、一种实现网页模块吸附拖放的系统，包括获取需要拖放的网页模块、接收所述网页模块有关数据的接收模块以及对拖放后的所述网页模块进行显示的显示模块，其特征在于，还包括：

网格初始化模块，用于将网页模块的可拖放空间进行页面网格初始化；

计算模块，用于根据接收所述接收模块发来的数据，计算拖放前及拖放后的网页模块实际对齐的高度、宽度和坐标，并将计算拖放后网页模块实际对齐的高度、宽度和坐标发送给所述显示模块进行显示。

7、根据权利要求6所述的系统，其特征在于，所述网页模块的可拖放空间包括至少一个以上拥有固定高度和宽度的格子。

8、根据权利要求6所述的系统，其特征在于，所述接收模块包括：

判断单元，用于判断用户对所述网页模块所采取的拖放类型以及判断用户是否对所述网页模块进行拖放操作。

9、根据权利要求7所述的系统，其特征在于，所述接收模块所接收的数据具体包括：

每个所述格子的高度、宽度以及所述格子之间的间距；和

所述网页模块的高度、宽度、模块逻辑坐标以及拖放类型。

10、根据权力要求9所述的系统，其特征在于，所述计算模块的计算公式具体由以下式子定义：

n>＝1时，模块吸附点所在的网格中的纵向第n个方格＝返回大于或等于其数字参数值的最小整数，其中，该数字参数值由下面这个式子算出：

模块逻辑纵向坐标/(格子高度+格子间距)；

n>＝1时，模块吸附点所在的网格中的横向第n个方格＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

模块逻辑横向坐标/(格子宽度+格子间距)；

n>＝1时，模块实际对齐的纵向坐标＝(吸附点所在的网格中的纵向第n个方格-1)X(格子宽度+格子间距)+格子间距；

n>＝1时，模块实际对齐的横向坐标＝(吸附点所在的网格中的横向第n个方格-1)X(格子宽度+格子间距)+格子间距；

模块实际对齐的宽度＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

(模块宽度/(格子宽度+格子间距)X(格子宽度+格子间距)-格子间距；

模块实际对齐的高度＝返回大于或等于其数字参数的最小整数，其中，该数字参数值由下面这个式子算出：

(模块高度/(格子高度+格子间距))X(格子高度+格子间距)-格子间距。