WO2017084370A1 - 图片展示方法和装置 - Google Patents
图片展示方法和装置 Download PDFInfo
- Publication number
- WO2017084370A1 WO2017084370A1 PCT/CN2016/090738 CN2016090738W WO2017084370A1 WO 2017084370 A1 WO2017084370 A1 WO 2017084370A1 CN 2016090738 W CN2016090738 W CN 2016090738W WO 2017084370 A1 WO2017084370 A1 WO 2017084370A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- template
- preset
- displayed
- picture
- sorting
- 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.)
- Ceased
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
Definitions
- an embodiment of the technical solution of the present invention is:
- an image display method including the following steps:
- the pictures to be displayed are sequentially identified, and the picture identifiers of the pictures to be displayed are obtained;
- An obtaining module configured to respectively obtain a horizontal and vertical direction of each picture to be displayed according to an aspect ratio of each picture to be displayed;
- the matching module is configured to search for a preset template that matches the sorting number in the preset template set; the preset template set is created according to a preset maximum number of images;
- FIG. 2 is a schematic flowchart of creating a preset template set in Embodiment 1 of the picture display method of the present invention
- FIG. 3 is a schematic structural diagram of Embodiment 1 of a picture display device according to the present invention. detailed description
- Embodiment 1 of the picture display method of the present invention includes any and all combinations of one or more of the associated listed items.
- FIG. 1 is a schematic flowchart of Embodiment 1 of the picture display method of the present invention. As shown in FIG. 1, the following steps may be included:
- Step S110 Determine the horizontal and vertical directions of the pictures to be displayed according to the aspect ratio of each picture to be displayed.
- Step S120 According to the horizontal and vertical directions of the pictures to be displayed, sequentially identify the pictures to be displayed, and obtain pictures of the pictures to be displayed. Identification
- Step S140 Find a preset template that matches the sort number in the preset template set; the preset template set is created according to the preset maximum number of pictures;
- Step S150 Display each picture to be displayed on the corresponding position of the screen according to the matched preset template and the sorting number.
- the image display method embodiment 1 of the present invention may further include the steps of: receiving or acquiring a picture to be displayed.
- the collation preset in Embodiment 1 of the picture display method of the present invention includes a vertical picture first.
- the horizontal and vertical directions of each picture to be displayed are respectively obtained; according to the above horizontal and vertical directions, the picture to be displayed is marked, the horizontal picture is marked with 0, the vertical picture is taken as an example, and 4 pictures to be displayed may be displayed.
- the image logos include: "0000", "0001", "0010", “0011”, “0100”, “0101”, "0110", “0111”, “1000”, "1001", "1010", “ 1011", “1100”, "1101”, “1110", “1111”;
- the preset template matching the above sorting number is searched in the preset template set; the preset template set is created according to the preset maximum number of images; and each of the preset templates and the sorting number are to be displayed according to the matching preset template.
- the image is displayed at the corresponding location on the screen.
- four pictures to be displayed are three horizontal pictures and one vertical picture, and the horizontal and vertical signs are 0, 0, 0, 1, respectively.
- the image of each picture is spliced to 0001, with the vertical picture as the principle, the new sequence is 1000, which is the sorting number of the 4 pictures to be displayed; for example, 4 pictures to be displayed are a vertical picture three In the horizontal view, the signs in the horizontal and vertical directions are 1, 0, 0, 0, respectively.
- the image of each picture is spliced to 1000, with the vertical picture as the principle, and the new sequence is 1000, which is the sorting number of the four pictures to be displayed.
- the preset template corresponding to the preset template set is found according to the sorting number and displayed on the corresponding position of the screen.
- the preset template set is created by the smart tablet device according to the preset maximum number of displays. Specifically, the smart tablet device server pre-creates the template set according to the preset number and direction of the preset display image, and the template set
- the template can be directly displayed on the screen in the form of a pop-up window, and after matching the preset template, the image to be displayed can be generated and displayed on the corresponding position of the screen with the preset template matched with the template.
- the template is pre-designed, and each display map is judged in the present invention. If the slice belongs to the same preset template, the same execution method is called to display separately.
- the picture display method embodiment 1 of the present invention because the pictures to be displayed are identified and sorted according to the horizontal and vertical directions of the picture to be displayed, and the sorting numbers of the pictures to be displayed are obtained, and the matching preset template is dynamically searched according to the sorting number to be displayed.
- the image can be displayed on the screen by generating a preset template matching the corresponding position on the screen, which overcomes the technical problem that the traditional four-square display method cannot display the vertical picture in an optimal manner, and thus can not only When you click on any of the images to enlarge the display, you can also display multiple images at the same time and arrange them in the original horizontal and vertical directions.
- the preset template set is created in Embodiment 1 of the picture display method of the present invention:
- FIG. 2 is a flow chart for creating a preset template in Embodiment 1 of the picture display method according to the present invention.
- the schematic diagram, as shown in FIG. 2 may include the following steps: Step S210: According to a preset maximum number of pictures, enumerate the template identification sequence of all templates in a preset maximum number of pictures by using an exhaustive method;
- Step S220 Sorting each template identification sequence according to a preset sorting rule, and obtaining a sorting number of each template; removing the template having the same sorting number in the template to obtain a deduplication template; Step S230: according to the display ratio of the screen, The de-duplicate template is categorized to obtain a preset template set with the corresponding sort number.
- creating a preset template set in Embodiment 1 of the picture display method of the present invention can be implemented by the following steps:
- the smart tablet device creates a preset template set according to the possible number of pictures and the vertical and vertical directions; when the preset maximum number of images is 4 pictures, the possible templates can be listed by exhaustive method; , the direction of the picture can be judged according to the aspect ratio.
- the preset maximum number of impressions is 4, and the horizontal and vertical directions of the image are identified according to the preset maximum number of displays, and the template with the sort number is obtained by enumerating the sequence of the identification; the horizontal image is identified by 0, and the vertical image is identified by 1
- the number and direction of the image have the following sorting number template:
- step B merge the de-duplicate templates to obtain the preset template; assume that the width of the screen is w and the height is h; the width of the horizontal image is w/2, and the height is h/2 ; The width of the graph is w/4 and the height is h; in step B, the templates can be combined into 8 preset templates:
- the picture is displayed with the maximum width w/2 and the maximum height h as the maximum width and height ("00", “11”, “10") - a template;
- the horizontal width of the horizontal image is w/2 and the maximum height is h/2 ; the maximum width of the vertical image is w/4, and the maximum height is h or h/2, ("000” ), ("100"), ("110", “111"), ("0000",”1000”),("1100"),("1110”,”1111")- - Six templates;
- the maximum width and height that the picture may be displayed are set, and the picture can be displayed at the wide and wide range (black side on the side).
- the above template is similar to the four-square grid, The area on one screen is equally divided into 4 parts, and the pictures are placed in the square.
- the smart tablet device server can also monitor the screen image click event, and the corresponding preset template is matched by obtaining the sort number of the clicked image, thereby dynamically displaying the image.
- Embodiment 1 of the picture display device of the present invention :
- FIG. 3 is a schematic structural diagram of Embodiment 1 of the picture display device according to the present invention. Show, can include:
- the obtaining module 10 is configured to obtain a horizontal and vertical direction of each picture to be displayed according to the aspect ratio of each picture to be displayed;
- the identifier module 20 is configured to identify each picture to be displayed according to each horizontal and vertical direction, and obtain a picture identifier of each picture to be displayed;
- the sorting number module 30 is configured to sort all the image identifiers according to a preset sorting rule, and obtain the sorting numbers of all the images to be displayed;
- the matching module 40 is configured to search for a preset template that matches the sorting number in the preset template set; the preset template set is created according to the preset maximum number of images;
- the display module 50 is configured to display each image to be displayed on a corresponding position of the screen according to the matched preset template and the sorting number.
- the image display device embodiment 1 of the present invention may further include: a template creation module 60, configured to create a preset template set.
- the create template module 60 can include:
- the enumeration module 610 is configured to enumerate, by using an exhaustive method, a template identification sequence of all templates in a preset maximum number of pictures according to a preset maximum number of pictures;
- the sorting de-duplication module 620 is configured to sort each template identification sequence according to a preset sorting rule, and obtain a sorting number of each template; and remove the template having the same sorting number in the template to obtain a de-duplicating template;
- the merging module 630 is configured to classify the de-duplicating template according to the display ratio of the screen, to obtain a preset template set with a corresponding sorting number.
- the image display device embodiment 1 of the present invention may further include: a receiving module 70, configured to receive or acquire a picture to be displayed.
- the preset maximum number of displays is 4 pictures.
- the specific working process of the embodiment 1 of the picture display device of the present invention may be as follows:
- the creating template module 60 in the server presets the template according to the possible number of displayed pictures and the horizontal and vertical directions; when the preset maximum number of displays is 4 pictures, the possible templates can be listed by exhaustive method; Width and height, you can judge the direction of the picture according to the aspect ratio.
- the preset maximum number of displays is 4, and the enumeration module 610 identifies the horizontal and vertical directions of the picture according to the preset maximum number of displays, and obtains the template identification sequence by enumerating the sequence of the identification by the exhaustive method; identifying the horizontal picture by 0, and 1 identifying the vertical picture For example, according to the number and direction of the picture, there is a template for identifying the sequence as follows:
- the sorting de-duplication module 620 sorts each template identification sequence according to a preset sorting rule to obtain a sorting number of each template; and removes the template having the same sorting number in the template to obtain a de-duplicating template; for example, the vertical graph is always in front Sort the images for the principle, remove the same sort number, that is, remove the duplicate template in the template, and get the following deduplication template:
- the merging module 630 classifies the de-duplicating template according to the display ratio of the screen, and obtains a preset template set with a corresponding sorting number; assuming that the width of the screen is w and the height is h; the width of the horizontal graph is w/2. The height is h/2 ; the width of the vertical image is w/4, and the height is h; the merging module 630 can classify the above templates into eight preset template sets:
- the horizontal width of the horizontal image is w/2 and the maximum height is h/2 ;
- the maximum width of the vertical image is w/4, and the maximum height is h or h/2, ("000"), ("100"), ("110", “111"), ("0000",”1000”),("1100"),("1110”,”1111")- - Six templates;
- the maximum width and height that the picture may be displayed are set, and the picture can be displayed at the wide and wide range (black side on the side).
- the above template is similar to the four-square grid. , divide the area on one screen into four equal parts, and put the pictures into the four squares for display.
- the number of images to be displayed is four:
- the obtaining module 10 respectively obtains the horizontal and vertical directions of each picture to be displayed according to the aspect ratio of the picture to be displayed;
- the identification module 20 identifies each picture to be displayed according to the horizontal and vertical directions, and identifies the horizontal picture by 0. 1 identifies the vertical picture as an example.
- the sequence of possible picture identifications of the four pictures to be displayed includes: "0000", "0001”, “0010”, “0011”, “0100”, “0101”, “0110”, “0111”, “1000”, “1001”, “1010”, “1011”, “1100”, “1101”, “1110 ", "1111”;
- the sorting number module 30 sorts the image identifiers according to a preset sorting rule (in a specific embodiment, in order to use the vertical graph as the principle), and after sorting, the sorting number corresponding to the image identifier is: "0000 ", 1000”, “1000”, “1100”, “1000”, “1100”, “1100”, “1110”, “1000”, “1100”, “1100”, “1110”, “1100”, “1110”, “1111”;
- the same preset template is used for the same sorting number.
- the search matching module 40 searches for a preset template that matches the above-mentioned sorting number in the preset template set according to the sorting result; the preset template set is created by the creating template module 60; the display module 50 will each according to the matching preset template and the sorting number.
- the image to be displayed is displayed at the corresponding position on the screen.
- four pictures to be displayed are three horizontal pictures and one vertical picture, and the horizontal and vertical signs are 0, 0, 0, 1, respectively.
- each picture is spliced to 0001, with the vertical picture as the principle, the new sequence is 1000, which is the sorting number of the 4 pictures to be displayed; for example, 4 pictures to be displayed are a vertical picture three In the horizontal view, the signs in the horizontal and vertical directions are 1, 0, 0, 0, respectively.
- the image of each picture is spliced to 1000, with the vertical picture as the principle, and the new sequence is 1000, which is the sorting number of the four pictures to be displayed; the above four pictures are searched and matched, and the created pre- Set the "1000" in the template ("OOOO'V'1000") to match, that is, according to the corresponding display mode of the template:
- the maximum width of the horizontal image is w/2, the maximum height is h/2 ; the maximum of the corresponding vertical image A form with a width of w/4 and a maximum height of h/2 is generated at the corresponding position on the screen.
- Embodiment 1 of the picture display device of the present invention because the pictures to be displayed are identified and sorted according to the horizontal and vertical directions of the picture to be displayed, and the sorting numbers of the pictures to be displayed are obtained, and the matching preset template is dynamically searched according to the sorting number to be displayed.
- the image can be displayed on the screen by generating a preset template matching the corresponding position on the screen, which overcomes the technical problem that the traditional four-square display method cannot display the vertical picture in an optimal manner, and thus can not only When you click on any of the images to enlarge the display, you can also display multiple images at the same time and arrange them in the original horizontal and vertical directions.
- the technical features of the above-described embodiments may be arbitrarily combined. For the sake of brevity of description, all possible combinations of the technical features in the above embodiments are not described. However, as long as there is no contradiction between the combinations of these technical features, All should be considered as the scope of this manual.
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)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种图片展示方法和装置,图片展示方法包括以下步骤:根据各待展示图片的宽高比,确定各待展示图片的横竖方向;根据各待展示图片的横竖方向,依次对各待展示图片进行标识,得到各待展示图片的图片标识;根据预设的排序规则对所有图片标识进行排序,得到所有待展示图片的排序编号;在预设模板集中查找与排序编号匹配的预设模板;预设模板集为根据预设的图片最大展示数量创建的;根据匹配的预设模板、排序编号将各待展示图片在屏幕的对应位置进行展示。使待展示图片可以通过以与其匹配的预设模板在屏幕上对应的位置生成的方式展现在屏幕上,克服了传统四宫格展示方式不能将竖向的图片以最优方式展现的技术问题。
Description
图片展示方法和装置
技术领域
本发明涉及智能平板设备领域, 特别是涉及一种图片展示方法和装置。 背景技术
智能平板设备在教室或者会议场景使用时, 常会对比查看几幅图片, 对 学生作品进行点评的时候常会对比几幅作品讲解, 此时需要将几幅图片同时 在屏幕上进行展示。 而传统的技术方案是由智能平板设备将四张图片以四宫 格的形式展示在屏幕上。
在实现过程中, 发明人发现传统技术中至少存在如下问题
图片有横向和竖向, 而传统简单的四宫格展示方式不能将竖向的图片以 最优方式展现在屏幕上。 发明内容
基于此, 有必要针对不同方向图片的展示问题, 提供一种图片展示方法 和装置。
为了实现上述目的, 本发明技术方案的实施例为:
一方面, 提供了一种图片展示方法, 包括以下步骤:
根据各待展示图片的宽高比, 确定各待展示图片的横竖方向;
根据各待展示图片的横竖方向, 依次对各待展示图片进行标识, 得到各 待展示图片的图片标识;
根据预设的排序规则对所有图片标识进行排序, 得到所有待展示图片的 排序编号;
在预设模板集中查找与排序编号匹配的预设模板; 预设模板集为根据预 设的图片最大展示数量创建的;
根据匹配的预设模板、 排序编号将各待展示图片在屏幕的对应位置进行 展不。
另一方面, 提供了一种图片展示装置, 包括:
获取模块, 用于根据各待展示图片的宽高比, 分别得到各待展示图片的 横竖方向;
标识模块, 用于根据各横竖方向, 对各待展示图片进行标识, 得到各待 展示图片的图片标识;
排序编号模块, 用于根据预设的排序规则对所有图片标识进行排序, 得 到所有待展示图片的排序编号;
查找匹配模块, 用于在预设模板集中查找与排序编号匹配的预设模板; 预设模板集为根据预设的图片最大展示数量创建的;
展示模块, 用于根据匹配的预设模板、 排序编号将各待展示图片在屏幕 的对应位置进行展示。
上述技术方案具有如下有益效果:
本发明的图片展示方法和装置, 因为根据待展示图片的横竖方向对待展 示图片进行标识并排序后得到各待展示图片的排序编号, 并根据排序编号通 过动态查找匹配预设模板, 使待展示图片可以通过以与其匹配的预设模板在 屏幕上对应的位置生成的方式展现在屏幕上, 克服了传统四宫格展示方式不 能将竖向的图片以最优方式展现的技术问题, 进而不仅可以达到点击任意一 张图片放大展示的效果, 也可以达到同时展示多张图片并分别以图片原有的 横竖方向进行排列展示的效果。 附图说明
通过附图中所示的本发明的优选实施例的更具体说明, 本发明的上述及 其它目的、 特征和优势将变得更加清晰。 在全部附图中相同的附图标记指示 相同的部分, 且并未刻意按实际尺寸等比例缩放绘制附图, 重点在于示出本 发明的主旨。
图 1为本发明图片展示方法实施例 1的流程示意图;
图 2为本发明图片展示方法实施例 1中创建预设模板集的流程示意图; 图 3为本发明图片展示装置实施例 1的结构示意图。
具体实施方式
为了便于理解本发明, 下面将参照相关附图对本发明进行更全面的描述。 附图中给出了本发明的首选实施例。 但是, 本发明可以以许多不同的形式来 实现, 并不限于本文所描述的实施例。 相反地, 提供这些实施例的目的是使 对本发明的公开内容更加透彻全面。
除非另有定义, 本文所使用的所有的技术和科学术语与属于本发明的技 术领域的技术人员通常理解的含义相同。 本文中在本发明的说明书中所使用 的术语只是为了描述具体的实施例的目的, 不是旨在于限制本发明。 本文所 使用的术语"及 I或"包括一个或多个相关的所列项目的任意的和所有的组合。 本发明图片展示方法实施例 1 :
为了针对不同方向图片的展示问题, 本发明提供了一种图片展示方法实 施例 1 ; 图 1为本发明图片展示方法实施例 1的流程示意图, 如图 1所示, 可 以包括以下步骤:
步骤 S110:根据各待展示图片的宽高比,确定各待展示图片的横竖方向; 步骤 S120: 根据各待展示图片的横竖方向, 依次对各待展示图片进行标 识, 得到各待展示图片的图片标识;
步骤 S130: 根据预设的排序规则对所有图片标识进行排序, 得到所有待 展示图片的排序编号;
步骤 S140: 在预设模板集中查找与排序编号匹配的预设模板; 预设模板 集为根据预设的图片最大展示数量创建的;
步骤 S150: 根据匹配的预设模板、 排序编号将各待展示图片在屏幕的对 应位置进行展示。
在一个具体的实施例中,本发明图片展示方法实施例 1还可以包括步骤: 创建上述预设模板集。
在一个具体的实施例中,本发明图片展示方法实施例 1还可以包括步骤: 接收或获取待展示图片。
在一个具体的实施例中, 本发明图片展示方法实施例 1 中预设的排序规 则包括以竖向图片在前。
在一个具体的实施例中, 以智能平板设备为例, 假设待展示图片的数量 为 4张图片, 本发明图片展示方法实施例 1可以通过以下步骤实现:
根据待展示图片的宽高比, 分别得到每张待展示图片的横竖方向; 根据上述横竖方向, 对待展示图片进行标识, 以 0标识横图, 1标识竖图 为例, 4张待展示图片可能的图片标识包括: "0000", "0001", "0010", "0011", "0100", "0101", "0110", "0111", "1000", "1001", "1010", "1011", "1100", "1101", "1110", "1111";
此时以竖图在前为原则分别给上述图片标识进行排序, 经过排序后得到 对应的排序编号: "0000", "1000", "1000", "1100", "1000", "1100", "1100", "1110" "1000", "1100", "1100" ,"1110", "1100", "1110", "1110", "1111"; 其中排序编号相 同的即对应相同的预设模板。
根据排序结果, 在预设模板集中查找与上述排序编号匹配的预设模板; 预设模板集为根据预设的图片最大展示数量创建的; 并根据匹配的预设模板、 排序编号将各待展示图片在屏幕的对应位置进行展示。 在一个具体实施例中, 例如 4张待展示图片为三横图一竖图, 那么横竖方向的标识分别为 0, 0, 0, 1。将每张图片的标识拼接起来为 0001, 以竖图在前为原则, 得到的新序列为 1000, 即为这 4张待展示图片的排序编号; 又例如 4张待展示图片为一竖图 三横图, 那么横竖方向的标识分别为 1, 0, 0, 0。 将每张图片的标识拼接起 来为 1000, 以竖图在前为原则, 得到的新序列为 1000, 即为这 4张待展示图 片的排序编号。
此时根据该排序编号找到预设模版集中对应的预设模板并展示在屏幕对 应位置上。 而预设模板集为根据预设的最大展示数量由智能平板设备先行创 建的, 具体而言, 智能平板设备服务端根据预设的展示图片的可能个数和方 向, 预先创建模板集, 模板集中的模板可以直接以弹出窗口的形式显示在屏 幕上, 而经过匹配预设模板, 使待展示图片可以以与其匹配的预设模板在屏 幕的对应位置上生成并展出。 模板是预先设计的, 在本发明中判断各展示图
片如果属于同一个预设模板, 则调用同一个执行方法分别展示即可。
本发明的图片展示方法实施例 1,因为根据待展示图片的横竖方向对待展 示图片进行标识并排序后得到各待展示图片的排序编号, 并根据排序编号通 过动态查找匹配预设模板, 使待展示图片可以通过以与其匹配的预设模板在 屏幕上对应的位置生成的方式展现在屏幕上, 克服了传统四宫格展示方式不 能将竖向的图片以最优方式展现的技术问题, 进而不仅可以达到点击任意一 张图片放大展示的效果, 也可以达到同时展示多张图片并分别以图片原有的 横竖方向进行排列展示的效果。 本发明图片展示方法实施例 1中创建预设模板集:
为了针对不同方向图片的展示问题, 基于上述图片展示方法实施例 1, 本 发明还具体提供了创建预设模板的步骤流程, 图 2为本发明图片展示方法实 施例 1中创建预设模板的流程示意图, 如图 2所示, 可以包括以下步骤: 步骤 S210: 根据预设的图片最大展示数量, 通过穷举法列举得到预设的 图片最大展示数量下所有模板的模板标识序列;
步骤 S220: 根据预设的排序规则分别对各模板标识序列进行排序, 得到 各模板的排序编号; 去掉模板中具有相同排序编号的模板, 得到去重模板; 步骤 S230: 根据屏幕的展示比例, 将去重模板进行归类, 得到带有相应 排序编号的预设模板集。
在一个具体的实施例中, 以智能平板设备为例, 假设图片最大展示数量 为 4张图片, 本发明图片展示方法实施例 1 中创建预设模板集可以通过以下 步骤实现:
智能平板设备根据展示图片可能的个数和横竖方向创建预设模板集; 在 预设的最大展示数量为 4张图片时, 可以通过穷举法列出可能的模板; 而通 过获取图片的宽高, 可以根据宽高比来判断图片的方向。
而在预设模板的过程中: 以 0标识横图, 1标识竖图为例, "01"和" 10"两 种模板, 分别是一张横图和一张竖图, 以竖图始终在前面为原则, 可以将 "01" 和" 10"合并为一个模板;模板是预先设计在程序里面的,在程序中判断如果属
于同一模板, 则调用同一个执行方法即可。
A、 预设的最大展示数量为 4, 根据预设的最大展示数量标识图片的横竖 方向, 并通过列举标识的序列得到带有排序编号的模板; 以 0标识横图, 1标 识竖图, 根据图片的个数和方向有如下排序编号的模板:
"0", "1", "00", "11", "01", "10", "000", "001", "010", "011", "100", "101",
"110", "111", "0000", "0001", "0010", "0011", "0100", "0101", "0110", "0111", "1000", "1001", "1010", "1011", "1100", "1101", "1110", "1111";
B、 去重, 根据预设的排序规则对排序编号进行排序后, 去掉所有模板 中具有相同排序编号的模板, 得到去重模板; 例如以竖图始终在前为原则给 图片排序, 出去相同的排序编号, 即除去模板中重复的模板, 得到如下去重 模板:
"0", "1", "00", "11", "10", "000", "100", "110", "111", "0000"," 1000", "1100", "1110", "1111";
c、 合并, 根据屏幕的宽度和高度, 将去重模板进行合并, 得到预设模 板; 假设屏幕的宽度为 w, 高度为 h; 横图的宽度为 w/2, 高度为 h/2; 竖图 的宽度为 w/4, 高度为 h; 步骤 B中模板可以合并为 8种预设模板:
1. 单张图片时, 单张图片等比例满屏显示 ("0", "1") -- —种模板;
2. 两张图片时, 图片以最大宽度 w/2和最大高度 h为最大宽高满屏显示 ( "00", "11", "10" ) —一种模板;
3. 三张或四张图片时, 横图的最大宽度为 w/2, 最大高度为 h/2; 竖图 的最大宽度为 w/4, 最大高度为 h或 h/2, ("000"), ("100"), ("110", "111"), ("0000"," 1000"), ("1100"), ("1110", "1111" )- -六种模板;
在上述模板中, 设定了图片可能显示的最大宽高, 并保证图片能够在宽 高范围内最大显示 (侧边留黑边), 在智能平板设备中, 上述模板类似于四宫 格, 即将一个屏幕上的区域均等的分为 4份, 并将图片分别放入四宫格内进 行展不。
此时本发明图片展示方法实施例 1中所例举的展示图片(排序编号:1000), 经过查找匹配, 与创建的预设模板 ("OOOOV'1000")中的" 1000"相匹配, 即按照
该模板的对应展示方式: 横图的最大宽度为 w/2, 最大高度为 h/2 ; 相应竖 图的最大宽度为 w/4, 最大高度为 h/2的形式生成在屏幕的对应位置上。
在一个具体的实施例中, 还可以通过智能平板设备服务端监听屏幕图片 点击事件, 通过获取点击图片的排序编号来匹配相应的预设模板, 从而动态 展示该图片。 本发明图片展示装置实施例 1 :
基于与上述图片展示方法相同的思想, 为了针对不同方向图片的展示问 题, 本发明还提供了图片展示装置实施例 1, 图 3为本发明图片展示装置实施 例 1的结构示意图, 如图 3所示, 可以包括:
获取模块 10, 用于根据各待展示图片的宽高比, 分别得到各待展示图片 的横竖方向;
标识模块 20, 用于根据各横竖方向, 对各待展示图片进行标识, 得到各 待展示图片的图片标识;
排序编号模块 30, 用于根据预设的排序规则对所有图片标识进行排序, 得 到所有待展示图片的排序编号;
査找匹配模块 40, 用于在预设模板集中查找与排序编号匹配的预设模板; 预设模板集为根据预设的图片最大展示数量创建的;
展示模块 50, 用于根据匹配的预设模板、 排序编号将各待展示图片在屏 幕的对应位置进行展示。
在一个具体的实施例中, 本发明图片展示装置实施例 1还可以包括: 创建模板模块 60, 用于创建预设模板集。
而创建模板模块 60可以包括:
列举模块 610, 用于根据预设的图片最大展示数量, 通过穷举法列举得到 预设的图片最大展示数量下所有模板的模板标识序列;
排序去重模块 620,用于根据预设的排序规则分别对各模板标识序列进行 排序, 得到各模板的排序编号; 并去掉模板中具有相同排序编号的模板, 得 到去重模板;
合并模块 630, 用于根据屏幕的展示比例, 将去重模板进行归类, 得到带 有相应排序编号的预设模板集。
在一个具体的实施例中, 本发明图片展示装置实施例 1还可以包括: 接收模块 70, 用于接收或获取待展示图片。
在一个具体的实施例中, 以智能平板设备服务端为例, 预设的最大展示 数量为 4张图片, 本发明图片展示装置实施例 1的具体工作过程可以是如下 所述:
服务端中创建模板模块 60根据展示图片可能的个数和横竖方向预设模板; 在预设的最大展示数量为 4张图片时, 可以通过穷举法列出可能的模板; 而 通过获取图片的宽高, 可以根据宽高比来判断图片的方向。
而在预设模板的过程中: 以 0标识横图, 1标识竖图为例, "01"和" 10"两 种模板, 分别是一张横图和一张竖图, 以竖图始终在前面为原则, 可以将 "01" 和" 10"合并为一个模板;模板是预先设计在程序里面的,在程序中判断如果属 于同一模板, 则调用同一个执行方法即可
预设的最大展示数量为 4,列举模块 610根据预设的最大展示数量标识图 片的横竖方向, 并通过穷举法列举标识的序列得到模板标识序列; 以 0标识 横图, 1标识竖图为例, 根据图片的个数和方向有如下标识序列的模板:
"0", "1", "00", "11", "01", "10", "000", "001", "010", "011", "100", "101", "110", "111", "0000", "0001", "0010", "0011", "0100", "0101", "0110", "0111", "1000", "1001", "1010", "1011", "1100", "1101", "1110", "1111";
排序去重模块 620根据预设的排序规则分别对各模板标识序列进行排序, 得到各模板的排序编号; 并去掉模板中具有相同排序编号的模板, 得到去重 模板; 例如以竖图始终在前为原则给图片排序, 除去相同的排序编号, 即除去 模板中重复的模板, 得到如下去重模板:
"0", "1", "00", "11", "10", "000", "100", "110", "111", "0000"," 1000",
"1100", "1110", "1111";
合并模块 630根据屏幕的展示比例, 将去重模板进行归类, 得到带有相 应排序编号的预设模板集;假设屏幕的宽度为 w,高度为 h;横图的宽度为 w/2,
高度为 h/2 ; 竖图的宽度为 w/4, 高度为 h; 合并模块 630可以将上述模板 归类合并为 8种预设模板集:
单张图片时, 单张图片等比例满屏显示 ("0", "1") -- —种模板;
两张图片时,图片以最大宽度 w/2和最大高度 h满屏显示("00", "11", "10" ) - -一种模板;
三张或四张图片时, 横图的最大宽度为 w/2, 最大高度为 h/2 ; 竖图的 最大宽度为 w/4, 最大高度为 h或 h/2, ("000"), ("100"), ("110", "111"), ("0000"," 1000"), ("1100"), ("1110", "1111" )- -六种模板;
在上述预设模板集中, 设定了图片可能显示的最大宽高, 并保证图片能 够在宽高范围内最大显示 (侧边留黑边), 在智能平板设备中, 上述模板类似 于四宫格, 即将一个屏幕上的区域均等的分为 4份, 并将图片分别放入四宫 格内进行展示。
而在智能平板设备监听到屏幕图片点击事件、 接收或获取到待展示图片 时, 在一个具体的实施例中, 待展示图片的数量为 4张:
获取模块 10根据待展示图片的宽高比, 分别得到每张待展示图片的横竖 方向;
标识模块 20根据上述横竖方向, 对各待展示图片进行标识, 以 0标识横 图, 1 标识竖图为例, 4 张待展示图片可能的图片标识的序列包括: "0000", "0001", "0010", "0011", "0100", "0101", "0110", "0111", "1000", "1001", "1010", "1011", "1100", "1101", "1110", "1111";
排序编号模块 30根据预设的排序规则 (在一个具体的实施例中, 为以竖 图在前为原则) 给上述图片标识进行排序, 经过排序后得到上述图片标识对 应的排序编号为: "0000", "1000", "1000", "1100", "1000", "1100", "1100", "1110", "1000", "1100", "1100" ,"1110", "1100", "1110", "1110", "1111"; 其中排序编号相 同的即对应相同的预设模板。
查找匹配模块 40根据排序结果, 在预设模板集中查找与上述排序编号匹 配的预设模板; 预设模板集为创建模板模块 60创建的; 展示模块 50根据匹 配的预设模板、 排序编号将各待展示图片在屏幕的对应位置进行展示。 在一
个具体实施例中, 例如 4张待展示图片为三横图一竖图, 那么横竖方向的标 识分别为 0, 0, 0, 1。 将每张图片的标识拼接起来为 0001, 以竖图在前为原 则, 得到的新序列为 1000, 即为这 4张待展示图片的排序编号; 又例如 4张 待展示图片为一竖图三横图, 那么横竖方向的标识分别为 1, 0, 0, 0。 将每 张图片的标识拼接起来为 1000, 以竖图在前为原则, 得到的新序列为 1000, 即为这 4张待展示图片的排序编号; 上述 4张图片经过查找匹配, 与创建的 预设模板 ("OOOO'V'1000")中的" 1000"相匹配, 即按照该模板的对应展示方式: 横图的最大宽度为 w/2, 最大高度为 h/2 ; 相应竖图的最大宽度为 w/4, 最大 高度为 h/2的形式生成在屏幕的对应位置上。
本发明的图片展示装置实施例 1,因为根据待展示图片的横竖方向对待展 示图片进行标识并排序后得到各待展示图片的排序编号, 并根据排序编号通 过动态查找匹配预设模板, 使待展示图片可以通过以与其匹配的预设模板在 屏幕上对应的位置生成的方式展现在屏幕上, 克服了传统四宫格展示方式不 能将竖向的图片以最优方式展现的技术问题, 进而不仅可以达到点击任意一 张图片放大展示的效果, 也可以达到同时展示多张图片并分别以图片原有的 横竖方向进行排列展示的效果。 以上所述实施例的各技术特征可以进行任意的组合, 为使描述简洁, 未 对上述实施例中的各个技术特征所有可能的组合都进行描述, 然而, 只要这 些技术特征的组合不存在矛盾, 都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式, 其描述较为具体和详 细, 但并不能因此而理解为对发明专利范围的限制。 应当指出的是, 对于本 领域的普通技术人员来说, 在不脱离本发明构思的前提下, 还可以做出若干 变形和改进, 这些都属于本发明的保护范围。 因此, 本发明专利的保护范围 应以所附权利要求为准。
Claims
1、 一种图片展示方法, 其特征在于, 包括以下步骤:
根据各待展示图片的宽高比, 确定各所述待展示图片的横竖方向; 根据各所述待展示图片的横竖方向, 依次对各所述待展示图片进行标识, 得到各所述待展示图片的图片标识;
根据预设的排序规则对所有所述图片标识进行排序, 得到所有待展示图 片的排序编号;
在预设模板集中查找与所述排序编号匹配的预设模板; 所述预设模板集 为根据预设的图片最大展示数量创建的;
根据所述匹配的预设模板、 所述排序编号将各所述待展示图片在屏幕的 对应位置进行展示。
2、 根据权利要求 1所述的图片展示方法, 其特征在于, 在所述根据各所 述待展示图片的宽高比, 分别得到各所述待展示图片的横竖方向的步骤之前 还包括步骤:
创建所述预设模板集。
3、 根据权利要求 2所述的图片展示方法, 其特征在于, 创建所述预设模 板集的步骤具体包括:
根据所述预设的图片最大展示数量, 通过穷举法列举得到所述预设的图 片最大展示数量下所有模板的模板标识序列;
根据所述预设的排序规则分别对各所述模板标识序列进行排序, 得到各 所述模板的排序编号;
去掉所述模板中具有相同排序编号的模板, 得到去重模板;
根据所述屏幕的展示比例, 将所述去重模板进行归类, 得到带有相应排 序编号的预设模板集。
4、 根据权利要求 1至 3任意一项所述的图片展示方法, 其特征在于, 在 所述根据各所述待展示图片的宽高比, 分别得到各所述待展示图片的横竖方 向的步骤之前还包括步骤: 接收或获取所述待展示图片。
5、 根据权利要求 1至 3任意一项所述的图片展示方法, 其特征在于, 所
述预设的排序规则包括以竖向图片在前。
6、 一种图片展示装置, 其特征在于, 包括:
获取模块, 用于根据各待展示图片的宽高比, 分别得到各所述待展示图 片的横竖方向;
标识模块, 用于根据各所述横竖方向, 对各所述待展示图片进行标识, 得到各所述待展示图片的图片标识;
排序编号模块, 用于根据预设的排序规则对所有所述图片标识进行排序, 得到所有待展示图片的排序编号;
查找匹配模块, 用于在预设模板集中查找与所述排序编号匹配的预设模 板; 所述预设模板集为根据预设的图片最大展示数量创建的;
展示模块, 用于根据所述匹配的预设模板、 所述排序编号将各所述待展 示图片在屏幕的对应位置进行展示。
7、 根据权利要求 6所述的图片展示装置, 其特征在于, 还包括: 创建模板模块, 用于创建所述预设模板集。
8、 根据权利要求 7所述的图片展示装置, 其特征在于, 所述创建模板模 块包括:
列举模块, 用于根据所述预设的图片最大展示数量, 通过穷举法列举得 到所述预设的图片最大展示数量下所有模板的模板标识序列;
排序去重模块, 用于根据所述预设的排序规则分别对各所述模板标识序 列进行排序, 得到各所述模板的排序编号; 并去掉所述模板中具有相同排序 编号的模板, 得到去重模板;
合并模块, 用于根据所述屏幕的展示比例, 将所述去重模板进行归类, 得到带有相应排序编号的预设模板集。
9、 根据权利要求 6至 8任意一项所述的图片展示装置, 其特征在于, 所 述预设的排序规则包括以竖向图片在前。
10、 根据权利要求 6至 8任意一项所述的图片展示装置, 其特征在于, 还包括:
接收模块, 用于接收或获取所述待展示图片。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510812030.7 | 2015-11-19 | ||
| CN201510812030.7A CN105389095B (zh) | 2015-11-19 | 2015-11-19 | 图片展示方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2017084370A1 true WO2017084370A1 (zh) | 2017-05-26 |
Family
ID=55421422
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2016/090738 Ceased WO2017084370A1 (zh) | 2015-11-19 | 2016-07-20 | 图片展示方法和装置 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105389095B (zh) |
| WO (1) | WO2017084370A1 (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105389095B (zh) * | 2015-11-19 | 2019-08-13 | 广州视睿电子科技有限公司 | 图片展示方法和装置 |
| CN106126686B (zh) * | 2016-06-29 | 2020-06-05 | 北京金山安全软件有限公司 | 一种图片的组合方法、装置及电子设备 |
| WO2022067572A1 (zh) * | 2020-09-29 | 2022-04-07 | 京东方科技集团股份有限公司 | 事件信息展示方法及装置、存储介质及电子设备 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
| CN105046678A (zh) * | 2012-11-12 | 2015-11-11 | 北京奇虎科技有限公司 | 一种实现图片拼接的装置、方法和图片处理系统 |
| CN105389095A (zh) * | 2015-11-19 | 2016-03-09 | 广州视睿电子科技有限公司 | 图片展示方法和装置 |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8411114B2 (en) * | 2007-03-26 | 2013-04-02 | Nikon Corporation | Image display device, and program product for displaying image |
| US20110213795A1 (en) * | 2010-03-01 | 2011-09-01 | Kenneth Kun Lee | Automatic creation of alternative layouts using the same selected photos by applying special filters and/or changing photo locations in relation to creating the photobook |
| CN104424657A (zh) * | 2013-09-02 | 2015-03-18 | 北大方正集团有限公司 | 置入图片的方法 |
| CN103902162B (zh) * | 2014-04-09 | 2018-03-23 | 广东欧珀移动通信有限公司 | 一种移动终端图片查看方法及系统 |
-
2015
- 2015-11-19 CN CN201510812030.7A patent/CN105389095B/zh active Active
-
2016
- 2016-07-20 WO PCT/CN2016/090738 patent/WO2017084370A1/zh not_active Ceased
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
| CN105046678A (zh) * | 2012-11-12 | 2015-11-11 | 北京奇虎科技有限公司 | 一种实现图片拼接的装置、方法和图片处理系统 |
| CN105389095A (zh) * | 2015-11-19 | 2016-03-09 | 广州视睿电子科技有限公司 | 图片展示方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105389095B (zh) | 2019-08-13 |
| CN105389095A (zh) | 2016-03-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109284729B (zh) | 基于视频获取人脸识别模型训练数据的方法、装置和介质 | |
| CN110166851B (zh) | 一种视频摘要生成方法、装置和存储介质 | |
| US10311115B2 (en) | Object search method and apparatus | |
| US20180075304A1 (en) | Method, system for removing background of a video, and a computer-readable storage device | |
| CN110119459B (zh) | 图像数据检索方法及图像数据检索装置 | |
| US10999556B2 (en) | System and method of video capture and search optimization | |
| CN110309754B (zh) | 一种习题采集的方法及系统 | |
| CN114862845A (zh) | 手机触摸屏的缺陷检测方法、装置、设备及存储介质 | |
| CN106372068A (zh) | 一种图像查找方法及装置、终端 | |
| CN107368838A (zh) | 图像处理装置、图像处理方法、搜索装置以及搜索方法 | |
| WO2017084370A1 (zh) | 图片展示方法和装置 | |
| CN111144256B (zh) | 基于视频动态分析的电子表格公式合成与错误检测方法 | |
| CN110782390A (zh) | 图像的矫正处理方法及装置、电子设备 | |
| JP2013164832A (ja) | オブジェクト認識装置および方法 | |
| CN102982155A (zh) | 基于图形识别的缺陷检索系统及方法 | |
| CN106791912A (zh) | 一种海报图片匹配方法及系统 | |
| CN104091357B (zh) | 一种利用主题相关图片的在线马赛克图片生成方法 | |
| CN119226553A (zh) | 一种智能化美术作品图像展示系统 | |
| CN106339991A (zh) | 一种具备色彩平衡功能的智能化图像处理系统和方法 | |
| CN116450868A (zh) | 一种信息可视化检索方法与系统 | |
| JP2016110387A (ja) | 検索装置、方法及びプログラム | |
| CN103886031B (zh) | 浏览图像的方法和设备 | |
| US20210334981A1 (en) | Pixel-level object detection system and program thereof | |
| EP3312734A1 (en) | Method and apparatus for providing local search suggestion | |
| JP2010211262A (ja) | 画像検索用情報表示装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 16865548 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 16865548 Country of ref document: EP Kind code of ref document: A1 |