CN110187781B - 以瀑布流方式显示图片的方法、系统、设备和存储介质 - Google Patents
以瀑布流方式显示图片的方法、系统、设备和存储介质 Download PDFInfo
- Publication number
- CN110187781B CN110187781B CN201910463136.9A CN201910463136A CN110187781B CN 110187781 B CN110187781 B CN 110187781B CN 201910463136 A CN201910463136 A CN 201910463136A CN 110187781 B CN110187781 B CN 110187781B
- Authority
- CN
- China
- Prior art keywords
- picture
- displayed
- flow
- pictures
- mobile terminal
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0346—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及图片显示技术领域,提供一种以瀑布流方式显示图片的方法、系统、设备和存储介质。本发明的方法应用于移动终端,包括:根据图片查看请求获取待显示图片列表;沿屏幕的第一方向生成流动通道,每列流动通道沿第二方向线性排列多个图片流动位,每个图片流动位显示一张待显示图片;实时检测移动终端的姿势,获得沿第二方向指向屏幕靠近水平面的一侧边的流动方向;每列流动通道中的图片流动位按初始的运动速度沿流动方向运动;实时获取移动终端基于水平面的倾斜角度,根据倾斜角度调整流动通道的列数和/或图片流动位的运动速度。本发明能使图片瀑布流随使用者与移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验。
Description
技术领域
本发明涉及图片显示技术领域,具体地说,涉及一种以瀑布流方式显示图片的方法、系统、设备和存储介质。
背景技术
当用户浏览大量图片时,相较于传统的网格视图、列表视图等图片静态显示方式,瀑布流方式以图片动态显示方式,如瀑布般按照一定速度自动加载显示图片,用户无需手动翻页,提升了便捷性。
但现有的瀑布流方式,图片流动速度固定,无法根据使用需求自动调整图片的流动速度等参数,造成交互体验较差。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
针对现有技术中的问题,本发明提供一种以瀑布流方式显示图片的方法、系统、设备和存储介质,以实现图片瀑布流随使用者与移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验。
根据本发明的一个方面,提供一种以瀑布流方式显示图片的方法,应用于移动终端,所述方法包括:根据图片查看请求,获取待显示图片列表;沿所述移动终端的屏幕的第一方向生成至少一列流动通道,每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位,每个所述图片流动位显示所述待显示图片列表中的一张待显示图片,所述第二方向垂直于所述第一方向;实时检测所述移动终端的姿势,获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向;每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动;以及,实时获取所述移动终端基于水平面的倾斜角度,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。
优选地,上述的方法中,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度,包括:随所述倾斜角度增大,增加所述流动通道的列数,和/或,增大所述图片流动位的运动速度;随所述倾斜角度减小,减少所述流动通道的列数,和/或,减小所述图片流动位的运动速度。
优选地,上述的方法还包括:随所述倾斜角度增大,对所述待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示。
优选地,上述的方法中,对所述待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示,包括:遍历所述待显示图片列表中的待显示图片,获得每张待显示图片的拍摄时间和GPS定位信息,将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组;对每个所述图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示,所述图片组中剩余待显示图片进行消减显示。
优选地,上述的方法中,所述加载显示包括:加载待显示图片的全部内容和原始清晰度;所述消减显示包括:隐藏待显示图片的全部内容,隐藏待显示图片的部分内容和/或降低待显示图片的清晰度。
优选地,上述的方法还包括:实时检测所述移动终端的晃动;当检测所得晃动数据匹配第一区间,恢复所述待显示图片列表中的全部待显示图片的加载显示;当检测所得晃动数据匹配第二区间,恢复初始的流动通道的列数和初始的图片流动位的运动速度。
优选地,上述的方法中,通过所述移动终端的一个或多个运动传感器检测所述移动终端的姿势、倾斜角度和晃动,所述运动传感器包括:角速度传感器、重力传感器、方向传感器和加速度传感器。
优选地,上述的方法中,当所述移动终端竖屏时,所述第一方向沿所述屏幕的宽度方向,所述第二方向沿所述屏幕的长度方向;当所述移动终端横屏时,所述第一方向沿所述屏幕的长度方向,所述第二方向沿所述屏幕的宽度方向。
根据本发明的另一个方面,提供一种以瀑布流方式显示图片的系统,配置于移动终端,所述系统包括:图片获取模块,用于根据图片查看请求,获取待显示图片列表;初始加载模块,用于沿所述移动终端的屏幕的第一方向生成至少一列流动通道,每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位,每个所述图片流动位显示所述待显示图片列表中的一张待显示图片,所述第二方向垂直于所述第一方向;流动方向检测模块,用于实时检测所述移动终端的姿势,获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向;初始驱动模块,用于驱动每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动;以及实时调整模块,用于实时获取所述移动终端基于水平面的倾斜角度,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度。
根据本发明的一个方面,提供一种以瀑布流方式显示图片的设备,包括:处理器;以及存储器,用于存储可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行上述的以瀑布流方式显示图片的方法的步骤。
根据本发明的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述的以瀑布流方式显示图片的方法的步骤。
本发明与现有技术相比的有益效果在于:
本发明根据移动终端的姿势获取图片瀑布流的流动方向,方便不同使用者查看图片;至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度,使图片瀑布流随使用者与移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出本发明实施例中,一种以瀑布流方式显示图片的方法的步骤示意图;
图2示出本发明实施例中,当移动终端竖屏时以瀑布流方式显示图片的页面示意图;
图3示出本发明实施例中,当移动终端横屏时以瀑布流方式显示图片的页面示意图;
图4示出本发明实施例中,获得图片瀑布流的流动方向和移动终端的倾斜角度的示意图;
图5示出本发明实施例中,随移动终端的倾斜角度增大,调整流动通道的列数/图片流动位的运动速度的页面示意图;
图6示出本发明实施例中,随移动终端的倾斜角度减小,调整流动通道的列数/图片流动位的运动速度的页面示意图;
图7示出本发明实施例中,随移动终端的倾斜角度增大,部分图片加载显示部分图片消减显示的页面示意图;
图8示出本发明实施例中,一种以瀑布流方式显示图片的系统的结构示意图;
图9示出本发明实施例中,一种以瀑布流方式显示图片的设备的结构示意图;
图10示出本发明实施例中,一种计算机可读存储介质的示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的实施方式。相反,提供这些实施方式使得本发明将全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的结构,因而将省略对它们的重复描述。
本发明的以瀑布流方式显示图片的方法应用于移动终端,主要指智能手机。图1示出实施例中以瀑布流方式显示图片的方法的主要步骤。参照图1所示,在一些实施例中,本发明的以瀑布流方式显示图片的方法包括:
步骤S10、根据图片查看请求,获取待显示图片列表。
图片查看请求可以由移动终端的使用者发起,也可以由与移动终端通信的电子设备的使用者发起。图片查看请求可以是查询网页上的特定或不特定图片的请求,也可以是查询移动终端本地存储的特定或不特定图片的请求。所述特定是指,图片查看请求中限定了待显示图片的部分信息,包括图片内容、拍摄时间、图片定位等,例如使用者发起的图片查看请求是“查看xxx品牌xxx型号手机”、“查看相册中拍摄于北京的照片”,等等。所述不特定是指,图片查看请求中并未限定待显示图片的任意信息,例如使用者发起的图片查看请求是“查看相册中的所有照片”。获取待显示图片列表是指,根据图片查看请求,获取符合该图片查看请求的待显示图片的显示相关信息,如图片内容、图片尺寸、图片清晰度等等,形成待显示图片列表。
步骤S20、沿移动终端的屏幕的第一方向生成至少一列流动通道,每列流动通道沿屏幕的第二方向线性排列多个图片流动位,每个图片流动位显示待显示图片列表中的一张待显示图片,该第二方向垂直于第一方向。
屏幕的第一方向和第二方向根据移动终端的横屏/竖屏状态而定,采用已有的方法判定移动终端的横屏/竖屏状态,本发明对此不做限制。当移动终端竖屏时,第一方向沿屏幕的宽度方向,第二方向沿屏幕的长度方向;当移动终端横屏时,第一方向沿屏幕的长度方向,第二方向沿屏幕的宽度方向。所述的长度方向和宽度方向是以常规移动终端的屏幕呈长方形而言。
图2示出实施例中当移动终端竖屏时以瀑布流方式显示图片的页面示意。如图2所示,当移动终端1竖屏时,第一方向沿屏幕10的宽度方向W,第二方向沿屏幕10的长度方向L。沿屏幕10的宽度方向W生成至少一列流动通道21,图中示出本实施例中初始加载图片时,流动通道21的列数为两列,但不以此为限。每列流动通道21沿屏幕10的长度方向L线性排列多个图片流动位31,每个图片流动位31显示待显示图片列表中的一张待显示图片,图中点状阴影代表待显示图片。
当移动终端1竖屏时,流动通道21的宽度根据屏幕10的宽度而定。以图2所示两列流动通道21为例,为保证图片瀑布流的美观,两列流动通道21的宽度x1相等,为屏幕10宽度的1/2,但不以此为限。流动通道21中每个图片流动位31的宽度根据流动通道21的宽度x1而定,如略小于流动通道21的宽度x1。每个图片流动位31显示待显示图片时,基于待显示图片的尺寸,按照待显示图片的宽度与图片流动位31的宽度之间的比例关系,等比例压缩待显示图片的长度和宽度,使待显示图片保持原始长宽比加载至图片流动位31。从而,能保证待显示图片清晰不变形。
图3示出实施例中当移动终端横屏时以瀑布流方式显示图片的页面示意。如图3所示,当移动终端1横屏时,当移动终端1横屏时,第一方向沿屏幕10的长度方向L,第二方向沿屏幕10的宽度方向W。沿屏幕10的长度方向L生成至少一列流动通道21,图中示出本实施例初始加载图片时,流动通道21的列数为五列,但不以此为限。每列流动通道21沿屏幕10的宽度方向W线性排列多个图片流动位31,每个图片流动位31显示待显示图片列表中的一张待显示图片,图中点状阴影代表待显示图片。
当移动终端1横屏时,流动通道21的宽度根据屏幕10的长度而定。以图3所示五列流动通道21为例,为保证图片瀑布流的美观,五列流动通道21的宽度x2相等,为屏幕10长度的1/5,但不以此为限。流动通道21中每个图片流动位31的宽度根据流动通道21的宽度x2而定,如略小于流动通道21的宽度x2。每个图片流动位31显示待显示图片时,基于待显示图片的尺寸,按照待显示图片的宽度与图片流动位31的宽度之间的比例关系,等比例压缩待显示图片的长度和宽度,使待显示图片保持原始长宽比加载至图片流动位31。从而,能保证待显示图片清晰不变形。
步骤S30、实时检测移动终端的姿势,获得沿第二方向指向屏幕靠近水平面的一侧边的流动方向。
可以通过移动终端的一个或多个运动传感器检测移动终端的姿势,运动传感器包括:角速度传感器、重力传感器、方向传感器和加速度传感器。该些运动传感器均是移动终端出厂时配置的,可以精准地检测移动终端的运动参数,具体检测方法采用已有的检测方法,本发明对此不做限制。
参照图2和图3所示,图片流动位31在流动通道21中沿屏幕10的第二方向(竖屏时为长度方向L,横屏时为宽度方向W)排列。在此基础上,根据运动传感器检测到的移动终端1的姿势,获得沿第二方向指向屏幕10靠近水平面的一侧边的流动方向Y。结合图4所示获得图片瀑布流的流动方向的示意,图片流动位31的流动方向Y自屏幕10远离水平面4的一侧边指向屏幕10靠近水平面4的一侧面,使对于面对屏幕10的使用者而言,图片流动位31的运动方向为沿屏幕10向下流动,方便面对屏幕10的使用者观看图片。
步骤S40、每列流动通道中的图片流动位按初始的运动速度沿流动方向运动。
初始的运动速度可以是移动终端出厂时设定,也可以由用户配置。图2和图3中示出图片瀑布流的初始的运动速度为V,每列流动通道21中的每个图片流动位31按照初始的运动速度V,沿流动通道21向屏幕10靠近水平面的一侧边流动,使面对屏幕10的使用者观看到整个图片瀑布流沿屏幕10向下流动,呈现如瀑布般的流动显示画面。
步骤S50、实时获取移动终端基于水平面的倾斜角度,根据倾斜角度调整流动通道的列数和/或图片流动位的运动速度。
在图片流动过程中,当使用者想要加快/减慢浏览速度,可以调整移动终端的倾斜角度,本发明的方法即可响应移动终端倾斜角度的变化,灵活地与使用者实现交互,调整流动通道的列数和/或图片流动位的运动速度。参照图4所示,本发明所述倾斜角度是指移动终端1与水平面4的夹角α,当移动终端持平时,视为倾斜角度最小,当移动终端竖直时,视为倾斜角度最大。在其他变型中,倾斜角度也可以是移动终端与竖直方向的夹角,或者可以通过其他参数定义移动终端与使用者之间的距离、角度等相对状态,以方便响应使用者对移动终端持握姿势的调整,改变流动通道的列数和/或图片流动位的运动速度。
在一个实施例中,根据倾斜角度调整流动通道的列数和/或图片流动位的运动速度,包括:随倾斜角度增大,增加流动通道的列数,和/或,增大图片流动位的运动速度;随倾斜角度减小,减少流动通道的列数,和/或,减小图片流动位的运动速度。其中,倾斜角度的变化可以以步骤S30中第一次检测到的移动终端的倾斜角度作为初始参照,或者可以以0度(即移动终端持平)作为初始参照。
当倾斜角度增大,表明移动终端被逐渐竖起,因此响应于倾斜角度的增大,增加流动通道的列数,和/或,增大图片流动位的运动速度,使待显示图片加快流动。流动通道的列数可以随倾斜角度的增大进行连续性地调整或间断性地调整。例如,按照流动通道的列数=C1*倾斜角度的方式,C1为比例常数,使流动通道的列数随倾斜角度增大而连续性增加。或者,按照倾斜角度每增大A1度,增加一列流动通道的方式,使流动通道的列数随倾斜角度增大而间断性增加。也可以采用其他类似的方式,实现随倾斜角度增大,增加流动通道的列数。同理,图片流动位的运动速度也可以随倾斜角度的增大进行连续性地调整或间断性地调整,此处不再重复说明,只要能实现随倾斜角度增大,增大图片流动位的运动速度即可。
当倾斜角度减小,表明移动终端被逐渐放平,因此响应于倾斜角度的减小,减少流动通道的列数,和/或,减小图片流动位的运动速度,使待显示图片减慢流动。图片流动位的运动速度可以随倾斜角度的减小进行连续性地调整或间断性地调整。例如,按照图片流动位的运动速度=C2*倾斜角度的方式,C2为比例常数,使图片流动位的运动速度随倾斜角度减小而连续性减小。或者,按照倾斜角度每减小A2度,使图片流动位的运动速度减小1/2的方式,使图片流动位的运动速度随倾斜角度减小而间断性减小。也可以采用其他类似的方式,实现随倾斜角度减小,减小图片流动位的运动速度。同理,流动通道的列数也可以随倾斜角度的减小进行连续性地调整或间断性地调整,此处不再重复说明,只要能实现随倾斜角度减小,减少流动通道的列数即可。
在一个实施例中,参照图5所示随移动终端的倾斜角度增大,调整流动通道的列数/图片流动位的运动速度的页面示意。图5相比于图2,移动终端1的倾斜角度增大了30°,相应地,流动通道21的列数增多为4列,图片流动位31的运动速度增大为2V。在一个实施例中,参照图6所示随移动终端的倾斜角度减小,调整流动通道的列数/图片流动位的运动速度的页面示意。图6相比于图2,移动终端1的倾斜角度减小了20°,相应地,流动通道21的列数减少为1列,图片流动位31的运动速度减小为1/2V。需要说明的是,流动通道21的列数和图片流动位31的运动速度可以同时调整或分别调整,图中为方便展示同时调整了流动通道21的列数和图片流动位31的运动速度,但不以此为限。
进一步的,在一个实施例,上述以瀑布流方式显示图片的方法还包括:随倾斜角度增大,对待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示。
当倾斜角度进一步增大,通过不断增多流动通道的列数的方式可能会造成图片过分缩小,影响图片查看;通过不断增大图片流动位的运动速度的方式可能会造成图片拖影,影响显示效果。因此,采用部分图片加载显示,部分图片消减显示的方式,实现在加快图片流动的同时,保证图片显示效果。在一个实施例中,对待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示,包括:遍历待显示图片列表中的待显示图片,获得每张待显示图片的拍摄时间和GPS定位信息,将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组;对每个图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示,图片组中剩余待显示图片进行消减显示。
举例来说,使用者想要查看相册中的某张照片,但无法回忆起具体的拍摄时间、拍摄地点等,只有印象是2018年拍摄的照片,因此发起了“查看相册中2018年拍摄的照片”的图片查看请求。移动终端响应于该图片查看请求,获取到本地相册中的2018年拍摄的全部照片,形成待显示图片列表。该待显示图片列表中的待显示图片量非常庞大,在通过瀑布流方式,以上述任意实施例所述的流动通道和流动速度展示图片的过程中,当移动终端的倾斜角度不断增大,为兼顾瀑布流的流动速度和图片显示效果,采取部分图片加载显示部分图片消减显示的方式。遍历待显示图片列表中尚未显示的待显示图片,根据每张待显示图片的拍摄时间和GPS定位信息,将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组。例如,根据拍摄时间连续且GPS定位信息相同的条件,将待显示图片列表的待显示图片建立了2018年2月摄于北京的图片组、2018年4月摄于上海的图片组、2018年5月摄于广东的图片组,等等。进一步,若2018年2月摄于北京的图片组中的待显示图片数量过多,还可进一步根据该图片组中各待显示图片的GPS定位信息,将该图片组划分为2018年2月摄于北京朝阳区的图片组、2018年2月摄于北京海淀区的图片组、2018年2月摄于北京通州区的图片组,等等。建立图片组后,对每个图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示,图片组中剩余待显示图片进行消减显示。例如,2018年2月摄于北京海淀区的图片组中,包含几张历史查看次数超过3次的待显示图片,则对该些历史查看次数超过3次的待显示图片进行加载显示,该2018年2月摄于北京海淀区的图片组中的剩余待显示图片进行消减显示。再如,2018年4月摄于上海的图片组中,包含几张标记喜欢的待显示图片,则对该些标记喜欢的待显示图片进行加载显示,该2018年4月摄于上海的图片组中的剩余待显示图片进行消减显示。标记喜欢既可以是对特定图片标记喜欢,也可以是对图片内容的某一类别标记喜欢。例如,若使用者曾标记喜欢美食类图片,则可以对2018年4月摄于上海的图片组中,图片内容包含食物的待显示图片进行加载显示,该2018年4月摄于上海的图片组中的剩余待显示图片进行消减显示。
历史查看次数超过预设值和标记喜欢可以组合使用或择一使用,例如,可以对某一图片组中符合历史查看次数超过预设值和标记喜欢任意一项的待显示图片进行加载显示,可以对某一图片组中仅符合历史查看次数超过预设值的待显示图片进行加载显示,可以对某一图片组中仅符合标记喜欢的待显示图片进行加载显示,也可以对某一图片组中同时符合历史查看次数超过预设值和标记喜欢的待显示图片进行加载显示。不管采用上述哪种方式,均可以以图片组中筛选出的部分加载显示的待显示图片为锚点,通过该部分待显示图片加载显示,帮助使用者快速获取到特定时间特定地点(即拍摄时间连续且GPS定位信息相同)的图片内容,在图片快速流动的过程中,使用者通过该些具有提醒作用的加载显示的待显示图片,即可快速定位需要查看的图片。
在一些实施例中,加载显示包括:加载待显示图片的全部内容和原始清晰度,也即使待显示图片按原始内容和清晰度进行显示。消减显示包括:隐藏待显示图片的全部内容,隐藏待显示图片的部分内容和/或降低待显示图片的清晰度。隐藏待显示图片的全部内容例如使待显示图片显示为一个空白框。隐藏待显示图片的部分内容例如隐藏待显示图片的边缘部分,只显示待显示图片的中心部分;或者隐藏待显示图片的背景部分;或者隐藏待显示图片的左半区域、右半区域、上部2/3区域等等,具体可根据需要设定,不以此处列举的为限。降低待显示图片的清晰度例如将待显示图片的原始清晰度降低一半进行显示。隐藏待显示图片的部分内容和降低待显示图片的清晰度可以择一或组合使用。图7示出一个实施例中,随移动终端的倾斜角度增大,部分图片加载显示部分图片消减显示的页面示意。在该实施例中,流动通道的列数为2列,图片流动位31的运动速度为3V。移动终端1的屏幕10中,各个点状阴影框是加载显示的待显示图片,各个空白框是消减显示(隐藏待显示图片的全部内容)的待显示图片。通过部分图片加载显示,部分图片消减显示的方式,可以减小移动终端的计算量,提升图片瀑布流中锚点图片的显示效果。
进一步的,在一个实施例,上述以瀑布流方式显示图片的方法还包括:实时检测移动终端的晃动;当检测所得晃动数据匹配第一区间,恢复待显示图片列表中的全部待显示图片的加载显示;当检测所得晃动数据匹配第二区间,恢复初始的流动通道的列数和初始的图片流动位的运动速度。
当使用者希望减缓图片瀑布流的流动速度时,可以通过晃动移动终端实现。移动终端的运动传感器会实时检测移动终端的晃动,当检测到晃动数据时及时响应,调整图片瀑布流。其中,晃动数据可以定义为移动终端的左右晃动,往左、往右各算一次晃动,具体检测晃动的方法采用已有方法,本发明对此不做限制。第一区间和第二区间作为晃动数据的参照标准,可以根据实际使用情况设定,例如,当检测到1-3次晃动数据时,移动终端响应于该1-3次晃动数据,恢复待显示图片的列表中全部待显示图片的加载显示。当检测到5次以上晃动数据时,移动终端响应于该5次以上晃动数据,恢复初始的流动通道的列数和初始的图片流动位的运动速度。
本发明通过上述以瀑布流方式显示图片的方法,根据移动终端的姿势获取图片瀑布流的流动方向,方便使用者查看图片;至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度,使图片瀑布流能随使用者和移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验;并随图片瀑布流的流动增快,采取部分图片加载显示,部分图片消减显示的方式,实现在加快图片流动的同时,保证图片显示效果,提升观看体验。
本发明实施例还提供一种以瀑布流方式显示图片的系统,配置于移动终端。参照图8所示以瀑布流方式显示图片的系统50,该系统50包括:
图片获取模块501,用于根据图片查看请求,获取待显示图片列表。例如,图片获取模块501可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的步骤S10。
初始加载模块502,用于沿移动终端的屏幕的第一方向生成至少一列流动通道,每列流动通道沿屏幕的第二方向线性排列多个图片流动位,每个图片流动位显示待显示图片列表中的一张待显示图片,该第二方向垂直于第一方向。例如,初始加载模块502可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的步骤S20。
流动方向检测模块503,用于实时检测移动终端的姿势,获得沿第二方向指向屏幕靠近水平面的一侧边的流动方向。例如,流动方向检测模块503可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的步骤S30。
初始驱动模块504,用于驱动每列流动通道中的图片流动位按初始的运动速度沿所述流动方向运动。例如,初始驱动模块504可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的步骤S40。
实时调整模块505,用于实时获取移动终端基于水平面的倾斜角度,根据倾斜角度调整流动通道的列数和/或图片流动位的运动速度。例如,实时调整模块505可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的步骤S50。
在一些实施例中,实时调整模块505还可用于执行上述任意以瀑布流方式显示图片的方法实施例所描述的对图片进行加载显示/消减显示,以及恢复图片瀑布流的流动通道的列数和图片流动位的运动速度等相关的步骤。
本发明的以瀑布流方式显示图片的系统根据移动终端的姿势获取图片瀑布流的流动方向,方便使用者查看图片;至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度,使图片瀑布流能随使用者和移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验;并随图片瀑布流的流动增快,采取部分图片加载显示,部分图片消减显示的方式,实现在加快图片流动的同时,保证图片显示效果,提升观看体验。
本发明实施例还提供一种以瀑布流方式显示图片的设备,包括处理器和存储器,存储器中存储有可执行指令,处理器被配置为经由执行可执行指令来执行上述实施例中的以瀑布流方式显示图片的方法的步骤。
如上所述,本发明的以瀑布流方式显示图片的设备能够根据移动终端的姿势获取图片瀑布流的流动方向,方便使用者查看图片;至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度,使图片瀑布流能随使用者和移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验;并随图片瀑布流的流动增快,采取部分图片加载显示,部分图片消减显示的方式,实现在加快图片流动的同时,保证图片显示效果,提升观看体验。
图9是本发明实施例中以瀑布流方式显示图片的设备的结构示意图,应当理解的是,图9仅仅是示意性地示出各个模块,这些模块可以是虚拟的软件模块或实际的硬件模块,这些模块的合并、拆分及其余模块的增加都在本发明的保护范围之内。
所属技术领域的技术人员能够理解,本发明的各个方面可以实现为系统、方法或程序产品。因此,本发明的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“平台”。
下面参照图9来描述根据本发明的这种实施方式的以瀑布流方式显示图片的设备(下文简称电子设备)600。图9显示的电子设备600仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图9所示,电子设备600以通用计算设备的形式表现。电子设备600的组件可以包括但不限于:至少一个处理单元610、至少一个存储单元620、连接不同平台组件(包括存储单元620和处理单元610)的总线630、显示单元640等。
其中,存储单元存储有程序代码,程序代码可以被处理单元610执行,使得处理单元610执行本说明书上述以瀑布流方式显示图片的方法部分中描述的根据本发明各种示例性实施方式的步骤。例如,处理单元610可以执行如图1中所示的步骤。
存储单元620可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)6201和/或高速缓存存储单元6202,还可以进一步包括只读存储单元(ROM)6203。
存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204,这样的程序模块6205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线630可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备600交互的设备通信,和/或与使得该电子设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口650进行。并且,电子设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。网络适配器660可以通过总线630与电子设备600的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备600使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储平台等。
本发明实施例还提供一种计算机可读存储介质,用于存储程序,程序被执行时实现上述实施例的以瀑布流方式显示图片的方法的步骤。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在终端设备上运行时,程序代码用于使终端设备执行本说明书上述以瀑布流方式显示图片的方法部分中描述的根据本发明各种示例性实施方式的步骤。
如上所述,本发明的计算机可读存储介质能够根据移动终端的姿势获取图片瀑布流的流动方向,方便使用者查看图片;至少基于移动终端的倾斜角度调整流动通道的列数/图片流动位的运动速度,使图片瀑布流能随使用者和移动终端之间的交互而自动调整,图片显示更加灵活,优化交互体验;并随图片瀑布流的流动增快,采取部分图片加载显示,部分图片消减显示的方式,实现在加快图片流动的同时,保证图片显示效果,提升观看体验。
图10是本发明的计算机可读存储介质的结构示意图。参考图10所示,描述了根据本发明的实施方式的用于实现上述方法的程序产品800,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明,不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干简单推演或替换,都应当视为属于本发明的保护范围。
Claims (9)
1.一种以瀑布流方式显示图片的方法,应用于移动终端,其特征在于,所述方法包括:
根据图片查看请求,获取待显示图片列表;
沿所述移动终端的屏幕的第一方向生成至少一列流动通道,每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位,每个所述图片流动位显示所述待显示图片列表中的一张待显示图片,所述第二方向垂直于所述第一方向;
实时检测所述移动终端的姿势,获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向;
每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动;
实时获取所述移动终端基于水平面的倾斜角度,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度;以及
随所述倾斜角度增大,对所述待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示;
其中,对所述待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示,包括:
遍历所述待显示图片列表中的待显示图片,获得每张待显示图片的拍摄时间和GPS定位信息,将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组;
对每个所述图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示,所述图片组中剩余待显示图片进行消减显示。
2.如权利要求1所述的方法,其特征在于,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度,包括:
随所述倾斜角度增大,增加所述流动通道的列数,和/或,增大所述图片流动位的运动速度;
随所述倾斜角度减小,减少所述流动通道的列数,和/或,减小所述图片流动位的运动速度。
3.如权利要求1所述的方法,其特征在于,
所述加载显示包括:加载待显示图片的全部内容和原始清晰度;
所述消减显示包括:隐藏待显示图片的全部内容,隐藏待显示图片的部分内容和/或降低待显示图片的清晰度。
4.如权利要求1所述的方法,其特征在于,所述方法还包括:
实时检测所述移动终端的晃动;
当检测所得晃动数据匹配第一区间,恢复所述待显示图片列表中的全部待显示图片的加载显示;
当检测所得晃动数据匹配第二区间,恢复初始的流动通道的列数和初始的图片流动位的运动速度。
5.如权利要求4所述的方法,其特征在于,通过所述移动终端的一个或多个运动传感器检测所述移动终端的姿势、倾斜角度和晃动,所述运动传感器包括:角速度传感器、重力传感器、方向传感器和加速度传感器。
6.如权利要求1所述的方法,其特征在于,
当所述移动终端竖屏时,所述第一方向沿所述屏幕的宽度方向,所述第二方向沿所述屏幕的长度方向;
当所述移动终端横屏时,所述第一方向沿所述屏幕的长度方向,所述第二方向沿所述屏幕的宽度方向。
7.一种以瀑布流方式显示图片的系统,配置于移动终端,其特征在于,所述系统包括:
图片获取模块,用于根据图片查看请求,获取待显示图片列表;
初始加载模块,用于沿所述移动终端的屏幕的第一方向生成至少一列流动通道,每列所述流动通道沿所述屏幕的第二方向线性排列多个图片流动位,每个所述图片流动位显示所述待显示图片列表中的一张待显示图片,所述第二方向垂直于所述第一方向;
流动方向检测模块,用于实时检测所述移动终端的姿势,获得沿所述第二方向指向所述屏幕靠近水平面的一侧边的流动方向;
初始驱动模块,用于驱动每列所述流动通道中的图片流动位按初始的运动速度沿所述流动方向运动;以及
实时调整模块,用于实时获取所述移动终端基于水平面的倾斜角度,根据所述倾斜角度调整所述流动通道的列数和/或所述图片流动位的运动速度;
所述实时调整模块还用于随所述倾斜角度增大,对所述待显示图片列表中的部分待显示图片进行加载显示,部分待显示图片进行消减显示,包括:遍历所述待显示图片列表中的待显示图片,获得每张待显示图片的拍摄时间和GPS定位信息,将拍摄时间连续且GPS定位信息相同的待显示图片建立图片组;对每个所述图片组中历史查看次数超过预设值的和/或标记喜欢的待显示图片进行加载显示,所述图片组中剩余待显示图片进行消减显示。
8.一种以瀑布流方式显示图片的设备,其特征在于,包括:
处理器;以及
存储器,用于存储可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1~6任一项所述的以瀑布流方式显示图片的方法的步骤。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1~6任一项所述的以瀑布流方式显示图片的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910463136.9A CN110187781B (zh) | 2019-05-30 | 2019-05-30 | 以瀑布流方式显示图片的方法、系统、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910463136.9A CN110187781B (zh) | 2019-05-30 | 2019-05-30 | 以瀑布流方式显示图片的方法、系统、设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110187781A CN110187781A (zh) | 2019-08-30 |
CN110187781B true CN110187781B (zh) | 2022-09-06 |
Family
ID=67718960
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910463136.9A Active CN110187781B (zh) | 2019-05-30 | 2019-05-30 | 以瀑布流方式显示图片的方法、系统、设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110187781B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110727893B (zh) * | 2019-10-11 | 2022-03-18 | 北京齐尔布莱特科技有限公司 | 一种瀑布流图片的加载方法、装置和移动终端 |
CN111064983B (zh) * | 2019-12-19 | 2021-05-28 | 青岛海信传媒网络技术有限公司 | 显示设备 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100772909B1 (ko) * | 2006-05-30 | 2007-11-05 | 삼성전자주식회사 | 이미지 검색 방법 및 장치 |
CN103544253B (zh) * | 2013-10-15 | 2017-12-12 | Tcl集团股份有限公司 | 一种以瀑布流方式显示图片的实现方法及系统 |
CN103678622B (zh) * | 2013-12-18 | 2017-05-03 | 百度在线网络技术(北京)有限公司 | 瀑布流式图片动态呈现的方法及装置 |
CN105095200B (zh) * | 2014-04-16 | 2018-06-29 | 北大方正集团有限公司 | 以瀑布流方式显示图片的方法和设备 |
CN106201247A (zh) * | 2016-06-28 | 2016-12-07 | 乐视控股(北京)有限公司 | 一种相册中的图片加载方法及系统 |
-
2019
- 2019-05-30 CN CN201910463136.9A patent/CN110187781B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN110187781A (zh) | 2019-08-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20230145417A1 (en) | Creating an intuitive visual plan for achieving financial goals | |
KR101865425B1 (ko) | 조절가능한 점진적인 이동 장치 거리뷰 | |
US20160171335A1 (en) | 3d rotational presentation generated from 2d static images | |
EP3241074B1 (en) | System and method for interactive projection | |
US9646522B2 (en) | Enhanced information delivery using a transparent display | |
US20160202884A1 (en) | Information processing apparatus, storage medium and control method | |
US10049625B1 (en) | Context-based rendering | |
US9196228B2 (en) | Image displaying apparatus and image displaying method | |
US20180357245A1 (en) | Animated Seek Preview for Panoramic Videos | |
CN106782260B (zh) | 用于虚拟现实运动场景的显示方法及装置 | |
JP2014525089A (ja) | 3次元特徴シミュレーション | |
JP2014525089A5 (zh) | ||
US20160142650A1 (en) | Methods, systems and apparatuses for multi-directional still pictures and/or multi-directional motion pictures | |
CN114567805B (zh) | 确定特效视频的方法、装置、电子设备及存储介质 | |
CN110187781B (zh) | 以瀑布流方式显示图片的方法、系统、设备和存储介质 | |
CN104035664A (zh) | 一种应用程序用户界面的显示方法及装置 | |
US10878535B2 (en) | Generating a digital collage using digital images | |
US10401947B2 (en) | Method for simulating and controlling virtual sphere in a mobile device | |
US9443494B1 (en) | Generating bounding boxes for labels | |
US11803993B2 (en) | Multiplane animation system | |
CN103218226A (zh) | 一种处理应用显示界面的方法及装置 | |
CN111726666A (zh) | 视频显示控制方法和装置 | |
CN106131421A (zh) | 一种视频图像的调整方法和电子设备 | |
US12028643B2 (en) | Dynamic virtual background for video conference | |
US20200226833A1 (en) | A method and system for providing a user interface for a 3d environment |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |