CN103616983B - 一种图片展示方法、装置和终端设备 - Google Patents

一种图片展示方法、装置和终端设备 Download PDF

Info

Publication number
CN103616983B
CN103616983B CN201310603707.7A CN201310603707A CN103616983B CN 103616983 B CN103616983 B CN 103616983B CN 201310603707 A CN201310603707 A CN 201310603707A CN 103616983 B CN103616983 B CN 103616983B
Authority
CN
China
Prior art keywords
thumbnail
display interface
current display
display window
current
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
Application number
CN201310603707.7A
Other languages
English (en)
Other versions
CN103616983A (zh
Inventor
任远
姚丽梅
王宗妮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiaomi Inc
Original Assignee
Xiaomi Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Xiaomi Inc filed Critical Xiaomi Inc
Priority to CN201310603707.7A priority Critical patent/CN103616983B/zh
Publication of CN103616983A publication Critical patent/CN103616983A/zh
Application granted granted Critical
Publication of CN103616983B publication Critical patent/CN103616983B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开是关于一种图片展示方法,所述方法包括:加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;获取所述显示窗口与所述第一缩略图所在位置的相对位置;根据所述相对位置,调整所述网页的显示区域。本公开当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时,调整网页的显示区域,使与当前展示的原图片相对应的缩略图显示当前显示界面中,以便于用户快速了解浏览进度。本公开还公开了用于实现上述方法的装置、浏览器和终端设备。

Description

一种图片展示方法、装置和终端设备
技术领域
本公开是关于移动终端通讯技术领域,尤其是关于一种图片展示方法、装置和终端设备。
背景技术
随着互联网技术的发展,网页上出现了越来越多以图片为核心的应用,例如用户相册,商品展示列表等。如何能使用户浏览图片列表时更轻松更便捷,成为一个需要解决的问题。
网页上的图片列表加载后,通常图片列表中的图片较多,为了保证展示速度,展示的都是缩略图,用户点击其中一张图片,将该缩略图的大图展示出来,同时在查看缩略图的大图时,可以使用键盘或者鼠标等外接输入设备进行图片翻页,也就是查看当前浏览的大图的上一张或者下一张图片。
用户查看图片列表并打开一张缩略图的大图时,可以继续使用外接输入设备控制大图翻页,通过翻页浏览的大图数量较多时,当用户关闭大图,图片列表中的处于屏幕可视区域的缩略图可能并不包含刚刚关闭的大图的缩略图,需要用户自己寻找刚刚关闭的大图的缩略图以便继续浏览接下来的其他图片。同时,图片列表通常使用分页技术加载,并且默认一次只加载固定数量的图片,当用户请求相应的分页时才会加载该分页上的图片到图片列表中。通常触发后续分页的方式为,用户浏览到图片列表的最底部时,系统会自动加载。所以当用户浏览大图时,尤其查看到当前页的最后一张图片时,无法自动加载后续分页的图片,因为此时屏幕可视区域并没有滚动到图片列表的最底部,系统无法判定需要继续加载新的分页。
发明内容
为克服相关技术存在的问题,本公开提供一种图片展示方法、装置和终端设备,实现了选择操作带动缩略图列表的上下滚动,用户关闭显示原图片的显示窗口时,当前显示界面中能够包含与刚刚关闭的原图片对应的缩略图。
一方面,本公开提供了一种图片展示方法,包括:
加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取所述显示窗口与所述第一缩略图所在位置的相对位置;
根据所述相对位置,调整所述网页的显示区域。
浏览缩略图列表的原图片时,当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时,调整网页的显示区域,使与当前展示的原图片相对应的缩略图显示当前显示界面中,以便于用户快速了解浏览进度,找到刚刚浏览的原图片对应的缩略图在缩略图列表中的位置,从而能够继续通过缩略图列表浏览后续图片。
所述选择指令包括:接收到的直接选择所述第一缩略图的点击选择指令、接收到的顺序选择到所述第一缩略图的翻页选择指令。在缩略图列表中点击选择第一缩略图或者依据缩略图列表的顺序翻页浏览到第一缩略图,都会根据相对位置,调整网页的显示区域,使第一缩略图显示在当前显示界面中。
所述方法还包括:当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载所述缩略图列表在当前显示界面未显示的缩略图。随着缩略图列表在当前显示界面中的位置不断变化,当前显示界面中显示到缩略图列表在当前显示界面的最后一张缩略图时,触发预加载缩略图列表在当前显示界面未显示的缩略图的指令,预加载在当前显示界面未显示的缩略图组成的缩略图列表,以供用户不间断的继续浏览后续的缩略图列表。
获取所述显示窗口与所述第一缩略图所在位置的相对位置,包括:以预定原点为准,确定所述第一缩略图的坐标以及所述显示窗口的坐标;根据所述第一缩略图的坐标以及所述显示窗口的坐标,确定所述相对位置。通过显示窗口到第一缩略图的矢量的方向确定显示窗口与第一缩略图所在位置的相对位置。
所述第一缩略图位于当前显示界面时,以当前显示界面的左上角为原点,坐标位于当前显示界面内;所述第一缩略图未位于当前显示界面,且所在的显示区域已移出所述当前显示界面的上边缘时,以当前显示界面的左上角为原点;所述第一缩略图未位于当前显示界面,且所在的显示区域未移入所述当前显示界面的下边缘时,以当前显示界面的左下角为原点。显示窗口与第一缩略图所在位置的相对位置改变原点位置,减少系统运算量,提高网页浏览器的运行效率。
根据所述相对位置,调整所述网页的显示区域,包括:根据预设的所述第一缩略图在当前显示界面中的显示位置,调整所述网页的显示区域。将第一缩略图调整到当前显示界面中更容易被用户发现的位置。
另一方面,本公开提供了一种图片展示装置,包括:
展示模块,用于加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取模块,用于获取所述显示窗口与所述第一缩略图所在位置的相对位置;
调整模块,用于根据所述相对位置,调整所述网页的显示区域。
所述装置还包括:
预加载模块,用于当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载所述缩略图列表在当前显示界面未显示的缩略图。
所述获取模块包括:
第一确定单元,用于以预定原点为准,确定所述第一缩略图的坐标以及所述显示窗口的坐标;
第二确定单元,用于根据所述第一缩略图的坐标以及所述显示窗口的坐标,确定所述相对位置。
所述调整模块根据预设的所述第一缩略图在当前显示界面中的显示位置,调整所述网页的显示区域。
另一方面,本公开提供了一种终端设备,终端设备包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取所述显示窗口与所述第一缩略图所在的缩略图列表的分页的相对位置;
根据所述相对位置,调整所述网页的显示区域。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
此处所说明的附图用来提供对本公开的进一步理解,构成本申请的一部分,并不构成对本公开的限定。在附图中:
图1是本公开实施例一提供的一种图片展示方法的示例性流程图;
图2是本公开实施例中展示第一缩略图原图片时的示例性界面示意图;
图3是本公开实施例中获取显示窗口与第一缩略图所在位置的相对位置时的示例性方法示意图;
图4是本公开实施例二提供的一种图片展示方法的示例性流程图;
图5是本公开实施例一提供的一种图片展示装置的示例性结构示意图;
图6是本公开实施例中获取模块的示例性结构示意图;
图7是本公开实施例二提供的一种图片展示装置的示例性结构示意图;
图8是本公开实施例提供的一种终端设备结构的示例性结构示意图。
通过上述附图,已示出本公开明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚明白,下面结合实施方式和附图,对本公开做进一步详细说明。在此,本公开的示意性实施方式及其说明用于解释本公开,但并不作为对本公开的限定。
本公开实施例提供一种图片展示方法、装置和终端设备,以下结合附图对本公开进行详细说明。
在本公开实施例一中,如图1所示,一种图片展示方法包括:
在步骤S101中,加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与第一缩略图对应的原图片,本实施例的方法用于终端设备中。
访问一个带有图片列表的网页时,网页中会出现通过各个图片的缩略图组成的缩略图列表,缩略图相比原图片要小,因此加载更快。在该网页的源文件中包括缩略图信息,缩略图信息包含缩略图列表中各个缩略图的加载地址及顺序。终端设备根据网页的源文件加载缩略图列表,从而在网页的显示界面中显示出一个由缩略图组成的缩略图列表。
展示第一缩略图的选择指令来自用户的展示选择,该展示选择可以通过检测到的点击操作、按压操作、滑动操作等确定。其中,第一缩略图是指当前显示界面的缩略图列表中首次被选择的一张缩略图。通过该展示选择可以浏览与第一部缩略图对应的原图片。
展示第一缩略图的选择指令包括接收到的直接选择第一缩略图的点击选择指令,即在缩略图列表中直接选择第一缩略图的点击选择指令。展示第一缩略图的选择指令还包括接收到的顺序选择到第一缩略图的翻页选择指令,即根据缩略图列表中各张缩略图的排列顺序逐一翻看到第一缩略图时的选择指令。
收到展示第一缩略图的选择指令后,在当前显示界面中的显示窗口展示与第一缩略图对应的原图片。在当前显示界面中,展示原图片的显示窗口位于缩略图列表展示区域的前面。如图2所示,在当前显示界面23中,用户选择、点击或翻页到第一缩略图20后,展示原图片的显示窗口21出现在缩略图列表的前面,显示窗口21中包括与第一缩略图20对应的原图片20’。
在步骤S102中,获取显示窗口与第一缩略图所在位置的相对位置。
显示窗口与第一缩略图的所在位置以各自的坐标来表示,显示窗口与第一缩略图的坐标以预定原点为基准进行确定。显示窗口的坐标与第一缩略图的坐标进行矢量计算获取显示窗口与第一缩略图的相对位置。
例如,以当前显示界面的左上角为原点,第一缩略图左上角所在位置的坐标作为第一缩略图的坐标M(x1,y1),显示窗口左上角所在位置的坐标作为显示窗口的坐标N(x2,y2),那么显示窗口到第一缩略图的矢量上述分别以第一缩略图和显示窗口左上角所在位置的坐标作为第一缩略图坐标和显示窗口坐标的方式仅为举例,并不构成对本公开实施例的限制。用于展示原图片的显示窗口在当前显示界面中位置往往不变,而与展示的原图片对应的第一缩略图在当前显示界面中的位置会发生变化,显示窗口到第一缩略图的矢量的方向也会随之变化。通过判断矢量与水平方向的夹角,即可确定第一缩略图是否还位于当前显示界面中。例如,如图3所示,在当前显示界面23中,显示窗口21到缩略图列表中每一列缩略图的矢量都存在一个可以被显示在当前显示界面中的范围。如果显示窗口21到第一缩略图20的矢量方向处于相应的范围内,则可以确定第一缩略图20能够被显示在当前显示界面23中,如图3中所示的矢量的方向处于中间一列缩略图能够被显示在当前显示界面23中的范围之内,因此第一缩略图20位于当前显示界面23内。
在本公开另一实施例中,为了便于计算,减少系统的计算量,确定第一缩略图坐标和显示窗口坐标的原点是可以变化的。例如,第一缩略图位于当前显示界面时,以当前显示界面的左上角为原点,第一缩略图坐标也位于当前显示界面内;第一缩略图未位于当前显示界面,且所在的显示区域已移出当前显示界面的上边缘时,以当前显示界面的左上角为原点,第一缩略图坐标也位于当前显示界面的上边缘之外;第一缩略图未位于当前显示界面,且所在的显示区域未移入当前显示界面的下边缘时,以当前显示界面的左下角为原点,第一缩略图坐标也位于当前显示界面的下边缘之外。上述为减少系统运算量而采用的原点变化方式仅为举例,并不构成对本公开实施例的限制,其他任何能够降低系统运算量的原点变化方式均在本公开保护范围之内。
在步骤S103中,根据相对位置,调整网页的显示区域。
根据步骤S102中获取的显示窗口与第一缩略图所在位置的相对位置,调整网页的显示区域,使第一缩略图被显示在当前显示界面中。
根据显示窗口与第一缩略图所在位置的相对位置确定第一缩略图位于当前显示界面之外时,显示窗口到第一缩略图的矢量的方向位于相应的范围之外,此时只要将显示窗口到第一缩略图的矢量的方向调整到相应的范围之内,则第一缩略图将位于当前显示界面之内。例如,根据显示窗口与第一缩略图所在位置的相对位置确定第一缩略图位于当前显示界面的上边缘之外时,改变第一缩略图相对与当前原点的坐标,使显示窗口到第一缩略图的矢量的方向位于相应的范围之内,可由系统判定能够将第一缩略图显示在当前显示界面中时第一缩略图相对与当前原点的坐标。还可以预先设置将第一缩略图显示在当前显示界面中时第一缩略图相对与当前原点的坐标,即预设第一缩略图在当前显示界面中显示时所在的位置,使第一缩略图调整到当前显示界面中时,能够显示在更容易被用户发现的位置,例如当前显示界面的正中间。
根据显示窗口与第一缩略图所在位置的相对位置确定第一缩略图位于当前显示界面以内时,为了使用户更容易发现第一缩略图在缩略图列表中的位置,可以对第一缩略图在当前显示界面中的位置进行调整,改变第一缩略图相对与当前原点的坐标,使第一缩略图显示在更容易被用户发现的位置。
本公开实施例一,浏览缩略图列表的原图片时,当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时,调整网页的显示区域,使与当前展示的原图片相对应的缩略图显示当前显示界面中,以便于用户快速了解浏览进度,找到刚刚浏览的原图片对应的缩略图在缩略图列表中的位置,从而能够继续通过缩略图列表浏览后续图片。
在本公开实施例二中,如图4所示,一种图片展示方法包括:
在步骤S401中,加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片,本实施例的方法用于终端设备中。与步骤S101实现过程相同,在此不做重复说明。
在步骤S402中,获取显示窗口与第一缩略图所在位置的相对位置。与S102实现过程相同,在此不做重复说明。
在步骤S403中,根据相对位置,调整网页的显示区域。与S103实现过程相同,在此不做重复说明。
在步骤S404中,当第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载缩略图列表在当前显示界面未显示的缩略图。
当第一缩略图是缩略图列表当前分页的最后一张缩略图时,随着用户的展示选择操作,第一缩略图在当前显示界面的位置随之发生变化。如果当前显示界面中显示到缩略图列表的最后一行,相当于模拟了用户通过操作移动当前显示界面,并且移动到缩略图列表的最后一张缩略图时的操作,从而触发预加载缩略图列表在当前显示界面未显示的缩略图的指令,在网页中继续加载缩略图列表在当前显示界面未显示的的缩略图信息,从而预加载出在当前显示界面未显示的的各张缩略图组成的缩略图列表,以供用户继续浏览后续的缩略图列表时进行展示。
本公开实施例二,浏览缩略图列表的原图片时,当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时,调整网页的显示区域,使与当前展示的原图片相对应的缩略图显示当前显示界面中,以便于用户快速了解浏览进度,找到刚刚浏览的原图片对应的缩略图在缩略图列表中的位置,从而能够继续通过缩略图列表浏览后续图片,随着缩略图列表在当前显示界面中的位置不断变化,当前显示界面中显示到缩略图列表在当前显示界面的最后一张缩略图时,触发预加载缩略图列表在当前显示界面未显示的缩略图的指令,预加载在当前显示界面未显示的缩略图组成的缩略图列表,以供用户不间断的继续浏览后续的缩略图列表。
相应的,本公开提供了与实施例一对应的一种图片展示装置,如图5所示,该装置包括:
展示模块50,用于加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取模块51,用于获取所述显示窗口与所述第一缩略图所在位置的相对位置;
调整模块52,用于根据所述相对位置,调整所述网页的显示区域。
所述获取模块51如图6所示,包括:
第一确定单元510,用于以预定原点为准,确定所述第一缩略图的坐标以及所述显示窗口的坐标;
第二确定单元511,用于根据所述第一缩略图的坐标以及所述显示窗口的坐标,确定所述相对位置。
相应的,本公开提供了与实施例二对应的一种图片展示装置,如图7所示,所述装置包括:
展示模块50,用于加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取模块51,用于获取所述显示窗口与所述第一缩略图所在位置的相对位置;
调整模块52,用于根据所述相对位置,调整所述网页的显示区域;
预加载模块53,用于当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载所述缩略图列表在当前显示界面未显示的缩略图。
本公开实施例还提供了一种浏览器,用于浏览互联网页面,浏览器中包括上述与本公开实施例一或实施例二对应的图片展示装置。
图8是本公开实施例中终端设备(可以是请求方终端或者相关联终端)结构示意图。参见图8,该终端可以用于实施上述实施例中提供的图片展示方法。
终端设备800可以包括通信单元110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WIFI(WirelessFidelity,无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图中示出的终端设备结构并不构成对终端设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
通信单元110可用于收发信息或通话过程中,信号的接收和发送,该通信单元110可以为RF(Radio Frequency,射频)电路、路由器、调制解调器、等网络通信设备。特别地,当通信单元110为RF电路时,将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,作为通信单元的RF电路包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,通信单元110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(GeneralPacket Radio Service,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband Code Division Multiple Access,宽带码分多址)、LTE(LongTerm Evolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端设备800的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。优选地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。优选地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端设备800的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图8中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
终端设备800还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在终端设备800移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端设备800还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与终端设备800之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一终端设备,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与终端设备800的通信。
为了实现无线通信,该终端设备上可以配置有无线通信单元170,该无线通信单元170可以为WIFI模块。WIFI属于短距离无线传输技术,终端设备800通过无线通信单元170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图中示出了无线通信单元170,但是可以理解的是,其并不属于终端设备800的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是终端设备800的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行终端设备800的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
终端设备800还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端设备800还可以包括摄像头、蓝牙模块等,在此不再赘述。在本实施例中,终端设备还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行本公开实施例提供的截取屏幕图片方法的以下指令:
加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取显示窗口与第一缩略图所在位置的相对位置;
根据所述相对位置,调整网页的显示区域。
在另一实施例中,选择指令包括:接收到的直接选择所述第一缩略图的点击选择指令、接收到的顺序选择到第一缩略图的翻页选择指令。
在另一实施例中,还包括以下指令:
当第一缩略图是缩略图列表当前显示界面的最后一张缩略图时,预加载缩略图列表在当前显示界面未显示的缩略图。
在另一实施例中,还包括以下指令:
获取显示窗口与第一缩略图所在位置的相对位置,包括:
以预定原点为准,确定第一缩略图的坐标以及显示窗口的坐标;
根据第一缩略图的坐标以及所述显示窗口的坐标,确定相对位置。
在另一实施例中,还包括以下指令:
第一缩略图位于当前显示界面时,以当前显示界面的左上角为原点,坐标位于当前显示界面内;
第一缩略图未位于当前显示界面,且所在的显示区域已移出当前显示界面的上边缘时,以当前显示界面的左上角为原点;
第一缩略图未位于当前显示界面,且所在的显示区域未移入当前显示界面的下边缘时,以当前显示界面的左下角为原点。
在另一实施例中,还包括以下指令:
根据相对位置,调整网页的显示区域,包括:
根据预设的第一缩略图在当前显示界面中的显示位置,调整网页的显示区域。
此外,典型地,本公开所述的移动终端可为各种手持终端设备,例如手机、个人数字助理(PDA)等,因此本公开的保护范围不应限定为某种特定类型的移动终端。
此外,根据本公开的方法还可以被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时,执行本公开的方法中限定的上述功能。
此外,上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。
此外,应该明白的是,本文所述的计算机可读存储设备(例如,存储器)可以是易失性存储器或非易失性存储器,或者可以包括易失性存储器和非易失性存储器两者。作为例子而非限制性的,非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)或快闪存储器。易失性存储器可以包括随机存取存储器(RAM),该RAM可以充当外部高速缓存存储器。作为例子而非限制性的,RAM可以以多种形式获得,比如同步RAM(DRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDR SDRAM)、增强SDRAM(ESDRAM)、同步链路DRAM(SLDRAM)以及直接RambusRAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本公开的范围。
结合这里的公开所描述的各种示例性逻辑块、模块和电路可以利用被设计成用于执行这里所述功能的下列部件来实现或执行:通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。通用处理器可以是微处理器,但是可替换地,处理器可以是任何传统处理器、控制器、微控制器或状态机。处理器也可以被实现为计算设备的组合,例如,DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、或任何其它这种配置。
结合这里的公开所描述的方法或算法的步骤可以直接包含在硬件中、由处理器执行的软件模块中或这两者的组合中。软件模块可以驻留在RAM存储器、快闪存储器、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动盘、CD-ROM、或本领域已知的任何其它形式的存储介质中。示例性的存储介质被耦合到处理器,使得处理器能够从该存储介质中读取信息或向该存储介质写入信息。在一个替换方案中,所述存储介质可以与处理器集成在一起。处理器和存储介质可以驻留在ASIC中。ASIC可以驻留在用户终端中。在一个替换方案中,处理器和存储介质可以作为分立组件驻留在用户终端中。
在一个或多个示例性设计中,所述功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现,则可以将所述功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质,该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的,该计算机可读介质可以包括RAM、ROM、EEPROM、CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备,或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外,任何连接都可以适当地称为计算机可读介质。例如,如果使用同轴线缆、光纤线缆、双绞线、数字用户线路(DSL)或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件,则上述同轴线缆、光纤线缆、双绞线、DSL或诸如红外先、无线电和微波的无线技术均包括在介质的定义。如这里所使用的,磁盘和光盘包括压缩盘(CD)、激光盘、光盘、数字多功能盘(DVD)、软盘、蓝光盘,其中磁盘通常磁性地再现数据,而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。
尽管前面公开的内容示出了本公开的示例性实施例,但是应当注意,在不背离权利要求限定的本公开的范围的前提下,可以进行多种改变和修改。根据这里描述的公开实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外,尽管本公开的元素可以以个体形式描述或要求,但是也可以设想多个,除非明确限制为单数。
以上所述的具体实施方式,对本公开的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本公开的具体实施方式而已,并不用于限定本公开的保护范围,凡在本公开的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本公开的保护范围之内。

Claims (7)

1.一种图片展示方法,其特征在于,所述方法包括:
加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取所述显示窗口与所述第一缩略图所在位置的相对位置;
根据所述相对位置,调整所述网页的显示区域;
获取所述显示窗口与所述第一缩略图所在位置的相对位置,包括:
以预定原点为准,确定所述第一缩略图的坐标以及所述显示窗口的坐标;
根据所述第一缩略图的坐标以及所述显示窗口的坐标,确定所述相对位置;
所述第一缩略图位于当前显示界面时,以当前显示界面的左上角为原点,坐标位于当前显示界面内;
所述第一缩略图未位于当前显示界面,且所在的显示区域已移出所述当前显示界面的上边缘时,以当前显示界面的左上角为原点;
所述第一缩略图未位于当前显示界面,且所在的显示区域未移入所述当前显示界面的下边缘时,以当前显示界面的左下角为原点;
所述根据所述相对位置,调整所述网页的显示区域,包括:
根据所述显示窗口与第一缩略图所在位置的相对位置确定第一缩略图位于当前显示界面之外时,所述显示窗口到第一缩略图的矢量的方向位于相应的范围之外,此时将所述显示窗口到第一缩略图的矢量的方向调整到相应的范围之内,则第一缩略图将位于当前显示界面之内。
2.如权利要求1所述的方法,其特征在于,所述选择指令包括:接收到的直接选择所述第一缩略图的点击选择指令、接收到的顺序选择到所述第一缩略图的翻页选择指令。
3.如权利要求1所述的方法,其特征在于,所述方法还包括:
当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载所述缩略图列表在当前显示界面未显示的缩略图。
4.如权利要求1所述的方法,其特征在于,根据所述相对位置,调整所述网页的显示区域,包括:
根据预设的所述第一缩略图在当前显示界面中的显示位置,调整所述网页的显示区域。
5.一种图片展示装置,其特征在于,所述装置包括:
展示模块,用于加载网页中的缩略图列表后,接收到展示第一缩略图的选择指令时,在显示窗口展示与所述第一缩略图对应的原图片;
获取模块,用于获取所述显示窗口与所述第一缩略图所在位置的相对位置;
调整模块,用于根据所述相对位置,调整所述网页的显示区域;
所述获取模块包括:
第一确定单元,用于以预定原点为准,确定所述第一缩略图的坐标以及所述显示窗口的坐标;
第二确定单元,用于根据所述第一缩略图的坐标以及所述显示窗口的坐标,确定所述相对位置;
所述第一缩略图位于当前显示界面时,以当前显示界面的左上角为原点,坐标位于当前显示界面内;
所述第一缩略图未位于当前显示界面,且所在的显示区域已移出所述当前显示界面的上边缘时,以当前显示界面的左上角为原点;
所述第一缩略图未位于当前显示界面,且所在的显示区域未移入所述当前显示界面的下边缘时,以当前显示界面的左下角为原点;
所述调整模块用于:
根据所述显示窗口与第一缩略图所在位置的相对位置确定第一缩略图位于当前显示界面之外时,所述显示窗口到第一缩略图的矢量的方向位于相应的范围之外,此时将所述显示窗口到第一缩略图的矢量的方向调整到相应的范围之内,则第一缩略图将位于当前显示界面之内。
6.如权利要求5所述的装置,其特征在于,所述装置还包括:
预加载模块,用于当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时,预加载所述缩略图列表在当前显示界面未显示的缩略图。
7.如权利要求5所述的装置,其特征在于,所述调整模块根据预设的所述第一缩略图在当前显示界面中的显示位置,调整所述网页的显示区域。
CN201310603707.7A 2013-11-25 2013-11-25 一种图片展示方法、装置和终端设备 Active CN103616983B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310603707.7A CN103616983B (zh) 2013-11-25 2013-11-25 一种图片展示方法、装置和终端设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310603707.7A CN103616983B (zh) 2013-11-25 2013-11-25 一种图片展示方法、装置和终端设备

Publications (2)

Publication Number Publication Date
CN103616983A CN103616983A (zh) 2014-03-05
CN103616983B true CN103616983B (zh) 2017-11-10

Family

ID=50167686

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310603707.7A Active CN103616983B (zh) 2013-11-25 2013-11-25 一种图片展示方法、装置和终端设备

Country Status (1)

Country Link
CN (1) CN103616983B (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104731480B (zh) * 2015-03-31 2020-03-17 努比亚技术有限公司 基于触摸屏的图像显示方法及装置
CN106468984A (zh) * 2015-08-11 2017-03-01 阿里巴巴集团控股有限公司 一种物品关联图片快速预览的方法以及装置
CN105183837B (zh) * 2015-09-02 2020-06-02 Tcl移动通信科技(宁波)有限公司 一种移动终端的缩略图列表视图显示方法及系统
CN105653135B (zh) * 2015-12-31 2019-02-19 北京金山安全软件有限公司 一种图片的显示方法、装置及电子设备
CN106648407A (zh) * 2016-09-14 2017-05-10 上海斐讯数据通信技术有限公司 触摸屏设备的图片显示方法及系统
CN106453572B (zh) * 2016-10-19 2019-09-17 Oppo广东移动通信有限公司 基于云服务器同步图像的方法及系统
CN110020315A (zh) * 2017-12-22 2019-07-16 赵廷江 一种网页图片放大处理方法及网页图片放大处理系统
CN108595083A (zh) * 2018-03-16 2018-09-28 北京达佳互联信息技术有限公司 一种界面处理方法及装置
CN110868624B (zh) * 2019-11-08 2023-08-22 Vidaa(荷兰)国际控股有限公司 一种图片加载方法及智能电视
CN110929197A (zh) * 2019-11-27 2020-03-27 杭州安恒信息技术股份有限公司 一种网页图片的预览加载方法和装置
CN112199138A (zh) * 2020-09-01 2021-01-08 北京达佳互联信息技术有限公司 任务图片的展示方法、装置及服务器
CN116701672A (zh) * 2022-02-28 2023-09-05 荣耀终端有限公司 浏览多媒体内容的方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101206658A (zh) * 2006-12-21 2008-06-25 鸿富锦精密工业(深圳)有限公司 图片显示装置及方法
CN101937461A (zh) * 2010-09-01 2011-01-05 百度在线网络技术(北京)有限公司 一种基于翻页操作优化网页浏览的方法与设备
CN102622395A (zh) * 2011-12-20 2012-08-01 深信服网络科技(深圳)有限公司 虚拟化应用辅助访问网页的方法、服务器及客户端
CN102830910A (zh) * 2012-07-27 2012-12-19 腾讯科技(深圳)有限公司 实现触屏设备网页阅读模式的方法和系统

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8799811B2 (en) * 2008-08-22 2014-08-05 Siemens Aktiengesellschaft Method and apparatus for displaying medical thumbnail objects in a browsing component

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101206658A (zh) * 2006-12-21 2008-06-25 鸿富锦精密工业(深圳)有限公司 图片显示装置及方法
CN101937461A (zh) * 2010-09-01 2011-01-05 百度在线网络技术(北京)有限公司 一种基于翻页操作优化网页浏览的方法与设备
CN102622395A (zh) * 2011-12-20 2012-08-01 深信服网络科技(深圳)有限公司 虚拟化应用辅助访问网页的方法、服务器及客户端
CN102830910A (zh) * 2012-07-27 2012-12-19 腾讯科技(深圳)有限公司 实现触屏设备网页阅读模式的方法和系统

Also Published As

Publication number Publication date
CN103616983A (zh) 2014-03-05

Similar Documents

Publication Publication Date Title
CN103616983B (zh) 一种图片展示方法、装置和终端设备
CN103616981B (zh) 应用处理方法、装置及移动终端
CN103631493B (zh) 图片显示方法、装置及电子设备
CN104850406B (zh) 一种切换页面的方法和装置
CN104978115A (zh) 内容显示方法及装置
CN103699409B (zh) 一种电子设备切入唤醒状态的方法、装置和系统
CN103678605B (zh) 一种信息传输的方法、装置及终端设备
CN103543913A (zh) 一种终端设备操作方法、装置和终端设备
CN104717125B (zh) 图形码保存方法和装置
CN103605668A (zh) 网页书签的存储方法、装置及移动终端
CN105095432A (zh) 网页批注显示方法及装置
CN103678502B (zh) 信息收藏方法和装置
CN103631580B (zh) 一种生成主题图标的方法和装置
CN103699309B (zh) 一种同步视频的录制方法、装置及移动终端
CN104519404A (zh) 图像互换格式文件的播放方法及装置
CN103747130B (zh) 一种终端设备的控制方法及装置
CN104301315A (zh) 一种限制信息访问的方法和装置
CN105094809A (zh) 组合图片布局修改方法、装置以及终端设备
CN104954159A (zh) 一种网络信息统计的方法和装置
CN104869465A (zh) 视频播放控制方法和装置
CN104965642A (zh) 下拉列表生成方法及装置
CN104216929A (zh) 一种页面元素的拦截方法和装置
CN104182401A (zh) 在移动终端浏览器中进行搜索的方法及装置
CN104267882A (zh) 一种页面悬浮框显示方法及装置
CN105955597A (zh) 信息显示方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant