网页中组件设计方法及装置与流程

文档序号:12121614阅读:来源:国知局

技术特征:

1.一种网页中组件设计方法,其特征在于,所述方法包括:

调用预先存储的隔离层和待设计网页;

使所述隔离层覆盖所述待设计网页;

接收用户在所述隔离层上对所述待设计网页进行编辑操作的操作指令;

根据所述操作指令编辑所述待设计网页。

2.根据权利要求1所述的方法,其特征在于,使所述隔离层覆盖所述待设计网页,包括:

按照所述待设计网页的尺寸调整所述隔离层的尺寸,使尺寸调整后的所述隔离层位于所述待设计网页上方,覆盖所述待设计网页。

3.根据权利要求1所述的方法,其特征在于,所述操作指令携带有用户在所述隔离层上点击所述待设计网页中的组件的点击位置坐标和用户发送的组件编辑参数,根据所述操作指令编辑所述待设计网页,包括:

获取所述待设计网页中各个所述组件之间的层级关系和各个所述组件的平面坐标范围信息;

在各个所述组件中,确定所述平面坐标范围信息包含所述点击位置坐标且所述层级关系排序最前的一个所述组件作为目标组件;

根据所述组件编辑参数编辑所述目标组件。

4.根据权利要求3所述的方法,其特征在于,获取所述待设计网页中各个所述组件之间的层级关系,包括:

递归所述待设计网页的部件树,根据所述部件树中各个部件的层级属性确定各个所述部件之间的层级关系,记为父层级关系,其中,所述部件包括容器和所述组件,所述容器中嵌套有至少一个组件;

遍历各个所述容器,获取所述容器嵌套的各个所述组件在所述容器内的层级关系,记为所述容器的子层级关系;

将所有所述容器的所述子层级关系引入到所述父层级关系相应的层级中,得到所述待设计网页中各个所述组件之间的层级关系。

5.根据权利要求3所述的方法,其特征在于,确定所述平面坐标范围信息包含所述点击位置坐标且所述层级关系排序最前的一个所述组件作为目标组件,包括:

查询包含所述点击位置坐标的所述平面坐标范围信息,选取查询到的所述平面坐标范围信息所属的组件;

将选取的所述组件中层级关系排序最前的所述组件作为目标组件。

6.根据权利要求3所述的方法,其特征在于,确定所述平面坐标范围信息包含所述点击位置坐标且所述层级关系排序最前的一个所述组件作为目标组件,包括:

按照所述层级关系由高到低的顺序遍历各个所述组件,将遍历到的首个包含所述点击位置坐标的所述平面坐标范围信息对应的组件作为目标组件。

7.根据权利要求1至6任一项所述的方法,其特征在于,所述方法还包括:

检测所述待设计网页的尺寸是否发生变化;

当检测到所述待设计网页的尺寸发生变化时,按照变化后的所述待设计网页的尺寸调整所述隔离层的尺寸。

8.一种网页中组件设计装置,其特征在于,所述装置包括:

调用模块,用于调用预先存储的隔离层和待设计网页;

覆盖模块,用于使所述隔离层覆盖所述待设计网页;

接收模块,用于接收用户在所述隔离层上对所述待设计网页进行编辑操作的操作指令;

编辑模块,用于根据所述操作指令编辑所述待设计网页。

9.根据权利要求8所述的装置,其特征在于,所述覆盖模块具体用于:

按照所述待设计网页的尺寸调整所述隔离层的尺寸,使尺寸调整后的所述隔离层位于所述待设计网页上方,覆盖所述待设计网页。

10.根据权利要求8或9所述的装置,其特征在于,所述装置还包括:

检测模块,用于检测所述待设计网页的尺寸是否发生变化;

调整模块,用于当检测到所述待设计网页的尺寸发生变化时,按照变化后的所述待设计网页的尺寸调整所述隔离层的尺寸。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1