以瀑布流方式显示图片的方法、系统、设备和存储介质技术方案

本发明专利技术涉及图片显示技术领域，提供一种以瀑布流方式显示图片的方法、系统、设备和存储介质。本发明专利技术的方法应用于移动终端，包括：根据图片查看请求获取待显示图片列表；沿屏幕的第一方向生成流动通道，每列流动通道沿第二方向线性排列多个图片流动位，每个图片流动位显示一张待显示图片；实时检测移动终端的姿势，获得沿第二方向指向屏幕靠近水平面的一侧边的流动方向；每列流动通道中的图片流动位按初始的运动速度沿流动方向运动；实时获取移动终端基于水平面的倾斜角度，根据倾斜角度调整流动通道的列数和/或图片流动位的运动速度。本发明专利技术能使图片瀑布流随使用者与移动终端之间的交互而自动调整，图片显示更加灵活，优化交互体验。

Method, System, Equipment and Storage Media for Displaying Pictures by Waterfall Flow

【技术实现步骤摘要】
以瀑布流方式显示图片的方法、系统、设备和存储介质
本专利技术涉及图片显示
，具体地说，涉及一种以瀑布流方式显示图片的方法、系统、设备和存储介质。
技术介绍
当用户浏览大量图片时，相较于传统的网格视图、列表视图等图片静态显示方式，瀑布流方式以图片动态显示方式，如瀑布般按照一定速度自动加载显示图片，用户无需手动翻页，提升了便捷性。但现有的瀑布流方式，图片流动速度固定，无法根据使用需求自动调整图片的流动速度等参数，造成交互体验较差。需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本专利技术的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
针对现有技术中的问题，本专利技术提供一种以瀑布流方式显示图片的方法、系统、设备和存储介质，以实现图片瀑布流随使用者与移动终端之间的交互而自动调整，图片显示更加灵活，优化交互体验。根据本专利技术的一个方面，提供一种以瀑布流方式显示图片的方法，应用于移动终端，所述方法包括：根据图片查看请求，获取待显示图片列表；沿所述移动终端的屏幕的第一方向生成至少一列流动通道，每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位，每个所述图片流动位显示所述待显示图片列表中的一张待显示图片，所述第二方向垂直于所述第一方向；实时检测所述移动终端的姿势，获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向；每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动；以及，实时获取所述移动终端基于水平面的倾斜角度，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。优选地，上述的方法中，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度，包括：随所述倾斜角度增大，增加所述流动通道的列数，和/或，增大所述图片流动位的运动速度；随所述倾斜角度减小，减少所述流动通道的列数，和/或，减小所述图片流动位的运动速度。优选地，上述的方法还包括：随所述倾斜角度增大，对所述待显示图片列表中的部分待显示图片进行加载显示，部分待显示图片进行消减显示。优选地，上述的方法中，对所述待显示图片列表中的部分待显示图片进行加载显示，部分待显示图片进行消减显示，包括：遍历所述待显示图片列表中的待显示图片，获得每张待显示图片的拍摄时间和GPS定位信息，将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组；对每个所述图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示，所述图片组中剩余待显示图片进行消减显示。优选地，上述的方法中，所述加载显示包括：加载待显示图片的全部内容和原始清晰度；所述消减显示包括：隐藏待显示图片的全部内容，隐藏待显示图片的部分内容和/或降低待显示图片的清晰度。优选地，上述的方法还包括：实时检测所述移动终端的晃动；当检测所得晃动数据匹配第一区间，恢复所述待显示图片列表中的全部待显示图片的加载显示；当检测所得晃动数据匹配第二区间，恢复初始的流动通道的列数和初始的图片流动位的运动速度。优选地，上述的方法中，通过所述移动终端的一个或多个运动传感器检测所述移动终端的姿势、倾斜角度和晃动，所述运动传感器包括：角速度传感器、重力传感器、方向传感器和加速度传感器。优选地，上述的方法中，当所述移动终端竖屏时，所述第一方向沿所述屏幕的宽度方向，所述第二方向沿所述屏幕的长度方向；当所述移动终端横屏时，所述第一方向沿所述屏幕的长度方向，所述第二方向沿所述屏幕的宽度方向。根据本专利技术的另一个方面，提供一种以瀑布流方式显示图片的系统，配置于移动终端，所述系统包括：图片获取模块，用于根据图片查看请求，获取待显示图片列表；初始加载模块，用于沿所述移动终端的屏幕的第一方向生成至少一列流动通道，每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位，每个所述图片流动位显示所述待显示图片列表中的一张待显示图片，所述第二方向垂直于所述第一方向；流动方向检测模块，用于实时检测所述移动终端的姿势，获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向；初始驱动模块，用于驱动每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动；以及实时调整模块，用于实时获取所述移动终端基于水平面的倾斜角度，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。根据本专利技术的一个方面，提供一种以瀑布流方式显示图片的设备，包括：处理器；以及存储器，用于存储可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述的以瀑布流方式显示图片的方法的步骤。根据本专利技术的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的以瀑布流方式显示图片的方法的步骤。本专利技术与现有技术相比的有益效果在于：本专利技术根据移动终端的姿势获取图片瀑布流的流动方向，方便不同使用者查看图片；至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度，使图片瀑布流随使用者与移动终端之间的交互而自动调整，图片显示更加灵活，优化交互体验。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1示出本专利技术实施例中，一种以瀑布流方式显示图片的方法的步骤示意图；图2示出本专利技术实施例中，当移动终端竖屏时以瀑布流方式显示图片的页面示意图；图3示出本专利技术实施例中，当移动终端横屏时以瀑布流方式显示图片的页面示意图；图4示出本专利技术实施例中，获得图片瀑布流的流动方向和移动终端的倾斜角度的示意图；图5示出本专利技术实施例中，随移动终端的倾斜角度增大，调整流动通道的列数/图片流动位的运动速度的页面示意图；图6示出本专利技术实施例中，随移动终端的倾斜角度减小，调整流动通道的列数/图片流动位的运动速度的页面示意图；图7示出本专利技术实施例中，随移动终端的倾斜角度增大，部分图片加载显示部分图片消减显示的页面示意图；图8示出本专利技术实施例中，一种以瀑布流方式显示图片的系统的结构示意图；图9示出本专利技术实施例中，一种以瀑布流方式显示图片的设备的结构示意图；图10示出本专利技术实施例中，一种计算机可读存储介质的示意图。具体实施方式现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的实施方式。相反，提供这些实施方式使得本专利技术将全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的结构，因而将省略对它们的重复描述。本专利技术的以瀑布流方式显示图片的方法应用于移动终端，主要指智能手机。图1示出实施例中以瀑布流方式显示图片的方法的主要步骤。参照图1所示，在一些实施例中，本专利技术的以瀑布流方式显示图片的方法包括：步骤S10、根据图片查看请求，获取待显示图片列表。图片查看请求可以由移动终端的使用者发起，也可以由与移动终端通信的电子设备的使用者发起。图片查看请求可以是查询网页上的特定或不特定图片的请求本文档来自技高网...

【技术保护点】
1.一种以瀑布流方式显示图片的方法，应用于移动终端，其特征在于，所述方法包括：根据图片查看请求，获取待显示图片列表；沿所述移动终端的屏幕的第一方向生成至少一列流动通道，每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位，每个所述图片流动位显示所述待显示图片列表中的一张待显示图片，所述第二方向垂直于所述第一方向；实时检测所述移动终端的姿势，获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向；每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动；以及实时获取所述移动终端基于水平面的倾斜角度，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。

【技术特征摘要】
1.一种以瀑布流方式显示图片的方法，应用于移动终端，其特征在于，所述方法包括：根据图片查看请求，获取待显示图片列表；沿所述移动终端的屏幕的第一方向生成至少一列流动通道，每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位，每个所述图片流动位显示所述待显示图片列表中的一张待显示图片，所述第二方向垂直于所述第一方向；实时检测所述移动终端的姿势，获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向；每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动；以及实时获取所述移动终端基于水平面的倾斜角度，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。2.如权利要求1所述的方法，其特征在于，根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度，包括：随所述倾斜角度增大，增加所述流动通道的列数，和/或，增大所述图片流动位的运动速度；随所述倾斜角度减小，减少所述流动通道的列数，和/或，减小所述图片流动位的运动速度。3.如权利要求1所述的方法，其特征在于，所述方法还包括：随所述倾斜角度增大，对所述待显示图片列表中的部分待显示图片进行加载显示，部分待显示图片进行消减显示。4.如权利要求3所述的方法，其特征在于，对所述待显示图片列表中的部分待显示图片进行加载显示，部分待显示图片进行消减显示，包括：遍历所述待显示图片列表中的待显示图片，获得每张待显示图片的拍摄时间和GPS定位信息，将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组；对每个所述图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示，所述图片组中剩余待显示图片进行消减显示。5.如权利要求3所述的方法，其特征在于，所述加载显示包括：加载待显示图片的全部内容和原始清晰度；所述消减显示包括：隐藏待显示图片的全部内容，隐藏待显示图片的部分内容和/或降低待显示图片的清晰度。6.如权利要求3所述的方法，其特征在于，所述方法还包...

【专利技术属性】
技术研发人员：黄君，
申请(专利权)人：携程旅游信息技术上海有限公司，
类型：发明
国别省市：上海,31