CN102682099B - 一种用于在目标区域提供目标图片的方法与设备 - Google Patents
一种用于在目标区域提供目标图片的方法与设备 Download PDFInfo
- Publication number
- CN102682099B CN102682099B CN201210130014.6A CN201210130014A CN102682099B CN 102682099 B CN102682099 B CN 102682099B CN 201210130014 A CN201210130014 A CN 201210130014A CN 102682099 B CN102682099 B CN 102682099B
- Authority
- CN
- China
- Prior art keywords
- picture
- candidate
- line width
- target photo
- row
- 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
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明的目的是提供一种用于在目标区域提供目标图片的方法和设备。计算机设备获取拟在目标区域提供给用户的多个目标图片;根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理;并根据所述图片行的实际行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。与现有技术相比,本发明通过根据目标区域的区域描述信息,动态地调整行宽和行高,使得图片的排列整齐,同时图片的总宽度和总高度与图片展示区域高宽一致,以提高图片展示效果。
Description
技术领域
本发明涉及网络技术领域,尤其涉及一种在目标区域提供目标图片的技术。
背景技术
当前,用户在进行图片搜索后,浏览器会在目标区域展现与用户的搜索请求相关联的多个目标图片。由于所述各个屏幕大小的不同,所用来展示目标图片的各个浏览器的目标区域大小也不相同;同时由于相关联的多个目标图片的宽度和高度各不相同,因此如果简单的将相关联的目标图片按照图片原大小进行等比缩放,不能动态的调整每行的宽带和高度,则可能导致目标展示区域内目标图片的大小参差不齐,图片间留白较大,从而导致目标图片展示结果与用户期望的结果不相符,不能充分利用目标图片展示区域,进而降低了用户使用体验。
因此,如何对目标图片进行处理,达到显示效果上的最优化,成为了成为本领域技术人员亟需解决的一个问题。
发明内容
本发明的目的是提供一种用于在目标区域提供目标图片的方法和设备。
根据本发明的一个方面,提供了一种由计算机实现的用于在目标区域提供目标图片的方法,其中,该方法包括以下步骤:
a获取拟在目标区域提供给用户的多个目标图片;
b根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;
c根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
d根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;
e将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
根据本发明的另一方面,还提供了一种用于在目标区域提供目标图片的图片设备,其中,该设备包括:
获取装置,用于获取拟在目标区域提供给用户的多个目标图片;
初调装置,用于根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;
分行装置,用于根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
再调装置,用于根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;
提供装置,用于将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
根据本发明的再一方面,提供了一种浏览器,其中,该浏览器包括如上述的用于在目标区域提供目标图片的图片设备。
根据本发明的再一方面,提供了一种浏览器插件,其中,该浏览器插件包括如上述的用于在目标区域提供目标图片的图片设备。
根据本发明的再一方面,提供了一种搜索引擎,其中,该搜索引擎包括如上述的用于在目标区域提供目标图片的图片设备。
根据本发明的再一方面,提供了一种搜索引擎插件,其中,该搜索引擎插件包括如上述的用于在目标区域提供目标图片的图片设备。
与现有技术相比,本发明通过根据目标区域的区域描述信息,动态地调整行宽和行高,使得图片的排列整齐,同时图片的总宽度和总高度与图片展示区域高宽一致,以提高图片展示效果。进一步地,根据目标区域的区域描述信息及图片信息进行分页设置,从而实现不改变页面下端的分页栏的位置,用户可以连续点击的效果。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示出根据本发明一个方面的一种用于在目标区域提供目标图片的图片设备示意图;
图2示出根据本发明一个优选实施例的一种用于在目标区域提供目标图片的图片设备示意图;
图3示出根据本发明另一个方面的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图;
图4示出根据本发明一个优选实施例的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1示出根据本发明一个方面的一种用于在目标区域提供目标图片的图片设备示意图;其中,该图片设备包括获取装置11、初调装置12、分行装置13、再调装置14、提供装置15。获取装置11获取拟在目标区域提供给用户的多个目标图片;初调装置12根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;分行装置13根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;再调装置14根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;提供装置15将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。其中,图片设备不仅可以独立工作,也可以被集成于用户设备或网络设备;用户设备包括但不限于任何一种可与用户通过键盘、遥控器、触摸板、或声控设备进行人机交互的电子产品,例如计算机、智能手机、PDA、游戏机、或I PTV等;网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云。在此,云由基于云计算(CloudComputing)的大量计算机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个虚拟超级计算机。本领域技术人员应能理解,其他的用户设备或网络设备同样适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
其中,获取装置11获取拟在目标区域提供给用户的多个目标图片。具体地,获取装置11例如通过页面技术,如JSP、ASP、PHP等页面技术,或者,通过调用用户设备或其他能够提供所述目标图片的设备所提供的应用程序接口(API),或其他约定的通信方式,如http或https,获得拟在目标区域提供给用户的多个目标图片;或者,获取装置11通过基于各种通信协议(Communications Protocol),在此“通信协议”指计算机通信的传送协议,如:TCP/IP、UDP、FTP、ICMP、NetBEUI等,同时还包括存在于计算机中的其他形式通信,例如:面向对象编程里面对象之间的通信或操作系统内不同程序或计算机不同模块之间的消息传送协议,与其他能够提供所述多个目标图片的设备,如提供图片搜索结果的搜索引擎,进行交互以获取拟在目标区域提供给用户的多个目标图片。
优选地,所述获取装置11还可以获取拟在目标区域提供给用户的多个目标图片,其中,所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果,所述目标区域包括与所述图片查询序列相对应的搜索窗口。具体地,获取装置11例如通过页面技术,如JSP、ASP、PHP等页面技术,或者,通过调用用户设备或其他能够提供所述查询序列的设备所提供的应用程序接口(API)或其他约定的通信方式,与用户进行交互,获取用户输入的查询序列,并通过例如对用户输入的查询序列在图片数据库中进行搜索的方式,获得与用户输入的查询序列相对应的多个目标图片,其中,用户可通过诸如键盘、触摸屏、语音输入装置与获取装置11进行交互,输入其希望查询的查询序列,从而发起搜索;或者,获取装置11通过基于各种通信协议(Communications Protocol),在此“通信协议”指计算机通信的传送协议,如:TCP/IP、UDP、FTP、ICMP、NetBEUI等,同时还包括存在于计算机中的其他形式通信,例如:面向对象编程里面对象之间的通信或操作系统内不同程序或计算机不同模块之间的消息传送协议,与其他能够提供所述多个目标图片的设备,如提供图片搜索结果的搜索引擎,进行交互,获取与用户输入的查询序列相对应的多个目标图片。其中,所述目标区域包括与所述图片查询序列相对应的搜索窗口。
初调装置12根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽。具体地,初调装置12获取用户当前浏览器页面展示窗口的区域描述信息,并将所述当前浏览器页面展示窗口作为呈现目标图片的所述目标区域,其中,所述区域描述信息包括但不限于所述当前浏览器页面展示窗口的窗口高度或窗口宽度;并根据所述区域描述信息,按照一定的设置规则,确定所述目标区域中每行图片的候选行高与候选行宽,其中,所述设置规则包括但不限于利用当前浏览器页面展示窗口的窗口宽度/高度和预留宽度/高度来确定候选行宽/行高,或者利用预设固定值来确定候选行宽/行高,或者利用图片的分辨率来动态的确定候选行宽/行高;或者利用上述信息的组合来综合设置候选行宽/行高。例如,初调装置12获取用户当前浏览器页面展示窗口的区域描述信息,其中,所述区域描述信息包括当前浏览器页面展示窗口的窗口高度和窗口宽度;同时获取初调装置12内置的预留宽度和图片高度;利用下列公式来确定候选行高SH和候选行宽SW:
候选行高SH=图片设备内置的图片高度;
候选行宽SW=当前浏览器页面展示窗口的窗口宽度-图片设备12内置的预留宽度;
从而确定所述目标区域中每行图片的候选行高与候选行宽。
分行装置13根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,分行装置13根据初调装置12所确定的所述候选行高与所述候选行宽,对所获取的所述多个目标图片进行缩放或无缩放处理,从而进行分行,其中,每个图片行包括所述多个目标图片中至少一个。例如,分行装置13获取了初调装置12所确定的所述候选行高SH与所述候选行宽SW,同时获取所述多个目标图片,并将所述候选行高SH作为所述目标图片的标准图片高度,并按照所述候选行高SH为基准,对所述目标图片进行等比例压缩,从而获得所述目标图片的宽度;当所述多个目标图片的宽度总和大于所述候选行宽SW时,则对所述多个目标图片进行分行,其中,当一个或多个目标图片的宽度总和大于等于所述候选行宽SW且小于等于候选行宽SW与候选行高SH之和时,则将所述一个或多个目标图片作为一个图片行,若多个目标图片的宽度总和大于所述候选行宽SW+候选行高SH时,则将末位图片放入下一行,将余下一个或多个目标图片作为一个图片行;按照上述方法对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。
再调装置14根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。具体地,再调装置14根据分行装置13所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;根据所述候选行高与所述候选行宽,通过对所述图片行所包括的目标图片中至少一个进行高度或宽度的调整,从而使得所述图片行与所述候选行宽相适应,其中,所述调整包括但不限于对图片进行缩放、裁剪、留白等图像处理方式。例如,分行装置13将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即若实际行宽Wn>SW,则获取所述图片行中图片宽高比>1的图片进行横向裁剪,若实际行宽Wn<SW,则获取所述图片行中图片宽高比<1的图片进行横向拉伸,直至该行的实际行宽Wn与候选行宽SW相等为止。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
优选地,再调装置14还包括参数确定单元(未示出)和再调单元(未示出)。其中,参数确定单元根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数;再调单元根据所述调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。具体地,参数确定单元根据分行装置13所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;根据所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数,其中,所述调整参数包括以下至少任一项:所述图片行的调整比例,所述图片行的调整后行高,所述图片行所包括的目标图片中至少一个的调整后图宽。例如,分行装置13将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,则所述n个图片行的总高度为第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即其中,Wn∈[SW,SW+SH];根据初调装置12所确定的所确定的所述候选行高SH与所述候选行宽SW,对该行的行宽和行高进行如下调整:
可以看出,根据公式1,调整后的行高H′n的和,与的行高H相等,即总行高不变;同时,调整后的行高H′n随着当前实际行宽Wn成反比,即当前实际行宽Wn越小,调整后的行高H′n越大,当前实际行宽Wn越大,调整后的行高H′n越小;从而达到以下目的,即在保持总的行高不变的情况下,尽量缩小每行图片总宽度与候选行宽SW的差值。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
下一步,再调单元根据参数确定单元所确定的调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应,其中,所述调整包括但不限于对图片进行缩放、裁剪、留白等图像处理方式。例如,再调单元将该行所有的目标图片,按照参数确定单元所确定的H′n和W′n进行重新压缩,以使得所述图片行与所述候选行宽相适应。
更优选地,所述参数确定单元还可以根据所述图片行的实际行宽与竖图系数,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。具体地,参数确定单元根据分行装置13所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;同时根据每行内所含竖图的宽度,来确定所述一个或多个图片行的竖图系数;并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。在此,所述竖图表示图片的宽高比低于一定阈值的图,例如图片的宽高比小于1.0的图;所述竖图系数与该行内的竖图总宽度呈正相关,即与该行内所有竖图的宽度相加之和呈正相关,若所述该行内的竖图的总宽度越大,则该行的竖图系数越大,如设第n个图片行的实际行宽为Wn,竖图系数为Rn,该行内所有竖图的宽度相加的竖图总宽度设为Ws,则Rn=f(WS),其中,函数f表示可使Ws与Rn呈正相关的自定义函数,例如,具体地,可将函数f定义为:
Rn=1+Ws/Wn*α,α∈[0,1] (公式3)
其中,公式3中α为调节常数,可根据例如页面属性的不同进行设定。例如,分行装置13将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,竖图系数为Rn,则所述n个图片行的总高度为第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即其中,Wn∈[SW,SW+SH];根据初调装置12所确定的所确定的所述候选行高SH与所述候选行宽SW,以及每行的竖图系数为Rn,对该行的行宽和行高进行如下调整:
可以看出,根据公式4,调整后的行高H″n的和,与的行高H相等,即总行高不变;同时,调整后的行高H″n随着当前实际行宽Wn成反比,即当前实际行宽Wn越小,调整后的行高H″n越大,当前实际行宽Wn越大,调整后的行高H″n越小,并与竖图系数Rn成正比,即该行的竖图系数Rn越大,调整后的行高越大,即该行的竖图系数Rn越小,调整后的行高越小;从而达到以下目的,即在保持总的行高不变的情况下,尽量缩小每行图片总宽度与候选行宽SW的差值,同时保证该行内的竖图越多,竖图系数越大,行高越大,提高图片展示效果。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
提供装置15将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。具体地,提供装置15获取经过再调装置14处理的一个或多个图片行,并利用与用户进行交互,或者按照用户设备所提供的应用程序接口(API),或http、https等其他约定的通信方式的格式要求,将所述一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
优选地,该图片设备还包括排序装置(未示出),其中,排序装置对所述多个目标图片进行排序,所述分行装置13根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,排序装置获取到获取装置11获取的拟在目标区域提供给用户的多个目标图片,并对所述多个目标图片的相关属性进行获取,并按照一定的排序规则,对所述多个目标图片进行排序。其中,所述相关属性包括但不限于:目标图片的高度或宽度、目标图片的像素、目标图片的长宽比、目标图片源、目标图片的标题、目标图片的批注等。所述排序规则包括但不限于:根据图片高度进行排序,使得同一行的目标图片尽可能行高相近;根据图片的长宽比进行排序;根据图片的像素进行排序,如图片越清晰排序越靠前;根据目标图片源进行排序等,此外,在搜索过程中,还可以根据图片的相关度进行排序,如目标图片与搜索关键词的相关度越高排序越靠前等。
接下来,所述分行装置13根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,分行装置13根据初调装置12所确定的所述候选行高与所述候选行宽,对所获取的经排序装置排序后的所述多个目标图片进行缩放或无缩放处理,从而进行分行,其中,每个图片行包括所述多个目标图片中至少一个。例如,分行装置13获取了初调装置12所确定的所述候选行高SH与所述候选行宽SW,同时获取了经排序装置排序后的所述多个目标图片,并将所述候选行高SH作为所述目标图片的标准图片高度,并按照所述候选行高SH为基准,对所述目标图片进行等比例压缩,从而获得所述目标图片的宽度;当所述多个目标图片的宽度总和大于所述候选行宽SW时,则对所述多个目标图片进行分行,其中,当一个或多个目标图片的宽度总和大于等于所述候选行宽SW且小于等于候选行宽SW与候选行高SH之和时,则将所述一个或多个目标图片作为一个图片行,若多个目标图片的宽度总和大于所述候选行宽SW+候选行高SH时,则将末位图片放入下一行,将余下一个或多个目标图片作为一个图片行;按照上述方法对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。本领域技术人员应能理解,通过对待显示的目标图片进行排序,该实施例可以进一步改进图片展示效果并提升用户的使用体验。
优选地,该图片设备还包括更新装置(未示出),其中,更新装置检测是否存在关于所述目标区域的更新操作;若存在所述更新操作,根据更新后的所述目标区域的区域描述信息,执行所述初调装置12、所述分行装置13、所述再调装置14与所述提供装置15中的操作。具体地,更新装置检测关于所述目标区域的更新操作,其中,所述更新操作包括但不限于调整当前显示窗口的大小,如对当前显示窗口进行缩小或放大的操作,调整当前显示窗口的方向,如在带有重力传感器的移动终端上转动屏幕等,更新装置获取用户对于所述目标区域的更新操作,若存在所述更新操作,则重新确定更新后的所述目标区域的区域描述信息,执行所述初调装置12、所述分行装置13、所述再调装置14与所述提供装置15中的操作,从而重新对调整后的目标区域内的图片进行展示。
图2示出根据本发明一个优选实施例的一种用于在目标区域提供目标图片的图片设备示意图。其中,该图片设备包括获取装置11’、初调装置12’、分行装置13’、分页装置16’、再调装置14’、提供装置15’。获取装置11’获取拟在目标区域提供给用户的多个目标图片;初调装置12’根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;分行装置13’根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,分页装置16’根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息;再调装置14’根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;提供装置15’将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。其中,图片设备中的获取装置11’、初调装置12’、分行装置13’、再调装置14’分别与图1所示对应装置相同或基本相同,故此处不再赘述,并通过引用的方式包含于此。
上述各装置之间是持续不断工作的,在此,本领域技术人员应理解“持续”是指上述各装置分别按照设定的或实时调整的工作模式要求进行目标图片的获取、候选行高与候选行宽的确定、目标图片的分行、分页信息的确定、目标图片的调整、调整后图片行的提供等,直至图片设备停止进行目标图片的获取。
当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,分页装置16’根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息。具体地,分行装置13’对所述多个目标图片进行分行处理,以获得一个或多个图片行,同时,分页装置16’根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定了每页显示的图片行数为x,其中,x可设定为固定值,也可随显示区域描述信息的变化而动态改变确定,从而所述多个目标图片的分页信息,其中,所述分页信息包括但不限于:每页显示的图片行数、分页总数、当前页码、翻页栏显示的页码数、当前页所包含的x行图片分行信息、各个页内所包含的图片分行信息等。例如,分行装置13’对所述多个目标图片进行分行处理,获得了30行图片行,分页装置16’取每页显示的图片行数为固定值3,从而一共可分为10页,当前页码为5,翻页栏显示的页码数设定为7个页码,即以当前页码为中心,前后各3页,则显示页码号为1,...,3,4,5,6,7,8,...,同时将所述30行图片行信息分别依序与相应的页码对应,如1-3行图片行对应页码1,13-15行图片行对应当前页码5。
提供装置15’将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。具体地,提供装置15’根据分页装置16’所确定所述多个目标图片的分页信息以及当前分页栏信息,获取经过再调装置14’处理的与所述当前分页栏信息所对应的一个或多个图片行,并利用与用户进行交互,或者按照用户设备所提供的应用程序接口(API)或http、https等其他约定的通信方式的格式要求,将所述一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
优选地,该实施例还包括翻页装置17’(未示出),其中,翻页装置17’获取所述用户对所述分页栏的翻页操作;根据所述翻页操作所对应的待显示页面,结合所述分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;对所述待显示页面所包括的一个或多个图片行,执行所述再调装置和所述提供装置中的操作。具体地,翻页装置17’获取用户通过诸如键盘、触摸屏、语音输入装置与进行交互,从而输入的其希望查看的相关分页栏的翻页操作,其中,所述翻页操作包括但不限于对当前页的首页、尾页、上一页、下一页、及其他相关页码的访问请求;根据所述翻页操作所对应的访问请求的待显示页面,以及分页装置16’所确定所述多个目标图片的分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;对所确定的所述待显示页面所包括的一个或多个图片行,执行所述再调装置和所述提供装置中的操作,从而将所述待显示页面的一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
在另一优选实施例中,可将上述用于在目标区域提供目标图片的图片设备,与现有的浏览器相结合,构成一种新的浏览器,现有的浏览器可以是例如Microsoft公司的IE浏览器、Netscape公司的Netscape浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。
在另一优选实施例中,可将上述用于在目标区域提供目标图片的图片设备,与现有的浏览器插件相结合,构成一种新的浏览器插件,现有的浏览器插件可以是例如Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等。
在另一优选实施例中,可将上述用于在目标区域提供目标图片的图片设备,与现有的搜索引擎相结合,构成一种新的搜索引擎,现有的搜索引擎可以是例如Google公司的Google搜索引擎、百度公司的baidu搜索引擎等。
在另一优选实施例中,可将上述用于在目标区域提供目标图片的图片设备,与现有的搜索引擎插件相结合,构成一种新的搜索引擎插件,现有的搜索引擎插件可以是例如Google公司的Google ToolBar、百度公司的百度搜霸、微软公司的MSN ToolBar等。
图3示出根据本发明另一个方面的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图;具体地,图片设备在步骤s1中获取拟在目标区域提供给用户的多个目标图片;在步骤s2中根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;在步骤s3中根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;在步骤s4中根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;在步骤s5中将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。其中,图片设备不仅可以独立工作,也可以被集成于用户设备或网络设备;用户设备包括但不限于任何一种可与用户通过键盘、遥控器、触摸板、或声控设备进行人机交互的电子产品,例如计算机、智能手机、PDA、游戏机、或IPTV等;网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云。在此,云由基于云计算(CloudComputing)的大量计算机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个虚拟超级计算机。本领域技术人员应能理解,其他的用户设备或网络设备同样适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
其中,在步骤s1中,图片设备获取拟在目标区域提供给用户的多个目标图片。具体地,在步骤s1中,图片设备例如通过页面技术,如JSP、ASP、PHP等页面技术,或者,通过调用用户设备或其他能够提供所述目标图片的设备所提供的应用程序接口(API)或其他约定的通信方式,获得拟在目标区域提供给用户的多个目标图片;或者,图片设备通过基于各种通信协议(Communications Protocol),在此“通信协议”指计算机通信的传送协议,如:TCP/IP、UDP、FTP、ICMP、NetBEUI等,同时还包括存在于计算机中的其他形式通信,例如:面向对象编程里面对象之间的通信或操作系统内不同程序或计算机不同模块之间的消息传送协议,与其他能够提供所述多个目标图片的设备,如提供图片搜索结果的搜索引擎,进行交互以获取拟在目标区域提供给用户的多个目标图片。
优选地,在步骤s1中,图片设备还可以获取拟在目标区域提供给用户的多个目标图片,其中,所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果,所述目标区域包括与所述图片查询序列相对应的搜索窗口。具体地,在步骤s1中,图片设备例如通过页面技术,如JSP、ASP、PHP等页面技术,或者,通过调用用户设备或其他能够提供所述查询序列的设备所提供的应用程序接口(API)或其他约定的通信方式,与用户进行交互,获取用户输入的查询序列,并通过例如对用户输入的查询序列在查询数据库中进行搜索的方式,获得与用户输入的查询序列相对应的多个目标图片,其中,用户可通过诸如键盘、触摸屏、语音输入装置与图片设备进行交互,输入其希望查询的查询序列,从而发起搜索;或者,图片设备通过基于各种通信协议(Communications Protoco1),在此“通信协议”指计算机通信的传送协议,如:TCP/IP、UDP、FTP、ICMP、NetBEUI等,同时还包括存在于计算机中的其他形式通信,例如:面向对象编程里面对象之间的通信或操作系统内不同程序或计算机不同模块之间的消息传送协议,与其他能够提供所述多个目标图片的设备进行交互,获取与用户输入的查询序列相对应的多个目标图片。其中,所述目标区域包括与所述图片查询序列相对应的搜索窗口。
在步骤s2中,图片设备根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽。具体地,在步骤s2中,图片设备获取用户当前浏览器页面展示窗口的区域描述信息,并将所述当前浏览器页面展示窗口作为呈现目标图片的所述目标区域,其中,所述区域描述信息包括但不限于所述当前浏览器页面展示窗口的窗口高度或窗口宽度;并根据所述区域描述信息,按照一定的设置规则,确定所述目标区域中每行图片的候选行高与候选行宽,其中,所述设置规则包括但不限于利用当前浏览器页面展示窗口的窗口宽度/高度和预留宽度/高度来确定候选行宽/行高,或者利用预设固定值来确定候选行宽/行高,或者利用图片的分辨率来动态的确定候选行宽/行高;或者利用上述信息的组合来综合设置候选行宽/行高。例如,在步骤s2中,图片设备获取用户当前浏览器页面展示窗口的区域描述信息,其中,所述区域描述信息包括当前浏览器页面展示窗口的窗口高度和窗口宽度;同时获取图片设备内置的预留宽度和图片高度;利用下列公式来确定候选行高SH和候选行宽SW:
候选行高SH=图片设备内置的图片高度;
候选行宽SW=当前浏览器页面展示窗口的窗口宽度-图片设备内置的预留宽度;
从而确定所述目标区域中每行图片的候选行高与候选行宽。
在步骤s3中,图片设备根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,在步骤s3中,图片设备根据其在步骤s2中所确定的所述候选行高与所述候选行宽,对所获取的所述多个目标图片进行压缩或非压缩处理,从而进行分行,其中,每个图片行包括所述多个目标图片中至少一个。例如,步骤s3中,图片设备获取了其在步骤s2中所确定的所述候选行高SH与所述候选行宽SW,同时获取所述多个目标图片,并将所述候选行高SH作为所述目标图片的标准图片高度,并按照所述候选行高SH为基准,对所述目标图片进行等比例压缩,从而获得所述目标图片的宽度;当所述多个目标图片的宽度总和大于所述候选行宽SW时,则对所述多个目标图片进行分行,其中,当一个或多个目标图片的宽度总和大于等于所述候选行宽SW且小于等于候选行宽SW与候选行高SH之和时,则将所述一个或多个目标图片作为一个图片行,若多个目标图片的宽度总和大于所述候选行宽SW+候选行高SH时,则将末位图片放入下一行,将余下一个或多个目标图片作为一个图片行;按照上述方法对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。
在步骤s4中,图片设备根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。具体地,在步骤s4中,图片设备根据其在步骤s3中所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;根据所述候选行高与所述候选行宽,通过对所述图片行所包括的目标图片中至少一个进行高度或宽度的调整,从而使得所述图片行与所述候选行宽相适应,其中,所述调整包括但不限于对图片进行缩放、裁剪、留白等图像处理方式。例如,在步骤s3中,图片设备将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即若实际行宽Wn>SW,则获取所述图片行中图片宽高比>1的图片进行横向裁剪,若实际行宽Wn<SW,则获取所述图片行中图片宽高比<1的图片进行横向拉伸,直至该行的实际行宽Wn与候选行宽SW相等为止。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
优选地,步骤s4还包括步骤s41(未示出)和步骤s42(未示出)。其中,在步骤s41中,图片设备根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数;在步骤s42中,图片设备根据所述调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。具体地,在步骤s41中,图片设备根据其在步骤s3中所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;根据所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数,其中,所述调整参数包括以下至少任一项:所述图片行的调整比例,所述图片行的调整后行高,所述图片行所包括的目标图片中至少一个的调整后图宽。例如,在步骤s3中,图片设备将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,则所述n个图片行的总高度为第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即其中,Wn∈[SW,SW+SH];根据其在步骤s2中图片设备所确定的所确定的所述候选行高SH与所述候选行宽SW,对该行的行宽和行高进行如下调整:
可以看出,根据公式6,调整后的行高H′n的和,与的行高H相等,即总行高不变;同时,调整后的行高H′n随着当前实际行宽Wn成反比,即当前实际行宽Wn越小,调整后的行高H′n越大,当前实际行宽Wn越大,调整后的行高H′n越小;从而达到以下目的,即在保持总的行高不变的情况下,尽量缩小每行图片总宽度与候选行宽SW的差值。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
下一步,在步骤s42中,图片设备根据其在步骤s41中所确定的调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应,其中,所述调整包括但不限于对图片进行缩放、裁剪、留白等图像处理方式。例如,在步骤s42中,图片设备将该行所有的目标图片,按照其在步骤s41中所确定的H′n和W′n进行重新压缩,以使得所述图片行与所述候选行宽相适应。
更优选地,在步骤s41中,图片设备还可以根据所述图片行的实际行宽与竖图系数,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。具体地,在步骤s41中,图片设备根据其在步骤s3中所确定的一个或多个图片行,通过将每行内所包含的一个或多个目标图片的宽度进行相加,获得所述图片行的实际行宽;同时根据每行内所含竖图的宽度,来确定所述一个或多个图片行的竖图系数;并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。在此,所述竖图表示图片的宽高比低于一定阈值的图,例如图片的宽高比小于1.0的图;所述竖图系数与该行内的竖图总宽度呈正相关,即与该行内所有竖图的宽度相加之和呈正相关,若所述该行内的竖图的总宽度越大,则该行的竖图系数越大,如设第n个图片行的实际行宽为Wn,竖图系数为Rn,该行内所有竖图的宽度相加的竖图总宽度设为Ws,则Rn=f(Ws),其中,函数f表示可使Ws与Rn呈正相关的自定义函数,例如,具体地,可将函数f定义为:
Rs=1+Ws/Wn*α,α∈[0,1] (公式8)
其中,公式8中α为调节常数,可根据例如页面属性的不同进行设定。例如,在步骤s3中,图片设备将多个目标图片划分为n行,设第n个图片行的实际行宽为Wn,实际行高为Hn,竖图系数为Rn,则所述n个图片行的总高度为第n行内有k张目标图片,每个目标图片的宽度分别为Wni,其中i∈[1,k],则该图片行的实际行宽为该行内所包含的一个或多个目标图片的宽度之和,即其中,Wn∈[SW,SW+SH];
根据其在步骤s2中所确定的所确定的所述候选行高SH与所述候选行宽SW,以及每行的竖图系数为Rn,对该行的行宽和行高进行如下调整:
可以看出,根据公式9,调整后的行高H″n的和,与的行高H相等,即总行高不变;同时,调整后的行高H″n随着当前实际行宽Wn成反比,即当前实际行宽Wn越小,调整后的行高H″n越大,当前实际行宽Wn越大,调整后的行高H″n越小,并与竖图系数Rn成正比,即该行的竖图系数Rn越大,调整后的行高越大,即该行的竖图系数Rn越小,调整后的行高越小;从而达到以下目的,即在保持总的行高不变的情况下,尽量缩小每行图片总宽度与候选行宽SW的差值,同时保证该行内的竖图越多,竖图系数越大,行高越大,提高图片展示效果。本领域技术人员应理解上述调整方式仅为举例,其他现有的或今后可能出现的调整方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在步骤s5中,图片设备将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。具体地,在步骤s5中,图片设备获取经步骤s4处理的一个或多个图片行,并利用与用户进行交互,或者按照用户设备所提供的应用程序接口(API),或http、https等其他约定的通信方式的格式要求,将所述一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
优选地,该实施例还包括步骤s10(未示出),其中,在步骤s10中,图片设备对所述多个目标图片进行排序,图片设备在步骤s3中根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,在步骤s10中,图片设备根据其在步骤s1中所获取的拟在目标区域提供给用户的多个目标图片,基于所述多个目标图片的相关属性,并按照一定的排序规则,对所述多个目标图片进行排序。其中,所述相关属性包括但不限于:目标图片的高度或宽度、目标图片的像素、目标图片的长宽比、目标图片源、目标图片的标题、目标图片的批注等。所述排序规则包括但不限于:根据图片高度进行排序,使得同一行的目标图片尽可能行高相近;根据图片的长宽比进行排序;根据图片的像素进行排序,如图片越清晰排序越靠前;根据目标图片源进行排序等,此外,在搜索过程中,还可以根据图片的相关度进行排序,如目标图片与搜索关键词的相关度越高排序越靠前等。
接下来,图片设备在所述步骤s3中根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。具体地,在步骤s3中,图片设备根据其在步骤s2中所确定的所述候选行高与所述候选行宽,对所获取的经步骤s10排序后的所述多个目标图片进行缩放或无缩放处理,从而进行分行,其中,每个图片行包括所述多个目标图片中至少一个。例如,在步骤s3中,图片设备获取了其在步骤s2中所确定的所述候选行高SH与所述候选行宽SW,同时获取了经步骤s10排序后的所述多个目标图片,并将所述候选行高SH作为所述目标图片的标准图片高度,并按照所述候选行高SH为基准,对所述目标图片进行等比例压缩,从而获得所述目标图片的宽度;当所述多个目标图片的宽度总和大于所述候选行宽SW时,则对所述多个目标图片进行分行,其中,当一个或多个目标图片的宽度总和大于等于所述候选行宽SW且小于等于候选行宽SW与候选行高SH之和时,则将所述一个或多个目标图片作为一个图片行,若多个目标图片的宽度总和大于所述候选行宽SW+候选行高SH时,则将末位图片放入下一行,将余下一个或多个目标图片作为一个图片行;按照上述方法对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。
优选地,该实施例还包括步骤s11(未示出),其中,在步骤s11中,图片设备检测是否存在关于所述目标区域的更新操作;若存在所述更新操作,根据更新后的所述目标区域的区域描述信息,执行所述步骤s2、步骤s3、步骤s4、步骤s5中的操作。具体地,在步骤s11中,图片设备检测关于所述目标区域内的更新操作,其中,所述更新操作包括但不限于调整当前显示窗口的大小,如对当前显示窗口进行缩小或放大的操作,调整当前显示窗口的方向,如在带有重力传感器的移动终端上转动屏幕等,图片设备获取用户对于所述目标区域内的更新操作,若存在所述更新操作,则重新确定更新后的所述目标区域的区域描述信息,执行所述步骤s2、步骤s3、步骤s4、步骤s5中的操作,从而重新对调整后的目标区域内的图片进行展示。
图4示出根据本发明一个优选实施例的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图;具体地,图片设备在步骤s1’中获取拟在目标区域提供给用户的多个目标图片;在步骤s2’中根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;在步骤s3’中根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,在步骤s6’中根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息;在步骤s4’中根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;在步骤s5’中将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。其中,图片设备中的步骤s1’、步骤s2’、步骤s3’、步骤s4’分别与图3所示对应步骤相同或基本相同,故此处不再赘述,并通过引用的方式包含于此。
上述各步骤之间是持续不断工作的,在此,本领域技术人员应理解“持续”是指上述各步骤分别按照设定的或实时调整的工作模式要求进行目标图片的获取、候选行高与候选行宽的确定、目标图片的分行、分页信息的确定、目标图片的调整、调整后图片行的提供等,直至图片设备停止进行目标图片的获取。
当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,在步骤s6’中,图片设备根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息。具体地,在步骤s3’中,图片设备对所述多个目标图片进行分行处理,以获得一个或多个图片行,同时,在步骤s6’中,图片设备根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定了每页显示的图片行数为x,其中,x可设定为固定值,也可随显示区域描述信息的变化而动态改变确定,从而所述多个目标图片的分页信息,其中,所述分页信息包括但不限于:每页显示的图片行数、分页总数、当前页码、翻页栏显示的页码数、当前页所包含的x行图片分行信息、各个页内所包含的图片分行信息等。例如,在步骤s3’中,图片设备对所述多个目标图片进行分行处理,获得了30行图片行,在步骤s6’中,图片设备取每页显示的图片行数为固定值3,从而一共可分为10页,当前页码为5,翻页栏显示的页码数设定为7个页码,即以当前页码为中心,前后各3页,则显示页码号为1,...,3,4,5,6,7,8,...,同时将所述30行图片行信息分别依序与相应的页码对应,如1-3行图片行对应页码1,13-15行图片行对应当前页码5。
在步骤s5’中,图片设备将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。具体地,在步骤s5’中,图片设备根据步骤s6’所确定所述多个目标图片的分页信息以及当前分页栏信息,获取经过步骤s4’处理的与所述当前分页栏信息所对应的一个或多个图片行,并利用与用户进行交互,或者按照用户设备所提供的应用程序接口(API)或http、https等其他约定的通信方式的格式要求,将所述一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
优选地,该实施例还包括步骤s7’(未示出),其中,在步骤s7’中,图片设备获取所述用户对所述分页栏的翻页操作;根据所述翻页操作所对应的待显示页面,结合所述分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;对所述待显示页面所包括的一个或多个图片行,执行所述步骤s4’和所述步骤s5’的操作。具体地,在步骤s7’中,图片设备获取用户通过诸如键盘、触摸屏、语音输入装置与进行交互,从而输入的其希望查看的相关分页栏的翻页操作,其中,所述翻页操作包括但不限于对当前页的首页、尾页、上一页、下一页、及其他相关页码的访问请求;根据所述翻页操作所对应的访问请求的待显示页面,以及步骤s6’中所确定所述多个目标图片的分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;对所确定的所述待显示页面所包括的一个或多个图片行,执行所述步骤s4’和所述步骤s5’中的操作,从而将所述待显示页面的一个或多个图片行在所述目标区域中按照调整后的显示方式,提供给所述用户。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (18)
1.一种由计算机实现的用于在目标区域提供目标图片的方法,其中,该方法包括以下步骤:
a 获取拟在目标区域提供给用户的多个目标图片;
b 根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;
c 根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
d 根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;
e 将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
2.根据权利要求1所述的方法,其中,所述步骤d包括:
d1 根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数;
-根据所述调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。
3.根据权利要求2所述的方法,其中,所述调整参数包括以下至少任一项:
-所述图片行的调整比例;
-所述图片行的调整后行高;
-所述图片行所包括的目标图片中至少一个的调整后图宽。
4.根据权利要求2所述的方法,其中,所述步骤d1包括:
-根据所述图片行的实际行宽与竖图系数,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。
5.根据权利要求1至4中任一项所述的方法,其中,该方法还包括:
-当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息;
其中,所述步骤e包括:
-将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。
6.根据权利要求5中所述的方法,其中,该方法还包括:
-获取所述用户对所述分页栏的翻页操作;
-根据所述翻页操作所对应的待显示页面,结合所述分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
-对所述待显示页面所包括的一个或多个图片行,执行所述步骤d和e中的操作。
7.根据权利要求1至4中任一项所述的方法,其中,该方法还包括:
-对所述多个目标图片进行排序;
其中,所述步骤c包括:
-根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。
8.根据权利要求1至4中任一项所述的方法,其中,该方法还包括:
-检测是否存在关于所述目标区域的更新操作;
-若存在所述更新操作,根据更新后的所述目标区域的区域描述信息,执行步骤b至e。
9.根据权利要求1至4中任一项所述的方法,其中,所述步骤a包括:
-获取拟在目标区域提供给用户的多个目标图片,其中,所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果,所述目标区域包括与所述图片查询序列相对应的搜索窗口。
10.一种用于在目标区域提供目标图片的图片设备,其中,该设备包括:
获取装置,用于获取拟在目标区域提供给用户的多个目标图片;
初调装置,用于根据所述目标区域的区域描述信息,确定所述目标区域中每行图片的候选行高与候选行宽;
分行装置,用于根据所述候选行高与所述候选行宽,对所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
再调装置,用于根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应;
提供装置,用于将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
11.根据权利要求10所述的设备,其中,所述再调装置包括:
参数确定单元,用于根据所述图片行的实际行宽,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数;
再调单元,用于根据所述调整参数,对所述图片行所包括的目标图片中至少一个进行调整,以使得所述图片行与所述候选行宽相适应。
12.根据权利要求11所述的设备,其中,所述调整参数包括以下至少任一项:
-所述图片行的调整比例;
-所述图片行的调整后行高;
-所述图片行所包括的目标图片中至少一个的调整后图宽。
13.根据权利要求11所述的设备,其中,所述参数确定单元用于:
-根据所述图片行的实际行宽与竖图系数,并结合所述候选行高与所述候选行宽,确定所述图片行所对应的调整参数。
14.根据权利要求10至13中任一项所述的设备,其中,该设备还包括:
分页装置,用于当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时,根据所述区域描述信息,以及所述候选行高与所述候选行宽,确定所述多个目标图片的分页信息;
其中,所述提供装置用于:
-将调整后的所述一个或多个图片行,以及与所述分页信息相对应的分页栏,在所述目标区域中提供给所述用户。
15.根据权利要求14中所述的设备,其中,该设备还包括翻页装置,该翻页装置用于:
-获取所述用户对所述分页栏的翻页操作;
-根据所述翻页操作所对应的待显示页面,结合所述分页信息,确定所述待显示页面所包括的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个;
-对所述待显示页面所包括的一个或多个图片行,执行所述再调装置和所述提供装置中的操作。
16.根据权利要求10至13中任一项所述的设备,其中,该设备还包括:
排序装置,用于对所述多个目标图片进行排序;
其中,所述分行装置用于:
-根据所述候选行高与所述候选行宽,对排序后的所述多个目标图片进行分行处理,以获得所述目标区域中的一个或多个图片行,其中,每个图片行包括所述多个目标图片中至少一个。
17.根据权利要求10至13中任一项所述的设备,其中,该设备还包括更新装置,该更新装置用于:
-检测是否存在关于所述目标区域的更新操作;
-若存在所述更新操作,根据更新后的所述目标区域的区域描述信息,执行所述初调装置、所述分行装置、所述再调装置与所述提供装置中的操作。
18.根据权利要求10至13中任一项所述的设备,其中,所述获取装置用于:
-获取拟在目标区域提供给用户的多个目标图片,其中,所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果,所述目标区域包括与所述图片查询序列相对应的搜索窗口。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210130014.6A CN102682099B (zh) | 2012-04-27 | 2012-04-27 | 一种用于在目标区域提供目标图片的方法与设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210130014.6A CN102682099B (zh) | 2012-04-27 | 2012-04-27 | 一种用于在目标区域提供目标图片的方法与设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102682099A CN102682099A (zh) | 2012-09-19 |
CN102682099B true CN102682099B (zh) | 2015-04-22 |
Family
ID=46814024
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210130014.6A Active CN102682099B (zh) | 2012-04-27 | 2012-04-27 | 一种用于在目标区域提供目标图片的方法与设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102682099B (zh) |
Families Citing this family (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103546820B (zh) * | 2013-10-30 | 2017-03-15 | 乐视致新电子科技(天津)有限公司 | 云电视图片展示方法及装置 |
CN103561339A (zh) * | 2013-10-30 | 2014-02-05 | 乐视致新电子科技(天津)有限公司 | 云电视图片展示方法及装置 |
CN103678496B (zh) * | 2013-11-18 | 2018-01-30 | 乐视网信息技术(北京)股份有限公司 | 提供调整检索页筛选显示的方法和系统 |
CN103678497A (zh) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 提供调整检索页浏览显示的方法和系统 |
CN104867103A (zh) * | 2014-02-24 | 2015-08-26 | 腾讯科技(深圳)有限公司 | 照片显示处理方法和装置 |
CN104035667B (zh) * | 2014-04-30 | 2018-02-02 | 百度在线网络技术(北京)有限公司 | 一种用于展现候选信息的方法和装置 |
CN104111777B (zh) * | 2014-06-26 | 2017-08-01 | 小米科技有限责任公司 | 图片显示方法及装置 |
CN107861788A (zh) * | 2017-11-23 | 2018-03-30 | 深圳市雷鸟信息科技有限公司 | 图片排版方法、终端及计算机可读存储介质 |
CN108196755B (zh) * | 2018-01-30 | 2021-02-12 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
JP6648375B2 (ja) | 2018-05-21 | 2020-02-14 | エスゼット ディージェイアイ テクノロジー カンパニー リミテッドSz Dji Technology Co.,Ltd | 撮像システム、及び移動体 |
CN111309947A (zh) * | 2018-12-11 | 2020-06-19 | 华勤通讯技术有限公司 | 移动终端的图片展示方法及系统 |
CN112685680A (zh) * | 2021-01-12 | 2021-04-20 | 上海观察者信息技术有限公司 | 图片添加方法和装置 |
CN113449222B (zh) * | 2021-06-17 | 2023-04-25 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101685620A (zh) * | 2008-09-26 | 2010-03-31 | 鸿富锦精密工业(深圳)有限公司 | 对图片进行调整的显示装置及方法 |
CN102073650A (zh) * | 2009-11-25 | 2011-05-25 | 阿里巴巴集团控股有限公司 | 一种网页自适应调节的方法和设备 |
-
2012
- 2012-04-27 CN CN201210130014.6A patent/CN102682099B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101685620A (zh) * | 2008-09-26 | 2010-03-31 | 鸿富锦精密工业(深圳)有限公司 | 对图片进行调整的显示装置及方法 |
CN102073650A (zh) * | 2009-11-25 | 2011-05-25 | 阿里巴巴集团控股有限公司 | 一种网页自适应调节的方法和设备 |
Also Published As
Publication number | Publication date |
---|---|
CN102682099A (zh) | 2012-09-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102682099B (zh) | 一种用于在目标区域提供目标图片的方法与设备 | |
CN103593373B (zh) | 一种用于搜索结果排序的方法与设备 | |
CN102810117B (zh) | 一种用于提供搜索结果的方法与设备 | |
CN103577415B (zh) | 用于更新移动搜索应用所对应的搜索配置的方法与设备 | |
JP2009508274A5 (zh) | ||
KR20160061351A (ko) | 웹 페이지에 대한 컨텐츠 아이템에 대한 사이즈 자동 결정 | |
WO2021143267A1 (zh) | 基于图像检测的细粒度分类模型处理方法、及其相关设备 | |
CN101930459A (zh) | 一种辅助用户设备实现网页的块状浏览的方法和网络设备 | |
CN102368193A (zh) | 一种用于提供浏览页面的方法与设备 | |
CN106484766A (zh) | 基于人工智能的搜索方法和装置 | |
US20090187561A1 (en) | Content search method and system | |
US20160117398A1 (en) | Systems and methods for extracting similar group elements | |
CN105184321B (zh) | 一种针对于ftrl模型的数据处理方法及装置 | |
WO2016082624A1 (zh) | 一种用于提供图片的呈现信息的方法和设备 | |
CN103678326A (zh) | 一种用于基于搜索结果提供浏览信息的方法和设备 | |
CN102541946A (zh) | 基于超链接的推荐属性确定超链推荐度的方法与设备 | |
CN112166456A (zh) | 图像处理方法及图像处理装置 | |
CN103810191A (zh) | 一种用于向用户提供呈现信息的方法和设备 | |
US10963690B2 (en) | Method for identifying main picture in web page | |
CN102937973A (zh) | 一种生成用于信息呈现的呈现配置信息的方法和设备 | |
CN103514193A (zh) | 一种用于确定推广关键词的推广结果信息的方法与设备 | |
US9251242B2 (en) | Data relatedness assessment device, data relatedness assessment method, and recording medium | |
CN108897755A (zh) | 网页生成方法、装置、计算机设备和存储介质 | |
JP2013025441A (ja) | 情報処理装置、システム、方法及びプログラム | |
JP2012014608A (ja) | 情報処理装置、情報処理方法、及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |