A method, apparatus and device for image display

By realizing cyclic switching and size adjustment of pictures based on the image sorting table and user gesture direction on the mobile terminal, the problem of time-consuming image display is solved and the user experience is improved.

CN114331618BActive Publication Date: 2025-07-25GUANGZHOU PINWEI SOFTWARE CO LTD
View PDF 4 Cites 0 Cited by

Patent Information

Application Number
CN202111641925.0
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-12-29
Publication Date
2025-07-25
Estimated Expiration
2041-12-29

AI Technical Summary

Technical Problem

The existing image display method takes a long time to switch pictures on mobile terminals, and users need to read them repeatedly to view the target image, resulting in a bad reading experience and reducing consumers' desire to buy.

Method used

By obtaining the sequence number of the currently displayed image in the preset picture sorting table and the user's gesture horizontal sliding direction, we can determine whether the picture sequence number is the first or last picture, and realize the cyclic switching of the picture according to the sliding direction, including sliding to the right or left and replacing the picture with the corresponding sequence number, storing the picture using the visible queue and cache queue, and adjusting the picture size during the sliding process.

Benefits of technology

It realizes fast switching and circular display of pictures, saves switching time, improves user experience, and meets user reading requests.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114331618B_ABST
    Figure CN114331618B_ABST
Patent Text Reader

Abstract

The present application discloses a picture display method, device, and equipment. The present application can pre-sort the pictures to be displayed to form a picture sorting table. The serial number corresponding to the currently displayed picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture can be obtained. If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the picture sorting table and the sliding direction is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the picture sorting table as the currently displayed picture; if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the picture sorting table and the sliding direction is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the picture sorting table as the currently displayed picture. The present application can realize the cyclic switching of the pictures to be displayed, save the picture switching time, and improve the user experience and favorability.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the technical field of image processing, and more specifically, to an image display method, device, and equipment. Background Art

[0002] With the rapid development of the mobile Internet and the popularization of smart phones, more and more mobile applications have entered people's daily lives. More and more consumers use mobile terminals such as mobile phones and tablets to read and shop online.

[0003] When consumers use mobile terminals to shop online, they often need to compare various products many times before selecting the desired product. In order to capture consumers' attention, merchants often create beautiful pictures for various products to display the product performance and highlight the selling points of the products to stimulate consumers' desire to purchase. Therefore, in many cases, merchants will design multiple different forms of pictures for the same product for users to browse. When consumers shop through mobile terminals, they will repeatedly view various pictures of the desired product on the product details web page to analyze whether the product is worth buying. When consumers switch different pictures on the mobile terminal, the existing picture display method generally switches in the order from left to right or from top to bottom. When the user has browsed through all the pictures to be displayed once and wants to review a certain picture again, they can only flip through all the pictures to be displayed from the beginning to the end again to reach the picture they want to review. When there are a lot of pictures to be displayed, the time for the user to flip through the pictures will also increase, which brings a very bad reading experience to consumers and also reduces consumers' desire to consume.

[0004] Therefore, there is an urgent need to provide a way to quickly switch pictures to solve the problem of time-consuming picture display. Summary of the Invention

[0005] In view of this, the present application provides an image display method, device, and equipment to solve the problem of time-consuming image display.

[0006] An image display method includes:

[0007] Obtaining the serial number corresponding to the picture displayed in the current display area in a preset picture sorting table and the horizontal sliding direction of the user's gesture;

[0008] Judging whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table;

[0009] If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture;

[0010] If the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0011] Preferably, if the serial number of the currently displayed picture is not the serial number corresponding to the first picture or the last picture in the preset picture sorting table, the method further includes:

[0012] If the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture;

[0013] If the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the first picture sorted before the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0014] Preferably, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, the method further includes:

[0015] Slide the currently displayed picture to the left to exit the current display area, and use the picture corresponding to the first serial number after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0016] Preferably, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, the method further includes:

[0017] Slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the first serial number before the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0018] Preferably, the currently displayed picture is stored in a preset visible queue, and the method further includes:

[0019] Transfer the picture that will exit the current display area from the visual queue to a preset cache queue;

[0020] Regarding using the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture, it includes:

[0021] Transfer the picture corresponding to the last serial number in the preset picture sorting table from the cache queue to the visualization queue and display it in the current display area;

[0022] Regarding using the first picture in the preset picture sorting table as the currently displayed picture, it includes:

[0023] Transfer the first picture in the preset picture sorting table from the cache queue to the visualization queue and display it in the current display area.

[0024] Preferably, regarding transferring the picture that will exit the current display area from the visual queue to a preset cache queue, it includes:

[0025] Obtain the abscissas of the left and right boundaries of the current display area, and the coordinate system where the current display area is located is a two-dimensional coordinate system set with the center point of the current display area as the origin;

[0026] Traverse all pictures in the visual queue, and determine whether the traversed picture exits the current display area according to the abscissas corresponding to the left and right boundaries of the traversed picture and the abscissas of the left and right boundaries of the current display area;

[0027] Transfer the picture that exits the current display area from the visual queue to the cache queue.

[0028] Preferably, the method further includes:

[0029] During the process of sliding the currently displayed picture and exiting the current display area, as the distance of the currently displayed picture deviates from the center position of the current display area increases, control the display size of the currently displayed picture to become smaller.

[0030] Preferably, regarding during the process of sliding the currently displayed picture and exiting the current display area, as the distance of the currently displayed picture deviates from the center position of the current display area increases, control the display size of the currently displayed picture to become smaller, it includes:

[0031] Calculate the first absolute distance by which the abscissa of the center point of the picture in the visualization queue deviates from the origin of the two-dimensional coordinate system, and the two-dimensional coordinate system is a two-dimensional coordinate system set with the center point of the current display area as the origin;

[0032] Calculate a second absolute distance from the left or right boundary of the current display area to the origin of the two-dimensional coordinate system;

[0033] Calculate the ratio of the first absolute distance to the second absolute distance;

[0034] Reduce the display size of the picture displayed in the current display area according to the ratio.

[0035] An image display device, comprising:

[0036] An acquisition unit, configured to acquire the serial number corresponding to the picture displayed in the current display area in a preset picture sorting table and the horizontal sliding direction of the user's gesture;

[0037] A first judgment unit, configured to judge whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table;

[0038] A first sliding unit, configured to, when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture;

[0039] A second sliding unit, configured to, when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0040] An image display device, comprising a memory and a processor;

[0041] The memory is used for storing programs;

[0042] The processor is configured to execute the program to implement each step of the image display method as described in any one of the foregoing introductions.

[0043] As can be seen from the above technical solution, the picture display method of the present application can pre-sort the pictures to be displayed to form a picture sorting table. After sorting the pictures to be displayed, the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture can be obtained; it can be determined whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table. If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture; if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0044] The present application can arbitrarily switch the currently displayed pictures according to the horizontal sliding direction of the user's gesture to achieve dynamic interaction. Further, the present application can achieve cyclic switching of the pictures to be displayed, saving the time for picture switching and enhancing the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are only the embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained according to the provided drawings without creative efforts.

[0046] Figures 1 - 4 It is a flowchart of a method for implementing a picture display method according to an embodiment of the present application;

[0047] Figures 5 - 6 It is a schematic diagram of the effect of a picture display according to an embodiment of the present application;

[0048] Figure 7 It is a schematic diagram of the structure of a picture display device according to an embodiment of the present application;

[0049] Figure 8 It is a hardware structure block diagram of a picture display device disclosed in an embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0050] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present application without creative efforts belong to the scope of protection of the present application.

[0051] With the development of science and technology, consumers are shopping online more and more frequently, and many merchants have also shifted from the physical store market to the e-commerce market. After merchants move to the e-commerce market, various products no longer appear in the sight of consumers in physical form, but are presented to consumers in the form of pictures of various different forms of the physical objects. The basis for consumers' shopping judgment has also changed from physical objects to various pictures.

[0052] Generally, when consumers view pictures using electronic devices, they usually switch pictures in the preset manner for each picture. In the existing e-commerce field, product detail pictures are generally displayed for consumers to view in a switching manner from left to right or from top to bottom. It cannot form a circular display effect, which not only causes time-consuming picture switching but also reduces the viewing effect when consumers view pictures.

[0053] To solve this problem, the present application provides a picture display method, which can be used to solve the problem of time-consuming picture display.

[0054] This method can be applied to any device that can implement picture display. Optionally, the device that can implement picture display can be a terminal with data processing capabilities such as a tablet computer, a mobile phone, a digital TV, etc.

[0055] Next, in conjunction with Figure 1 , the process of the picture display method given in the embodiments of the present application will be introduced. This process can include the following steps:

[0056] Step S101, obtain the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture.

[0057] Specifically, the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture can be obtained to switch the currently displayed picture. Among them, the horizontal sliding direction of the user's gesture includes sliding to the left and sliding to the right, and the picture displayed in the current display area can change with the horizontal sliding direction of the user's gesture.

[0058] Step S102, determine whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table.

[0059] Specifically, after obtaining the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture, it can be determined whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table. So that the picture displayed in the current display area can be switched according to the serial number corresponding to the currently displayed picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture.

[0060] Step S103: Determine whether the horizontal sliding direction of the user's gesture is to the left or to the right; if the horizontal sliding direction of the user's gesture is to the right, execute step S104; if the horizontal sliding direction of the user's gesture is to the left, execute step S105.

[0061] Specifically, after determining that the currently displayed picture is the first or last picture in the preset picture sorting table, it can be further determined whether the horizontal sliding direction of the user's gesture is to the left or to the right. So that the picture displayed in the current display area can be switched according to the serial number corresponding to the currently displayed picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture. If the horizontal sliding direction of the user's gesture is to the right, execute step S104; if the horizontal sliding direction of the user's gesture is to the left, execute step S105.

[0062] Step S104: If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture.

[0063] Specifically, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, the currently displayed picture can be slid to the right to exit the current display area, so that the picture corresponding to the last serial number in the preset picture sorting table can be used as the currently displayed picture, so as to quickly switch the picture to be displayed and meet the user's viewing request.

[0064] Step S105: If the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0065] Specifically, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, the currently displayed picture can be swiped to the left to exit the current display area, so that the first picture in the preset picture sorting table can be used as the currently displayed picture, so as to realize the quick switching of the pictures to be displayed and meet the user's viewing request.

[0066] As can be seen from the above technical solution, the present application can arbitrarily switch the currently displayed picture according to the horizontal sliding direction of the user's gesture to achieve dynamic interaction. Further, the present application can realize the cyclic switching of the pictures to be displayed, save the time for picture switching, and also improve the user experience.

[0067] It can be considered that the serial number of the currently displayed picture may neither be the serial number corresponding to the first picture in the preset picture sorting table nor the serial number corresponding to the last picture in the preset picture sorting table. At this time, the process of switching the pictures to be displayed will also be different. In order to better quickly switch the pictures to be displayed, the embodiments of the present application introduce another implementation method for quickly displaying pictures. When the serial number of the currently displayed picture is not the serial number corresponding to the first or last picture in the preset picture sorting table, the pictures can be quickly switched.

[0068] Next, combined with Figure 2 , another implementation manner of picture display will be introduced, and this process may include the following steps:

[0069] Step S101, obtain the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture.

[0070] Step S102, determine whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table. If so, execute step S103; if not, execute step S106.

[0071] Step S103, determine whether the horizontal sliding direction of the user's gesture is to the left or to the right; if the horizontal sliding direction of the user's gesture is to the right, execute step S104; if the horizontal sliding direction of the user's gesture is to the left, execute step S105.

[0072] Step S104, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, swipe the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture.

[0073] Step S105, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0074] Step S106, determine whether the horizontal sliding direction of the user's gesture is to the left or to the right; if the horizontal sliding direction of the user's gesture is to the right, execute Step S107; if the horizontal sliding direction of the user's gesture is to the left, execute Step S108.

[0075] Specifically, after confirming that the serial number of the currently displayed picture is not the serial number corresponding to the first picture or the last picture in the preset picture sorting table, it can be further determined whether the horizontal sliding direction of the user's gesture is to the left or to the right. If the horizontal sliding direction of the user's gesture is to the right, execute Step S107; if the horizontal sliding direction of the user's gesture is to the left, execute Step S108.

[0076] Step S107, if the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the first picture sorted before the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0077] Specifically, after confirming that the serial number of the currently displayed picture is not the serial number corresponding to the first picture or the last picture in the preset picture sorting table, if the horizontal sliding direction of the user's gesture is to the right, the currently displayed picture can be slid to the right to exit the current display area, and the first picture sorted before the serial number corresponding to the currently displayed picture in the preset picture sorting table can be used as the currently displayed picture to achieve quick switching of the pictures to be displayed and meet the user's viewing request.

[0078] Step S108, if the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0079] Specifically, after confirming that the serial number of the currently displayed picture is not the serial number corresponding to the first or last picture in the preset picture sorting table, if the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and slide the currently displayed picture to the left to exit the current display area, and use the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture; so as to realize the quick switching of the pictures to be displayed and meet the user's viewing request.

[0080] As can be seen from the above technical solution, in the present application, when the serial number of the currently displayed picture is not the serial number corresponding to the first or last picture in the preset picture sorting table, the picture to be displayed can be switched according to the horizontal sliding direction of the user's gesture, so as to realize the quick switching of the pictures to be displayed and meet the user's viewing request.

[0081] It can be considered that when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, the process of switching the picture to be displayed will also be different. In order to better and quickly switch the picture to be displayed, the embodiment of the present application introduces another implementation method that can quickly display pictures. When the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, the pictures can be quickly switched.

[0082] Next, combined with Figure 3 , another implementation manner of picture display will be introduced, and this process may include the following steps:

[0083] Step S101, obtain the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture.

[0084] Step S102, determine whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table.

[0085] Step S103, determine whether the horizontal sliding direction of the user's gesture is to the left or to the right. When the horizontal sliding direction of the user's gesture is to the right, execute step S104. When the horizontal sliding direction of the user's gesture is to the left, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, execute step S105; if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, execute step S109.

[0086] Step S104, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture.

[0087] Step S105, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0088] Step S109, slide the currently displayed picture to the left to exit the current display area, and use the picture corresponding to the first serial number after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0089] Specifically, when it is confirmed that the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, the currently displayed picture can be slid to the left to exit the current display area, and the picture corresponding to the first serial number after the serial number of the currently displayed picture in the preset picture sorting table can be used as the currently displayed picture. To achieve a quick switch of the pictures to be displayed and meet the user's viewing request.

[0090] It can be seen from the above technical solution that in the embodiment of the present application, when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, the currently displayed picture can be slid to the left to exit the current display area, and the picture corresponding to the first serial number after the serial number of the currently displayed picture in the preset picture sorting table can be used as the currently displayed picture. To achieve a quick switch of the pictures to be displayed and meet the user's viewing request.

[0091] It can be considered that if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, the process of switching the pictures to be displayed will also be different. To better and quickly switch the pictures to be displayed, the embodiment of the present application introduces another implementation method that can quickly display pictures. It can achieve a quick picture switch when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right.

[0092] Next, in combination with Figure 4, introduce another implementation method of picture display. This process may include the following steps:

[0093] Step S101, obtain the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture.

[0094] Step S102, determine whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table.

[0095] Step S103, determine whether the horizontal sliding direction of the user's gesture is to the left or to the right. When the horizontal sliding direction of the user's gesture is to the right, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, then execute Step S104; if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, then execute Step S110. When the horizontal sliding direction of the user's gesture is to the left, and the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, then execute Step S105.

[0096] Step S104, if the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture.

[0097] Step S105, if the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0098] Step S110, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the first serial number before the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0099] Specifically, when it is confirmed that the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, the currently displayed picture can be slid to the right to exit the current display area, and the picture corresponding to the first serial number before the serial number of the currently displayed picture in the preset picture sorting table can be used as the currently displayed picture. To achieve fast switching of pictures to be displayed and meet the user's viewing request.

[0100] As can be seen from the above technical solution, in the embodiment of the present application, when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, the currently displayed picture can be swiped to the right to exit the current display area, and the picture corresponding to the first serial number before the serial number of the currently displayed picture in the preset picture sorting table is used as the currently displayed picture. To achieve rapid switching of pictures to be displayed and meet the viewing requests of users.

[0101] Considering that there may be multiple pictures to be displayed in the actual application process, in order to better achieve rapid switching of multiple pictures to be displayed, the embodiment of the present application can set two queues to store the pictures to be displayed, namely the visualization queue and the cache queue. Among them, the visualization queue stores the pictures currently displayed in the current display area, and the cache queue stores the pictures to be displayed in the current display area. Based on this, in the embodiment of the present application, after the currently displayed picture exits the current display area, the process of transferring the picture that exits the current display area from the visualization queue to the preset cache queue can be added. The following is a detailed introduction to this process.

[0102] Among them, this process can be applied in the following several situations:

[0103] Situation 1, when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, before using the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture; the picture corresponding to the last serial number in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0104] Situation 2, when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, before using the first picture in the preset picture sorting table as the currently displayed picture, the first picture in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0105] Case 3: If the serial number of the currently displayed picture is not the serial number corresponding to the first or the last picture in the preset picture sorting table, when the horizontal sliding direction of the user's gesture is to the right, before sliding the currently displayed picture to the left to exit the current display area and taking the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture, the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0106] Case 4: If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, before sliding the currently displayed picture to the left to exit the current display area and taking the picture corresponding to the first serial number sorted after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture, the picture corresponding to the first serial number sorted after the serial number of the currently displayed picture in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0107] Case 5: If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, before sliding the currently displayed picture to the left to exit the current display area and taking the picture corresponding to the first serial number sorted after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture, the picture corresponding to the first serial number sorted after the serial number of the currently displayed picture in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0108] Case 6: If the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, before sliding the currently displayed picture to the right to exit the current display area and taking the picture corresponding to the first serial number sorted before the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture, the picture corresponding to the first serial number sorted before the serial number of the currently displayed picture in the preset picture sorting table can be transferred from the cache queue to the visualization queue and displayed in the current display area.

[0109] Based on the above cases, the process of transferring the picture to exit the current display area from the visualization queue to the preset cache queue may include the following steps:

[0110] Step S1: Obtain the abscissas of the left and right boundaries of the current display area. The coordinate system where the current display area is located is a two-dimensional coordinate system set with the center point of the current display area as the origin.

[0111] Specifically, after the currently displayed picture exits the current display area, the abscissas of the left and right boundaries of the current display area can be obtained. The coordinate system where the current display area is located is a two-dimensional coordinate system set with the center point of the current display area as the origin, so as to determine whether to transfer the picture that exits the current display area from the visible queue to a preset cache queue.

[0112] Step S2: Traverse all the pictures in the visible queue. According to the abscissas corresponding to the left and right boundaries of the traversed picture and the abscissas of the left and right boundaries of the current display area, determine whether the traversed picture exits the current display area. If so, execute Step S3.

[0113] Specifically, after obtaining the abscissas of the left and right boundaries of the current display area, all the pictures in the visible queue can be traversed. According to the abscissas corresponding to the left and right boundaries of the traversed picture and the abscissas of the left and right boundaries of the current display area, determine whether the traversed picture exits the current display area. If so, execute Step S3.

[0114] For example, taking the origin of the two-dimensional coordinate system as the reference point, when the horizontal sliding direction of the user's gesture is to the left, it can be determined whether the abscissas corresponding to the left and right boundaries of the traversed picture exceed the abscissa of the left boundary of the current display area. If so, it is determined that the traversed picture exits the current display area; when the horizontal sliding direction of the user's gesture is to the right, it can be determined whether the abscissas corresponding to the left and right boundaries of the traversed picture exceed the abscissa of the right boundary of the current display area. If so, it is determined that the traversed picture exits the current display area.

[0115] Step S3: Transfer the picture that exits the current display area from the visible queue to the cache queue.

[0116] Specifically, after determining the picture that exits the current display area in the visualization queue, transfer the picture that exits the current display area in the visualization queue from the visible queue to the cache queue.

[0117] As can be seen from the above technical solution, the embodiment of the present application can refer to the serial number of the currently displayed picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture. The picture that exits the current display area can be transferred from the visible queue to a preset cache queue, so as to realize the circular display of multiple pictures to be displayed and meet the viewing needs of users.

[0118] To improve the user's viewing experience, in the process of sliding the currently displayed picture and exiting the current display area, the embodiment of the present application can control the display size of the currently displayed picture to become smaller as the distance of the currently displayed picture from the center position of the current display area increases, so as to highlight the picture to be displayed and enhance the display effect of the currently displayed picture. The following is an introduction to this process, which can include the following steps:

[0119] Step S1, with reference to the two-dimensional coordinate system set with the center point of the current display area as the origin, calculate the first absolute distance by which the abscissa of the center point of the picture in the visualization queue deviates from the origin of the two-dimensional coordinate system.

[0120] Step S2, calculate the second absolute distance from the left or right boundary of the current display area to the origin of the two-dimensional coordinate system.

[0121] Step S3, calculate the ratio of the first absolute distance to the second absolute distance;

[0122] Step S4, reduce the display size of the picture displayed in the current display area according to the ratio.

[0123] For example, there are a total of three pictures displayed in the current display area. When the user's gesture slides on the terminal screen, the pictures displayed in the current display area will slide along with the horizontal sliding direction of the user's gesture. When the horizontal sliding direction of the user's gesture is to the right, the effect is as Figure 5 shown. When the horizontal sliding direction of the user's gesture is to the left, the effect is as Figure 6 shown.

[0124] As Figure 5As shown, when the horizontal sliding direction of the user's gesture is to the right, while the picture displayed in the current display area slides to the right along with the user's gesture, the pictures originally displayed at the center position and the rightmost position in the current display area gradually shrink during the rightward sliding process, and the picture originally displayed at the leftmost position in the current display area gradually enlarges during the rightward sliding process. When the left boundary of the picture originally displayed at the rightmost position in the current display area completely exits the right boundary of the current display area, the picture originally displayed at the rightmost position in the current position completely exits the current display area. And the picture originally displayed at the leftmost position in the current display area slides to the center position of the current display area, and its size reaches the preset maximum threshold.

[0125] As Figure 6 shown, when the horizontal sliding direction of the user's gesture is to the left, while the picture displayed in the current display area slides to the left along with the user's gesture, the pictures originally displayed at the center position and the leftmost position in the current display area gradually shrink during the leftward movement process, and the picture originally displayed at the rightmost position in the current display area gradually enlarges during the leftward sliding process. When the right boundary of the picture originally displayed at the leftmost position in the current display area completely exits the left boundary of the current display area, the picture originally displayed at the leftmost position in the current position completely exits the current display area. The picture originally displayed at the rightmost position in the current display area slides to the center position of the current display area, and its size reaches the preset maximum threshold.

[0126] It can be seen from the above technical solution that in the process of sliding and exiting the currently displayed picture from the current display area in the embodiment of the present application, it is possible to increase the process of controlling the display size of the currently displayed picture to become smaller as the distance of the currently displayed picture from the center position of the current display area increases, which can highlight the picture to be displayed and enhance the display effect of the currently displayed picture. The browsing experience of the user is improved.

[0127] Next, the picture display device provided by the embodiment of the present application will be introduced. The picture display device described below can be mutually referred to the picture display method described above.

[0128] See Figure 7 , Figure 7 which is a schematic structural diagram of a picture display device disclosed in an embodiment of the present application.

[0129] An acquisition unit 101, configured to acquire the serial number corresponding to the picture displayed in the current display area in a preset picture sorting table and the horizontal sliding direction of the user's gesture;

[0130] The first judgment unit 102 is configured to judge whether the serial number of the currently displayed picture is the serial number corresponding to the first or the last picture in the preset picture sorting table;

[0131] The first sliding unit 103 is configured to, when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture;

[0132] The second sliding unit 104 is configured to, when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

[0133] The picture display device according to the embodiment of the present application can realize cyclic switching of pictures to be displayed, save the time for picture switching, and improve the user's viewing experience.

[0134] Further, the above picture display device may further include:

[0135] The second judgment unit is configured to judge whether the horizontal sliding direction of the user's gesture is left or right.

[0136] The third sliding unit is configured to, when the execution result of the first judgment unit 102 is no and the execution result of the second judgment unit is left, slide the currently displayed picture to the left to exit the current display area, and use the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture;

[0137] The fourth sliding unit is configured to, when the execution result of the first judgment unit 102 is no and the execution result of the second judgment unit is right, slide the currently displayed picture to the right to exit the current display area, and use the first picture sorted before the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0138] Further, the above picture display device may further include:

[0139] The fifth sliding unit is configured to, when the execution result of the first determination unit 102 is yes, and the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the execution result of the second determination unit is to the left, slide the currently displayed picture to the left to exit the current display area, and use the picture corresponding to the first serial number after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0140] Further, the above picture display device may further include:

[0141] The sixth sliding unit is configured to, when the execution result of the first determination unit 102 is yes, and the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the second determination unit is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the first serial number before the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

[0142] Further, the above picture display device may further include:

[0143] The first transfer unit is configured to transfer the picture that exits the current display area from the visible queue to a preset cache queue.

[0144] Further, the above first transfer unit may include:

[0145] The abscissa acquisition unit is configured to acquire the abscissas of the left and right boundaries of the current display area, and the coordinate system where the current display area is located is a two-dimensional coordinate system set with the center point of the current display area as the origin;

[0146] The third determination unit is configured to traverse all pictures in the visible queue, and determine whether the traversed picture exits the current display area according to the abscissas corresponding to the left and right boundaries of the traversed picture and the abscissas of the left and right boundaries of the current display area;

[0147] The second transfer unit is configured to, when the execution result of the third determination unit is yes, transfer the picture that exits the current display area from the visible queue to the cache queue.

[0148] Further, the above picture display device may further include:

[0149] The control unit is configured to, during the process of sliding and exiting the current display area of the currently displayed picture, control the display size of the currently displayed picture to become smaller as the distance of the currently displayed picture from the center position of the current display area increases.

[0150] Furthermore, the above control unit may further include:

[0151] A first calculation unit, configured to calculate a first absolute distance by which the abscissa of the center point of the picture in the visualization queue deviates from the origin of the two-dimensional coordinate system with reference to the two-dimensional coordinate system set with the center point of the current display area as the origin;

[0152] A second calculation unit, configured to calculate a second absolute distance from the left or right boundary of the current display area to the origin of the two-dimensional coordinate system;

[0153] A third calculation unit, configured to calculate a ratio of the first absolute distance to the second absolute distance;

[0154] A scaling unit, configured to reduce the display size of the picture displayed in the current display area according to the ratio.

[0155] Wherein, for the specific processing procedures of each unit included in the above picture display device, reference may be made to the relevant introduction in the method part above, which will not be elaborated here.

[0156] The picture display device provided in the embodiment of the present application can be applied to picture display devices, such as terminals: mobile phones, computers, etc. Optionally, Figure 8 shows a hardware structure block diagram of a picture display device. Refer to Figure 8 , the hardware structure of the picture display device may include: at least one processor 1, at least one communication interface 2, at least one memory 3, and at least one communication bus 4.

[0157] In the embodiment of the present application, the number of the processor 1, the communication interface 2, the memory 3, and the communication bus 4 is at least one, and the processor 1, the communication interface 2, and the memory 3 complete communication with each other through the communication bus 4.

[0158] The processor 1 may be a central processing unit CPU, or a specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present invention, etc.;

[0159] The memory 3 may include a high-speed RAM memory, and may also include a non-volatile memory, such as at least one disk memory;

[0160] Wherein, the memory stores a program, and the processor can call the program stored in the memory, and the program is used to: implement each processing procedure in the foregoing terminal picture display solution.

[0161] An embodiment of the present application further provides a readable storage medium, which can store a program suitable for execution by a processor, and the program is used to: implement each processing flow of the foregoing terminal in the picture display solution.

[0162] Finally, it should also be noted that in this article, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements not only includes those elements, but also includes other elements not expressly listed, or also includes elements inherent to such process, method, article or device. Without further limitation, an element defined by the statement "comprising an..." does not exclude the existence of additional identical elements in the process, method, article or device comprising the element.

[0163] The various embodiments in this specification are described in a progressive manner, and the key point of each embodiment is to illustrate the differences from other embodiments. The same or similar parts among the various embodiments can be referred to each other.

[0164] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be obvious to those skilled in the art, and the general principles defined herein can be implemented in other embodiments without departing from the spirit or scope of the present application. The various embodiments can be combined with each other. Therefore, the present application will not be limited to these embodiments shown herein, but rather to the broadest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for displaying pictures, characterized in that, Including: Obtaining the serial number corresponding to the picture displayed in the current display area in a preset picture sorting table and the horizontal sliding direction of the user's gesture; Judging whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table; If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture; If the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture; The currently displayed picture is stored in a preset visible queue, and the method further includes: Transferring the picture that exits the current display area from the visible queue to a preset cache queue; The step of using the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture includes: Transferring the picture corresponding to the last serial number in the preset picture sorting table from the cache queue to the visualization queue and displaying it in the current display area; The step of using the first picture in the preset picture sorting table as the currently displayed picture includes: Transferring the first picture in the preset picture sorting table from the cache queue to the visualization queue and displaying it in the current display area; The step of transferring the picture that exits the current display area from the visible queue to a preset cache queue includes: Obtaining the abscissas of the left and right boundaries of the current display area, where the coordinate system where the current display area is located is a two-dimensional coordinate system set with the center point of the current display area as the origin; Traversing all the pictures in the visible queue, and determining whether the traversed picture exits the current display area according to the abscissas corresponding to the left and right boundaries of the traversed picture and the abscissas of the left and right boundaries of the current display area; Transferring the picture that exits the current display area from the visible queue to the cache queue; The method further includes: During the process of sliding and exiting the current display area of the currently displayed picture, as the distance of the currently displayed picture deviates from the center position of the current display area increases, controlling the display size of the currently displayed picture to become smaller; The step of, during the process of sliding and exiting the current display area of the currently displayed picture, as the distance of the currently displayed picture deviates from the center position of the current display area increases, controlling the display size of the currently displayed picture to become smaller includes: Calculating the first absolute distance by which the abscissa of the center point of the picture in the visualization queue deviates from the origin of the two-dimensional coordinate system, where the two-dimensional coordinate system is a two-dimensional coordinate system set with the center point of the current display area as the origin; Calculate a second absolute distance from the left or right boundary of the current display area to the origin of the two-dimensional coordinate system; Calculate a ratio of the first absolute distance to the second absolute distance; Reduce the display size of the picture displayed in the current display area according to the ratio.

2. The picture display method according to claim 1, characterized in that, If the serial number of the currently displayed picture is not the serial number corresponding to the first picture or the last picture in the preset picture sorting table, the method further includes: When the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture sorted after the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture; When the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the first picture sorted before the serial number corresponding to the currently displayed picture in the preset picture sorting table as the currently displayed picture.

3. The picture display method according to claim 1, wherein If the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the left, the method further includes: Slide the currently displayed picture to the left to exit the current display area, and use the picture corresponding to the first serial number sorted after the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

4. The picture display method according to claim 1, characterized in that If the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table, and the horizontal sliding direction of the user's gesture is to the right, the method further includes: Slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the first serial number sorted before the serial number of the currently displayed picture in the preset picture sorting table as the currently displayed picture.

5. A picture display device, characterized in that, Comprising: An acquisition unit, configured to acquire the serial number corresponding to the picture displayed in the current display area in the preset picture sorting table and the horizontal sliding direction of the user's gesture; A first judgment unit, configured to judge whether the serial number of the currently displayed picture is the serial number corresponding to the first or last picture in the preset picture sorting table; A first sliding unit, configured to, when the serial number of the currently displayed picture is the serial number corresponding to the first picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the right, slide the currently displayed picture to the right to exit the current display area, and use the picture corresponding to the last serial number in the preset picture sorting table as the currently displayed picture; A second sliding unit, configured to, when the serial number of the currently displayed picture is the serial number corresponding to the last picture in the preset picture sorting table and the horizontal sliding direction of the user's gesture is to the left, slide the currently displayed picture to the left to exit the current display area, and use the first picture in the preset picture sorting table as the currently displayed picture.

6. A picture display device, characterized in that, Comprising a memory and a processor; The memory is used for storing a program; The processor is configured to execute the program to implement each step of the picture display method according to any one of claims 1-4.

Citation Information

Patent Citations

  • Method and device for picture synchronous display, mobile terminal and terminal device

    CN104111813A

  • Picture loading method and smart television

    CN110868624A

  • Picture sliding display method, terminal and computer storage medium

    CN111522492A

  • Picture display method and system, computer equipment and readable storage medium

    CN112114654A