Picture display method and device, equipment and storage medium

Abstract

The invention provides a picture display method and device, equipment and a storage medium, the picture display method is applied to electronic equipment, the electronic equipment is provided with a display device, the display device is used for displaying a picture, and the picture display method comprises the following steps: in a first picture display mode, responding to a first operation, and displaying the picture in a second picture display mode; the second picture display mode and the first picture display mode are based on the same interface, and compared with the first picture display mode, the first target element is hidden on the interface of the second picture display mode. According to the method, when the user browses the picture, the picture is displayed in the second picture display mode according to the operation of the user, so that the visual effect of browsing the picture is improved, the user can see more contents, and the user can lock the target picture more quickly.

Description

[0001] This application is a divisional application of the invention patent application with application date of April 27, 2021, application number 202110463755.5, and invention name “A picture display method, device, equipment and storage medium”. Technical Field

[0002] The present application relates to the field of computer technology, and in particular to a method, device, equipment and storage medium for displaying an image. Background Art

[0003] Most smart devices such as mobile phones and tablets have the function of displaying pictures. Based on the sliding instructions of the interactive objects, the smart devices can display pictures during the sliding process (including the dragging sliding process before the sliding instruction ends and the inertial sliding process after the sliding instruction ends) to allow users to browse more pictures.

[0004] Currently, during the sliding process of the terminal, the interactive interface can be moved forward and backward or the page can be turned through the user's sliding instructions. For example, when browsing pictures, the user can move the pictures by sliding the screen to browse pictures or find target pictures. However, this way of displaying picture information is relatively simple, the visual effect of the display is poor, and it is not easy to quickly find the target picture information. Summary of the invention

[0005] In order to solve the technical problem that the user has poor visual effect and is not easy to quickly find the target image during the image browsing process, the embodiment of the present application provides a method, device, equipment and storage medium for displaying images, which can be used to improve the visual effect of image browsing, help users see more content, and help users lock in the information they are looking for more quickly. The technical solution is as follows:

[0006] On the one hand, an embodiment of the present application provides a picture display method, which is applied to an electronic device, wherein the electronic device has a display device, and the display device is used to display pictures. The method is characterized in that, in a first picture display mode, in response to a first operation, the picture is displayed in a second picture display mode; the second picture display mode and the first picture display mode are based on the same interface, and compared with the first picture display mode, the second picture display mode hides the first target element on its interface.

[0007] On the other hand, an embodiment of the present application provides a device for displaying an image, which is applied to an electronic device. The display device is used to display an image, and includes a display module, a command response module and a hiding module. The display module is configured to display the image in a first image display mode and a second image display mode on the interface; the command response module is configured to respond to a first operation; and the hiding module is configured to hide a first target element on the above interface.

[0008] On the other hand, an embodiment of the present application provides a computer device, characterized in that the computer device includes a processor and a memory, the memory stores at least one program code, and the at least one program code is loaded and executed by the processor to implement the image display method as described above.

[0009] On the other hand, an embodiment of the present application provides a computer-readable storage medium, characterized in that at least one program code is stored in the computer-readable storage medium, and the at least one program code is loaded and executed by a processor to implement the above-mentioned image display method.

[0010] According to the scheme of the present application, when the user browses pictures in the first picture display mode, the second picture display method is entered through the first operation, and the pictures are displayed in full screen, hiding the interference elements, so that the visual effect of the picture display is better, which is beneficial to improving the user's browsing experience of pictures, helping the user to see more content, and also helping the user to lock on to the target content more quickly.

[0011] It should be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0013] Figure 1 It is a schematic diagram of an implementation environment of a picture display method provided in an embodiment of the present application.

[0014] Figure 2 It is a structural block diagram of a terminal provided in an embodiment of the present application.

[0015] Figure 3 It is a flowchart of a picture display method provided in an embodiment of the present application.

[0016] Figure 4 This is a schematic diagram of an interface under a first image display mode provided in an embodiment of the present application.

[0017] Figure 5 This is a schematic diagram of an interface under a second image display mode provided in an embodiment of the present application.

[0018] Figure 6 It is a flowchart of a picture display method provided in an embodiment of the present application.

[0019] Figure 7 It is a block diagram of a picture display device provided in an embodiment of the present application.

[0020] Figure 8 It is a structural diagram of a computer device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0021] When browsing pictures on mobile terminals such as electronic devices, users are always distracted by irrelevant elements. According to the present application, when a user browses pictures in a first picture display mode, the user enters a second picture display mode through a first operation, displays the pictures in full screen, hides distracting elements, and makes the visual effect of the picture information display better, which is beneficial to improving the user's browsing experience, helps the user see more content, and helps the user lock on to the picture they are looking for more quickly.

[0022] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0023] It should be noted that the terms "first", "second", etc. in the specification, claims and drawings of this application are used to distinguish different objects rather than to describe a specific order. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions.

[0024] Reference to "embodiments" herein means that a particular feature, structure, or characteristic described in conjunction with the embodiments may be included in at least one embodiment of the present application. The appearance of the phrase in various locations in the specification does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment that is mutually exclusive with other embodiments. It is explicitly and implicitly understood by those skilled in the art that the embodiments described herein may be combined with other embodiments.

[0025] The computer devices involved in the embodiments of the present application may include various handheld devices with wireless communication functions (such as smart phones), wearable devices or other processing devices connected to wireless modems, as well as various forms of user equipment (UE), mobile stations (MS), terminal devices, etc. For the convenience of description, the above-mentioned devices are collectively referred to as computer devices. The operating system involved in the embodiments of the present invention is a software system that manages hardware resources in a unified manner and provides a service interface to users. The following takes a smart phone as an example to introduce the technical solution of the present application.

[0026] Most computer devices (hereinafter referred to as "devices") such as mobile phones and tablets have the function of displaying pictures. Based on the user's sliding instructions, the device can display interactive pictures during the sliding process (including the dragging sliding process before the sliding instruction ends and the inertial sliding process after the sliding instruction ends) to allow users to browse more interactive pictures.

[0027] In this regard, an embodiment of the present application provides a method for displaying an image, so that the image can be displayed more smoothly during the first operation, which helps the user to quickly lock the target image.

[0028] Figure 1 It is a schematic diagram of the implementation environment of the image display method provided in the embodiment of the present application.

[0029] Please refer to Figure 1 , the implementation environment may include a terminal 100 and a server 120 .

[0030] Among them, the terminal 100 is installed with an application or web page that can display interactive pictures. When the application or web page needs to display the interactive pictures that appear on the screen during the sliding process, the method provided in the embodiment of the present application can be applied to display them. The server 120 can store the interactive pictures that need to be displayed, and the terminal 100 can obtain the required interactive pictures from the server 120. Of course, the terminal 100 can also store the obtained pictures and other interactive information, and the interactive information includes but is not limited to pictures, news, videos, etc.

[0031] In one possible implementation, the terminal 100 may be an intelligent device such as a mobile phone, a tablet computer, a personal computer, etc. The terminal 100 includes at least a processor and a memory, and the memory is used to store one or more programs. When the one or more programs are loaded and executed by the processor, the processor can implement the image display method of the exemplary embodiment of the present application.

[0032] In a possible implementation, the server 120 may be a single server, or a server cluster consisting of multiple servers, or a cloud computing service center. The terminal 100 establishes a communication connection with the server 120 via a wired or wireless network.

[0033] The above-mentioned devices and servers are only examples. Other existing or future devices and servers that may be applicable to the present application should also be included in the protection scope of the present application.

[0034] For example, the image display method shown in the embodiment of the present application can be applied in a terminal that has a display screen and has the function of displaying multiple contents in parallel. The terminal can include a mobile phone, a tablet computer, an MP4 player terminal, an MP5 player terminal, a learning machine, a point-reading machine, an electronic paper book, or a vehicle-mounted terminal.

[0035] Figure 2 It is a structural block diagram of a terminal provided in an embodiment of the present application.

[0036] like Figure 2 As shown, the terminal includes a processor 220, a memory 240, and a display screen 260. The memory 240 stores at least one instruction, which is loaded and executed by the processor 220 to implement the method of displaying pictures as described in each method embodiment of the present application. Schematically, the processor 220 is also used to obtain picture information of the user interface from the memory 240 to display the corresponding picture content on the display screen 260.

[0037] In the present application, the terminal 100 is an electronic device with a picture display function. When the terminal 100 displays a picture in a first picture display mode, the terminal 100 can be triggered by a first operation in the user interface to generate an instruction. The operating system in the terminal 100 can respond to the above instruction and display the above picture in a second picture display mode.

[0038] The processor 220 may include one or more processing cores. The processor 220 uses various interfaces and lines to connect various parts of the entire terminal 100, and executes various functions and processes data of the terminal 100 by running or executing instructions, programs, code sets or instruction sets stored in the memory 240, and calling data stored in the memory 240. Optionally, the processor 220 can be implemented in at least one hardware form of digital signal processing (DSP), field programmable gate array (FPGA), and programmable logic array (PLA). The processor 220 can integrate one or a combination of a central processing unit (CPU), a graphics processor (GPU), and a modem. Among them, the CPU mainly processes the operating system, user interface, and application programs; the GPU is responsible for rendering and drawing the content to be displayed on the display screen; and the modem is used to process wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 220, but may be implemented separately through a chip.

[0039] The memory 240 may include a random access memory (RAM) or a read-only memory (ROM). Optionally, the memory 240 includes a non-transitory computer-readable storage medium. The memory 240 may be used to store instructions, programs, codes, code sets, or instruction sets. The memory 240 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the following various method embodiments, etc.; the data storage area may store data involved in the following various method embodiments, etc.

[0040] The display screen 260 may be a touch screen or a screen with a simple display function. In one possible manner, the display screen can display pictures in a first picture display mode and a second picture display mode.

[0041] Figure 3 It is a flowchart of a picture display method provided in an embodiment of the present application.

[0042] Based on the above Figure 1 In the implementation environment, the embodiment of the present application provides a method for displaying an image, which is applied to an electronic device, wherein the electronic device has a display device, and the display device is used to display an image. Figure 3 , the method provided by the embodiment of the present application may include the following steps:

[0043] S32: In the first picture display mode, in response to the first operation, display the picture in the second picture display mode.

[0044] In this embodiment, the first image display mode includes a normal browsing mode, which refers to the default interface layout mode. When entering a related application to view information or images, the terminal 100 automatically presents the interface, which is also the original interface presentation mode of the interactive interface.

[0045] Figure 4 This is a schematic diagram of an interface under a first image display mode provided in an embodiment of the present application.

[0046] Please refer to Figure 4 , Figure 4 The interface shown is the first picture display mode displayed by the device when browsing the album, which shows the original normal browsing mode, specifically the default interface layout mode of the album, that is, there will be interface elements commonly found in mobile devices such as real-time time, power level indicator and network operator, etc., and there may also be a search bar at the top of the interface, and text elements such as photos, albums and search will be displayed at the bottom of the interface, and the page can be jumped by clicking on the text element. Exemplarily, the embodiment of the present application does not limit the album, and the album referred to may include the album inherent to the mobile device, and may also include the album in the social software.

[0047] In some embodiments, taking a web page as an example, it refers to the default interface layout of a web page. In addition to the interface elements commonly found in mobile device interfaces, there may also be a search box and other text identifiers above the interface. The embodiment of the present application does not limit the type of interactive information that appears on the screen. For example, the type of interactive information may be a video, news, or a picture link showing a product.

[0048] In some embodiments, the first operation includes an operation of the user on the interactive interface, such as clicking, touching, and sliding the screen interface, etc., and may also include an operation on a physical button of the terminal 100. The user may tap or long press any position on the screen of the electronic device or a specific function button, or the user may slide the interactive interface up and down, or the user may slide the interactive interface through a sliding control of the interface.

[0049] Optionally, in response to the running condition of the first operation on the device side: when the device is running the first application, the touch operation input by the user through the touch screen of the device is detected, when the number of touch points of the touch operation is greater than or equal to 1, the sliding distance of the touch point is greater than or equal to a set threshold, and the set threshold is a positive number.

[0050] In one possible implementation, when the interactive interface displays a picture in a first picture presentation mode, the picture is displayed in a second picture presentation mode through a first operation of the user.

[0051] In some embodiments, the first operation may be a sliding operation that needs to meet a preset condition. The sliding operation includes a sliding operation by touching the interactive interface, which may refer to the user sliding the screen up and down. The up and down sliding includes the user sliding up a certain distance, or sliding down a certain distance, or sliding up and down back and forth, or sliding down and up back and forth, etc. The preset condition may be that the pressure sense reaches a certain threshold by pressing the screen of the terminal 100, or the sliding speed or acceleration of the sliding operation reaches a certain threshold, or the sliding distance of the sliding operation reaches a certain threshold, or a certain function key is successfully touched. It should be noted that the function key may be an icon control displayed on the interface of the terminal 100, or a physical function key of the terminal 100.

[0052] In some embodiments, the preset condition for the sliding operation may be detecting the motion information of the user acting on the interactive interface, wherein the target speed of the target motion information is not less than a speed threshold; or the target acceleration of the target motion information is not less than an acceleration threshold; or the target speed of the target motion information is not less than a speed threshold, and the target acceleration is not less than an acceleration threshold.

[0053] In one possible implementation, the normal browsing mode refers to the original interface presentation mode, which is a static or static-oriented browsing interface, and is a user's static viewing or simple page-turning viewing mode under the original interface presentation mode; correspondingly, the fast browsing mode refers to the mode in which the user slides or scrolls the browsed interface through sliding operations under the original interface presentation mode. In the normal browsing mode presented by the interactive interface, the interface will present the fast browsing mode through the user's sliding operation.

[0054] In some embodiments, the above-mentioned preset conditions may also include that the duration of the sliding operation exceeds a certain threshold. In the first image presentation mode, the user starts to slide the interactive interface, the interactive interface starts to scroll, and enters the quick browsing mode from the normal browsing mode, and the image information moves / scrolls from bottom to top or from top to bottom. If the terminal 100 detects that the user is continuously sliding the interactive interface and the sliding time exceeds a certain threshold, the threshold can be any positive number and is not limited here, then the content of the interactive interface is presented in the second image display mode (hiding the text content or interface elements of non-image information, and / or presenting the attribute information of the image in the form of a floating window).

[0055] In some embodiments, the above-mentioned preset conditions may also include that the displacement distance of the sliding operation exceeds a certain threshold, wherein the displacement is a vector, which refers to a directed line segment from an initial position to an end position, whose size is independent of the path, and whose direction is from the starting point to the end point. In the first picture display mode, the user starts to slide the interactive interface, and the interactive interface starts to scroll, entering the fast browsing mode from the normal browsing mode. If the terminal 100 detects that the user is continuously sliding the interactive interface, and the displacement distance of the sliding exceeds a certain threshold, which can be any positive number and is not limited here, the interactive interface is presented in the second picture display mode (hiding the text content or interface elements of non-picture information, and / or presenting the attribute information of the picture in the form of a floating window).

[0056] In the above embodiment, when the interactive interface is in the quick browsing mode, the terminal 100 does not immediately enter the second image display mode to present the image, but detects whether the user has a continuous sliding operation, and then determines whether to hide non-image elements and only present the image and / or image attribute information. Because if the user touches the interface and slides quickly and releases quickly, the second browsing mode will not be entered, which can prevent the frequent occurrence of hidden interface elements due to the user's accidental touch, thereby improving the user experience.

[0057] In the following embodiments, the first operation is taken as a sliding operation for the sake of description, but it can be understood that the first operation is not limited to the sliding operation.

[0058] It should be noted that the target direction of the sliding operation is not limited in the embodiment of the present application, and can be set according to the configuration of the terminal 100. For example, if the configuration of the terminal 100 only supports longitudinal sliding, the target direction is from top to bottom or from bottom to top; if the configuration of the terminal 100 only supports horizontal interaction, the target direction is from left to right or from right to left; if the configuration of the terminal 100 supports both longitudinal sliding and horizontal sliding, the target direction can be from top to bottom or from bottom to top, or from left to right or from right to left. During a sliding process, the target direction is a fixed direction, and the movement of the target element during the sliding process is a linear motion.

[0059] In a possible implementation, after the terminal 100 detects a touch instruction, the position of the target element in the touched area moves in a target direction, and at this time it is considered that the user slides the screen.

[0060] In some embodiments, the sliding operation may be a sliding operation of touching the interactive interface. The touch control includes gesture touch control, touch object touch control, etc. The user may tap, long press or slide any point in the interactive interface through gestures or a stylus to slide the interactive interface. Among them, touching the interactive interface may be any point of the touch interactive interface.

[0061] When the device is running the first application, the touch operation input by the user through the touch screen of the device is detected. When the number of touch points of the touch operation is greater than or equal to 1, the sliding distance of the touch points is greater than or equal to the set threshold and all touch points have a sliding trend, there is no restriction on the position of the above touch points.

[0062] In some embodiments, the above-mentioned preset conditions may be conditions that the terminal 100 needs to meet to obtain the sliding information of the user touch interface in response to the above-mentioned sliding operation. The user may touch the target element of the interface, and the target element of the interface may be any point on the screen of the interface, or a sliding control of the interface, or a related function key of the interface. Taking the user touch interaction interface as an example, the target motion information may refer to the motion information of the sliding control of the user touch interface. The method for detecting the target motion information may include detecting the speed and / or acceleration of the target during motion. A speed threshold is set, which is a positive number, and an acceleration threshold is also set, which is a positive number. The target speed of the target motion information may be not less than the speed threshold; the target acceleration of the target motion information may be not less than the acceleration threshold; the target speed of the target motion information may be not less than the speed threshold, and the target acceleration may be not less than the acceleration threshold.

[0063] It should be noted that the sliding operation conditions may include user touch, sliding interface, and the target motion information reaching a threshold. If the user has stopped sliding the sliding control, the sliding control only moves by inertia and still does not meet the triggering conditions of the sliding operation. At this time, the terminal 100 will detect the cessation of the sliding operation, and the aforementioned interface presentation method of hiding non-image information will not appear.

[0064] In this embodiment, the terminal 100 begins to present the effect of interface conversion in response to the user's sliding operation (a sliding operation that meets preset conditions), and then restores the original interface presentation mode in response to the user stopping the sliding operation, which is conducive to enhancing the user's interactive experience.

[0065] It should be noted that the above steps only exist in some embodiments, that is, some embodiments may also omit the above steps.

[0066] In some embodiments, the first operation may be a sliding operation on a sliding control. Before the sliding operation, the sliding control may be displayed in response to a touch operation in a target direction.

[0067] Among them, the touch operation in response to the target direction may be the user tapping the interactive interface, or the user sliding the screen up and down, or the user tapping the screen and then sliding it up and down, or the user long pressing the interactive interface, or the user long pressing the interactive interface and then sliding up and down; the up and down sliding instructions include the user sliding up a certain distance, or sliding down a certain distance, or sliding up and down back and forth, or sliding down and up back and forth, etc.

[0068] In response to the touch operation in the target direction, the terminal 100 displays a sliding control, and the displayed sliding control may be a sliding bar, or a sliding icon, etc. Taking the sliding control as a sliding bar as an example, after the sliding bar appears, the user can use the sliding bar to implement the sliding operation on the interactive interface. It should be noted that the sliding bar can be of any style, such as an icon, an identifier, or a cartoon character, etc., and the shape of the sliding bar is not limited here.

[0069] The above-mentioned sliding bar can appear at any position of the screen, which can be the middle of the left side of the screen, the middle of the right side of the screen, or the middle of the screen. The user can implement the operation of the sliding instruction by controlling the sliding bar. When the sliding bar does not appear, the user can also implement the operation of the sliding instruction by sliding the screen. When the sliding bar appears, the user can drag the sliding bar to scroll / slide the interactive interface, and switch from presenting the picture in the first picture display mode to presenting the picture in the second picture display mode.

[0070] In one possible implementation, a mapping relationship may be formed between the sliding distance of the sliding control and the sliding distance of the interactive interface. The user can control the sliding control that appears on the interactive interface to perform the sliding operation, so that the sliding range of the interactive interface can be proportionally enlarged. For example, if the user slides 1 cm on the interactive interface, the presented interface can slide 10 cm (the above values ​​are only examples), which is conducive to improving the user's sliding experience. The user can browse more information through a small distance touch sliding.

[0071] It should be noted that the above steps only exist in some embodiments, that is, some embodiments may also omit the above steps.

[0072] In some embodiments, the first operation may be an operation in response to a function button. The function button may be a virtual button with a specific function (such as a function of sliding the interactive interface) on the interactive interface, or may be a physical button provided by the terminal 100. The user may freely scroll or slide the interactive interface by pressing the function button, and the user may control the scrolling speed of the interactive interface by the pressure of pressing the function button.

[0073] In the interactive interface, in the first image display mode, the second image display mode is displayed through the user's first operation. Both modes are based on the same interface. The difference is that the second image display mode retains the original image content in the first image display mode, hides the first target element (such as a search box or text content, etc.), and fills the above-mentioned hidden area with the original image content.

[0074] S34: The second image display mode hides the area of ​​the first target element on its interface.

[0075] The first target element includes text content or interface elements other than pictures. For example, interface elements are common interface elements displayed in the interactive interface, such as real-time time, battery level indicator, and network operator, etc. Text content is text elements such as photos, albums, and searches at the bottom of the interface. Clicking on the text element can also jump to the page.

[0076] In this embodiment, the second image display mode and the first image display mode are based on the same interface, and the second image display mode is different from the first image display mode in that the first target element is hidden on the same interface.

[0077] In this embodiment, the interactive interface of terminal 100 can display pictures in the second picture display mode, that is, the interactive interface of terminal 100 hides the text content or interface elements of non-picture information, and adjusts the layout of the pictures to display the pictures in the area of ​​the hidden first target elements, thereby realizing full-screen display of pictures and hiding interference elements. Therefore, the visual effect of the picture display is better, which is conducive to improving the user's browsing experience during the operation process, helping the user to see more content, and helping the user to lock on to the target content more quickly.

[0078] Optionally, in the second image display mode, the image is displayed in the area corresponding to the hidden first target element. In one possible mode, in response to the first operation, the layout of the image is adjusted to fill the area where the first target element is hidden, and the image is displayed in the area corresponding to the first target element.

[0079] Optionally, in the above-mentioned way of adjusting the layout of the picture, when the interactive interface displays the picture in the area where the first target element is hidden, the second target element can be presented in the interactive interface in the form of a floating window. The second target element includes attribute information of the picture, such as the date when the picture was generated, the time when it was taken or produced, etc. Therefore, in the second browsing mode, the interactive interface of the terminal 100 can have text content or interface elements that hide non-picture information, and / or present the attribute information of the picture in the form of a floating window.

[0080] The above steps are only examples, and each step is independent and can be freely combined. In some implementations, it is not necessary to include all of the above steps.

[0081] Figure 5 This is a schematic diagram of an interface under a second image display mode provided in an embodiment of the present application.

[0082] Please refer to Figure 5 , Figure 5 It is shown that in the second picture display mode, the terminal 100 hides elements other than picture information. Taking the album of the electronic device as an example, the non-picture information of the interface includes interface elements commonly found in mobile devices such as real-time time, power level indicator and network operator, etc. at the top of the interface, and text elements such as photos, albums and search at the bottom of the interface. Clicking on the text element can also jump to the page. These non-picture information elements will be hidden, and only the photo information will be presented, which is convenient for users to find target photos and enhance the user experience.

[0083] For example, the embodiments of the present application do not limit the photo albums. The photo albums referred to may include photo albums inherent to the mobile device, and may also include photo albums in social software, and both can enter the quick browsing mode through the picture browsing method of the present application.

[0084] Optionally, the terminal 100 can present the related picture attribute content in the form of a floating window, including but not limited to the time when the picture was taken or uploaded, the place where the picture was taken, or both the time and the place, or one of the time and the place, etc., in addition to hiding the elements other than the non-picture information. The above floating window can be presented in any corner of the related picture, such as the upper left corner of the picture, in a manner that does not affect the field of view of the picture. The above picture attribute content can appear in a single picture respectively, and can also appear on multiple pictures with the same attribute content.

[0085] It should be noted that when the user touches the screen to start sliding, the interface elements gradually hide. If the user lets go, the interface elements do not need to continue hiding, and the original interface elements will be presented directly, returning to normal browsing mode.

[0086] In this embodiment, when the user touches and slides the screen, the terminal 100 displays the picture content on the entire screen and hides the interfering elements. If the user stops touching the screen, the original interface is restored, that is, the interactive interface presents the picture in the first browsing mode. On the one hand, it can enhance the user's interactive experience, and on the other hand, it can prevent the user from accidentally touching the screen, resulting in the above-mentioned hidden elements flickering.

[0087] In the quick browsing mode, the terminal 100 hides elements other than the image information. Taking the web page content as an example, the non-image information of the interface includes the interface elements commonly found in the mobile device interface above the interface, as well as the search box and other text identifiers. All non-image information will be hidden, and only the image information will be presented, so that the user can quickly find the target image. Exemplarily, the type of interactive information can be video, news, or a picture link showing a product, etc., and the quick browsing mode can be entered through the information browsing method of the present application.

[0088] In an embodiment of the present application, users can enter the quick browsing mode of the page through sliding operations according to their needs, hide irrelevant information, and only present the information content required by the user, so as to facilitate users to quickly find target pictures and bring users a better immersive search or reading experience.

[0089] It should be noted that when the interactive interface is statically presented, it is an interface in normal browsing mode; after the user performs the first operation on the interactive interface, the screen begins to scroll, and at this time the image can continue to be presented in the first image display mode, but enters the quick browsing mode, which is the interface effect presented when the interactive interface starts to scroll or slide. In quick browsing mode, its inherent interface elements will not be hidden or changed. When the preset conditions are met, the image is presented in the second image display mode, that is, the text content or interface elements of non-image information are hidden, and / or the attribute information of the image is presented in the form of a floating window.

[0090] Optionally, when presenting a picture in the first picture display mode, after the user performs a first operation on the interactive interface, the screen starts to scroll, and at this time the picture can be directly presented in the second picture display mode.

[0091] The above independent embodiments are merely examples and are not necessary steps.

[0092] In some embodiments, considering that a user may accidentally touch the screen, in order to prevent such an accidental touch, it may be detected that the sliding distance is greater than a first distance threshold.

[0093] A first distance threshold is set, which is a positive number. The distance between the starting point of the user's touch screen interface element and the process point / end point after sliding is greater than the first distance threshold.

[0094] In this embodiment, after the user touches the interface and the sliding distance meets the first distance threshold, the user continues to slide and then enters the second picture presentation mode. In other words, if the user touches the interface and slides quickly and releases the touch quickly, the second picture presentation mode will not be entered, so that the user's accidental touch can prevent the frequent appearance of hidden interface elements, which affects the user's experience.

[0095] It should be noted that the above steps only exist in some embodiments, that is, some embodiments may also omit the above steps.

[0096] Figure 6 This is a flowchart of another image display method provided in an embodiment of the present application.

[0097] Please refer to Figure 6 , Figure 6 This is a flowchart of browsing pictures in an embodiment of the present application. The method of browsing pictures may include the following steps:

[0098] S62: Stopping in response to the first operation.

[0099] In some embodiments, before the sliding operation ends, the terminal 100 may continue to display the interactive image appearing on the screen in the second image display mode until the first operation ends.

[0100] The cessation of the first operation includes the end of the sliding instruction, that is, the end of the drag sliding process and the start of the inertial sliding process. Among them, the response to the first operation includes the user's operation on the interactive interface, including but not limited to clicking, touching and sliding the screen interface, etc. It can be that the user taps or long presses any position on the screen of the electronic device or a specific function button, or the user slides the screen up and down. The up and down sliding includes the user sliding up a certain distance, or sliding down a certain distance, or sliding up and down back and forth, or sliding down and up back and forth, etc. It will not be repeated here. When the terminal 100 detects that the sliding operation performed by the user stops, the interactive interface presentation mode changes.

[0101] S64: Exit the state of presenting the picture in the second picture display mode.

[0102] The sliding operation ends, that is, the sliding process ends, and the inertial sliding process begins. At this time, the original interface elements gradually appear, the attribute information of the image is hidden, the mode of presenting the image in the second image display mode is exited, and the first image display mode is returned to displaying the image. The first image display mode is the default interface presentation mode of the application, which will not be repeated here.

[0103] It should be noted that when the user stops sliding the touch screen and the interface elements are gradually restored, if the user starts sliding again, the interface elements do not need to be restored and the second image display mode is directly used to present the image.

[0104] In summary, the picture browsing method of the exemplary embodiment of the present application is based on responding to the first operation, and the terminal 100 changes the way of presenting pictures in the first picture display mode. After entering the second picture display mode, only the picture and / or picture attribute information is presented, and the interference information is hidden, so as to improve the visual effect of picture browsing, help users see more content, and help users lock on to the target picture more quickly.

[0105] It should be noted that although the steps of the method in the present application are described in a specific order in the drawings, this does not require or imply that the steps must be performed in this specific order, or that all the steps shown must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step, and / or one step may be decomposed into multiple steps, etc.

[0106] Furthermore, this exemplary embodiment also provides a picture display device.

[0107] Figure 7 It is a schematic diagram of a picture display device provided in an embodiment of the present application.

[0108] Please refer to Figure 7According to an exemplary embodiment of the present application, the picture display device may include a display module 701 , an instruction response module 703 and a hiding module 705 .

[0109] Specifically, the display module 701 is configured to display the image in the first image display mode and the second image display mode; the instruction response module 703 is configured to respond to the first operation; the hiding module 705 is configured to hide the first target element on the same interface. The second image display mode and the first image display mode are based on the same interface, and the second image display mode hides the first target element on its interface compared to the first image display mode.

[0110] It should be noted that when the first operation is not received, or the received first operation is stopped, or the first operation does not conform to the preset state, the interface will continue to display the picture in the first picture display mode, or exit the display of the picture in the second picture display mode and return to displaying the picture in the first picture display mode.

[0111] According to an exemplary embodiment of the present application, the picture display module 701 may be configured to execute: in the second picture display mode, displaying a picture in the area corresponding to the hidden first target element.

[0112] According to an exemplary embodiment of the present application, when the image display module 701 displays an image in the area corresponding to the hidden first target element in the second image display mode, it can also be configured to execute: presenting the first target element in the form of a floating window in the interface, wherein the second target element is different from the first target element.

[0113] The first target element includes text content or interface elements other than the image, and the second target element includes attribute information of the image.

[0114] According to an exemplary embodiment of the present application, the instruction response module 703 may be configured to execute: responding to a first operation.

[0115] According to an exemplary embodiment of the present application, the instruction response module 703 may also be configured to respond to the first operation as a sliding operation that satisfies a preset condition.

[0116] According to an exemplary embodiment of the present application, during the sliding operation that satisfies a preset condition, the instruction response module 703 includes a sliding operation of touching the interactive interface.

[0117] According to an exemplary embodiment of the present application, the instruction response module 703 can be configured to execute the following in response to a sliding operation that satisfies a preset condition or a sliding operation by touching the interactive interface: judging the preset condition, that is, the target speed is not less than a speed threshold; or, the target acceleration is not less than an acceleration threshold; or, the target speed is not less than a speed threshold, and the target acceleration is not less than an acceleration threshold.

[0118] According to an exemplary embodiment of the present application, the preset condition satisfied by the instruction response module 703 may further include: the displacement distance of the sliding operation exceeds a second threshold, and the second threshold is different from the first threshold.

[0119] According to an exemplary embodiment of the present application, the first operation in the response to the first operation by the instruction response module 703 may also include: a sliding operation acting on a sliding control.

[0120] According to an exemplary embodiment of the present application, before responding to the first operation, the instruction response module 703 may further execute: displaying a sliding control in response to a touch operation in a target direction.

[0121] According to an exemplary embodiment of the present application, when the instruction response module 703 responds to the first operation, the first operation may also be: responding to the operation of a function button.

[0122] According to an exemplary embodiment of the present application, the instruction response module 703 may also be configured to: in response to the first operation being stopped, exit the state of presenting the picture in the second picture display mode.

[0123] Figure 8 It is a structural diagram of a computer device provided in an embodiment of the present application.

[0124] Please refer to Figure 8 , an embodiment of the present application provides a computer device, the device comprising: the electronic device comprises a processor 801 and a memory 803 connected via a system bus. Among them, the processor is used to provide computing and control capabilities to support the operation of the entire electronic device. The memory may include a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The computer program can be executed by the processor to implement the image display method provided in each of the above embodiments. The internal memory provides a cached operating environment for the operating system computer program in the non-volatile storage medium. The electronic device can be a mobile phone, a tablet computer, a personal digital assistant, a wearable device, or a wireless smart device.

[0125] The implementation of each module in the picture display device provided in the embodiment of the present application may be in the form of a computer program. The computer program may be run on a device or a server. The program modules constituted by the computer program may be stored in the memory of the device or the server. When the computer program is executed by the processor, the steps of the method described in the embodiment of the present application are implemented.

[0126] The present application also provides a computer-readable storage medium, which may be included in the electronic device described in the above embodiment; or may exist independently without being assembled into the electronic device.

[0127] Computer readable storage media may be, for example, but not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or components, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memories (RAM), read-only memories (ROM), erasable programmable read-only memories (EPROM or flash memory), optical fibers, portable compact disk read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination thereof. In an embodiment of the present application, a computer readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, device, or device.

[0128] Computer-readable storage media can send, propagate or transmit programs for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer-readable storage medium can be transmitted using any appropriate medium, including but not limited to: wireless, wire, optical cable, RF, etc., or any suitable combination of the above.

[0129] The computer-readable storage medium carries one or more programs. When the one or more programs are executed by an electronic device, the electronic device implements the method described in the following embodiments.

[0130] The flow charts and schematic diagrams in the accompanying drawings illustrate the possible architecture, functions and operations of the system, method and computer program product according to various embodiments of the present application. In this regard, each box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the above-mentioned module, program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0131] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, and the units described may also be arranged in a processor. The names of these units do not, in some cases, constitute limitations on the units themselves.

[0132] Through the description of the above implementation methods, it is easy for those skilled in the art to understand that the example implementation methods described here can be implemented by software or by combining software with necessary hardware. Therefore, the technical solution according to the implementation methods of the present application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the implementation methods of the present application.

[0133] In addition, the above-mentioned drawings are only schematic illustrations of the processing included in the method according to the exemplary embodiment of the present application, but it should not be understood as limiting the scope of the patent of the present application. It is easy to understand that the processing shown in the above-mentioned drawings does not indicate or limit the time sequence of these processing. In addition, it is also easy to understand that these processing can be, for example, executed synchronously or asynchronously in multiple modules. It should be noted that although several modules or units of the device for action execution are mentioned in the above detailed description, this division is not mandatory. In fact, according to the embodiment of the present disclosure, the features and functions of two or more modules or units described above can be concretized in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided into multiple modules or units to be concretized.

[0134] For those of ordinary skill in the art, without departing from the concept of the present application, several variations and improvements can also be made, which all belong to the scope of protection of the present application. The present application is intended to cover any modification, use or adaptation of the present application, which follows the general principles of the present application and includes common knowledge or customary technical means in the technical field not described in the present application. The description and embodiments are to be regarded as exemplary only, and the true scope and spirit of the present application are indicated by the claims. It should be understood that the present application is not limited to the precise structure described above and shown in the drawings, and various modifications and changes can be made without departing from its scope. The scope of the present application is limited only by the appended claims.

Claims

1. A method for displaying an image, applied to an electronic device, wherein the electronic device has a display device, and the display device is used to display an image, wherein: In the first picture display mode, in response to the first operation, displaying the picture in the second picture display mode; The second image display mode and the first image display mode are based on the same interface, and compared with the first image display mode, the second image display mode hides the first target element on its interface.

2. The method according to claim 1, characterized in that The first target element includes text content or interface elements other than pictures.

3. The method according to claim 1, characterized in that: The second image display mode and the first image display mode are based on the same interface, and compared with the first image display mode, the second image display mode hides the first target element on its interface, and further includes: In the second image display mode, the image is displayed in the area corresponding to the first target element, and the image is displayed in full screen.

4. The method according to claim 3, characterized in that The displaying of the picture in the area corresponding to the first target element includes: The layout of the image is adjusted to fill and hide the area corresponding to the first target element.

5. The method according to claim 3, characterized in that: Compared with the first image display mode, the second image display mode hides the first target element on its interface, and further includes: Presenting the second target element in the form of a floating window on the interface; The second target element is different from the first target element.

6. The method according to claim 5, characterized in that The second target element includes attribute information of the picture.

7. The method according to claim 1 or 2, characterized in that: The first operation is one or more of a click, a touch, and a slide operation on the interactive interface of the electronic device.

8. The method according to claim 7, characterized in that The first operation is a sliding operation whose duration exceeds a first threshold; or, the first operation is a sliding operation whose displacement distance exceeds a second threshold, and the second threshold is different from the first threshold.

9. The method according to claim 1, characterized in that: The first operation includes: A slide operation that acts on a slide control.

10. The method according to claim 9, characterized in that Before responding to the first operation, the method includes: Responding to touch operations in the target direction; The slide control is displayed.

11. The method according to claim 1, characterized in that: In response to the first operation stopping; Exit the state of presenting the image in the second image display mode.

12. A picture display device, applied to an electronic device, the display device is used to display pictures, characterized in that: A display module, configured to display the image in a first image display mode and a second image display mode on the interface; An instruction response module, configured to respond to a first operation; The hiding module is configured to hide the first target element on the interface.

13. A computer device, characterized in that: The computer device includes a processor and a memory; At least one program code is stored in the memory; The at least one program code is loaded and executed by the processor to implement the image display method described in any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that ； The computer-readable storage medium stores at least one program code; The at least one program code is loaded and executed by the processor to implement the image display method described in any one of claims 1 to 11.

Images