【技术实现步骤摘要】
本专利技术属于分页布局管理，具体地涉及一种网格布局分页方法及装置。
技术介绍
1、在现代网页设计中，网格列表布局成为了一个非常常见的布局模式，它可以帮助我们轻松地创建出漂亮的网页，让内容清晰地排列在网页中。
2、现有的网格列表布局方法可以实现每个列表项所占区域大小相同及每个列表项可以占几列，但无法确定每页可以显示的列表项数，且实现每个列表项在每页所占区域大小相同的方法较为复杂。
技术实现思路
1、为了解决现有方法现有网格列表布局方法不能实实现分页列表滚动翻页的需求和分页列表动态改变方法复杂的问题，本专利技术提供一种网格布局分页方法及装置,其在分页列表中每页需要显示指定个数的列表项，且每个列表项在每页所占区域大小相同的布局方式简单。
2、本专利技术的目的通过以下技术方案来实现：
3、本专利技术第一方面提供一种网格布局分页方法，包括以下步骤：
4、响应于检测到滑动触发分页列表的触摸事件，根据所述触摸事件计算滚动距离及方向；
5、根据所述滚动距离及方向确定出目标锚点及目标锚点在分页列表中位置；
6、根据接收到的行数、列数绘制所述目标锚点所在页面的元素并实现分页标识更新。
7、本专利技术第二方面提供一种网格布局分页装置，包括：平滑滚动类组件、分页对齐辅助类组件和网格布局分页管理类组件，
8、所述平滑滚动类组件用于响应于检测到滑动触发分页列表的触摸事件，计算滚动到目标页面时目标元素完全显示出来需要
9、所述分页对齐辅助类组件用于根据滚动的距离及方向、分页锚点列表确定出目标锚点及目标锚点位置，计算滚动到目标锚点的距离；
10、所述网格布局分页管理类组件用于根据接收到的行数、列数绘制所述目标锚点所在页面的元素并实现分页标识更新。
11、本专利技术与现有技术相比，至少具有以下优点和有益效果：
12、本专利技术的在分页列表中每页需要显示指定个数的列表项，且每个列表项在每页所占区域大小相同的布局方式，方法简单。
本文档来自技高网...【技术保护点】
1.一种网格布局分页方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种网格布局分页方法，其特征在于：所述根据所述触摸事件计算滚动距离及方向包括：
3.根据权利要求2所述的一种网格布局分页方法，其特征在于：所述根据滚动矢量确定当前需要滚动的距离和方向之后还包括：
4.根据权利要求1所述的一种网格布局分页方法，其特征在于：所述根据所述滚动距离及方向确定出目标锚点及目标锚点在分页列表中位置，包括：
5.根据权利要求4所述的一种网格布局分页方法，其特征在于：所述确定目标锚点包括：
6.根据权利要求4所述的一种网格布局分页方法，其特征在于：所述根据所述目标锚点计算滚动到目标锚点的滚动距离，包括：
7.根据权利要求4所述的一种网格布局分页方法，其特征在于：所述根据锚点列表及滚动方向确定出目标锚点在分页列表中位置，包括：
8.根据权利要求7所述的一种网格布局分页方法，其特征在于：所述根据2个锚点的位置及滚动距离、滚动方向确定出目标锚点在分页列表中位置，包括：
9.根据权利要求1所述的一种
10.一种网格布局分页装置，其特征在于，包括：平滑滚动类组件、分页对齐辅助类组件和网格布局分页管理类组件，
...【技术特征摘要】
1.一种网格布局分页方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的一种网格布局分页方法，其特征在于：所述根据所述触摸事件计算滚动距离及方向包括：
3.根据权利要求2所述的一种网格布局分页方法，其特征在于：所述根据滚动矢量确定当前需要滚动的距离和方向之后还包括：
4.根据权利要求1所述的一种网格布局分页方法，其特征在于：所述根据所述滚动距离及方向确定出目标锚点及目标锚点在分页列表中位置，包括：
5.根据权利要求4所述的一种网格布局分页方法，其特征在于：所述确定目标锚点包括：
6.根据权利要求4所述的一种网格布局分页方法，其特征在...
【专利技术属性】
技术研发人员：徐建保，
申请(专利权)人：弘成科技发展有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。