WO2017024964A1

WO2017024964A1 - Object-associated image quick preview method and device

Info

Publication number: WO2017024964A1
Application number: PCT/CN2016/092817
Authority: WO
Inventors: 柯敦灵; 赖建冬
Original assignee: 阿里巴巴集团控股有限公司
Priority date: 2015-08-11
Filing date: 2016-08-02
Publication date: 2017-02-16
Also published as: CN106468984A

Abstract

An object-associated image quick preview method and device. The object-associated image quick preview method comprises: receiving a viewing command input by a user and with respect to a preview tag corresponding to an object to be viewed and displayed on a mobile terminal screen (S101); obtaining an image associated with the object to be viewed (S102); generating and rendering a new layer on a predefined area of the mobile terminal screen, and displaying the image associated with the object to be viewed on the new layer (S103); wherein the new layer is located above an layer corresponding to the object to be viewed and displayed on the mobile terminal screen. The object-associated image quick preview method is simple and easy in operation, provides convenience to a user, and prevents a waste in data traffic owing to the mobile terminal loading a page associated with the object to be viewed.

Description

Method and device for quickly previewing item associated pictures

The present application claims priority to Chinese Patent Application No. 201510491382.7, filed on Aug. 11, 2015, the disclosure of which is incorporated herein by reference. .

Technical field

The present application relates to the field of picture preview technology, and in particular, to a method for quickly previewing an item-related picture. The application also relates to a device for quickly previewing an item-associated picture, and a mobile terminal.

Background technique

With the rapid development and popularization of the mobile Internet, the behavior of users around the electronic trading platform has also changed. More and more users are transferring from the PC to the App client installed on the mobile terminal for transaction, and with the mobile terminal. With the continuous popularization, there are more and more electronic trading platforms for trading on the mobile terminal through the App client, such as mobile phone Taobao, mobile phone Tmall, poly cost-effective, Jingdong mobile client, Vipshop mobile client, etc. In the App client of various electronic trading platforms installed on mobile terminals, image preview has become a necessary technical means and has become an important factor restricting the development of electronic trading platforms.

At present, the image previewing method provided by the prior art, in the list of items to be viewed displayed on the screen of the mobile terminal, generally adopts the following process to implement a preview of the image of the item to be viewed: “List of items to be viewed-> items to be viewed Details->View item to preview item->Detailed item to be viewed"; the user first selects the item to be viewed in the list, selects the item to be viewed, and enters the detail page of the item to be viewed in the selected item, in which to view The item details page selects the corresponding preview image click to enter the view page of the detailed map corresponding to the selected preview image.

The picture preview method provided by the above prior art has obvious drawbacks.

The image preview method provided by the above-mentioned prior art, when applied to the mobile terminal to preview the picture of the item to be viewed, the process of the user acquiring the picture information of the item to be viewed is complicated, the path is too long, and the waiting time is generated in the middle, which is time consuming. Power consumption, once the user has viewed a large number of items to be viewed, it needs to repeat a large number of actions, and the operation is cumbersome; at the same time, due to the large number of pages loaded during the preview process, the data traffic is expensive.

Summary of the invention

The present application provides a method for quickly previewing an item-related picture to solve the problem of cumbersome operation and serious traffic consumption in the prior art.

The application also relates to a device for quickly previewing an item-associated picture, and a mobile terminal.

The application provides a method for quickly previewing an item-related image, including:

Receiving a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal;

Obtaining an associated picture of the item to be viewed;

Generating a new layer on a preset area of the mobile terminal screen, and displaying an associated picture of the item to be viewed on the new layer; the new layer is located on the screen of the mobile terminal to be viewed The item corresponds to the top of the layer.

Optionally, the preview identifier includes:

Button control.

Optionally, the associated image of the item to be viewed includes:

An original picture of the item to be viewed and a preview image of the item to be viewed; the original picture and the preview picture are in one-to-one correspondence.

Optionally, the displaying the associated picture of the item to be viewed on the new layer in a predetermined manner, including:

Obtaining a number of preview images of the item to be viewed;

Determining, according to a predetermined arrangement rule, an arrangement manner of the preview images according to the number of the preview images;

Determining display sizes of the respective preview images according to the arrangement manner and the available display area size;

On the new layer, the preview image is aggregated and displayed in the determined arrangement and the display size of each preview.

Optionally, when the preview image is displayed on the new layer, the preview image is displayed on the new layer in an animated manner according to position coordinate information and displacement track information preset by each preview image. A corresponding animation of the displacement occurs, and finally the preview image after the aggregation is displayed in the available display area.

Optionally, the displacement trajectory information is determined according to a preset displacement trajectory algorithm in combination with the position coordinate information.

Optionally, after the step of displaying the preview image by the aggregation, performing the following steps:

Receiving a selection operation for displaying the preview image by aggregation;

Reading the original picture corresponding to the selected preview image;

The original picture corresponding to the selected preview image is displayed in the available display area in a single format in a size compatible with the available display area.

Optionally, the displaying, in a single format, the original image corresponding to the selected preview image in a size suitable for the available display area, specifically, the original image is animated Move from home to new The display position is enlarged while its size is enlarged.

Optionally, when the original picture corresponding to the selected preview image is moved, the displacement trajectory information of the original picture is corresponding to the position coordinate information of the selected preview image and the selected preview image. The center of the original picture and the preset displacement trajectory are determined.

Optionally, the predetermined ranking rule includes:

According to the order of the size of the picture number preset by the preview picture, the picture number is displayed in the order of the top size and the left to right.

Optionally, the available display area includes at least one picture display block, and the picture display block includes at least one item preview image.

Optionally, the size of the picture display block is specifically determined according to a display size of the preview image included in the picture display block;

Or the size of the picture display block is specifically determined according to a preset ratio of the available display area;

Alternatively, the size of the picture display block is specifically determined by randomly dividing the available display area according to a preset dividing algorithm.

The original picture is displayed in a single format in a size that is compatible with the available display area in a single format in accordance with a preset display order.

Optionally, the displaying sequence includes:

Displayed in order of the size of the picture number of the original picture, and the original picture with a small picture number is preferentially displayed.

Optionally, the method for quickly previewing the associated image of the item includes:

Receiving a switching instruction for the original picture displayed in the single format manner;

According to the switching direction determined by the switching instruction, another original picture is displayed according to the display order preset by the original picture.

Receiving a touch instruction inputting a preset edge area on the new layer;

Close the new layer.

Optionally, the preset edge area includes:

The area outside the available display area on the new layer.

Optionally, the button control is located above the preview image of the item to be viewed.

Optionally, when the preview position of the item to be viewed is displayed on the corresponding position on the new layer, the display is performed according to a preset animation effect;

The animation effects include: fade in animation effects.

Optionally, the number of associated pictures of the to-be-viewed item is less than a preset first preset number threshold, and the number of picture display blocks included in the available display area is less than a preset second preset number threshold;

Correspondingly, the number of the preview images included in the picture display block is smaller than a preset third preset number threshold;

The third preset number threshold is equal to the first preset number threshold divided by the second preset number threshold, and the quotient is incremented by one.

Optionally, the item to be viewed includes:

Goods in an electronic trading platform.

The application also provides a device for quickly previewing an item associated picture, comprising:

The instruction receiving unit is configured to receive a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal;

An associated picture obtaining unit, configured to acquire an associated picture of the item to be viewed;

And an associated picture display unit, configured to generate a new layer on a preset area of the mobile terminal screen, and display an associated picture of the item to be viewed on the new layer; the new layer is located in the The item to be viewed displayed on the screen of the mobile terminal corresponds to the top of the layer.

Optionally, the associated picture display unit includes:

a quantity obtaining unit of the preview image, configured to acquire a quantity of the preview image of the item to be viewed;

An arrangement determining unit, configured to determine, according to a predetermined arrangement rule, an arrangement manner of the preview images according to the number of the preview images;

a display size determining unit, configured to determine a display size of each preview image according to the arrangement manner and the available display area size;

a preview display unit for collectively displaying the preview image on the new layer in the determined arrangement and the display size of each preview image.

Optionally, the device for quickly previewing the associated image of the item includes:

Selecting an operation receiving unit, configured to receive a selection operation for displaying the preview image by aggregation;

The original picture reading unit is configured to read the original picture corresponding to the selected preview image;

The original picture display unit is configured to display the original picture corresponding to the selected preview image in the available display area in a size corresponding to the available display area in a single format.

And a second original picture display unit, configured to display the original picture in a single format in a size that is compatible with the available display area in a single format according to a preset display order.

a switching instruction receiving unit, configured to receive a switching instruction for the original picture displayed in the single format manner;

The original picture unit is switched, and is used to display another original picture according to the display order preset by the original picture according to the switching direction determined by the switching instruction.

a touch instruction receiving unit, configured to receive a touch instruction inputting a preset edge area on the new layer;

A new layer closes the unit to close the new layer.

The application further provides a mobile terminal, including:

Display, processor and memory;

The processor receives a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed by the display;

The memory is configured to store the acquired associated picture of the item to be viewed;

The processor renders a new layer in a preset area of the display, and displays an associated picture of the item to be viewed on the new layer; the new layer is displayed on a screen of the mobile terminal The item to be viewed corresponds to the top of the layer.

Compared with the prior art, the present application has the following advantages:

The method for quickly previewing an item-related image provided by the present application includes: receiving a viewing instruction input by a user for a preview identifier corresponding to an item to be viewed displayed on a screen of the mobile terminal; acquiring an associated picture of the item to be viewed; and displaying the related picture of the item to be viewed; The preset area is rendered to generate a new layer, and the associated picture of the item to be viewed is displayed on the new layer; the new layer is located above the corresponding layer of the item to be viewed displayed on the screen of the mobile terminal .

The method for quickly previewing an item-related image provided by the present application, in advance, setting a corresponding preview identifier for the item to be viewed in the list of items to be viewed displayed on the screen of the mobile terminal, and receiving the preview identifier input corresponding to the item to be viewed by the user. Obtaining an associated picture of the item to be viewed corresponding to the viewing instruction, and generating a new layer in a preset area of the screen of the mobile terminal, and the associated picture of the item to be viewed is in the Displayed on the new layer. The method for quickly previewing the associated image of the item is simple and convenient to operate, and provides convenience for the user; at the same time, in the process of viewing the associated picture of the item to be viewed, the mobile terminal does not need to be loaded and displayed with the to-be-viewed A plurality of pages related to the item, in the interface corresponding to the to-be-viewed item list displayed on the screen of the mobile terminal, the associated picture preview of the item to be viewed is realized, and the loading of the item to be viewed by the mobile terminal is avoided. The data traffic caused by related pages is wasted.

DRAWINGS

1 is a process flow diagram of an embodiment of a method for quickly previewing an item-related picture provided by the present application;

2 is a schematic diagram of a list of items to be viewed provided by the present application;

3 is a schematic diagram of a preview view of an item to be viewed provided by the present application;

4 is a schematic diagram of a preview view of another item to be viewed provided by the present application;

FIG. 5 is a schematic diagram of a preview layout effect provided by the present application; FIG.

6 is a schematic diagram of another preview layout effect provided by the present application;

Figure 7 is a schematic diagram of a displacement trajectory curve provided by the present application;

Figure 8 is a schematic view of an original picture of an item to be viewed provided by the present application;

9 is a schematic diagram of an apparatus for quickly previewing an item-related picture provided by the present application;

FIG. 10 is a schematic diagram of a mobile terminal provided by the present application.

detailed description

Numerous specific details are set forth in the description below in order to provide a thorough understanding of the application. However, the present invention can be implemented in many other ways than those described herein, and those skilled in the art can make similar promotion without departing from the scope of the present application, and thus the present application is not limited by the specific embodiments disclosed below.

The present application provides a method for quickly previewing an item-related image. The present application further provides an apparatus for quickly previewing an item-related picture, and a mobile terminal. The following is a detailed description of the embodiment of the present application. And the various steps of the method are explained.

The method for quickly previewing an item-related image provided by the present application is as follows:

Referring to FIG. 1 to FIG. 8 , FIG. 1 is a process flowchart of an embodiment of a method for quickly previewing an item-related picture provided by the present application, and FIG. 2 shows a method provided by the embodiment. FIG. 3 is a schematic diagram of a preview view of an item to be viewed provided by the embodiment, and FIG. 4 is a schematic diagram of a preview view of another item to be viewed provided by the embodiment. Figure 5 is a preview image provided by this embodiment. FIG. 6 is a schematic diagram of another preview layout effect provided by the embodiment, FIG. 7 is a schematic diagram of a displacement trajectory curve provided by the embodiment; FIG. 8 is a schematic diagram of the displacement trajectory curve provided by the embodiment; A schematic diagram of an original picture of an item to be viewed.

Referring to FIG. 1, a process flow diagram of an embodiment of a method for quickly previewing an item-related picture provided by the present application is shown. Furthermore, the relationship between the various steps of the method embodiment of the item-associated picture quick preview is determined according to FIG.

Step S101: Receive a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal.

In the mobile terminal, the APP client of the electronic trading platform presents the to-be-viewed item to the user in the form of a list, and the user can conduct a transaction for the selected item to be viewed after selecting the item to be viewed in the selected list. In the process of selecting an item to be viewed in the list, the user needs to view and compare the items to be viewed in the list; in the process of viewing and comparing the items in the list, the user needs to view each item to be viewed. The process of "list of items to be viewed -> details of items to be viewed -> preview of items to be viewed -> detailed map of items to be viewed" is used to view and compare information of items to be viewed layer by layer, and the user obtains to be viewed. The path of the item image is too long to quickly and comprehensively understand the item to be viewed, and the operation is extremely cumbersome; at the same time, the data traffic consumed in this process is more. In this case, using the method provided by the present application, in the scene in which the mobile terminal displays the list of items to be viewed, the picture of the item to be viewed is quickly previewed, so that the operation of the user is more convenient and convenient; at the same time, data traffic can be saved.

The item to be viewed refers to an item in an electronic trading platform. And, for each item to be viewed, a corresponding preview identifier is preset.

The preview identifier is set to facilitate the user to quickly view the image of the item to be viewed, such as displaying the to-be-viewed item list on the screen of the mobile terminal, and displaying the preview identifier corresponding to the item to be viewed, when passing the mobile terminal. When receiving a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed, the picture of the item to be viewed may be quickly viewed.

The preview identifier of the item to be viewed refers to a trigger mark corresponding to the item to be viewed preset in the list of items to be viewed displayed on the screen of the mobile terminal, such as a button control.

The viewing instruction refers to a touch action input through the mobile terminal.

The associated picture of the item to be viewed includes all pictures related to the item to be viewed. Preferably, the associated picture of the item to be viewed refers to an original picture of the item to be viewed and a preview image of the item to be viewed, and the original picture and the preview picture are in one-to-one correspondence.

Preferably, in order to more clearly and clearly explain the definition of the preview image and the original image, in an electronic trading platform For example, the original picture refers to a picture with relatively high definition and large size of the product, such as a picture submitted by the merchant to the electronic trading platform for the product; the original picture is larger than the preview image. The definition is higher. Therefore, the original picture is generally used to observe the details of the product, and the preview picture is generally used to observe the general appearance of the product. In practical applications, the preview map is generally generated according to the original image according to a specific scale reduction, and therefore may also be referred to as a thumbnail.

In a specific example of the embodiment, a button control is used as the preview identifier of the item to be viewed; preferably, the button control is located above the preview of the preview of the item to be viewed, as shown in FIG. 2 The button control 201 is shown.

When the user receives the view command input by the button control corresponding to the item to be viewed in the item list displayed on the screen of the mobile terminal, the following step S102 and the following step S103 are performed to view the item to be viewed corresponding to the view instruction. Associated picture.

Step S102: Acquire an associated picture of the item to be viewed.

According to the above step S101, when the merchant publishes the to-be-viewed item in the electronic trading platform for the item to be viewed in the electronic trading platform, the related information of the item to be viewed, such as the name of the item to be viewed, related description information, and price, is simultaneously uploaded. Information such as transaction volume and the original picture of the item to be viewed; for the electronic trading platform, when receiving the original picture of the item to be viewed uploaded by the merchant, the corresponding processing is performed, and a preview image is generated at the same time, and the original is stored. The picture and the preview.

In this step, obtaining the associated picture of the item to be viewed refers to acquiring an original picture and a preview image of the item to be viewed stored by the electronic transaction platform through the mobile terminal. It should be noted that the item to be viewed in this step refers to the item to be viewed corresponding to the viewing instruction described in the above step S101, that is, the item to be viewed selected by the user.

Step S103, generating a new layer in a preset area of the mobile terminal screen, and displaying the associated picture of the item to be viewed on the new layer.

The above step S101 displays the list of the items to be viewed on the screen of the mobile terminal, and after receiving the viewing instruction input by the user for the item to be viewed in the list of the items to be viewed, the step S102 is used to obtain the corresponding view instruction. The associated picture of the item to be viewed, in this step, displaying the associated picture of the item to be viewed on the screen of the mobile terminal to implement previewing the item to be viewed.

Preferably, in this step, two preview modes are provided:

The first preview mode: first displaying a preview image of the item to be viewed on the screen of the mobile terminal, and when receiving the selection operation of the preview image by the user, displaying the original corresponding to the preview image on the screen of the mobile terminal Picture

The second preview mode: directly displaying the original picture of the item to be viewed on the screen of the mobile terminal.

The two preview modes will be described in detail below with reference to the accompanying drawings.

The first way to preview:

1. Rendering a new layer in a preset area of the mobile terminal screen;

Before the step is performed, the mobile terminal screen displays a list of the items to be viewed, as shown in FIG. 2, where a new layer is rendered in a preset area of the screen of the mobile terminal.

Preferably, the new layer is generated and generated on the top of the corresponding item list to be viewed displayed on the screen of the mobile terminal.

The preset area may be a partial area of the screen of the mobile terminal, or may be an entire area of the screen of the mobile terminal, which is not limited thereto.

2. displaying a preview image of the item to be viewed on the new layer;

Preferably, the preview image of the item to be viewed is displayed on the screen of the mobile terminal according to the following steps:

Obtaining a number of preview images of the item to be viewed;

Preferably, the predetermined arrangement rule of the preview image includes:

Preferably, when the preview image of the item to be viewed is displayed on the new layer, the position information and the displacement track information preset by each preview image are displayed on the new layer in an animated manner. The corresponding animation in which the preview image is displaced, and finally the preview image after the aggregation is displayed in the available display area.

Preferably, the displacement trajectory information is determined according to a preset displacement trajectory algorithm in combination with the position coordinate information.

A detailed implementation of displaying a preview of the item to be viewed on the screen of the mobile terminal is illustrated by way of example:

Referring to FIG. 3 and FIG. 4, FIG. 3 is a schematic diagram of a preview of an item to be viewed provided by the embodiment, and FIG. 4 is a schematic diagram of another preview of the item to be viewed provided by the embodiment.

3 is an initial state of the corresponding animation in which the preview image is displaced on the new layer in an animated manner, and FIG. 4 is an animated manner to display the preview image on the new layer. The final state of the corresponding animation where the displacement occurred.

For example, the picture 1 in FIG. 3 takes its own center point as a starting point, and ends the center point of the available display area (generally refers to the center point of the mobile terminal screen), and performs parabola according to a preset displacement trajectory algorithm. Picture 1 moves from the start point to the end point in a parabolic trajectory, and the movement process is displayed in an animated manner. Other pictures are similar to picture 1, and will not be described again.

In the six preview images shown in FIG. 3, the position coordinate information of each preview image may be preset. For example, for the pictures 1 to 6, six coordinate points are respectively set as the respective center points.

In addition, the position coordinate information of the preview image may also be obtained according to a preset coordinate algorithm, for example, obtaining a coordinate point according to a coordinate algorithm as a corresponding position coordinate information.

It should be noted that when the preview image of the item to be viewed is displayed on the screen of the mobile terminal, it is displayed in a preset order, and correspondingly, when the preview image is displayed in an aggregated display area, the corresponding order is also provided. .

Preferably, the available display area includes at least one picture display block, and the picture display block includes at least one item preview image.

As shown in FIG. 4, there are four picture display blocks, which are, in order from top to bottom, a first picture display block, a second picture display block, a third picture display block, and a fourth picture display block. The first picture display block includes one preview image, that is, the picture 1; the second picture display block includes two preview images, that is, the picture 2 and the picture 3; and the third picture display block includes one preview picture, that is, Picture 4; the fourth picture display block includes two preview images, namely picture 5 and picture 6.

Preferably, when the preview image of the item to be viewed is displayed at a corresponding position on the new layer, the display is performed according to a preset animation effect; wherein the animation effect includes: a fade-in animation effect.

Preferably, in order to ensure the clarity of the preview image displayed on the screen of the mobile terminal, the size of the preview image is limited to a certain range. Preferably, the number of associated pictures of the item to be viewed is smaller than a preset. a first preset number threshold, where the number of picture display blocks included in the available display area is less than a preset second preset number threshold;

The third preset number threshold is equal to the quotient of the first preset number threshold divided by the second preset number threshold.

For example, if at most 10 preview images are displayed on the screen of the mobile terminal and 4 image display blocks are divided from the top and bottom, the maximum number of preview images that can be displayed in each display block is three.

Preferably, the size of the picture display block is specifically determined according to a display size of a preview image included in the picture display block;

E.g:

When two preview images are displayed, the layout effect of the preview image and the image display block is as follows:

Referring to FIG. 5, it is a schematic diagram of a preview layout effect provided by this embodiment.

When the size of the picture 1 is small and the size of the picture 2 is large, the manner of dividing the layout of the left side may be adopted, such as the layout mode shown by 501 in FIG. 5;

When the size of the picture 1 is large and the size of the picture 2 is small, a way of dividing the layout to the right may be adopted, such as the layout mode shown by 502 in FIG. 5;

When the size of the picture 1 and the size of the picture 2 are equal, a manner of centering the layout may be employed, such as the layout shown in 503 of FIG.

When three preview images are displayed, the layout effect of the preview image and the image display block is as follows:

Referring to FIG. 6, it is a schematic diagram of another preview layout effect provided by this embodiment.

When the size of the picture 1 and the picture 2 is small and the size of the picture 3 is large, a layout manner as shown by 601 in FIG. 6 may be employed;

When the size of the picture 1 is large and the size of the picture 2 and the picture 3 is small, a layout manner as shown by 602 in FIG. 6 may be employed;

When the sizes of the picture 1, the picture 2, and the picture 3 are equal, a layout manner as shown by 603 in FIG. 6 may be employed;

Further, a layout as shown by 604 and 605 in Fig. 6 can also be employed.

It should be noted that, when the preview image is displayed on the screen of the mobile terminal, if the size of the preview image does not match the available display area or the image display block, the preview image may be processed accordingly. For example, the preview image is cropped to match the displayable area or the image display block. In addition, the processing may be performed in other manners, such as zooming in, stretching, etc., which is not limited thereto.

3. Display the original picture of the item to be viewed on the new layer.

After displaying the preview of the item to be viewed on the new layer, performing the following steps:

Reading the original picture corresponding to the selected preview image;

Displaying the selected pre-selection in the available display area in a size that is compatible with the available display area in a single format The original picture corresponding to the map.

Preferably, the displaying the original image corresponding to the selected preview image in the available display area in a size corresponding to the available display area in a single format, specifically, animating the original picture from The original position is moved to the new display position and its size is enlarged.

Preferably, when the original picture corresponding to the selected preview image is moved, the displacement trajectory information of the original picture is based on the position coordinate information of the selected preview image and the original corresponding to the selected preview image. The center of the picture and the preset displacement trajectory are determined.

As shown in FIG. 3, the picture 1 receives the selection operation for displaying the preview image in aggregate. The displacement track of the original picture corresponding to the preview image shown in the picture 1 is as shown in FIG. 7, where the point A is the starting point and the point B is The end point, the displacement trajectory is as shown by the curve in FIG.

When the original picture is moved to the point B, that is, after the animation of the original picture is completed, the image displayed on the mobile terminal is as shown in FIG. 8, that is, in the displayable area in a single format. The size corresponding to the available display area displays the original picture corresponding to the selected preview.

It should be noted that, in the above example, the original picture is displayed on the new layer in a horizontal layout in combination with a single format. In addition, the original image may be displayed on the new layer in a vertical layout combined with a single format. The picture is not limited here.

Preferably, after the step of displaying the original picture of the item to be viewed on the new layer, the original picture switching operation is further included:

Preferably, after the step of displaying the original picture of the item to be viewed on the new layer, the method further includes a recovery operation, where the recovery operation is used to restore the list interface of the item to be viewed;

Receiving a touch instruction inputting a preset edge area on the new layer;

Close the new layer.

Preferably, the preset edge area comprises: an area outside the available display area on the new layer, such as the area shown by 801 in FIG.

In addition, when the mobile terminal screen displays the original picture in a single format, when the double-touch action input by the user is detected, the original picture is enlarged by a set ratio; on this basis, when When the double-tap touch action input by the user is detected, the original picture is reduced by the set ratio.

The second preview method:

The second preview mode is basically similar to the first preview mode described above. For related content, refer to the description in the first preview mode, and details are not described herein again. The second preview mode is different from the first preview mode described above in that the original picture of the item to be viewed is directly displayed on the new layer, and the item to be viewed is not displayed on the new layer. Preview image.

1. Rendering a new layer in a preset area of the mobile terminal screen;

2. Displaying the original picture in a displayable area in a size corresponding to the available display area in a single format according to a preset display order.

Preferably, the displaying sequence comprises: displaying sequentially according to the size of the picture number of the original picture, and preferentially displaying the original picture with a small picture number.

In summary, the method for quickly previewing an item-related image provided by the present application, in advance, sets a corresponding preview identifier for the item to be viewed in the list of items to be viewed displayed on the screen of the mobile terminal, and when receiving the item for the item to be viewed When the corresponding preview identifies the input viewing instruction, the associated image of the to-be-viewed item corresponding to the viewing instruction is obtained, and a new layer is generated in the preset area of the mobile terminal screen, and the associated image of the item to be viewed is obtained. Displayed on the new layer, the operation is simple and fast, and provides convenience for the user.

In addition, the method for quickly previewing an item-related picture provided by the present application can realize previewing the associated picture of the item to be viewed on the interface of the item to be viewed displayed on the screen of the mobile terminal, thereby avoiding the movement through the moving The terminal loads the data traffic caused by the related page of the item to be viewed, and saves the waiting time when the related page of the item to be viewed is loaded in the mobile terminal.

An apparatus for quickly previewing an item-related picture provided by the present application is as follows:

In the above embodiment, a method for quickly previewing an item-related picture is provided. Correspondingly, the present application further provides a device for quickly previewing an item-related picture, which will be described below with reference to the accompanying drawings.

Referring to FIG. 9, a schematic diagram of an apparatus embodiment for quickly previewing an item-related picture provided by the present application is shown.

Since the device embodiment is basically similar to the method embodiment, the description is relatively simple. For related parts, refer to the corresponding description of the method embodiment provided above. The device embodiments described below are merely illustrative.

The application provides a device for quickly previewing an item-related image, including:

The viewing instruction receiving unit 901 is configured to receive a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal;

The associated picture obtaining unit 902 is configured to acquire an associated picture of the item to be viewed;

The associated picture display unit 903 is configured to generate a new layer in a preset area of the mobile terminal screen, and display an associated picture of the item to be viewed on the new layer; the new layer is located at the The item to be viewed displayed on the screen of the mobile terminal corresponds to the top of the layer.

Optionally, the preview identifier includes:

Button control.

Optionally, the associated image of the item to be viewed includes:

Optionally, the associated picture display unit 903 includes:

Optionally, in the preview image display unit, when the preview image is displayed on the new layer, the new position information and the displacement track information preset according to each preview image are animated in the new A corresponding animation in which the preview image is displaced is displayed on the layer, and finally the preview image after the aggregation is displayed in the available display area.

In the original picture display unit, the original picture is moved from the original position to the new display position in an animated manner, and the size thereof is enlarged.

In the original picture display unit, when the original picture corresponding to the selected preview image is moved, the displacement track information of the original picture is selected according to the position coordinate information of the selected preview picture. The center of the original picture corresponding to the preview image and the preset displacement track are determined.

Optionally, the predetermined ranking rule includes:

Optionally, the associated picture display unit 903 includes:

Optionally, the displaying sequence includes:

A new layer closes the unit to close the new layer.

Optionally, the preset edge area includes:

The area outside the available display area on the new layer.

Optionally, in the preview image display unit, when the preview image of the item to be viewed is displayed at a corresponding position on the new layer, the display is performed according to the preset animation special effect;

The animation effects include: fade in animation effects.

Optionally, the number of associated pictures of the item to be viewed is less than a preset first preset number threshold, where The number of picture display blocks included in the display area is less than a preset second preset number threshold;

Optionally, the item to be viewed includes:

Goods in an electronic trading platform.

An implementation of a mobile terminal provided by the present application is as follows:

In the above embodiment, a method for quickly previewing an item-related picture is provided. Correspondingly, the present application further provides a mobile terminal for implementing the method, which will be described below with reference to the accompanying drawings.

Referring to Figure 10, a schematic diagram of a mobile terminal provided by the present application is shown.

Here, the mobile terminal is used to implement the method for quickly previewing the item-related picture provided by the present application. Therefore, the embodiment of the mobile terminal is basically similar to the method embodiment, so the description is relatively simple, and the related part is as follows. A corresponding description of the provided method embodiment is sufficient. The embodiments of the mobile terminal described below are merely illustrative.

The application provides a mobile terminal, including:

Display 10-01, processor 10-02 and memory 10-03;

The processor 10-02 receives a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed by the display 10-01;

The memory 10-03 is configured to store the acquired associated picture of the item to be viewed;

The processor 10-02 renders a new layer in a preset area of the display 10-01, and displays an associated picture of the item to be viewed on the new layer; the new layer is located at the The item to be viewed displayed on the screen of the mobile terminal corresponds to the top of the layer.

Optionally, the preview identifier includes:

Button control.

Optionally, the associated image of the item to be viewed includes:

Optionally, the displayable area of the display 10-01 includes at least one picture display block, and the picture display block includes at least one item preview image.

Optionally, when the display 10-01 displays the preview image of the item to be viewed, displaying according to the preset animation special effect;

The animation effects include: fade in animation effects.

Optionally, the item to be viewed includes:

Goods in an electronic trading platform.

The present application is disclosed in the above preferred embodiments, but it is not intended to limit the present application, and any person skilled in the art can make possible changes and modifications without departing from the spirit and scope of the present application. The scope of protection should be based on the scope defined by the claims of the present application.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory. Memory is an example of a computer readable medium.

1. Computer readable media including both permanent and non-persistent, removable and non-removable media may be implemented by any method or technology. The information can be computer readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media, such as modulated data signals and carrier waves.

2. Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

Claims

A method for quickly previewing an item-related image, comprising:

Receiving a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal;

Obtaining an associated picture of the item to be viewed;

Generating a new layer on a preset area of the mobile terminal screen, and displaying an associated picture of the item to be viewed on the new layer; the new layer is located on the screen of the mobile terminal to be viewed The item corresponds to the top of the layer.
The method of claim 1, wherein the preview identifier comprises:

Button control.
The method for quickly previewing an item-related image according to claim 1, wherein the associated picture of the item to be viewed includes:

An original picture of the item to be viewed and a preview image of the item to be viewed; the original picture and the preview picture are in one-to-one correspondence.
The method for quickly previewing an item-related image according to claim 1, wherein the displaying the associated picture of the item to be viewed on the new layer in a predetermined manner comprises:

Obtaining a number of preview images of the item to be viewed;

Determining, according to a predetermined arrangement rule, an arrangement manner of the preview images according to the number of the preview images;

Determining display sizes of the respective preview images according to the arrangement manner and the available display area size;

On the new layer, the preview image is aggregated and displayed in the determined arrangement and the display size of each preview.
The method for quickly previewing an item-related image according to claim 4, wherein when the preview image is displayed on the new layer, according to position coordinate information and displacement track information preset by each preview image, An animation manner displays a corresponding animation in which the preview image is displaced on the new layer, and finally displays the preview image after the aggregation in the available display area.
The method for quickly previewing an item-related image according to claim 5, wherein the displacement trajectory information is determined according to a preset displacement trajectory algorithm in combination with the position coordinate information.
The method for quickly previewing an item-related picture according to claim 4, wherein after the step of displaying the preview image by aggregation, performing the following steps:

Receiving a selection operation for displaying the preview image by aggregation;

Reading the original picture corresponding to the selected preview image;

The original picture corresponding to the selected preview image is displayed in the available display area in a single format in a size compatible with the available display area.
The method for quickly previewing an item-related picture according to claim 7, wherein the displaying of the selected preview image in the available display area in a size corresponding to the available display area in a single format The original picture is specifically animated to move the original picture from the original position to the new display position, and at the same time enlarge the size thereof.
The method for quickly previewing an item-related image according to claim 8, wherein when the original picture corresponding to the selected preview image is moved, the displacement track information of the original picture is based on the selected preview The position coordinate information of the map, the center of the original picture corresponding to the selected preview image, and the preset displacement trajectory are determined.
The method for quickly previewing an item-related image according to claim 4, wherein the predetermined arrangement rule comprises:

According to the order of the size of the picture number preset by the preview picture, the picture number is displayed in the order of the top size and the left to right.
The method for quickly previewing an item-related picture according to claim 4, wherein the available display area comprises at least one picture display block, and the picture display block includes at least one item preview image.
The method for quickly previewing an item-related image according to claim 11, wherein the size of the picture display block is determined according to a display size of a preview image included in the picture display block;

Or the size of the picture display block is specifically determined according to a preset ratio of the available display area;

Alternatively, the size of the picture display block is specifically determined by randomly dividing the available display area according to a preset dividing algorithm.
The method for quickly previewing an item-related image according to claim 1, wherein the displaying the associated picture of the item to be viewed on the new layer in a predetermined manner comprises:

The original picture is displayed in a single format in a size that is compatible with the available display area in a single format in accordance with a preset display order.
The method for quickly previewing an item-related picture according to claim 13, wherein the display order comprises:

Displaying in order of the size of the picture number of the original picture, and preferentially displaying the original picture number image.
The method for quickly previewing an item-related image according to claim 7 or claim 13, comprising:

Receiving a switching instruction for the original picture displayed in the single format manner;

According to the switching direction determined by the switching instruction, another original picture is displayed according to the display order preset by the original picture.
The method for quickly previewing an item-related image according to claim 7 or claim 13, comprising:

Receiving a touch instruction inputting a preset edge area on the new layer;

Close the new layer.
The method for quickly previewing an item-related image according to claim 16, wherein the preset edge area comprises:

The area outside the available display area on the new layer.
The method for quickly previewing an item-related picture according to claim 2, wherein the button control is located above a preview image of the item to be viewed.
The method for quickly previewing an item-related image according to claim 5, wherein when the preview position of the item to be viewed is displayed at a corresponding position on the new layer, the display is performed according to a preset animation effect. ;

The animation effects include: fade in animation effects.
The method for quickly previewing an item-related image according to claim 11, wherein the number of associated pictures of the item to be viewed is less than a preset first preset number threshold, and the image display included in the available display area The number of blocks is less than a preset second preset number threshold;

Correspondingly, the number of the preview images included in the picture display block is smaller than a preset third preset number threshold;

The third preset number threshold is equal to the first preset number threshold divided by the second preset number threshold, and the quotient is incremented by one.
The method for quickly previewing an item-related image according to claim 1, wherein the item to be viewed includes:

Goods in an electronic trading platform.
A device for quickly previewing an item-related image, comprising:

The instruction receiving unit is configured to receive a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed on the screen of the mobile terminal;

An associated picture obtaining unit, configured to acquire an associated picture of the item to be viewed;

And an associated picture display unit, configured to generate a new layer on a preset area of the mobile terminal screen, and display an associated picture of the item to be viewed on the new layer; the new layer is located in the The item to be viewed displayed on the screen of the mobile terminal corresponds to the top of the layer.
The apparatus for displaying a quick view of an item associated with an image according to claim 22, wherein the associated picture display unit comprises:

a quantity obtaining unit of the preview image, configured to acquire a quantity of the preview image of the item to be viewed;

An arrangement determining unit, configured to determine, according to a predetermined arrangement rule, an arrangement manner of the preview images according to the number of the preview images;

a display size determining unit, configured to determine a display size of each preview image according to the arrangement manner and the available display area size;

a preview display unit for collectively displaying the preview image on the new layer in the determined arrangement and the display size of each preview image.
The apparatus for quickly previewing an item-related image according to claim 23, comprising:

Selecting an operation receiving unit, configured to receive a selection operation for displaying the preview image by aggregation;

The original picture reading unit is configured to read the original picture corresponding to the selected preview image;

The original picture display unit is configured to display the original picture corresponding to the selected preview image in the available display area in a size corresponding to the available display area in a single format.
The apparatus for quickly previewing an item-related image according to claim 22, wherein the displaying the associated picture of the item to be viewed on the new layer in a predetermined manner comprises:

And a second original picture display unit, configured to display the original picture in a single format in a size that is compatible with the available display area in a single format according to a preset display order.
The apparatus for quickly previewing an item-related image according to claim 24 or 25, comprising:

a switching instruction receiving unit, configured to receive a switching instruction for the original picture displayed in the single format manner;

The original picture unit is switched, and is used to display another original picture according to the display order preset by the original picture according to the switching direction determined by the switching instruction.
A device for quickly previewing an item-related picture according to claim 24 or 25, characterized in that include:

a touch instruction receiving unit, configured to receive a touch instruction inputting a preset edge area on the new layer;

A new layer closes the unit to close the new layer.
A mobile terminal, comprising:

Display, processor and memory;

The processor receives a viewing instruction input by the user for the preview identifier corresponding to the item to be viewed displayed by the display;

The memory is configured to store the acquired associated picture of the item to be viewed;

The processor renders a new layer in a preset area of the display, and displays an associated picture of the item to be viewed on the new layer; the new layer is displayed on a screen of the mobile terminal The item to be viewed corresponds to the top of the layer.