专利名称：一种用于在目标区域提供目标图片的方法与设备的制作方法
技术领域：
本发明涉及网络技术领域，尤其涉及一种在目标区域提供目标图片的技术。
背景技术：
当前，用户在进行图片搜索后，浏览器会在目标区域展现与用户的搜索请求相关联的多个目标图片。由于所述各个屏幕大小的不同，所用来展示目标图片的各个浏览器的目标区域大小也不相同；同时由于相关联的多个目标图片的宽度和高度各不相同，因此如果简单的将相关联的目标图片按照图片原大小进行等比缩放，不能动态的调整每行的宽带和高度，则可能导致目标展示区域内目标图片的大小参差不齐，图片间留白较大，从而导致目标图片展示结果与用户期望的结果不相符，不 能充分利用目标图片展示区域，进而降低了用户使用体验。因此，如何对目标图片进行处理，达到显示效果上的最优化，成为了成为本领域技术人员亟需解决的一个问题。
发明内容
本发明的目的是提供一种用于在目标区域提供目标图片的方法和设备。根据本发明的一个方面，提供了一种由计算机实现的用于在目标区域提供目标图片的方法，其中，该方法包括以下步骤a获取拟在目标区域提供给用户的多个目标图片；b根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽；c根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个；d根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应；e将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。根据本发明的另一方面，还提供了一种用于在目标区域提供目标图片的图片设备，其中，该设备包括获取装置，用于获取拟在目标区域提供给用户的多个目标图片；初调装置，用于根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽；分行装置，用于根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个；再调装置，用于根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应；提供装置，用于将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。根据本发明的再一方面，提供了一种浏览器，其中，该浏览器包括如上述的用于在目标区域提供目标图片的图片设备。根据本发明的再一方面，提供了一种浏览器插件，其中，该浏览器插件包括如上述的用于在目标区域提供目标图片的图片设备。根据本发明的再一方面，提供了一种搜索引擎，其中，该搜索引擎包括如上述的用 于在目标区域提供目标图片的图片设备。根据本发明的再一方面，提供了一种搜索引擎插件，其中，该搜索引擎插件包括如上述的用于在目标区域提供目标图片的图片设备。与现有技术相比，本发明通过根据目标区域的区域描述信息，动态地调整行宽和行高，使得图片的排列整齐，同时图片的总宽度和总高度与图片展示区域高宽一致，以提高图片展示效果。进一步地，根据目标区域的区域描述信息及图片信息进行分页设置，从而实现不改变页面下端的分页栏的位置，用户可以连续点击的效果。
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显图I示出根据本发明一个方面的一种用于在目标区域提供目标图片的图片设备示意图；图2示出根据本发明一个优选实施例的一种用于在目标区域提供目标图片的图片设备不意图；图3示出根据本发明另一个方面的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图；图4示出根据本发明一个优选实施例的一种由图片设备实现的用于在目标区域提供目标图片的方法流程图。附图中相同或相似的附图标记代表相同或相似的部件。
具体实施例方式下面结合附图对本发明作进一步详细描述。图I示出根据本发明一个方面的一种用于在目标区域提供目标图片的图片设备示意图；其中，该图片设备包括获取装置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、NetBEn等，同时还包括存在于计算机中的其他形式通信，例如面向对象编程里面对象之间的通信或操作系统内不同程序或计算机不同模块之间的消息传送协议，与其他能够提供所述多个目标图片的设备，如提供图片搜索结果的搜索引擎，进行交互，获取与用户输入的查询序列相对应的多个目标图片。其中，所述目标区域包括与所述图片查询序列相对应的搜索窗口。初调装置12根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽。具体地，初调装置12获取用户当前浏览器页面展示窗口的区域描述信息，并将所述当前浏览器页面展示窗口作为呈现目标图片的所述目标区域，其中，所述区域描述信息包括但不限于所述当前浏览器页面展示窗口的窗口高度或窗口宽度；并根据所述区域描述信息，按照一定的设置规则，确定所述目标区域中每行图片的候选行高与候选行宽，其中，所述设置规则包括但不限于利用当前浏览器页面展示窗口的窗口宽度/高度和预留宽度/高度来确定候选行宽/行高，或者利用预设固定值来确定候选行宽/行高，或者利用图片的分辨率来动态的确定候选行宽/行高；或者利用上述信息的组合来综合设置候选行宽/行高。例如，初调装置12获取用户当前浏览器页面展示窗口的区域描述信息，其中，所述区域描述信息包括当前浏览器页面展示窗口的窗口高度和窗口宽度；同时获取初调装置12内置的预留宽度和图片高度；利用下列公式来确定候选行高SH和候选行宽Sff 候选行高SH =图片设备内置的图片高度；候选行宽SW=当前浏览器页面展示窗口的窗口宽度-图片设备12内置的预留宽度；从而确定所述目标区域中每行图片的候选行高与候选行宽。分行装置13根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行 处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个。具体地，分行装置13根据初调装置12所确定的所述候选行高与所述候选行宽，对所获取的所述多个目标图片进行缩放或无缩放处理，从而进行分行，其中，每个图片行包括所述多个目标图片中至少一个。例如，分行装置13获取了初调装置12所确定的所述候选行高SH与所述候选行宽SW，同时获取所述多个目标图片，并将所述候选行高SH作为所述目标图片的标准图片高度，并按照所述候选行高SH为基准，对所述目标图片进行等比例压缩，从而获得所述目标图片的宽度；当所述多个目标图片的宽度总和大于所述候选行宽SW时，则对所述多个目标图片进行分行，其中，当一个或多个目标图片的宽度总和大于等于所述候选行宽SW且小于等于候选行宽SW与候选行高SH之和时，则将所述一个或多个目标图片作为一个图片行，若多个目标图片的宽度总和大于所述候选行宽SW+候选行高SH时，则将末位图片放入下一行，将余下一个或多个目标图片作为一个图片行；按照上述方法对所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个。再调装置14根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应。具体地，再调装置14根据分行装置13所确定的一个或多个图片行，通过将每行内所包含的一个或多个目标图片的宽度进行相加，获得所述图片行的实际行宽；根据所述候选行高与所述候选行宽，通过对所述图片行所包括的目标图片中至少一个进行高度或宽度的调整，从而使得所述图片行与所述候选行宽相适应，其中，所述调整包括但不限于对图片进行缩放、裁剪、留白等图像处理方式。例如，分行装置13将多个目标图片划分为n行，设第n个图片行的实际行宽为\，实际行高为Hn，第n行内有k张目标图片，每个目标图片的宽度分别为Wni,其中i G [I,k],则该图片行的实际行宽为该行内所包含的一个或多个目标
图片的宽度之和，即，若实际行宽Wn>SW，则获取所述图片行中图片宽高比〉I
i=l
的图片进行横向裁剪，若实际行宽Wn < SW，则获取所述图片行中图片宽高比< I的图片进行横向拉伸，直至该行的实际行宽Wn与候选行宽SW相等为止。本领域技术人员应理解上述调整方式仅为举例，其他现有的或今后可能出现的调整方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地,再调装置14还包括参数确定单元(未示出)和再调单元(未示出)。其中，参数确定单元根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数；再调单元根据所述调整参数，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应。具体地，参数确定单元根据分行装置13所确定的一个或多个图片行，通过将每行内所包含的一个或多个目标图片的宽度进行相加，获得所述图片行的实际行宽；根据所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数，其中，所述调整参数包括以下至少任一项所述图片行的调整比例，所述图片行的调整后行高，所述图片行所包括的目标图片中至少一个的调整后图宽。例如，分行装置13将多个目标图片划分为n行，设第n个图片行的实际行宽为Wn，实
n
际行高为Hn，则所述n个图片行的总高度为
权利要求
1.一种由计算机实现的用于在目标区域提供目标图片的方法，其中，该方法包括以下步骤 a获取拟在目标区域提供给用户的多个目标图片； b根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽； c根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个；d根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，对所述图片行所 包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应；e将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
2.根据权利要求I所述的方法，其中，所述步骤d包括 dl根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数； -根据所述调整参数，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应。
3.根据权利要求2所述的方法，其中，所述调整参数包括以下至少任一项 -所述图片行的调整比例； -所述图片行的调整后行高； -所述图片行所包括的目标图片中至少一个的调整后图宽。
4.根据权利要求2或3所述的方法，其中，所述步骤dl包括 -根据所述图片行的实际行宽与竖图系数，并结合所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数。
5.根据权利要求I至4中任一项所述的方法，其中，该方法还包括 -当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时，根据所述区域描述信息，以及所述候选行高与所述候选行宽，确定所述多个目标图片的分页信息；其中，所述步骤e包括 -将调整后的所述一个或多个图片行，以及与所述分页信息相对应的分页栏，在所述目标区域中提供给所述用户。
6.根据权利要求5中所述的方法，其中，该方法还包括 -获取所述用户对所述分页栏的翻页操作； -根据所述翻页操作所对应的待显示页面，结合所述分页信息，确定所述待显示页面所包括的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个； -对所述待显示页面所包括的一个或多个图片行，执行所述步骤d和e中的操作。
7.根据权利要求I至6中任一项所述的方法，其中，该方法还包括 -对所述多个目标图片进行排序； 其中，所述步骤c包括 -根据所述候选行高与所述候选行宽，对排序后的所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个。
8.根据权利要求I至7中任一项所述的方法，其中，该方法还包括 -检测是否存在关于所述目标区域的更新操作； -若存在所述更新操作，根据更新后的所述目标区域的区域描述信息，执行步骤b至e。
9.根据权利要求I至8中任一项所述的方法，其中，所述步骤a包括 -获取拟在目标区域提供给用户的多个目标图片，其中，所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果，所述目标区域包括与所述图片查询序列相对应的搜索窗口。
10.一种用于在目标区域提供目标图片的图片设备，其中，该设备包括 获取装置，用于获取拟在目标区域提供给用户的多个目标图片； 初调装置，用于根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽； 分行装置，用于根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个； 再调装置，用于根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应； 提供装置，用于将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。
11.根据权利要求10所述的设备，其中，所述再调装置包括 参数确定单元，用于根据所述图片行的实际行宽，并结合所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数； 再调单元，用于根据所述调整参数，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应。
12.根据权利要求11所述的设备，其中，所述调整参数包括以下至少任一项 -所述图片行的调整比例； -所述图片行的调整后行高； -所述图片行所包括的目标图片中至少一个的调整后图宽。
13.根据权利要求11或12所述的设备，其中，所述参数确定单元用于 -根据所述图片行的实际行宽与竖图系数，并结合所述候选行高与所述候选行宽，确定所述图片行所对应的调整参数。
14.根据权利要求10至13中任一项所述的设备，其中，该设备还包括 分页装置，用于当所述多个目标图片超出所述一个或多个图片行中所包括的目标图片时，根据所述区域描述信息，以及所述候选行高与所述候选行宽，确定所述多个目标图片的分页信息； 其中，所述提供装置用于 -将调整后的所述一个或多个图片行，以及与所述分页信息相对应的分页栏，在所述目标区域中提供给所述用户。
15.根据权利要求14中所述的设备，其中，该设备还包括翻页装置，该翻页装置用于-获取所述用户对所述分页栏的翻页操作； -根据所述翻页操作所对应的待显示页面，结合所述分页信息，确定所述待显示页面所包括的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个； -对所述待显示页面所包括的一个或多个图片行，执行所述再调装置和所述提供装置中的操作。
16.根据权利要求10至15中任一项所述的设备，其中，该设备还包括 排序装置，用于对所述多个目标图片进行排序； 其中，所述分行装置用于 -根据所述候选行高与所述候选行宽，对排序后的所述多个目标图片进行分行处理，以获得所述目标区域中的一个或多个图片行，其中，每个图片行包括所述多个目标图片中至少一个。
17.根据权利要求10至16中任一项所述的设备，其中，该设备还包括更新装置，该更新装置用于 -检测是否存在关于所述目标区域的更新操作； -若存在所述更新操作，根据更新后的所述目标区域的区域描述信息，执行所述初调装置、所述分行装置、所述再调装置与所述提供装置中的操作。
18.根据权利要求10至17中任一项所述的设备，其中，所述获取装置用于 -获取拟在目标区域提供给用户的多个目标图片，其中，所述多个目标图片包括与所述用户输入的图片查询序列相对应的多个图片搜索结果，所述目标区域包括与所述图片查询序列相对应的搜索窗口。
19.一种浏览器，其中，该浏览器包括如权利要求10至18中任一项所述的图片设备。
20.一种浏览器插件，其中，该浏览器插件包括如权利要求10至18中任一项所述的图片设备。
21.一种搜索引擎，其中，该搜索引擎包括如权利要求10至18中任一项所述的图片设备。
22.一种搜索引擎插件，其中，该搜索引擎插件包括如权利要求10至18中任一项所述的图片设备。
全文摘要
本发明的目的是提供一种用于在目标区域提供目标图片的方法和设备。计算机设备获取拟在目标区域提供给用户的多个目标图片；根据所述目标区域的区域描述信息，确定所述目标区域中每行图片的候选行高与候选行宽；根据所述候选行高与所述候选行宽，对所述多个目标图片进行分行处理；并根据所述图片行的实际行宽，对所述图片行所包括的目标图片中至少一个进行调整，以使得所述图片行与所述候选行宽相适应；将调整后的所述一个或多个图片行在所述目标区域中提供给所述用户。与现有技术相比，本发明通过根据目标区域的区域描述信息，动态地调整行宽和行高，使得图片的排列整齐，同时图片的总宽度和总高度与图片展示区域高宽一致，以提高图片展示效果。
文档编号G06F17/30GK102682099SQ20121013001
公开日2012年9月19日 申请日期2012年4月27日 优先权日2012年4月27日
发明者刘项铮, 毛承杰, 韩璟, 魏星 申请人:北京百度网讯科技有限公司