[发明专利]一种组件编排的移动适配重排方法及装置

摘要

本发明公开了一种组件编排的移动适配重排方法及装置，包括需要进行编排的PC网站，还包括以下步骤：S1、获取PC网站的组件列表；S2、根据PC网站组件之间的交叉关系对组件进行重新分组得到组件集合和组件集合列表；S3、根据组件集合在PC网站的位置关系，使用组件排序算法对组件集合列表中的组件集合进行排序；S4、根据步骤S3确定的组件集合顺序进行重排。解决了网站生成器的组件类型相对比较单一，而面对类型丰富的组件时，按照网站生成器的单一重排规则，无法应对复杂的页面编排的问题。

主权项

1.一种组件编排的移动适配重排方法，包括需要进行编排的PC网站，其特征在于：还包括以下步骤：/nS1、获取PC网站的组件列表；/nS2、根据PC网站组件之间的关系对组件进行重新分组得到组件集合和组件集合列表；/nS3、根据组件集合在PC网站的位置关系，使用组件排序算法对组件集合列表中的组件集合进行排序；/nS4、根据步骤S3确定的组件集合顺序进行重排；/n步骤S3中根据组件集合在PC网站的位置关系，使用组件排序算法对组件集合列表中的组件集合进行排序的方法为：根据组件集合在PC网站界面上与用户浏览的视觉原点的距离进行排序，离原点越近的组件，排序越靠前；/n所述根据组件集合在PC网站界面上与用户浏览的视觉原点的距离进行排序的方法包括以下步骤：/nS301、将PC网站界面的画布区域拆分成多个等高的横条区域，每个区域的宽度是画布宽度；/nS302、遍历所有组件集合，判断组件集合的上边框位于步骤S301的哪个横条区域，根据组件集合位于的横条区域对组件进行分组排序，靠上横条区域的组件集合顺序都高于靠下横条区域的组件集合；/nS303、对于任一横条区域内的组件集合，以横条区域中轴上顶点作为原点，遍历该横条区域内所有组件集合，判断组件集合到原点的距离，按照距离大小的顺序进行排序，距离越小的排序越靠前；/n步骤S303中判断组件集合到原点的距离的方法为：判断组件集合与横条区域中轴的关系，若组件集合完全位于横条区域中轴的右边，则计算组件左上角到原点的距离；若组件集合横跨中轴或者完全位于中轴左边，则计算组件右上角到原点的距离。/n