CN110647285A - 一种图片的显示方法、图片显示装置及移动终端 - Google Patents
一种图片的显示方法、图片显示装置及移动终端 Download PDFInfo
- Publication number
- CN110647285A CN110647285A CN201910900974.8A CN201910900974A CN110647285A CN 110647285 A CN110647285 A CN 110647285A CN 201910900974 A CN201910900974 A CN 201910900974A CN 110647285 A CN110647285 A CN 110647285A
- Authority
- CN
- China
- Prior art keywords
- picture
- index value
- mobile terminal
- format data
- screen
- 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.)
- Pending
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/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/51—Indexing; Data structures therefor; Storage structures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
-
- 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
Abstract
本发明公开了一种图片的显示方法,适于在移动终端执行,图片包括按顺序排列的多张图片,每张图片具有对应的索引值,移动终端的屏幕上显示的是当前图片,该方法包括步骤:接收用户在移动终端屏幕上的滑动操作;根据滑动操作确定最终要切换到的目标图片的索引值;根据当前图片的索引值和目标图片的索引值确定从当前图片切换到目标图片的时间;在所确定的、从当前图片切换到目标图片的时间期间,定时根据当前图片的索引值和目标图片的索引值计算要切换到的下一张图片的索引值,并定时进行切换下一张图片,直到切换到所述目标图片为止。本发明一并公开了相应的图片显示装置和移动终端。根据本发明的技术方案,有利于用户方便快捷地连续切换和浏览图片。
Description
技术领域
本发明涉及图片显示技术领域,尤其涉及一种图片的显示方法、图片显示装置及移动终端。
背景技术
在iOS系统中,通常采用UIImageVeiw控件来进行图片的展示。UIScrollView控件是iOS系统提供的用于横行或竖直滚动的控件。
目前,图片的浏览主要采用以下方式:设置三个固定的UIImageView控件并放入一个UIScrollview控件中,三个UIImageView控件分别用L、M、R表示,M总是显示当前要显示的图片,而L和R会随着M的变化而变化。通过存储图片信息数据的数组为L、M、R三张图片提供数据源,循环轮播0,1,2,3这四张图片。当M显示第0张时,将3赋给L,将1赋给R;当从屏幕右侧滑向左侧切换M显示为第1张图片时,将0赋给L,将2赋给R;继续从屏幕右侧向左侧滑动切换图片时,以此类推。可见,上述图片浏览方式,用户每次手势滑动只能切换一张图片,切换图片的效率低下,图片的切换展示没有连贯性,影响用户体验。而且,这种方式只适用于非详细的产品图片展示。
现有技术中,在移动端浏览图片时,可以通过将当前展示的图片滑动至手机屏幕边缘来切换到上一张或下一张图片。但是,这种图片切换方式只能通过左右拖动图片到屏幕边缘来切换一张图片,无法达到连续切换图片对产品进行360度展示的效果。可见,现有技术中的图片切换方式不便于用户连续、快速地浏览图片。
为此,需要一种图片的显示方法,可以让用户方便快捷地连续切换和浏览图片。
发明内容
为此,本发明提供一种图片的显示方法、装置及移动终端,以解决或至少缓解上面存在的问题。
根据本发明的一个方面,提供一种图片的显示方法,适于在移动终端执行,所述图片包括按顺序排列的多张图片,每张图片具有对应的索引值,所述移动终端的屏幕上显示的是当前图片,所述方法包括步骤:接收用户在移动终端屏幕上的滑动操作;根据所述滑动操作确定最终要切换到的目标图片的索引值;根据所述当前图片的索引值和目标图片的索引值确定从当前图片切换到所述目标图片的时间;以及在所确定的、从当前图片切换到目标图片的时间期间,定时根据所述当前图片的索引值和目标图片的索引值计算要切换到的下一张图片的索引值,并定时进行切换所计算得到的下一张图片,直到切换到所述目标图片为止。
可选地,在根据本发明的图片的显示方法中,所述根据滑动操作确定目标图片的索引值的步骤包括:确定所述滑动操作的开始点和结束点;根据所述滑动操作的开始点和结束点确定滑动距离;以及根据所述滑动距离计算所述目标图片的索引值。
可选地,在根据本发明的图片的显示方法中,所述图片包括第一图片格式和第二图片格式,所述第一图片格式的分辨率低于第二图片格式的分辨率;在响应用户在移动终端屏幕上的滑动操作之前,还包括步骤:向服务器请求第一图片格式数据,并基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式;向服务器请求第二图片格式数据,将获取的第二图片格式数据替换所述第一图片格式数据,并在移动终端屏幕显示当前图片的第二图片格式。
可选地,在根据本发明的图片的显示方法中,所述服务器包括图片服务器,向服务器请求第一图片格式数据的步骤包括:从服务器获取第一图片格式数据的地址;根据所述地址从图片服务器获取第一图片格式数据;
向服务器请求第二图片格式数据的步骤包括:从服务器获取第二图片格式数据的地址;根据所述地址从图片服务器获取第二图片格式数据。
可选地,在根据本发明的图片的显示方法中,所述要切换到的下一张图片的索引值按照以下公式计算:
当C<E时,N=ceil((E-C)*0.1);以及
当C>E时,N=floor((E-C)*0.1);
其中,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数。
可选地,在根据本发明的图片的显示方法中,定时进行切换下一张图片的步骤包括:定时生成图片切换指令;根据所述图片切换指令,将移动终端屏幕的当前图片切换到下一张图片。
可选地,在根据本发明的图片的显示方法中,所述根据滑动距离确定目标图片的索引值按照以下公式计算:
当D>0时,E=C+ceil((T-1)*M*(D/W));以及
当D<0时,E=C+floor((T-1)*M*(D/W));
其中,D是滑动距离,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数,T是图片数量,M是灵敏度,W是图片显示区域的宽度。
可选地,在根据本发明的图片的显示方法中,所述向服务器请求第一图片格式数据的步骤包括:向服务器请求多张图片的第一图片格式数据;如果请求多张图片的第一图片格式数据成功,则将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上;以及如果请求多张图片的第一图片格式数据失败,则不在移动终端屏幕上显示图片。
可选地,在根据本发明的图片的显示方法中,所述向服务器请求所述第一图片格式对应的第二图片格式数据包括:向服务器请求多张图片的第二图片格式数据;如果请求多张图片的第二图片格式数据成功,则将第二图片格式数据替换第一图片格式数据;以及如果请求多张图片的第二图片格式数据失败,则不对第一图片格式数据进行替换。
根据本发明的一个方面,提供一种图片显示装置,驻留在移动终端中,所述图片包括按顺序排列的多张图片,每张图片具有对应的索引值,所述移动终端的屏幕上适于显示当前图片,其中包括:接收模块,适于接收用户在移动终端屏幕上的滑动操作;图片索引确定模块,适于根据所述滑动操作确定最终要切换到的目标图片的索引值;计时模块,适于根据所述当前图片的索引值和目标图片的索引值确定从当前图片切换到所述目标图片的时间;以及图片切换模块,适于在所述计时模块所确定的时间期间,定时根据所述当前图片的索引值和目标图片的索引值计算要切换到的下一张图片的索引值;并切换下一张图片,直到切换到所述目标图片为止。
可选地,在根据本发明的图片显示装置中,所述图片索引确定模块包括:屏幕识别单元,适于确定所述滑动操作的开始点和结束点;滑动距离计算单元,适于根据所述滑动操作的开始点和结束点确定滑动距离;以及图片索引计算单元,适于根据所述滑动距离计算所述目标图片的索引值。
可选地,在根据本发明的图片显示装置中,所述图片包括第一图片格式和第二图片格式,所述第一图片格式的分辨率低于第二图片格式的分辨率;所述图片显示装置还包括:请求模块,适于向服务器请求第一图片格式数据;并适于向服务器请求与所述第一图片格式对应的第二图片格式数据,将获取的第二图片格式数据替换所述第一图片格式数据;以及图片显示模块,适于基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式,并适于将在移动终端屏幕显示当前图片的第二图片格式。
可选地,在根据本发明的图片显示装置中,所述服务器包括图片服务器;所述数据请求模块适于向服务器请求第一图片格式数据的地址,并根据所述第一图片格式数据的地址从图片服务器获取第一图片格式数据;所述数据请求模块还适于向服务器请求第二图片格式数据的地址,并根据所述第二图片格式数据的地址从图片服务器获取第二图片格式数据。
可选地,在根据本发明的图片显示装置中,所述图片索引确定模块适于按照以下公式计算下一张图片的索引值:
当C<E时,N=ceil((E-C)*0.1);以及
当C>E时,N=floor((E-C)*0.1);
其中,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数。
可选地,在根据本发明的图片显示装置中,所述计时模块适于定时生成图片切换指令;所述图片切换模块适于根据所述图片切换指令将移动终端屏幕的当前图片切换到下一张图片。
可选地,在根据本发明的图片显示装置中,所述图片索引图片索引确定模块适于按照以下公式计算目标图片的索引值:
当D>0时,E=C+ceil((T-1)*M*(D/W));以及
当D<0时,E=C+floor((T-1)*M*(D/W));
其中,D是滑动距离,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数,T是图片数量,M是灵敏度,W是图片显示区域的宽度。
可选地,在根据本发明的图片显示装置中,所述请求模块进一步适于:向服务器请求多张图片的第一图片格式数据;如果请求多张图片的第一图片格式数据成功,则将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上;以及如果请求多张图片的第一图片格式数据失败,则不在移动终端屏幕上显示图片。
可选地,在根据本发明的图片显示装置中,所述请求模块进一步适于:向服务器请求多张图片的第二图片格式数据;如果请求多张图片的第二图片格式数据成功,则将第二图片格式替换第一图片格式数据;以及如果请求多张图片的第二图片格式数据失败,则不对第一图片格式数据进行替换。
根据本发明的一个方面,提供一种移动终端,包括:至少一个处理器;和存储有程序指令的存储器,其中,程序指令被配置为适于由上述至少一个处理器执行,所述程序指令包括用于执行如上所述的图片的显示方法的指令。
根据本发明的一个方面,提供一种存储有程序指令的可读存储介质,当该程序指令被移动终端读取并执行时,使得该移动终端执行如上所述的图片的显示方法。
根据本发明的技术方案,当接收到用户在屏幕上的滑动操作时,根据滑动距离确定最终要切换到的目标图片的索引值。根据当前图片的索引值和目标图片的索引值确定要切换到的下一张图片的索引值,以及确定从当前图片切换到目标图片的时间,进而,在确定的时间期间定时生成连续的图片切换指令,根据图片切换指令连续地切换下一张图片,直到切换到最终的目标图片为止。这样,本发明通过将滑动距离转化为连续的图片切换指令,能达到连续切换图片的效果,而且,通过计算下一张图片的索引值对图片进行抽取显示,从而减少不必要的图片切换和渲染,提高图片的切换效率,从而有利于用户方便快捷地连续切换和浏览图片。
进一步地,根据本发明的技术方案,通过优先下载体积较小的图片数据并展示给用户,在第二图片格式数据下载完毕后,再将第一图片格式切换为分辨率较高的第二图片格式。这样,能够有效避免在网络不佳的情况下下载体积较大的图片数据导致用户等待时间较长的问题,提高了用户体验。
此外,本发明是在下载图片过程中对服务器端的原始图片进行解码操作,并不是在切换图片过程中对图片进行解码操作,从而避免了当加载的图片较多时因程序响应较慢而造成的卡顿和花屏现象。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的移动通信系统100的示意图;
图2示出了根据本发明一个实施例的移动终端200的示意图;
图3示出了根据本发明一个实施例的图片的显示方法300的流程图;
图4、图5示出了根据本发明一个实施例的移动终端屏幕400的区域划分示意图;以及
图6示出了根据本发明一个实施例的图片显示装置600的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的移动通信系统100的示意图。如图1所示,移动通信系统100包括多个移动终端200和服务器120。在移动终端200上安装有一个或者多个移动应用254。移动终端200的所有者通常会注册成为移动应用254的用户。移动应用254可以利用移动终端200提供的移动通信功能而耦接到服务器120,并经由服务器120而与其它移动终端200上的移动应用254进行通信。
移动应用254可以是各种应用。例如,用于让两个或者更多个用户进行相互沟通的应用;让一个用户去查看其他用户发布的信息的应用。本发明不受限于移动应用254的具体用途,所有可以让一个用户经由移动应用254来查看自己或者其它用户发布的静态信息或者动态视频内容的应用都在本发明的保护范围之内。
根据本发明的一个实施方式,移动应用254可以是即时通讯应用。在即时通讯应用中,一个用户可以经由该应用和另一个用户进行包括文字、数据、语音和视频等形式在内的各种通讯。用户可以将各种形式的内容发给另一个用户,并等待另一个用户的回复或者可以不用等待另一个用户的回复。用户还可以与另一个用户建立语音和/或视频连接,从而可以进行即时语音和/或视频通信。另外,可选地,用户之间可以通过加对方为好友而建立相互信任关系,只有建立了相互信任关系的用户才可以相互查看对方的静态或者视频内容。多个用户还可以组成群。用户在一个群里发布的内容可以被同在一个群里的其它用户收到,从而形成点到多的通信。
移动应用254在安装到移动终端200中之后,利用移动终端200提供的处理单元在移动终端200上执行,并利用移动终端200提供的触摸和显示屏幕、音频和视频播放单元等部件,提供与用户进行交互的接口,向用户呈现相应内容。
移动应用254可以在用户购买了移动终端200之后由用户安装到移动终端200上,也可以由移动终端200在出厂时缺省包含在移动终端200中了。本发明不受限于移动应用254部署到移动终端200上的具体形式,所有可以将移动应用254部署到移动终端200上,并利用所述移动终端200提供的各部件来实现本发明所要求保护的方法的方式都在本发明的保护范围之内。
图2示出了根据本发明一个实施例的移动终端200的结构框图。移动终端200可以包括存储器接口202、一个或多个数据处理器、图像处理器和/或中央处理单元204,以及外围接口206。
存储器接口202、一个或多个处理器204和/或外围接口206既可以是分立元件,也可以集成在一个或多个集成电路中。在移动终端200中,各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口206,以便帮助实现多种功能。
例如,运动传感器210、光线传感器212和距离传感器214可以耦合到外围接口206,以方便定向、照明和测距等功能。其他传感器216同样可以与外围接口206相连,例如定位系统(例如GPS接收机)、加速度传感器、温度传感器、生物测定传感器或其他感测设备,由此可以帮助实施相关的功能。
相机子系统220和光学传感器222可以用于方便诸如记录照片和视频剪辑的相机功能的实现,其中所述相机子系统和光学传感器例如可以是电荷耦合器件(CCD)或互补金属氧化物半导体(CMOS)光学传感器。可以通过一个或多个无线通信子系统224来帮助实现通信功能,其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统224的特定设计和实施方式可以取决于移动终端200所支持的一个或多个通信网络。例如,移动终端200可以包括被设计成支持5G、LTE、3G、GSM网络、GPRS网络、EDGE网络、Wi-Fi或WiMax网络以及BlueboothTM网络的通信子系统224。
音频子系统226可以与扬声器228以及麦克风230相耦合,以便帮助实施启用语音的功能,例如语音识别、语音复制、数字记录和电话功能。I/O子系统240可以包括触摸屏控制器242和/或一个或多个其他输入控制器244。触摸屏控制器242可以耦合到触摸屏246。举例来说,该触摸屏246和触摸屏控制器242可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停,其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。
一个或多个其他输入控制器244可以耦合到其他输入/控制设备248,例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、USB端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器228和/或麦克风230音量的向上/向下按钮。
存储器接口202可以与存储器250相耦合。该存储器250可以包括高速随机存取存储器和/或非易失性存储器,例如一个或多个磁盘存储设备,一个或多个光学存储设备,和/或闪存存储器(例如NAND,NOR)。存储器250可以存储操作系统252,例如Android、iOS、Linux或是Windows Phone之类的操作系统。该操作系统252可以包括用于处理基本系统服务以及执行依赖于硬件的任务的指令。存储器250还可以存储应用254(即,应用程序,以下简称应用)。在移动终端运行时,会从存储器250中加载操作系统252,并且由处理器204执行。应用254在运行时,也会从存储器250中加载,并由处理器204执行。应用254运行在操作系统之上,利用操作系统以及底层硬件提供的接口实现各种用户期望的功能,如即时通信、网页浏览、图片管理、视频播放等。应用254可以是独立于操作系统提供的,也可以是操作系统自带的,包括各种社交应用软件,如QQ、微信、微博等,也包括各种视频播放游戏直播等应用软件,还可以包括相册、计算器、录音笔等系统自带应用程序。另外,应用254被安装到移动终端200中时,也可以向操作系统添加驱动模块。
在上述各种应用154中,其中的一种应用为根据本发明的图片显示装置600,图片显示装置600可用于执行本发明的图片的显示方法300。在一些实施例中,移动终端200被配置为执行根据本发明的图片的显示方法300。
图3示出了根据本发明一个实施例的图片的显示方法300的示意性流程图。如图3所示,该方法始于步骤S310。通过该方法300可以在移动终端200的屏幕上切换显示按顺序排列的多张图片,多张图片中的每张图片具有与该图片的排列位置对应的索引值。移动终端200的屏幕上正在显示的图片为当前图片。
在步骤S310中,接收用户在移动终端屏幕上的滑动操作。如上参考图1所述,用户利用移动终端200提供的功能,特别是安装在移动终端200上的移动应用254所提供的功能,可以浏览移动终端屏幕上显示的图片,并可以在移动终端屏幕上进行滑动操作来切换图片进行浏览。
根据一种实施方式,如图4和图5所示的根据本发明一个实施例的移动终端屏幕400的区域划分示意图。图4所示的屏幕400上的预定区域被划分为图片显示区域450,图片显示区域450用于显示当前图片。图片显示区域450占据屏幕显示区域的一部分。另外,在屏幕400的图片显示区域450的下方还划分有图片预览区域460,图片预览区域460用于显示与当前图片相邻的多个图片的缩小图。这里,本发明不限制图片预览区域460上显示的缩小图的具体数量,该数量可以由本领域技术人员根据实际情况和经验自行设置。
如上参考图2所述,移动终端200的屏幕为触摸屏,而且移动终端200的触摸屏控制器242可以监测到在用户在触摸屏上的操作,并且将这些操作转换为移动应用254可以识别的操作内容。
根据本发明的一种实施方式,就在触摸屏上的操作而言,滑动操作包括三个子操作:接触屏幕子操作、保持接触屏幕并在屏幕上滑动的子操作、以及解除与屏幕接触的子操作。就滑动方向而言,由于在移动终端屏幕上的滑动方向并不会十分准确,因此,可以根据滑动开始点和结束点的坐标值来判断滑动方向。具体地,当根据屏幕的显示内容,结束点位于开始点的左方,而且结束点和开始点的横向距离大于纵向距离时,认为此滑动为向左滑动;相反,结束点位于开始点的右方,而且结束点和开始点的横向距离大于纵向距离时,认为此滑动为向右滑动。类似地,当结束点位于开始点的下方,而且结束点和开始点的纵向距离大于横向距离时,认为此滑动为向下滑动;而结束点位于开始点的上方,而且结束点和开始点的纵向距离大于横向距离时,认为此滑动为向上滑动。应当指出,本发明并不受限于上述确定滑动方向的形式,所有可以为屏幕上的滑动确定滑动方向的方式都在本发明的保护范围之内。
当检测到在屏幕上的向左或向右滑动操作时,则响应于该操作,执行步骤S320。
在步骤S320中,根据步骤S310中的滑动操作确定最终要切换到的目标图片的索引值。具体而言,通过识别用户在屏幕上的滑动操作,并确定滑动操作的开始点和结束点;根据滑动操作的开始点和结束点计算滑动距离;进而,根据滑动距离计算最终要切换到的目标图片的索引值。
根据一种实施方式,在安装iOS系统的移动终端中,可以通过UIPanGestureRecognizer来处理滑动操作,将滑动操作转化为可以识别的内容,以便判断滑动操作是否结束,并确定滑动操作的开始点和结束点。
在安装iOS系统的移动终端中,例如通过locationInView来计算滑动距离。在接收到UIGestureRecognizerStateChanged状态时,通过locationInView获取滑动操作的开始点的坐标值和结束点的坐标值,从而根据滑动开始点和结束点的坐标值来计算滑动距离。但,本发明不受限于上述计算滑动距离的方式,所有可以根据滑动操作的开始点和结束点的位置来计算滑动距离的方式均在本发明的保护范围之内。
应当指出,本发明不受限于iOS操作系统,换言之,移动终端可以安装现有技术中的任意操作系统来执行本发明的图片的显示方法300。随后,在步骤S330中,根据当前图片的索引值和目标图片的索引值确定从当前图片切换到目标图片的时间。
在步骤S340中,在步骤S330中所确定的、从当前图片切换到目标图片的时间期间,定时根据当前图片的索引值和目标图片的索引值确定要切换到的下一张图片的索引值,并定时进行切换与计算得到的索引值对应的下一张图片,直到切换到所述目标图片为止。这里,通过在从当前图片切换到目标图片的时间期间定时生成图片切换指令,根据图片切换指令,从移动终端内存中查找到与下一张图片的索引值相对应的图片数据,并将下一张图片数据显示在移动终端屏幕上,从而实现将移动终端屏幕的当前图片切换到下一张图片。
根据一种实施方式,可以通过iOS系统提供的CADisplayLink进行定时,并定时生成图片切换指令。这里,本发明不受限于这种定时方式,现有技术中所有能实现定时的方式均在本发明的保护范围之内。
如图4所示,在移动终端屏幕上的图片显示区域450除显示当前图片之外,还在当前图片的左右两侧分别显示上一张图片和下一张图片的缩小图。这样,基于用户在屏幕上的向左滑动操作或向右滑动操作,将滑动距离转化为连续的图片切换指令,在达到连续切换显示图片的同时,能够同步在当前图片的左右两侧分别预览显示上一张图片、下一张图片,从而在视觉上能达到360度预览连续的图片的效果,而且,便于用户在浏览图片时将相邻的图片进行对比。例如,在展示产品不同角度的效果图时,通过控制滑动操作能够连续切换浏览产品的不同角度,达到360度浏览产品图的视觉效果,而且有利于用户对相邻的产品图片进行比对。
根据一个实施例,根据滑动距离确定目标图片的索引值按照以下公式计算:
当D>0时,E=C+ceil((T-1)*M*(D/W));
当D<0时,E=C+floor((T-1)*M*(D/W));
其中,D为滑动距离,C为当前图片的索引值,E为目标图片的索引值,N为下一张图片的索引值,ceil表示向上取整函数,floor表示向下取整函数,T为图片数量,M是屏幕的灵敏度(与屏幕识别单元对滑动操作进行识别和处理的速度相关),W为图片显示区域的宽度。应当指出,M是一个预设的常数,M的取值可以由本领域技术人员根据实际情况和经验来设置。还应当指出,上述公式仅仅是计算目标图片的索引值的一种计算方式,本领域技术人员还可以采用其他方法来计算目标图片的索引值,本发明对目标图片的索引值的具体计算方法不做限制。
根据一个实施例,要切换到的下一张图片的索引值按照以下公式确定:
当C<E时,N=ceil((E-C)/K);以及
当C>E时,N=floor((E-C)/K);
其中,K为图片切换间隔值,且K>1;C为当前图片的索引值,E为目标图片的索引值,N为下一张图片的索引值,ceil表示向上取整函数,floor表示向下取整函数。需要说明的是,K为预设的常数,K的取值可以由本领域技术人员根据实际情况来设置。可以理解,在上述计算下一张图片索引值的公式中,通过设置图片切换间隔值K,使用户在通过滑动操作进行切换图片时,不用将当前图片索引值与目标图片索引值之间的索引值对应的每一张图片均进行加载显示,而是采用渐入渐出的方式按照图片切换间隔值进行抽取显示,从而减少不必要的图片切换和渲染,提高图片的切换效率。
在一种实施方式中,K=10。从而,要切换到的下一张图片的索引值按照以下公式确定:
当C<E时,N=ceil((E-C)*0.1);
当C>E时,N=floor((E-C)*0.1)。
应当指出,上述公式仅仅是计算下一张图片的索引值的一种计算方式,本领域技术人员还可以采用其他方法来计算下一张图片的索引值,本发明对下一张图片的索引值的具体计算方法不做限制。
在根据本发明的实施例中,每张图片均包括第一图片格式和第二图片格式,第一图片格式和第二图片格式的分辨率不同,且第一图片格式的分辨率低于第二图片格式的分辨率。根据一个实施例,在响应用户在移动终端屏幕上的滑动操作之前,还进行以下步骤:
当移动终端接收到用户对图片的请求时,向服务器请求并获取所有图片的第一图片格式数据,并基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式。应当指出,用户对图片的请求中例如包括用户感兴趣的某类产品,从而,基于用户的兴趣向服务器请求并获取某类产品图片。
具体地,如果请求所有图片的第一图片格式数据全部成功,则将所有图片的第一图片格式数据存储到移动终端的内存和/或硬盘中,并将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上。如果请求多张图片的第一图片格式数据部分失败或者全部失败,则本次请求第一图片格式数据失败,不在移动终端屏幕上显示图片。进一步地,服务器包括图片服务器。移动终端先向服务器请求并获取第一图片格式数据的地址,根据获取的第一图片格式数据的地址向图片服务器请求并获取第一图片格式数据。
进而,向服务器请求并获取与所有图片的第一图片格式对应的第二图片格式数据,将获取的第二图片格式数据替换第一图片格式数据,并在移动终端屏幕上显示当前图片的第二图片格式。这里,如果请求所有图片的第二图片格式数据全部获取成功,则将第二图片格式数据存储到移动终端的内存和/或硬盘中,以替换相应的第一图片格式数据。如果请求所有图片的第二图片格式数据部分或全部获取失败,则本次请求第二图片格式数据失败,不对第二图片格式数据进行存储,也不对第一图片格式数据进行替换。应当指出,在请求第二图片格式数据时,先向服务器请求并获取第二图片格式数据的地址,根据获取的第二图片格式数据的地址向图片服务器请求并获取第二图片格式数据。
需要说明的是,由于第一图片格式的分辨率低于第二图片格式的分辨率,故,第一图片格式数据的体积较小,第二图片格式数据的体积较大。通过以上实施步骤,在向服务器请求图片时,先向服务器请求体积较小的第一图片格式数据,并在屏幕上显示第一图片格式。进而,在向服务器请求第二图片格式数据全部成功后,再将第一图片格式数据替换为分辨率较高的第二图片格式数据,并显示第二图片格式。也就是说,优先下载体积较小的图片数据并展示给用户,在第二图片格式数据下载完毕后,再将第一图片格式切换为分辨率较高的第二图片格式。这样,能够有效避免在网络不佳的情况下下载体积较大的图片数据导致用户等待时间较长的问题,提高了用户体验。
根据一种实施方式,移动终端可以采用SDWebImage图片加载框架,对图片进行异步下载。具体地,在第一图片格式数据请求成功后,将第一图片格式数据存储到的内存和/或硬盘中的过程中,开启子线程对服务器中的第一图片格式的原始图片数据进行解码,转换成适于在移动终端显示的图片格式。相应地,在第二图片格式数据请求成功后,将第二图片格式数据存储到的内存和/或硬盘中的过程中,开启子线程对服务器中的第二图片格式的原始图片数据进行解码,转换成适于在移动终端显示的图片格式。也就是说,本发明是在下载图片过程中对服务器端的原始图片进行解码操作,并不是在切换图片过程中对图片进行解码操作,从而避免了当加载的图片较多时因程序响应较慢而造成的卡顿和花屏现象。
图6示出了根据本发明一个实施例的图片显示装置600的示意图。图片显示装置600适于执行本发明的图片的显示方法300。图片显示装置600驻留在移动终端200中,以使移动终端200执行本发明的图片的显示方法300。
如图6所示,图片显示装置600包括请求模块601、图片显示模块602、接收模块610、图片索引确定模块620、计时模块630以及图片切换模块640。
根据一个实施例,通过接收模块610接收用户在移动终端屏幕上的滑动操作。图片索引确定模块620根据滑动操作确定最终要切换到的目标图片的索引值。进一步地,如图6所示,图片索引确定模块620包括屏幕识别单元621、滑动距离计算单元622以及图片索引计算单元623。通过屏幕识别单元621确定所述滑动操作的开始点和结束点。滑动距离计算单元622根据滑动操作的开始点和结束点确定滑动距离。图片索引计算单元623根据滑动距离计算目标图片的索引值。
计时模块630根据当前图片的索引值和目标图片的索引值确定从当前图片切换到目标图片的时间,并在所确定的从当前图片切换到目标图片的时间期间,定时生成图片切换指令。
图片切换模块640在计时模块630所确定的时间期间,定时根据当前图片的索引值和目标图片的索引值确定要切换到的下一张图片的索引值,并根据计时模块630定时生成的图片切换指令,从移动终端内存中查找到与下一张图片的索引值相对应的图片数据,并将下一张图片数据显示在移动终端屏幕上,从而实现将移动终端屏幕的当前图片定时切换到下一张图片。
根据一种实施方式,计时模块630例如可以通过iOS系统提供的CADisplayLink进行定时,并定时生成图片切换指令。这里,本发明不受限于这种定时方式,现有技术中所有能实现定时的方式均在本发明的保护范围之内。
根据一种实施方式,在安装iOS系统的移动终端中,屏幕识别单元621例如通过UIPanGestureRecognizer来处理滑动操作,将滑动操作转化为可以识别的内容,以便判断滑动操作是否结束,并确定滑动操作的开始点和结束点。
滑动距离计算单元622例如通过locationInView来计算滑动距离。滑动距离计算单元622在接收到UIGestureRecognizerStateChanged状态时,通过locationInView获取滑动操作的开始点的坐标值和结束点的坐标值,从而根据滑动开始点和结束点的坐标值来计算滑动距离。但,本发明不受限于上述计算滑动距离的方式,所有可以根据滑动操作的开始点和结束点的位置来计算滑动距离的方式均在本发明的保护范围之内。
根据一个实施例,滑动距离计算单元622可以按照以下公式计算目标图片的索引值:
当D>0时,E=C+ceil((T-1)*M*(D/W));
当D<0时,E=C+floor((T-1)*M*(D/W));
其中,D为滑动距离,C为当前图片的索引值,E为目标图片的索引值,N为下一张图片的索引值,ceil表示向上取整函数,floor表示向下取整函数,T为图片数量,M是屏幕的灵敏度(与屏幕识别单元对滑动操作进行识别和处理的速度相关),W为图片显示区域的宽度。应当指出,M是一个预设的常数,M的取值可以由本领域技术人员根据实际情况和经验来设置。还应当指出,上述公式仅仅是计算目标图片的索引值的一种计算方式,本领域技术人员还可以采用其他方法来计算目标图片的索引值,本发明对目标图片的索引值的具体计算方法不做限制。
根据一个实施例,图片切换模块640可以按照以下公式计算要切换到的下一张图片的索引值:
当C<E时,N=ceil((E-C)/K);以及
当C>E时,N=floor((E-C)/K);
其中,K为图片切换间隔值,且K>1;C为当前图片的索引值,E为目标图片的索引值,N为下一张图片的索引值,ceil表示向上取整函数,floor表示向下取整函数。需要说明的是,K为预设的常数,K的取值可以由本领域技术人员根据实际情况来设置。可以理解,在上述计算下一张图片索引值的公式中,通过设置图片切换间隔值K,使用户在通过滑动操作进行切换图片时,不用将当前图片索引值与目标图片索引值之间的索引值对应的每一张图片均进行加载显示,而是采用渐入渐出的方式按照图片切换间隔值进行抽取显示,从而减少不必要的图片切换和渲染,提高图片的切换效率。
在一种实施方式中,K=10。从而,图片切换模块640按照以下公式计算要切换到的下一张图片的索引值:
当C<E时,N=ceil((E-C)*0.1);
当C>E时,N=floor((E-C)*0.1)。
应当指出,上述公式仅仅是图片切换模块640计算下一张图片的索引值的一种计算方式,本领域技术人员还可以采用其他方法来计算下一张图片的索引值,本发明对下一张图片的索引值的具体计算方法不做限制。
根据一个实施例,图片包括第一图片格式和第二图片格式,第一图片格式的分辨率低于第二图片格式的分辨率。
当移动终端接收到用户对图片的请求时,请求模块601向服务器请求并获取所有图片的第一图片格式数据,图片显示模块602基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式。具体地,如果请求模块601请求所有图片的第一图片格式数据全部成功,则将所有图片的第一图片格式数据存储到移动终端的内存和/或硬盘中,进而,图片显示模块602将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上。如果请求模块601请求多张图片的第一图片格式数据部分失败或者全部失败,则本次请求第一图片格式数据失败,不在移动终端屏幕上显示图片。进一步地,服务器包括图片服务器。请求模块601先向服务器请求并获取第一图片格式数据的地址,根据获取的第一图片格式数据的地址向图片服务器请求并获取第一图片格式数据。
进而,请求模块601向服务器请求并获取与所有图片的第一图片格式对应的第二图片格式数据,将获取的第二图片格式数据替换第一图片格式数据,并由图片显示模块602在移动终端屏幕上显示当前图片的第二图片格式。这里,如果请求模块601请求所有图片的第二图片格式数据全部获取成功,则将第二图片格式数据存储到移动终端的内存和/或硬盘中,以替换相应的第一图片格式数据。如果请求所有图片的第二图片格式数据部分或全部获取失败,则本次请求第二图片格式数据失败,不对第二图片格式数据进行存储,也不对第一图片格式数据进行替换。应当指出,请求模块601在请求第二图片格式数据时,先向服务器请求并获取第二图片格式数据的地址,根据获取的第二图片格式数据的地址向图片服务器请求并获取第二图片格式数据。
根据一种实施方式,请求模块601可以采用SDWebImage图片加载框架对图片进行异步下载。具体地,在第一图片格式数据请求成功后,将第一图片格式数据存储到的内存和/或硬盘中的过程中,开启子线程对服务器中的第一图片格式的原始图片数据进行解码,转换成适于在移动终端显示的图片格式。相应地,在第二图片格式数据请求成功后,将第二图片格式数据存储到的内存和/或硬盘中的过程中,开启子线程对服务器中的第二图片格式的原始图片数据进行解码,转换成适于在移动终端显示的图片格式。也就是说,本发明是在下载图片过程中对服务器端的原始图片进行解码操作,并不是在切换图片过程中对图片进行解码操作,从而避免了当加载的图片较多时因程序响应较慢而造成的卡顿和花屏现象。
A8、如A3或A4所述的图片的显示方法,其中,所述向服务器请求第一图片格式数据的步骤包括:向服务器请求多张图片的第一图片格式数据;如果请求多张图片的第一图片格式数据成功,则将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上;以及如果请求多张图片的第一图片格式数据失败,则不在移动终端屏幕上显示图片。
A9、如A3、A4或A8中任一项所述的图片的显示方法,其中,所述向服务器请求所述第一图片格式对应的第二图片格式数据包括:向服务器请求多张图片的第二图片格式数据;如果请求多张图片的第二图片格式数据成功,则将第二图片格式数据替换第一图片格式数据;以及如果请求多张图片的第二图片格式数据失败,则不对第一图片格式数据进行替换。
B11、如B10所述的图片显示装置,其中所述图片索引确定模块包括:屏幕识别单元,适于确定所述滑动操作的开始点和结束点;滑动距离计算单元,适于根据所述滑动操作的开始点和结束点确定滑动距离;以及图片索引计算单元,适于根据所述滑动距离计算所述目标图片的索引值。
B12、如B10或B11所述的图片显示装置,其中,所述图片包括第一图片格式和第二图片格式,所述第一图片格式的分辨率低于第二图片格式的分辨率;所述图片显示装置还包括:请求模块,适于向服务器请求第一图片格式数据;并适于向服务器请求与所述第一图片格式对应的第二图片格式数据,将获取的第二图片格式数据替换所述第一图片格式数据;以及图片显示模块,适于基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式,并适于将在移动终端屏幕显示当前图片的第二图片格式。
B13、如B12所述的图片显示装置,其中,所述服务器包括图片服务器;所述数据请求模块适于向服务器请求第一图片格式数据的地址,并根据所述第一图片格式数据的地址从图片服务器获取第一图片格式数据;所述数据请求模块还适于向服务器请求第二图片格式数据的地址,并根据所述第二图片格式数据的地址从图片服务器获取第二图片格式数据。
B14、如B10-B13任一项所述的图片显示装置,其中,所述图片索引确定模块适于按照以下公式计算下一张图片的索引值:当C<E时,N=ceil((E-C)*0.1);以及当C>E时,N=floor((E-C)*0.1);其中,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数。
B15、如B10-B14任一项所述的图片显示装置,其中,所述计时模块适于定时生成图片切换指令;所述图片切换模块适于根据所述图片切换指令将移动终端屏幕的当前图片切换到下一张图片。
B16、如B11-B15任一项所述的图片显示装置,其中,所述图片索引图片索引确定模块适于按照以下公式计算目标图片的索引值:当D>0时,E=C+ceil((T-1)*M*(D/W));以及当D<0时,E=C+floor((T-1)*M*(D/W));其中,D是滑动距离,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数,T是图片数量,M是灵敏度,W是图片显示区域的宽度。
B17、如B12所述的图片显示装置,其中,所述请求模块进一步适于:向服务器请求多张图片的第一图片格式数据;如果请求多张图片的第一图片格式数据成功,则将第一图片格式数据中的第一张图片作为当前图片显示在移动终端屏幕上;以及如果请求多张图片的第一图片格式数据失败,则不在移动终端屏幕上显示图片。
B18、如B12、B13或B17中任一项所述的图片显示装置,其中,所述请求模块进一步适于:向服务器请求多张图片的第二图片格式数据;如果请求多张图片的第二图片格式数据成功,则将第二图片格式替换第一图片格式数据;以及如果请求多张图片的第二图片格式数据失败,则不对第一图片格式数据进行替换。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,移动终端一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的图片的显示方法。
以示例而非限制的方式,可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的而非限制性的,本发明的范围由所附权利要求书限定。
Claims (10)
1.一种图片的显示方法,适于在移动终端执行,所述图片包括按顺序排列的多张图片,每张图片具有对应的索引值,所述移动终端的屏幕上显示的是当前图片,所述方法包括步骤:
接收用户在移动终端屏幕上的滑动操作;
根据所述滑动操作确定最终要切换到的目标图片的索引值;
根据所述当前图片的索引值和目标图片的索引值确定从当前图片切换到所述目标图片的时间;以及
在所确定的、从当前图片切换到目标图片的时间期间,定时根据所述当前图片的索引值和目标图片的索引值计算要切换到的下一张图片的索引值,并定时进行切换所计算得到的下一张图片,直到切换到所述目标图片为止。
2.如权利要求1所述的图片的显示方法,其中,所述根据滑动操作确定目标图片的索引值的步骤包括:
确定所述滑动操作的开始点和结束点;
根据所述滑动操作的开始点和结束点确定滑动距离;以及
根据所述滑动距离计算所述目标图片的索引值。
3.如权利要求1或2所述的图片的显示方法,其中,所述图片包括第一图片格式和第二图片格式,所述第一图片格式的分辨率低于第二图片格式的分辨率;在响应用户在移动终端屏幕上的滑动操作之前,还包括步骤:
向服务器请求第一图片格式数据,并基于获取的第一图片格式数据在移动终端屏幕显示当前图片的第一图片格式;
向服务器请求第二图片格式数据,将获取的第二图片格式数据替换所述第一图片格式数据,并在移动终端屏幕显示当前图片的第二图片格式。
4.如权利要求3所述的图片的显示方法,其中,所述服务器包括图片服务器,向服务器请求第一图片格式数据的步骤包括:
从服务器获取第一图片格式数据的地址;
根据所述地址从图片服务器获取第一图片格式数据;
向服务器请求第二图片格式数据的步骤包括:
从服务器获取第二图片格式数据的地址;
根据所述地址从图片服务器获取第二图片格式数据。
5.如权利要求1-4任一项所述的图片的显示方法,其中,所述要切换到的下一张图片的索引值按照以下公式计算:
当C<E时,N=ceil((E-C)*0.1);以及
当C>E时,N=floor((E-C)*0.1);
其中,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数。
6.如权利要求1-5任一项所述的图片的显示方法,其中,定时进行切换下一张图片的步骤包括:
定时生成图片切换指令;
根据所述图片切换指令,将移动终端屏幕的当前图片切换到下一张图片。
7.如权利要求2-6任一项所述的图片的显示方法,其中,所述根据滑动距离确定目标图片的索引值按照以下公式计算:
当D>0时,E=C+ceil((T-1)*M*(D/W));以及
当D<0时,E=C+floor((T-1)*M*(D/W));
其中,D是滑动距离,C是当前图片的索引值,E是目标图片的索引值,N是下一张图片的索引值,ceil是向上取整函数,floor是向下取整函数,T是图片数量,M是灵敏度,W是图片显示区域的宽度。
8.一种图片显示装置,驻留在移动终端中,所述图片包括按顺序排列的多张图片,每张图片具有对应的索引值,所述移动终端的屏幕上适于显示当前图片,其中包括:
接收模块,适于接收用户在移动终端屏幕上的滑动操作;
图片索引确定模块,适于根据所述滑动操作确定最终要切换到的目标图片的索引值;
计时模块,适于根据所述当前图片的索引值和目标图片的索引值确定从当前图片切换到所述目标图片的时间;以及
图片切换模块,适于在所述计时模块所确定的时间期间,定时根据所述当前图片的索引值和目标图片的索引值计算要切换到的下一张图片的索引值;并切换下一张图片,直到切换到所述目标图片为止。
9.一种移动终端,包括:
至少一个处理器;以及
存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如权利要求1-7中任一项所述方法的指令。
10.一种存储有程序指令的可读存储介质,当所述程序指令被移动终端读取并执行时,使得所述移动终端执行如权利要求1-7中任一项所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910900974.8A CN110647285A (zh) | 2019-09-23 | 2019-09-23 | 一种图片的显示方法、图片显示装置及移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910900974.8A CN110647285A (zh) | 2019-09-23 | 2019-09-23 | 一种图片的显示方法、图片显示装置及移动终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110647285A true CN110647285A (zh) | 2020-01-03 |
Family
ID=68992452
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910900974.8A Pending CN110647285A (zh) | 2019-09-23 | 2019-09-23 | 一种图片的显示方法、图片显示装置及移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110647285A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111444143A (zh) * | 2020-02-26 | 2020-07-24 | 车智互联(北京)科技有限公司 | 图片集中的图片展示方法、装置及移动终端 |
CN111914511A (zh) * | 2020-07-31 | 2020-11-10 | 海信视像科技股份有限公司 | 一种远程文件浏览方法、智能终端及显示设备 |
CN112927121A (zh) * | 2020-12-09 | 2021-06-08 | 广州市玄武无线科技股份有限公司 | 一种动态展示水印图像的方法及系统 |
CN113791716A (zh) * | 2020-12-02 | 2021-12-14 | 北京沃东天骏信息技术有限公司 | 图片的显示方法、装置、电子设备及计算机可读介质 |
CN111914511B (zh) * | 2020-07-31 | 2024-04-26 | 海信视像科技股份有限公司 | 一种远程文件浏览方法、智能终端及显示设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102117611A (zh) * | 2009-12-31 | 2011-07-06 | 鸿富锦精密工业(深圳)有限公司 | 在电子装置中实现循环显示图片的方法 |
CN103927093A (zh) * | 2014-03-19 | 2014-07-16 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105426080A (zh) * | 2015-11-26 | 2016-03-23 | 深圳市金立通信设备有限公司 | 一种图片切换方法及终端 |
US20170099431A1 (en) * | 2015-10-06 | 2017-04-06 | Canon Kabushiki Kaisha | Image processing apparatus, electronic apparatus, display processing apparatus, and method for controlling the same |
CN107562338A (zh) * | 2017-08-25 | 2018-01-09 | 北京三快在线科技有限公司 | 图片查看方法、装置、电子设备及存储介质 |
WO2019056489A1 (zh) * | 2017-09-20 | 2019-03-28 | 平安科技(深圳)有限公司 | 图片展示方法、装置、终端和存储介质 |
CN109726343A (zh) * | 2018-12-26 | 2019-05-07 | 北京字节跳动网络技术有限公司 | 图像轮播方法和装置 |
-
2019
- 2019-09-23 CN CN201910900974.8A patent/CN110647285A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102117611A (zh) * | 2009-12-31 | 2011-07-06 | 鸿富锦精密工业(深圳)有限公司 | 在电子装置中实现循环显示图片的方法 |
CN103927093A (zh) * | 2014-03-19 | 2014-07-16 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
US20170099431A1 (en) * | 2015-10-06 | 2017-04-06 | Canon Kabushiki Kaisha | Image processing apparatus, electronic apparatus, display processing apparatus, and method for controlling the same |
CN105426080A (zh) * | 2015-11-26 | 2016-03-23 | 深圳市金立通信设备有限公司 | 一种图片切换方法及终端 |
CN107562338A (zh) * | 2017-08-25 | 2018-01-09 | 北京三快在线科技有限公司 | 图片查看方法、装置、电子设备及存储介质 |
WO2019056489A1 (zh) * | 2017-09-20 | 2019-03-28 | 平安科技(深圳)有限公司 | 图片展示方法、装置、终端和存储介质 |
CN109726343A (zh) * | 2018-12-26 | 2019-05-07 | 北京字节跳动网络技术有限公司 | 图像轮播方法和装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111444143A (zh) * | 2020-02-26 | 2020-07-24 | 车智互联(北京)科技有限公司 | 图片集中的图片展示方法、装置及移动终端 |
CN111444143B (zh) * | 2020-02-26 | 2024-02-23 | 车智互联(北京)科技有限公司 | 图片集中的图片展示方法、装置及移动终端 |
CN111914511A (zh) * | 2020-07-31 | 2020-11-10 | 海信视像科技股份有限公司 | 一种远程文件浏览方法、智能终端及显示设备 |
CN111914511B (zh) * | 2020-07-31 | 2024-04-26 | 海信视像科技股份有限公司 | 一种远程文件浏览方法、智能终端及显示设备 |
CN113791716A (zh) * | 2020-12-02 | 2021-12-14 | 北京沃东天骏信息技术有限公司 | 图片的显示方法、装置、电子设备及计算机可读介质 |
CN112927121A (zh) * | 2020-12-09 | 2021-06-08 | 广州市玄武无线科技股份有限公司 | 一种动态展示水印图像的方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9207902B2 (en) | Method and apparatus for implementing multi-vision system by using multiple portable terminals | |
KR101395426B1 (ko) | 애니메이션들에서 사용할 용도의 원하는 물리적인 특징들을 지닌 그래픽 오브젝트들을 생성하기 위한 방법, 장치 및 컴퓨터 프로그램 제품 | |
WO2019019635A1 (zh) | 动态图的生成装置、方法及计算机可读存储介质 | |
CN110647285A (zh) | 一种图片的显示方法、图片显示装置及移动终端 | |
US9880721B2 (en) | Information processing device, non-transitory computer-readable recording medium storing an information processing program, and information processing method | |
US10990226B2 (en) | Inputting information using a virtual canvas | |
EP2703977A2 (en) | Method and apparatus for controlling image display in an electronic device | |
CN110568974B (zh) | 一种滑动视图显示方法、装置和移动终端 | |
CN107153546B (zh) | 一种视频播放方法及移动设备 | |
EP3197148A1 (en) | Method for controlling motions and actions of an apparatus including an image capture device | |
US20170139554A1 (en) | Electronic apparatus and display control method | |
CN110765398A (zh) | 一种页面内容的显示方法及移动终端 | |
US9535604B2 (en) | Display device, method for controlling display, and recording medium | |
EP2701153A1 (en) | Electronic device for merging and sharing images and method thereof | |
US11582377B2 (en) | Apparatus and method for controlling auto focus function in electronic device | |
CN109101150B (zh) | 元素插入方法、装置、电子设备及计算机可读存储介质 | |
CN107656866B (zh) | 一种测试应用流畅度的方法、移动终端和计算设备 | |
CN107145294B (zh) | 一种移动终端的单手模式实现方法及装置 | |
US9509733B2 (en) | Program, communication apparatus and control method | |
CN105739817A (zh) | 一种图标隐藏的方法、装置及移动终端 | |
US9619101B2 (en) | Data processing system related to browsing | |
CN110418429B (zh) | 数据显示方法、计算设备及数据显示系统 | |
CN109085978B (zh) | 视图显示方法、存储介质及移动终端 | |
WO2016033934A1 (zh) | 一种投影方法、投影装置及计算机存储介质 | |
CN112131487A (zh) | 一种交互方法及计算设备 |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200103 |