WO2022227784A1 - 一种图片显示方法、装置，设备及存储介质 - Google Patents

一种图片显示方法、装置，设备及存储介质 Download PDF

Info

Publication number
WO2022227784A1
WO2022227784A1 PCT/CN2022/075851 CN2022075851W WO2022227784A1 WO 2022227784 A1 WO2022227784 A1 WO 2022227784A1 CN 2022075851 W CN2022075851 W CN 2022075851W WO 2022227784 A1 WO2022227784 A1 WO 2022227784A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
display mode
interface
image display
target
Prior art date
Application number
PCT/CN2022/075851
Other languages
English (en)
French (fr)
Inventor
孟婉婷
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2022227784A1 publication Critical patent/WO2022227784A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Definitions

  • the present invention claims the priority of the prior application titled "A Picture Displaying Method, Device, Device and Storage Medium” filed on April 27, 2021 with the priority of the prior application No. 202110463755.5.
  • the contents of the aforementioned prior application are incorporated by reference. into this text.
  • the present application relates to the field of computer technology, and in particular, to a picture display method, apparatus, device, and storage medium.
  • Smart devices such as mobile phones, tablets, etc.
  • Smart devices can be based on the sliding instructions of interactive objects.
  • the sliding process including the drag sliding process before the end of the sliding command and the inertial sliding process after the sliding command ends) Display pictures for users to browse more pictures.
  • the user's sliding command can be used to move the interactive interface forward and backward or turn pages.
  • the purpose of the target image is not limited to be used to move the interactive interface forward and backward or turn pages.
  • the embodiments of the present application provide a picture display method, device, equipment and storage medium, which can be used to improve picture browsing.
  • the visual effect helps users see more content and helps users lock in the information they are looking for more quickly.
  • an embodiment of the present application provides a picture display method, which is applied to electronic equipment.
  • the electronic equipment is provided with a display device, and the display device is used for displaying pictures, including:
  • 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 the interface.
  • an embodiment of the present application provides an apparatus for displaying pictures, which is applied to electronic equipment.
  • the apparatus for displaying pictures is used for displaying pictures, including:
  • a display module configured to display the picture on the interface in a first picture display mode and a second picture display mode
  • an instruction response module configured to respond to the first operation
  • the hiding module is configured to hide the first target element on the interface.
  • 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 piece of program code, and the at least one piece of program code is loaded and executed by the processor to achieve As shown in the picture above.
  • an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores at least one piece of program code, and at least one piece of program code is loaded and executed by a processor to implement the above-mentioned Image display method.
  • FIG. 1 is a schematic diagram of an implementation environment of a picture display method provided by an embodiment of the present application.
  • FIG. 2 is a structural block diagram of a terminal provided by an embodiment of the present application.
  • FIG. 3 is a flowchart of a picture display method provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram of an interface in a first picture display mode provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram of an interface in a second picture display mode provided by an embodiment of the present application.
  • FIG. 6 is a flowchart of a picture display method provided by an embodiment of the present application.
  • FIG. 7 is a block diagram of a picture display device provided by an embodiment of the present application.
  • FIG. 8 is a schematic structural diagram of a computer device provided by an embodiment of the present application.
  • the user When browsing pictures on a mobile terminal such as an electronic device, the user is always disturbed by irrelevant elements.
  • the user when browsing pictures in the first picture display mode, the user enters the second picture through the first operation Display mode, the pictures are displayed in full screen, and the interfering elements are hidden, so that the visual effect of the picture information display is better, which is conducive to improving the user's experience of browsing pictures, allowing users to see more content, and is also beneficial to users. Find the picture you are looking for faster.
  • the computer devices involved in the embodiments of the present application may include various handheld devices (such as smart phones) with wireless communication functions, wearable devices, or other processing devices connected to wireless modems, and various forms of user equipment (User Equipment). , UE), mobile station (Mobile Station, MS), terminal device (terminal device) and so on. For convenience of description, the devices mentioned above are collectively referred to as computer devices.
  • the operating system involved in the embodiments of the present invention is a software system that uniformly manages hardware resources and provides a business interface to users. The technical solution of the present application will be introduced below by taking a smartphone as an example.
  • Computer devices such as mobile phones, tablets, etc., mostly have the function of displaying pictures.
  • the device can be based on the user's sliding command, and the sliding process (including the drag sliding process before the end of the sliding command and the inertia after the sliding command ends).
  • Interactive pictures are displayed in the sliding process) for users to browse more interactive pictures.
  • the user's sliding command can be used to move the interactive interface forward and backward or turn pages.
  • the purpose of the target picture but this method of displaying picture information is relatively simple, the visual effect of the display is poor, and it is not convenient to quickly find the target picture information.
  • the embodiment of the present application provides a picture display method, so that the picture can be displayed more smoothly in the process of the first operation, which is helpful for the user to quickly lock the target picture.
  • This embodiment provides a picture display method, which is applied to an electronic device.
  • the electronic device includes a display device, and the display device is used to display a picture.
  • the method includes:
  • 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 the interface.
  • the picture display method provided by this embodiment further includes: in the second picture display mode, displaying the picture in the area corresponding to the first target element.
  • the second image display mode hides the first target element on the interface, and the image display method provided by this embodiment further includes: in the The interface presents the second target element in the form of a floating window; wherein, the second target element is different from the first target element.
  • the first target element includes text content or interface elements other than the picture; the second target element includes attribute information of the picture.
  • the first operation includes: a sliding operation that satisfies a preset condition.
  • the sliding operation includes: a sliding operation by touching the interactive interface.
  • the preset conditions include: the target speed of the sliding operation is not less than a speed threshold; or, the target acceleration of the sliding operation is not less than an acceleration threshold; or, the sliding operation The target speed of the operation is not less than a speed threshold, and the target acceleration of the sliding operation is not less than an acceleration threshold.
  • the preset condition further includes: the duration of the sliding operation exceeds a first threshold; or, the displacement distance of the sliding operation exceeds a second threshold, and the second threshold is different at the first threshold.
  • the first operation includes: a sliding operation acting on the sliding control.
  • the picture display method provided in this embodiment further includes: responding to a touch operation in a target direction; displaying the sliding control.
  • the first operation includes: an operation acting on a function button.
  • the picture display method provided in this embodiment further includes: stopping in response to the first operation; and exiting the state of presenting the picture in the second picture display manner.
  • FIG. 1 is a schematic diagram of an implementation environment of a picture display method provided by an embodiment of the present application.
  • the implementation environment may include a device 100 and a server 120 .
  • the device 100 is installed with an application or a webpage capable of displaying interactive pictures.
  • the application or webpage needs to display the interactive pictures appearing on the screen during the sliding process, the method provided by the embodiments of the present application can be applied to display.
  • the server 120 may store the interactive pictures to be displayed, and the device 100 may obtain the required interactive pictures from the server 120 .
  • the device 100 may also store the acquired interactive information such as pictures, and the interactive information includes but is not limited to pictures, news, videos, and the like.
  • the device 100 may be a smart device such as a mobile phone, a tablet computer, a personal computer, etc.
  • the device 100 includes at least a processor and a memory, and the memory is used to store one or more programs, when one or more When the program is loaded and executed by the processor, the processor can implement the image display method of the exemplary embodiment of the present application.
  • the server 120 may be a server, a server cluster composed of multiple servers, or a cloud computing service center.
  • the device 100 establishes a communication connection with the server 120 through a wired or wireless network.
  • the picture display method shown in the embodiment of the present application can be applied to a terminal, where the terminal has a display screen and has the function of displaying multiple contents in parallel.
  • the terminal may include a mobile phone, a tablet computer, an MP4 player terminal, an MP5 player terminal, a learning machine, a point reader, an electronic paper book, or a vehicle-mounted terminal.
  • FIG. 2 is a structural block diagram of a terminal provided by an embodiment of the present application.
  • the terminal includes a processor 220, a memory 240, and a display screen 260.
  • the memory 240 stores at least one instruction, and the instruction is loaded and executed by the processor 220 to implement various methods of the present application. The method for displaying pictures described in the embodiment.
  • the processor 220 is further configured to acquire picture information of the user interface from the memory 240 to display corresponding picture content on the display screen 260 .
  • the terminal 100 is an electronic device with a picture display function.
  • the terminal 100 displays the picture in the first picture display mode
  • the terminal 100 can be triggered by the first operation in the user interface to generate an instruction.
  • the operating system in the terminal 100 can display the above-mentioned picture in the second picture display mode in response to the above-mentioned instruction.
  • Processor 220 may include one or more processing cores.
  • the processor 220 uses various interfaces and lines to connect various parts in the entire terminal 100, and executes the terminal by running or executing the instructions, programs, code sets or instruction sets stored in the memory 240, and calling the data stored in the memory 240. 100 various functions and processing data.
  • the processor 220 may adopt at least one of digital signal processing (Digital Signal Processing, DSP), field programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). implemented in a hardware form.
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA programmable logic array
  • the processor 220 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU), a modem, and the like.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • the CPU mainly handles the operating system, user interface, and application programs
  • the GPU is used to render and draw the content that needs to be displayed on the display screen
  • the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 220, and is implemented by a single chip.
  • the memory 240 may include a random access memory (Random Access Memory, RAM), or may include a read-only memory (Read-Only Memory, ROM).
  • the memory 240 includes a non-transitory computer-readable storage medium.
  • Memory 240 may be used to store instructions, programs, codes, sets of codes, or sets of instructions.
  • the memory 240 may include a stored program area and a stored data area, wherein the stored program 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, etc., used to implement the following method embodiments; the storage data area can store data and the like involved in the following method embodiments.
  • the display screen 260 can be either a touch screen or a screen that simply has a display function. In a possible manner, the display screen can display pictures in a first picture display manner and a second picture display manner.
  • FIG. 3 is a flowchart of a picture display method provided by an embodiment of the present application.
  • an embodiment of the present application provides a method for displaying pictures.
  • the method is applied to electronic equipment.
  • the electronic equipment is provided with a display device, and the display device is used for displaying pictures.
  • the method provided by the embodiment of the present application may include the following steps:
  • the first picture display mode includes the normal browsing mode, which refers to the default interface layout mode.
  • the interface automatically presented by the device 100 is also the original interface presentation of the interactive interface. Way.
  • FIG. 4 is a schematic diagram of an interface in a first picture display mode provided by an embodiment of the present application.
  • FIG. 4 shows the interface in the first picture display mode displayed by the device when browsing the album. What is displayed is the original common browsing mode, and specifically refers to the default interface layout mode of the album, that is, the interface On the top, there will be common interface elements of mobile devices, such as real-time time, battery indicator, and network operator, etc., and there may also be a search bar. At the bottom of the interface, there will be text elements such as photos, albums, and search. Clicking on the text elements can also realize the page. of jumping. Exemplarily, the embodiments of the present application do not limit the albums, and the albums referred to may include albums inherent in mobile devices, and may also include albums in social software.
  • taking a web page refers to the default interface layout mode of the web page.
  • it refers to the default interface layout mode of the web page.
  • there may also be a search box and other text identifiers on the top of the interface.
  • This embodiment of the present application does not limit the type of interaction information that appears on the screen.
  • the type of interactive information may be video, news, or a link to a picture showing the product.
  • the first operation includes the user's operation on the interactive interface, such as clicking, touching, and sliding the screen interface, etc., and may also include the operation on the physical keys of the device 100 . It may 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 interactive interface up and down, or the user slides the interactive interface through the sliding control of the interface.
  • a touch operation input by the user through the touch screen of the device is detected, when the number of touch screen 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 the set threshold, and the set threshold is a positive number.
  • the interactive interface displays the picture in the first picture presentation manner
  • the user enters the display of the picture in the second picture presentation manner through the first operation of the user.
  • the first operation may be a sliding operation that needs to satisfy a preset condition
  • the above sliding operation includes a sliding operation 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 swipe down a certain distance, or swipe up and then down and back, or down and up and back and forth, etc.
  • the preset condition may be that by pressing the screen of the device 100, the pressure sensitivity reaches a certain threshold, 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 It is the successful touch of a function button.
  • the function button may be an icon control displayed on the interface of the device 100 , or may be a physical function button provided by the device 100 .
  • the above-mentioned preset conditions for the sliding operation may be to detect the motion information of the user acting on the interactive interface, and the target speed of the target motion information is not less than the speed threshold; it may also be that the target acceleration of the target motion information is not less than the acceleration threshold. ; It can also be that the target speed of the target motion information is not less than the speed threshold, and the target acceleration is not less than the acceleration threshold.
  • the normal browsing mode refers to the original interface presentation mode, which is a static or tending to static browsing interface, and is a way of viewing or simply turning pages through the user's static viewing in the original interface presentation mode.
  • the quick browsing mode refers to the way in which the user slides or scrolls the browsed interface through the sliding operation under the original interface presentation mode. In the normal browsing mode presented by the interactive interface, through the user's sliding operation, the interface will present a quick browsing mode.
  • the above-mentioned preset condition may further include that the duration of the sliding operation exceeds a certain threshold, in the first picture presentation mode, the user starts to slide the interactive interface, the interactive interface starts to scroll, and enters the fast browsing mode from the normal browsing mode mode, the picture information moves/scrolls from bottom to top or top to bottom.
  • the threshold can be any positive number, which is not set here. Restriction, the content of 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).
  • the above-mentioned preset condition may further 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 the initial position to the end position, and its size is independent of the path, The direction is from the start point to the end point.
  • the displacement is a vector, which refers to a directed line segment from the initial position to the end position, and its size is independent of the path, The direction is from the start point to the end point.
  • the displacement distance of the sliding operation exceeds a certain threshold.
  • the threshold can be any positive number, which is not limited here, and 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) .
  • the device 100 does not immediately enter the second picture display mode to present the picture in the fast browsing mode of the interactive interface, but detects whether the user has a continuous sliding operation, and then judges whether to hide non-picture elements, only The step of presenting the picture and/or picture attribute information. Because if the user touches the interface and quickly swipes and releases it 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, and improve the user's experience.
  • the first operation is a sliding operation as an example for convenience of description, but it can be understood that the first operation is not limited to the sliding operation.
  • the embodiment of the present application does not limit the target direction of the sliding operation, which may be set according to the configuration of the device 100 .
  • the target direction is top-to-bottom or bottom-to-top; if the configuration of the device 100 only supports horizontal interaction, the target direction is left to right Or from right to left; if the configuration of the device 100 supports both vertical and horizontal sliding, the target direction can be either from top to bottom or from bottom to top, or from left to right or from right to left direction.
  • the target direction is a fixed direction, and the movement of the target element during the sliding process is a linear motion.
  • the position of the target element in the touched area moves in the target direction, and at this time, it is considered that the user has swiped the screen.
  • the above-mentioned sliding operation may be a sliding operation of touching the interactive interface.
  • the above-mentioned touch includes gesture touch, touch object touch, etc.
  • the user can tap, long-press or slide any point in the interactive interface through a gesture or a stylus to slide the above-mentioned interactive interface.
  • the touch on the interactive interface may be any point on the touch interactive interface.
  • the device When the device runs the first application, it detects the touch operation input by the user through the touch screen of the device. 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 the set threshold. In addition, all touch screen points have a sliding tendency, and the positions of the above touch screen points are not limited here.
  • the above preset condition may be a condition that needs to be satisfied by the device 100 to obtain the sliding information of the user touch interface, so as to respond to the above sliding operation.
  • the user may touch the interface target element, and the interface target element may be any point on the screen of the interface, or may be a sliding control of the interface, or may be a related function button of the interface.
  • the target motion information may refer to the motion information of the sliding control of the user touch interface.
  • the method of detecting the movement information of the target may include detecting the speed and/or acceleration of the movement of the target. Set a velocity threshold, which is a positive number, and an acceleration threshold, which is a positive number.
  • the target speed of the target motion information is not less than the speed threshold; it can also be that the target acceleration of the target motion information is not less than the acceleration threshold; it can also be that the target speed of the target motion information is not less than the speed threshold, and the target acceleration is not less than the acceleration threshold.
  • the sliding operation conditions may include user touch and sliding interfaces, and the target motion information of which reaches a threshold. If the user has stopped sliding the sliding control, the sliding control only relies on inertial movement and still does not meet the triggering conditions of the sliding operation. At this time, the device 100 will detect the stop of the sliding operation, and the aforementioned interface presentation method of hiding non-picture information will not appear.
  • the device 100 starts to present the effect of interface transition in response to the user's sliding operation (sliding operation that meets the preset conditions), and then resumes the original interface presentation mode in response to the user's stop of the sliding operation, which is beneficial to enhance the user's interactive experience.
  • the above-mentioned first operation may be a sliding operation acting on a sliding control. Before the sliding operation, the above sliding control may be displayed in response to the touch operation in the target direction.
  • the user in response to the touch operation in the target direction, the user may tap the interactive interface, or the user may slide the screen up and down, or the user may tap the screen and then slide the screen up and down. Swipe up and down after pressing the interactive interface; the swipe up and down instructions include the user swiping up a certain distance, or swiping down a certain distance, or swiping up and then down and back, or down and up and back and forth, etc.
  • the device 100 By responding to the touch operation in the target direction, the device 100 displays a sliding control, and the displayed sliding control may be a sliding bar or a sliding icon or the like. Taking the sliding control as the sliding bar as an example, after the sliding bar appears, the user can realize the sliding operation of the interactive interface through the sliding bar. It should be noted that the sliding bar may be in any style, it may be an icon, an identifier, a cartoon character, etc. The shape of the sliding bar is not limited here.
  • the above sliding bar can appear anywhere on the screen, it can be in the middle of the left side of the screen, or it can be in the middle of the right side of the screen, or it can be in the middle of the screen.
  • the user can realize the operation of the sliding instruction by controlling the sliding bar, and when the sliding bar does not appear, the user can also realize the operation of the sliding instruction by sliding the screen.
  • the slide bar appears, the user can drag the slide 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.
  • the sliding distance of the sliding control and the sliding distance of the interactive interface may form a mapping relationship.
  • the user can realize the sliding operation by controlling the sliding control that appears on the interactive interface, and the scope of the user sliding interactive interface can be enlarged in proportion. It is only an example), which is beneficial to improve the user's sliding experience, and the user can browse more information by touching and sliding at a small distance.
  • the above-mentioned first operation may be in response to an operation of a function button.
  • the above-mentioned function buttons may be virtual buttons with specific functions on the interactive interface (such as the function of sliding the interactive interface), or may be physical buttons provided on the device 100 .
  • the user can realize free scrolling or sliding of the interactive interface by pressing the above-mentioned function buttons, and yes, the user can realize the scrolling speed of the interactive interface through the pressure sensitivity of pressing the above-mentioned function buttons.
  • the user enters the second image display mode to display the image through the first operation of the user.
  • the two modes are based on the same interface. The difference is that the second image display mode retains the first
  • the original image content in a picture 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.
  • the first target element includes text content or interface elements other than pictures.
  • interface elements are common interface elements displayed in the interactive interface, such as real-time time, battery indicator, and network operator, etc.
  • the text content is like a photo below the interface. Text elements such as albums and search, etc., click on the text elements to achieve page jumping.
  • the second image display mode and the first image display mode are based on the same interface, and the difference between the second image display mode and the first image display mode is that the first object is hidden on the same interface. element.
  • the interactive interface of the device 100 can display the picture in the second picture display mode, that is, the interactive interface of the device 100 hides the text content or interface elements of the non-picture information, and adjusts the layout of the picture so that the hidden first A picture is displayed in the area of a target element, so that the picture can be displayed in a full-screen display and the interfering elements are hidden. Therefore, the visual effect of the picture display is better, which is beneficial to improve the user's browsing experience during the operation process, and helps the user to see more Multi-content helps users lock in to the target content they are looking for more quickly.
  • the picture is displayed in the area corresponding to the hidden first target element.
  • the layout of the picture is adjusted to fill the area where the first target element is hidden, and the picture is displayed in the area corresponding to the first target element.
  • the second target element when the interactive interface displays the picture in the area where the first target element is hidden, the second target element may be presented in the form of a floating window on the interactive interface.
  • the second target element includes attribute information of the picture, such as the date when the picture was generated, the time of shooting or production, and the like. Therefore, in the second browsing mode, the interactive interface of the device 100 may have text content or interface elements that hide non-picture information, and/or present attribute information of pictures in the form of a floating window.
  • FIG. 5 is a schematic diagram of an interface in a second picture display mode provided by an embodiment of the present application.
  • the device 100 hides elements other than picture information.
  • the non-picture information on the interface includes the interface elements commonly found in mobile devices such as real-time time, battery indicator and network operator at the top of the interface, and text elements such as photos, albums and search at the bottom of the interface. , click the text element to jump to the page.
  • These non-picture information elements will be hidden, and only photo information will be presented, which is convenient for users to find the target photos and enhances the user's experience.
  • the embodiment of the present application does not limit the photo album, and the referred photo album may include the photo album inherent in the mobile device or the photo album in the social software, which can be entered into the fast browsing mode through the picture browsing method of the present application.
  • the device 100 can present relevant picture attribute content in the form of a floating window when hiding elements other than non-picture information, 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 place at the same time. appear, or one of the time and place appears, etc.
  • the above-mentioned floating window can be presented in any corner of the relevant picture, such as the upper left of the picture, in a manner that does not affect the field of view of the picture.
  • the attribute content of the above-mentioned pictures may appear in a single picture respectively, and may also appear in multiple pictures with the same attribute content.
  • the device 100 displays the picture content on the entire screen and hides 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 improve the user's sense of interactive experience, and on the other hand, it can also prevent the user from accidentally touching the screen, and the above-mentioned hidden elements appear and disappear.
  • the device 100 hides elements other than picture information.
  • the non-picture information of the interface includes the common interface elements on the mobile device interface above the interface, as well as the search box and other text identifiers. Users quickly find the target image.
  • the type of interactive information may be video, news, or a link to a picture of a displayed product, etc., all of which can be entered into a quick browsing mode through the information browsing method of the present application.
  • the user can enter the fast browsing mode of the page by sliding operation according to his own needs, hide irrelevant information, and only present the information content required by the user, which is convenient for the user to quickly find the target picture and brings immersion to the user.
  • the immersive experience of searching or reading is better.
  • the interactive interface when the interactive interface is statically presented, it is the interface in the normal browsing mode; after the user performs the first operation on the interactive interface, the screen starts to scroll, and the picture can be presented in the first picture display mode at this time.
  • the quick browsing mode is the interface effect presented by the scrolling or sliding of the interactive interface.
  • Quick View mode its native interface elements are not hidden and changed.
  • the picture is presented in the second picture display mode, that is, the text content or interface elements of non-picture information are hidden, and/or the attribute information of the picture is presented in the form of a floating window.
  • the screen starts to scroll, and at this time, the picture can also be directly entered in the second picture display mode.
  • a first distance threshold is set, which is a positive number, and the distance between the user's starting point and the sliding process point/end point of the interface element on the touch screen is greater than the first distance threshold.
  • the user after the user slides through the touch interface for a distance that meets the first distance threshold, the user continues to slide, and then enters the second mode of presenting pictures. That is to say. If the user touches the interface and quickly swipes and releases the hand quickly, the second mode of presenting the picture will not be entered, which can prevent frequent occurrence of hidden interface elements due to the user's accidental touch, affecting the user's experience.
  • FIG. 6 is a flowchart of another picture display manner provided by an embodiment of the present application.
  • FIG. 6 is a flowchart of browsing pictures in the embodiment of the present application, and the method for browsing pictures may include the following steps:
  • the device 100 may display the interactive picture appearing on the screen in the state of presenting the picture in the second picture display manner until the end of the first operation.
  • the stopping of the first operation includes the end of the sliding instruction, that is, the end of the dragging and sliding process, and the inertial sliding process is started.
  • responding 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, and so on. It can be that the user taps or long presses anywhere on the screen of the electronic device or a specific function button, or the user swipes the screen up and down. Swiping up and down includes the user swiping up a certain distance, or sliding down a certain distance, or swiping up and then down and back and forth. , or swipe down and then up and down, etc. It is not repeated here.
  • the device 100 detects that the sliding operation performed by the user is stopped, a transition of the presentation mode of the interactive interface occurs.
  • the sliding process ends, and the inertial sliding process begins.
  • the original interface elements are gradually displayed, the attribute information of the image is hidden, the mode of presenting the image in the second image display mode is exited, and the image is displayed in the first image display mode, which is the default interface of the application.
  • the presentation method will not be repeated here.
  • the device 100 changes the way of presenting the picture in the first picture display mode, and after entering the second picture display mode to present the picture, the Only present the picture and/or picture attribute information, and hide the interference information, so as to improve the visual effect of picture browsing, help users to see more content, and help users lock to the target picture faster.
  • the present exemplary embodiment also provides a picture display device.
  • FIG. 7 is a schematic diagram of a picture display device provided by an embodiment of the present application.
  • a picture display apparatus may include a display module 701 , an instruction response module 703 and a hiding module 705 .
  • the display module 701 is configured to display pictures in the first picture display mode and the second picture display mode; the instruction response module 703 is configured to respond to the first operation; the hiding module 705 is configured to be on the same interface Hide the first target element.
  • 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 first target element is hidden on the interface of the second image display mode.
  • the interface will stay to display the picture in the first picture display mode, or exit the second picture display. Display the picture in the first picture display mode, and return to displaying the picture in the first picture display mode.
  • the display module 701 may be configured to perform: in the second picture display mode, display a picture in an area corresponding to the hidden first target element.
  • the display module 701 when the display module 701 executes the second picture display mode, in the process of displaying the picture in the area corresponding to the hidden first target element, the display module 701 may also be configured to execute: display the picture as a floating window on the interface
  • the first target element is presented in the form of , wherein the second target element is different from the first target element.
  • the above-mentioned first target element includes text content or interface elements other than pictures, and the second target element includes attribute information of the picture.
  • the instruction response module 703 may be configured to perform: in response to the first operation.
  • the instruction response module 703 may be further configured to: a sliding operation that satisfies a preset condition.
  • the sliding operation in the process of the sliding operation satisfying the preset condition by the instruction response module 703, includes a sliding operation touching the interactive interface.
  • the instruction response module 703 may be configured to perform: judging the preset condition, that is, the target The speed is not less than the speed threshold; or, the target acceleration is not less than the acceleration threshold; or, the target speed is not less than the speed threshold, and the target acceleration is not less than the acceleration threshold.
  • the preset condition satisfied by the instruction response module 703 may further include: the displacement distance of the sliding operation exceeds a second threshold value, and the second threshold value is different from the first threshold value.
  • the first operation performed by the instruction response module 703 in responding to the first operation may further include: a sliding operation acting on the sliding control.
  • the instruction response module 703 may further perform: displaying a sliding control in response to a touch operation in the target direction.
  • the first operation in the process of responding to the first operation by the instruction response module 703, the first operation may also be: responding to an operation of a function button.
  • the instruction response module 703 may be further configured to: in response to the stop of the first operation, exit the state of presenting the picture in the second picture display manner.
  • FIG. 8 is a schematic structural diagram of a computer device provided by an embodiment of the present application.
  • an embodiment of the present application provides a computer device, the device includes: the electronic device includes a processor 801 and a memory 803 connected through 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 non-volatile storage media and internal memory.
  • the nonvolatile storage medium stores an operating system and a computer program.
  • the computer program can be executed by the processor to implement the picture display methods provided by the above embodiments.
  • Internal memory provides a cached execution environment for operating system computer programs in non-volatile storage media.
  • the electronic device may be a mobile phone, a tablet computer or a personal digital assistant or a wearable device or a wireless smart device.
  • each module in the picture display device provided in the embodiments of the present application may be in the form of a computer program.
  • the computer program can run on a device or server.
  • the program modules constituted by the computer program may be stored on the memory of the device or server.
  • the present application also provides a computer-readable storage medium.
  • the computer-readable storage medium may be included in the electronic device described in the above-mentioned embodiments, or it may exist alone without being assembled into the electronic device.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
  • the computer-readable storage medium may be any tangible medium containing or storing a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
  • the computer-readable storage medium can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.
  • Program code embodied on a computer-readable storage medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
  • the computer-readable storage medium carries one or more programs, which, when executed by an electronic device, cause the electronic device to implement the methods described in the following embodiments.
  • each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions.
  • the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved.
  • the units involved in the embodiments of the present disclosure may be implemented in software or hardware, and the described units may also be provided in a processor. Among them, the names of these units do not constitute a limitation on the unit itself under certain circumstances.
  • the exemplary embodiments described herein may be implemented by software, or may be implemented by software combined with necessary hardware. Therefore, the technical solutions according to the embodiments of the present application may be embodied in the form of software products, and the software products may be stored in a non-volatile storage medium (which may be CD-ROM, U disk, mobile hard disk, etc.) or on the network , including several instructions to cause a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiment of the present application.
  • a computing device which may be a personal computer, a server, a terminal device, or a network device, etc.

Abstract

本申请提供了一种图片显示方法、装置、设备及存储介质，该方法包括：在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示图片；第二图片显示方式与第一图片显示方式基于同一界面，第二图片显示方式相较于第一图片显示方式，其界面上隐藏第一目标元素，从而有助于让用户看到更多内容，用户更快锁定到目标图片。

Description

一种图片显示方法、装置，设备及存储介质
本发明要求2021年04月27日递交的发明名称为“一种图片显示方法、装置，设备及存储介质”的申请号202110463755.5的在先申请优先权，上述在先申请的内容以引入的方式并入本文本中。
技术领域
本申请涉及计算机技术领域，尤其涉及一种图片显示方法、装置，设备及存储介质。
背景技术
智能设备如手机、平板等大多都具有显示图片的功能，智能设备可以基于交互对象的滑动指令，在滑动过程(包括滑动指令结束前的拖动滑动过程以及滑动指令结束后的惯性滑动过程)中显示图片，以供用户浏览更多的图片。
目前，终端在滑动过程中，可通过用户的滑动指令实现交互界面的往前往后移动或翻页等，例如在浏览图片的过程中，用户可以通过滑动屏幕实现图片的移动，实现浏览图片或查找目标图片的目的。
发明内容
为解决在浏览图片的过程中，用户浏览的视觉效果差，不便于快速找到目标图片的技术问题，本申请实施例提供了一种图片显示方法、装置，设备及存储介质，可用于提高图片浏览的视觉效果，有助于让用户看到更多内容，有利于用户更快锁定到所找信息。所述技术方案如下：
一方面，本申请实施例提供了一种图片显示方法，应用于电子设备，电子设备具备显示装置，显示装置用于显示图片，包括：
在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示所述图片；
所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素。
又一方面，本申请实施例提供了一种图片显示的装置，应用于电子设备，所述图片显示装置用于显示图片，包括：
显示模块，被配置在界面以第一图片显示方式和第二图片显示方式显示所述图片；
指令响应模块，被配置为响应于第一操作；
隐藏模块，被配置为在所述界面上隐藏第一目标元素。
另一方面，本申请实施例提供了一种计算机设备，其特征在于，计算机设备包括处理器和存储器，存储器中存储至少一条程序代码，至少一条程序代码由所述处理器加载并执行，以实现如上述的图片显示方法。
再一方面，本申请实施例提供了一种计算机可读存储介质，其特征在于，计算机可读存储介质中存储有至少一条程序代码，至少一条程序代码由处理器加载并执行，以实现上述的图片显示方法。
应当理解的是，以上的概括描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技 术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种图片显示方法的实施环境的示意图；
图2是本申请实施例提供的一种终端的结构框图；
图3是本申请实施例提供的一种图片显示方法的流程图；
图4是本申请实施例提供的一种第一图片显示方式下的界面示意图；
图5是本申请实施例提供的一种第二图片显示方式下的界面示意图；
图6是本申请实施例提供的一种图片显示方法的流程图；
图7是本申请实施例提供的一种图片显示装置的方框图；
图8是本申请实施例提供的一种计算机设备的结构示意图。
具体实施方式
在电子设备等移动终端上浏览图片的时候，用户总是会被无关的元素干扰，而根据本申请方案，用户在第一图片显示方式下浏览图片时，通过第一操作而进入到第二图片显示方式，将图片进行全屏罗列展示，隐藏干扰元素，以使得图片信息显示的视觉效果更好，有利于提高用户浏览图片的体验感，有助于让用户看到更多内容，也有利于用户更快锁定到所找图片。
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。
在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
本申请实施例所涉及到的计算机设备可以包括各种具有无线通信功能的手持设备(如智能手机)、可穿戴设备或连接到无线调制解调器的其他处理设备，以及各种形式的用户设备(User Equipment，UE)，移动台(Mobile Station，MS)，终端设备(terminal device)等等。为方便描述，上面提到的设备统称为计算机设备。本发明实施例所涉及到的操作系统是对硬件资源进行统一管理，并向用户提供业务接口的软件系统。下面以智能手机为例，对本申请的技术方案进行介绍。
计算机设备(以下简称“设备”)如手机、平板等大多都具有显示图片功能，设备可以基于用户的滑动指令，在滑动过程(包括滑动指令结束前的拖动滑动过程以及滑动指令结束后的惯性滑动过程)中展示交互图片，以供用户浏览更多的交互图片。
目前，终端在滑动过程中，可通过用户的滑动指令实现交互界面的往前往后移动或翻页等，例如在浏览图片的过程中，用户可以通过滑动屏幕实现图片的移动，实现浏览图片或查找目标图片的目的，但此种展示图片信息的方式较单一，展示的视觉效果较差，不便于快速找到目标图片信息。
对此，本申请实施例提供了一种图片显示方法，以在第一操作的过程中展示图片更加流畅，有助于用户快速锁定目标图片。
本实施例提供一种图片显示方法，应用于电子设备，所述电子设备具备显示装置，所述显示装置用于显示图片，该方法包括：
在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示所述图片；
所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素。
在一种可能的实施方式中，所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，本实施例提供的图片显示方法还包括：在所述第二图片显示方式下，在所述第一目标元素对应的区域显示所述图片。
在一种可能的实施方式中，所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，本实施例提供的图片显示方法还包括：在所述界面以悬浮窗的形式呈现第二目标元素；其中，所述第二目标元素不同于所述第一目标元素。
在一种可能的实施方式中，所述第一目标元素包括除所述图片以外的文字内容或界面元素；所述第二目标元素包括所述图片的属性信息。
在一种可能的实施方式中，所述第一操作，包括：满足于预设条件的滑动操作。
在一种可能的实施方式中，所述滑动操作，包括：触控于交互界面的滑动操作。
在一种可能的实施方式中，所述预设条件，包括：所述滑动操作的目标速度不小于一速度阈值；或者，所述滑动操作的目标加速度不小于一加速度阈值；或者，所述滑动操作的目标速度不小于一速度阈值，且所述滑动操作的目标加速度不小于一加速度阈值。
在一种可能的实施方式中，所述预设条件，还包括：所述滑动操作的持续时间超过第一阈值；或者，所述滑动操作的位移距离超过第二阈值，所述第二阈值不同于所述第一阈值。
在一种可能的实施方式中，所述第一操作，包括：作用于滑动控件的滑动操作。
在一种可能的实施方式中，在所述响应于第一操作之前，本实施例提供的图片显示方法还包括：响应于目标方向的触控操作；显示所述滑动控件。
在一种可能的实施方式中，所述第一操作，包括：作用于功能按钮的操作。
在一种可能的实施方式中，本实施例提供的图片显示方法还包括：响应于第一操作停止；退出以所述第二图片显示方式呈现所述图片的状态。
图1是本申请实施例提供的图片显示方法的实施环境的示意图。
请参考图1，该实施环境可以包括设备100和服务器120。
其中，设备100安装有能够展示交互图片的应用程序或者网页，当该应用程序或者网页需要在滑动过程中展示出现在屏幕上的交互图片时，可应用本申请实施例提供的方法进行展示。服务器120可以对需要展示的交互图片进行存储，设备100可以从服务器120上获取需要的交互图片。当然，设备100上也可以对获取的图片等交互信息进行存储，交互信息包括不限于图片，新闻，视频等。
在一种可能的实现方式中，设备100可以是诸如手机、平板电脑、个人计算机等的智能设备，设备100至少包括处理器和存储器，存储器用于存储一个或多个程序，当一个或多个程序被处理器加载并执行时，使得处理器可以实现本申请示例性的实施方式的图片显示方法。
在一种可能的实施方式中，服务器120可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。设备100与服务器120通过有线或无线网络建立通信连接。
上述设备和服务器仅为举例，其他现有的或今后可能出现的设备和服务器可适用于本申请的，也应包含在本申请保护范围以内。
示例性地，本申请实施例所示的图片显示方法，可以应用在终端中，该终端具备显示屏且具备多内容并行显示的功能。终端可以包括手机、平板电脑、MP4播放终端、MP5播放终端、学习机、点读机、电纸书、或车载终端等。
图2是本申请实施例提供的一种终端的结构框图。
如图2所示，该终端包括处理器220、存储器240和显示屏260，所述存储器240中存储有至少一条指令，所述指令由所述处理器220加载并执行以实现如本申请各个方法实施例所述的图片显示的方法。示意性的，处理器220还用于从存储器240中获取用户界面的图片信息，以在显示屏260中显示相应的图片内容。
在本申请中，终端100是具备图片显示功能的电子设备。当终端100以第一图片显示方式显示图片时，终端100能够在用户界面中被第一操作触发生成指令。终端100中的操作系统能够响应于上述指令，以第二图片显示方式显示上述图片。
处理器220可以包括一个或者多个处理核心。处理器220利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器240内的指令、程序、代码集或指令集，以及调用存储在存储器240内的数据，执行终端100的各种功能和处理数据。可选的，处理器220可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器220可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器220中，单独通过一块芯片进行实现。
存储器240可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory，ROM)。可选的，该存储器240包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器240可用于存储指令、程序、代码、代码集或指令集。存储器240可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储下面各个方法实施例中涉及到的数据等。
显示屏260既可以是触摸屏，也可以是单纯具备显示功能的屏幕。一种可能的方式中，显示屏能够以第一图片显示方式和第二图片显示方式显示图片。
图3是本申请实施例提供的一种图片显示方法的流程图。
基于上述图1的实施环境，本申请实施例提供一种图片显示方法，该方法应用于电子设备，电子设备具备显示装置，显示装置用于显示图片。请参照图3，本申请实施例提供方法可以包括如下步骤：
S32：在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示所述图片。
在本实施例中，第一图片显示方式包括普通浏览模式，是指默认的界面排版方式，当一进入相关应用查看信息或图片时，设备100自动呈现出的界面，也是交互界面原始的界面呈现方式。
图4是本申请实施例提供的一种第一图片显示方式下的界面示意图。
请参照图4，图4示出的是在浏览相册时，设备显示的第一图片显示方式下的界面，显示的是原始的普通浏览模式，具体指的是相册的默认界面排版模式，即界面上方会有移动设备常有的界面元素如实时时间，电量标识及网络运营商等，也可能有查找栏，界面下方会如照片，相册及查找等文字元素等，点击该文字元素还可实现页面的跳转的。示例性的，本申请实施例对相册不做限定，所指的相册可包括移动设备固有的相册，也可包括社交软 件中的相册。
在一些实施例中，以网页为例，指的是网页的默认界面排版方式，界面上方除移动设备界面常有的界面元素外，还可有搜索框及其他文字标识符。本申请实施例对出现在屏幕上的交互信息的类型不加以限定。示例性地，交互信息的类型可以为视频、也可以为新闻，也可以为展示商品的图片链接等。
在一些实施例中，第一操作包括用户对交互界面的操作，如点击、触控及滑动屏幕界面等等，也可以包括对设备100实体按键的操作。可以是用户轻点、长按电子设备屏幕任意位置或特定的功能按键，也可以是用户上下滑动交互界面，也可以是用户通过界面的滑动控件来滑动交互界面。
可选地，响应于第一操作在设备侧的运行情况是：设备运行第一应用的情况下，检测用户通过设备的触摸屏输入的触控操作，当该触控操作的触屏点的数量大于或等于1，其触控点的滑动距离大于或等于设定阈值，其设定阈值是正数。
在一种可能实现的方式下，在交互界面以第一图片呈现方式显示图片时，通过用户的第一操作而进入以第二图片呈现方式显示图片。
在一些实施例中，第一操作可以是需要满足于预设条件的滑动操作，上述滑动操作包括触控于交互界面的滑动操作，可以指用户上下滑动屏幕，上下滑动包括用户向上滑动一定距离，或向下滑动一定距离，或向上再向下来回滑动，或向下再向上来回滑动等。预设条件可以是通过按压设备100的屏幕，其压感达到一定的阈值，也可以是滑动操作的滑动速度或加速度达到一定的阈值，也可以是滑动操作的滑动距离达到一定的阈值，也可以是成功触控某个功能按键。需要说明的是，该功能按键可以是显示在设备100的界面上的图标控件，也可以是设备100自带的实体功能按键。
在一些实施例中，上述的滑动操作预设条件可以是检测用户作用于交互界面的运动信息，其目标运动信息的目标速度不小于速度阈值；也可以是目标运动信息的目标加速度不小于加速度阈值；也可以是目标运动信息的目标速度不小于速度阈值，且目标加速度不小于加速度阈值。
在一种可能实现的方式下，普通浏览模式是指原始的界面呈现方式，是一个静态或趋向于静态的浏览界面，是通过用户在原始的界面呈现方式下静态观看或简单翻页的查阅方式；与之相对应的是快速浏览模式是指在原有的界面呈现方式下，用户通过滑动操作使得所浏览的界面滑动或滚动起来而呈现的方式。在交互界面呈现的普通浏览模式下，通过用户的滑动操作，界面会呈现快速浏览模式。
在一些实施例中，上述的预设条件还可以包括滑动操作的持续时间超过一定的阈值，在第一图片呈现方式下，用户开始滑动交互界面，交互界面开始滚动，从普通浏览模式进入快速浏览模式，图片信息就自下而上或者自上而下移动/滚动起来，若设备100检测到用户在持续滑动交互界面，所滑动的时间超过一定的阈值，阈值可以是任意正数，此处不作限制，则以第二图片显示方式(隐藏非图片信息的文字内容或界面元素，和/或以悬浮窗的形式呈现图片的属性信息)呈现交互界面的内容。
在一些实施例中，上述的预设条件还可以包括滑动操作的位移距离超过一定的阈值，其中，位移是一个矢量，指代由初位置到末位置的有向线段，其大小与路径无关，方向由起点指向终点。在第一图片显示方式下，用户开始滑动交互界面，交互界面开始滚动，从普通浏览模式进入到快速浏览模式，若设备100检测到用户在持续滑动交互界面，其滑动的位移距离超过一定的阈值，阈值可以是任意正数，此处不做限制，则以第二图片显示方式(隐藏非图片信息的文字内容或界面元素，和/或以悬浮窗的形式呈现图片的属性信息)呈现交互界面。
在上述实施例中，设备100在交互界面呈现快速浏览模式下，并不立即进入第二图片 显示方式呈现图片，而是检测用户是否有持续滑动的操作，进而判断是否进行隐藏非图片元素，仅呈现图片和/或图片属性信息这一步骤。因为如果用户触控界面后快速滑动且快速松手时，就不会进入第二浏览模式，这样就能防止因用户的误触而频繁出现隐藏界面元素的情况，提升用户的体验感。
在下面实施例均以第一操作为滑动操作为例以便于描述，但可以理解的是，第一操作并不限于滑动操作。
需要说明的是，本申请实施例对滑动操作的目标方向不加以限定，可以根据设备100的配置情况进行设置。示例性地，若设备100的配置情况仅支持纵向滑动，则目标方向为从上到下或者从下到上的方向；若设备100的配置情况仅支持横向互动，则目标方向为从左到右或者从右到左的方向；若设备100的配置情况既支持纵向滑动又支持横向滑动，则目标方向既可以为从上到下或者从下到上的方向，又可以为从左到右或者从右到左的方向。在一次滑动过程中，目标方向为一个固定的方向，目标元素在滑动过程中的运动为直线运动。
在一种可能的实现方式中，设备100在检测到触摸指令后，被触摸区域中的目标元素的位置发生目标方向的移动，此时就认为用户滑动了屏幕。
在一些实施例中，上述滑动操作可以为触控于交互界面的滑动操作。上述触控包括手势触控、触控物触控等，用户可以通过手势或者触控笔轻点、长按或滑动于交互界面中的任意一点，以滑动上述交互界面。其中，触控于交互界面可以是触控交互界面的任意一点。
设备运行第一应用的情况下，检测用户通过设备的触摸屏输入的触控操作，当该触控操作的触屏点的数量大于或等于1，其触控点的滑动距离大于或等于设定阈值且所有触屏点有滑动趋势，此处对上述触屏点的位置不做限制。
在一些实施例中，上述预设条件可以为设备100获取用户触控界面的滑动信息所需满足的条件，以响应上述滑动操作。用户可以触控界面目标元素，界面目标元素可以是界面的屏幕任意一点，也可以是界面的滑动控件，也可以是界面的相关的功能按键。以用户触控交互界面为例，目标运动信息可以指用户触控界面的滑动控件的运动信息。检测目标运动信息的方法可以包括检测目标运动时的速度和/或加速度。设定一个速度阈值，其是正数，还可设定一个加速度阈值，其是正数。可以是目标运动信息的目标速度不小于速度阈值；也可以是目标运动信息的目标加速度不小于加速度阈值；也可以是目标运动信息的目标速度不小于速度阈值，且目标加速度不小于加速度阈值。
需要说明的是，滑动操作条件可以有用户触控、滑动界面，其目标运动信息达到阈值。若用户已经停止滑动滑动控件，滑动控件仅依靠惯性移动，仍不满足滑动操作的触发条件，此时，设备100会检测滑动操作的停止，不会出现前述以隐藏非图片信息的界面呈现方式。
在本实施例中，设备100通过响应于用户的滑动操作(满足预设条件的滑动操作)开始呈现界面转换的效果，再响应于用户停止滑动操作，则恢复原有界面呈现方式，利于增强用户的交互体验感。
需要说明的是，上述步骤仅存在于一些实施例，即有的实施例也可省略上述步骤。
在一些实施例中，上述的第一操作可以为作用于滑动控件的滑动操作。在该滑动操作之前，可以有的是：响应于目标方向的触控操作，显示上述的滑动控件。
其中，响应于目标方向的触控操作可以有用户轻点交互界面，也可以有用户上下滑动屏幕，也可以有用户轻点屏幕后上下滑动屏幕，可以是用户长按交互界面，可以是用户长按交互界面后上下滑动；上下滑动指令包括用户向上滑动一定距离，或向下滑动一定距离，或向上再向下来回滑动，或向下再向上来回滑动等。
通过响应于目标方向的触控操作，设备100显示滑动控件，所显示的滑动控件可以是滑动条，也可以是滑动图标等。以滑动控件为滑动条为例，出现滑动条后，用户可通过滑 动条来实现对交互界面的滑动操作。需要说明的是，滑动条可以是任一样式，可以是一个图标，也可以是一个标识符，也可以是一个卡通人物形象等，此处对滑动条的形状不做限定。
上述滑动条可以出现在屏幕任一位置，可以是屏幕左侧中间，也可以是屏幕右侧中间，也可以是屏幕正中间。用户可以通过控制滑动条来实现滑动指令的操作，当未出现滑动条时，用户也可以通过滑动屏幕来实现滑动指令的操作。当出现了滑动条，用户可拖动滑动条实现交互界面的滚动/滑动，从以第一图片显示方式呈现图片转换成以第二图片显示方式呈现图片。
在一种可能实现的方式中，滑动控件的滑动距离与交互界面的滑动距离可形成映射关系。用户通过控制出现在交互界面上的滑动控件来实现滑动操作，就可以实现用户滑动交互界面的范围等比例放大，例如，用户在交互界面上滑动1cm，就可以实现呈现界面的滑动10cm(以上数值仅为举例)，利于提升用户的滑动体验，用户通过小距离的触控滑动可以浏览到更多的信息。
需要说明的是，上述步骤仅存在于一些实施例，即有的实施例也可省略上述步骤。
在一些实施例中，上述的第一操作可以是响应于功能按钮的操作。上述的功能按钮可以是在交互界面上具有特定的功能(如滑动交互界面的功能)的虚拟按钮，也可以在设备100自带的实体按键。用户可以通过按压上述功能按钮实现交互界面的自由滚动或滑动，可以的是，用户可以通过其按压上述功能按钮的压感来实现交互界面滚动的快慢。
在交互界面以第一图片显示方式下，通过用户的第一操作而进入第二图片显示方式显示图片，两种方式都是基于同一界面的，不同的是，第二图片显示方式是在保留第一图片显示方式下原有的图片内容，隐藏第一目标元素(如搜索框或文字内容等)，用原有的图片内容去填充上述隐藏区域。
S34：第二图片显示方式在其界面上隐藏第一目标元素的区域。
第一目标元素包括除图片以外的文字内容或界面元素，例如界面元素是交互界面中显示的常有的界面元素如实时时间，电量标识及网络运营商等，文字内容是界面下方会如照片，相册及查找等文字元素等，点击该文字元素还可实现页面跳转的。
在本实施例中，第二图片显示方式与第一图片显示方式是基于同一界面的，且第二图片显示方式相较于第一图片显示方式不同的是在上述同一界面上隐藏了第一目标元素。
在本实施例中，设备100的交互界面可以以第二图片显示方式显示图片，即设备100的交互界面隐藏非图片信息的文字内容或界面元素，并调整图片的布局方式，以在所隐藏第一目标元素的区域显示图片，从而实现将图片进行全屏罗列展示，隐藏干扰元素，因此图片展示的视觉效果更好，有利于提高用户在操作过程中的浏览体验，有助于让用户看到更多内容，有利于用户更快锁定到所找目标内容。
可选地，在第二图片显示方式下，在所隐藏的第一目标元素对应的区域显示图片。在一种可能的方式中，在响应于第一操作时，调整图片的布局方式，以填充隐藏上述第一目标元素的区域，在第一目标元素对应的区域显示图片。
可选地，在上述调整图片的布局方式，交互界面在所隐藏第一目标元素的区域显示图片时，可以选择的，在交互界面以悬浮窗的形式呈现第二目标元素。第二目标元素包括图片的属性信息，如图片生成的日期，所拍摄或制作时间等。所以第二浏览模式下，设备100的交互界面可以有隐藏非图片信息的文字内容或界面元素，和/或以悬浮窗的形式呈现图片的属性信息。
以上步骤是仅为举例，各个步骤是独立的，且可自由组合，在一些实施方式中，也可不必包括以上所有步骤。
图5是本申请实施例提供的一种第二图片显示方式下的界面示意图。
请参考图5，图5示出了在第二图片显示方式中，设备100隐藏了除图片信息以外的元素。以电子设备的相册为例，界面的非图片信息包括界面上方会有移动设备常有的界面元素如实时时间，电量标识及网络运营商等，界面下方会如照片，相册及查找等文字元素等，点击该文字元素还可实现页面跳转的。这些非图片信息元素都会被隐藏，仅呈现照片信息，便于用户查找目标照片，增强用户的体验感。
示例性的，本申请实施例对相册不做限定，所指的相册可包括移动设备固有的相册，也可包括社交软件中的相册，均可通过本申请的图片浏览方法进入快速浏览模式。
可供选择的，设备100在隐藏非图片信息以外的元素，可以以悬浮窗的形式呈现相关图片属性内容，包括但不限于拍摄或上传图片的时间，拍摄图片的地点，或时间地点两者同时出现，或时间地点出现其中之一等。上述悬浮窗可以以不影响图片视野的方式呈现在相关图片的任意角落，例如图片的左上方。上述图片的属性内容可以分别出现在单张图片中，还可以出现在多张属性内容相同的图片上。
需要说明的是，在用户触控屏幕开始滑动时，界面元素逐渐隐藏的过程中，若用户松手，则界面元素无需继续隐藏，直接开始呈现原有的界面元素，回到普通浏览模式。
在本实施例中，通过用户触控并滑动屏幕时，设备100整屏显示图片内容，隐藏干扰元素，若用户停止触控屏幕，则恢复原有界面，即交互界面以第一浏览模式呈现图片，一方面能提升用户的交互体验感，另一方面也能防止用户误触屏幕，出现上述被隐藏元素忽隐忽现的情况。
在快速浏览模式中，设备100隐藏除图片信息以外的元素。以网页内容为例，界面的非图片信息包括界面上方移动设备界面常有的界面元素，还包括搜索框及其他文字标识符，以此类推的非图片信息都会被隐藏，仅呈现图片信息，便于用户快速查找目标图片。示例性地，交互信息的类型可以为视频、也可以为新闻，也可以为展示商品的图片链接等，均可通过本申请的信息浏览方法进入快速浏览模式。
在本申请实施例中，用户可根据自己需求通过滑动的操作进入到页面的快速浏览模式，隐藏无关信息，仅呈现用户所需求的信息内容，便于用户快速查找目标图片，给用户带来的沉浸式查找或阅读的沉浸式体验感更好。
需要说明的是，在交互界面静态呈现的时候，是普通浏览模式下的界面；用户对交互界面进行的第一操作后，屏幕开始滚动起来，此时可以继续以第一图片显示方式呈现图片，但是进入到快速浏览模式，快速浏览模式就是交互界面开始滚动或滑动所呈现的界面效果。在快速浏览模式下，其固有界面元素是不会隐藏和改变的。当满足预设条件时，便以第二图片显示方式呈现图片，即隐藏非图片信息的文字内容或界面元素，和/或以悬浮窗的形式呈现图片的属性信息。
可选的，在以第一图片显示方式下呈现图片时，用户对交互界面进行的第一操作后，屏幕开始滚动起来，此时也可以直接进入到以二图片显示方式呈现图片。
以上独立的实施例仅为举例说明，可不是必要步骤。
在一些实施例中，考虑到用户在触控屏幕时可能会发生误触的情况，为防止这种误触的情况的发生，还可检测滑动距离大于第一距离阈值。
设定一个第一距离阈值，其是正数，用户在触控屏幕的界面元素的起始点和滑动后的过程点/结束点，两点之间的距离大于第一距离阈值。
在本实施例中，用户通过触控界面后滑动的距离满足第一距离阈值后继续滑动，再进入第二呈现图片的模式。也就是说。如果用户触控界面后快速滑动且快速松手时，就不会进入第二呈现图片的模式，这样就能防止因用户的误触而频繁出现隐藏界面元素的情况，影响用户的体验感。
需要说明的是，上述步骤仅存在于一些实施例，即有的实施例也可省略上述步骤。
图6是本申请实施例提供的又一种图片显示方式的流程图。
请参考图6，图6是本申请实施例中浏览图片的流程图，其浏览图片的方法可以包括以下步骤：
S62：响应于第一操作停止。
在一些实施例中，在滑动操作结束前，设备100可以一直以第二图片显示方式呈现图片的状态展示出现在屏幕上的交互图片，直至第一操作结束。
第一操作的停止包括滑动指令结束，即为拖动滑动过程结束，开始惯性滑动过程。其中，响应于第一操作包括用户对交互界面的操作，包括不限于点击、触控及滑动屏幕界面等等。可以是用户轻点、长按电子设备屏幕任意位置或特定的功能按键，也可以是用户上下滑动屏幕，上下滑动包括用户向上滑动一定距离，或向下滑动一定距离，或向上再向下来回滑动，或向下再向上来回滑动等。此处不再赘述，当设备100检测到用户进行的滑动操作停止时，便发生交互界面呈现方式的转变。
S64：退出以第二图片显示方式呈现图片的状态。
滑动操作结束，即为滑动过程结束，开始惯性滑动过程。此时，原有的界面元素逐渐呈现，隐藏图片的属性信息，退出以第二图片显示方式呈现图片的模式，回到以第一图片显示方式显示图片，第一图片显示方式就是应用默认的界面呈现方式，此处不再赘述。
需要说明的是，在用户停止触控屏幕滑动，界面元素逐渐恢复的过程中，若用户又开始进行滑动操作，则界面元素无需恢复，直接开始呈现第二图片显示方式呈现图片的状态。
综上，本申请示例性实施方式的图片浏览方法，基于响应于第一操作，设备100对以第一图片显示方式呈现图片的方式进行转变，进入到以第二图片显示方式呈现图片后，便仅呈现图片和/或图片属性信息，隐藏干扰信息，以便提高图片浏览的视觉效果，有助于让用户看到更多内容，有利于用户更快锁定到目标图片。
应当注意，尽管在附图中以特定顺序描述了本申请中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。
进一步的，本示例实施方式中还提供了一种图片显示装置。
图7是本申请实施例提供的一种图片显示装置的示意图。
请参考图7，根据本申请示例性实施方式的图片显示装置可以包括显示模块701、指令响应模块703和隐藏模块705。
具体的，显示模块701，被配置为进入以第一图片显示方式和第二图片显示方式显示图片；指令响应模块703，被配置响应于第一操作；隐藏模块705，被配置为在同一界面上隐藏第一目标元素。第二图片显示方式与第一图片显示方式基于同一界面，且第二图片显示方式相较于第一图片显示方式，其界面上隐藏第一目标元素。
需要说明的是，当未收到第一操作，或接收的第一操作停止，或第一操作不符合预设状态，界面则停留以第一图片显示方式显示图片，或退出以第二图片显示方式显示图片，回到以第一图片显示方式显示图片。
根据本申请的示例性实施例，显示模块701可以被配置为执行：在第二图片显示方式下，在所隐藏的第一目标元素对应的区域显示图片。
根据本申请的示例性实施例，显示模块701在执行第二图片显示方式下，在所隐藏的第一目标元素对应的区域显示图片的过程中，还可以被配置为执行：在界面以悬浮窗的形式呈现第一目标元素，其中，第二目标元素不同于第一目标元素。
上述第一目标元素包括除图片以外的文字内容或界面元素，第二目标元素包括图片的属性信息。
根据本申请的示例性实施例，指令响应模块703可以配置为执行：响应于第一操作。
根据本申请的示例性实施例，指令响应模块703在响应于第一操作的过程中还可以配置为：满足于预设条件的滑动操作。
根据本申请的示例性实施例，指令响应模块703在满足于预设条件的滑动操作的过程中，滑动操作包括触控于交互界面的滑动操作。
根据本申请的示例性实施例，指令响应模块703在响应于满足于预设条件的滑动操作或触控于交互界面的滑动操作的过程可以被配置为执行：对预设条件进行判断，即目标速度不小于速度阈值；或者，目标加速度不小于加速度阈值；或者，目标速度不小于速度阈值，且目标加速度不小于加速度阈值。
根据本申请的示例性实施例，指令响应模块703所满足的预设条件还可以包括：滑动操作的位移距离超过第二阈值，第二阈值不同于第一阈值。
根据本申请的示例性实施例，指令响应模块703在响应第一操作中的第一操作还可以包括：作用于滑动控件的滑动操作。
根据本申请的示例性实施例，指令响应模块703在响应于第一操作之前还可以执行：响应于目标方向的触控操作，显示滑动控件。
根据本申请的示例性实施例，指令响应模块703在响应于第一操作的过程中第一操作还可以是：响应于功能按钮的操作。
根据本申请的示例性实施例，指令响应模块703在还可以配置为：响应于第一操作停止，退出以第二图片显示方式呈现图片的状态。
图8是本申请实施例提供的一种计算机设备的结构示意图。
请参考图8，本申请实施例提供了一种计算机设备，该设备包括：该电子设备包括通过系统总线连接的处理器801和存储器803。其中，该处理器用于提供计算和控制能力，支撑整个电子设备的运行。存储器可包括非易失性存储介质及内存储器。非易失性存储介质存储有操作系统和计算机程序。该计算机程序可被处理器所执行，以用于实现以上各个实施例所提供的图片显示方法。内存储器为非易失性存储介质中的操作系统计算机程序提供高速缓存的运行环境。该电子设备可以是手机、平板电脑或者个人数字助理或穿戴式设备或无线智能设备。
本申请实施例中提供的图片显示装置中的各个模块的实现可为计算机程序的形式。该计算机程序可在设备或服务器上运行。该计算机程序构成的程序模块可存储在设备或服务器的存储器上。该计算机程序被处理器执行时，实现本申请实施例中所描述方法的步骤。
本申请还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD‐ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读存储介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被一个电子设备执行时，使得该电子设备实现如下述实施例中所述的方法。
附图中的流程图和示意图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本申请实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本申请实施方式的方法。
此外，上述附图仅是根据本申请示例性实施例的方法所包括的处理的示意性说明，但并不能因此而理解为对本申请专利范围的限制。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未描述的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由权利要求指出。应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限。

Claims (26)

  1. 一种图片显示方法，应用于电子设备，所述电子设备具备显示装置，所述显示装置用于显示图片，其中，包括：
    在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示所述图片；
    所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素。
  2. 根据权利要求1所述的方法，其中，所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，还包括：
    在所述第二图片显示方式下，在所述第一目标元素对应的区域显示所述图片。
  3. 根据权利要求2所述的方法，其中，所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，还包括：
    在所述界面以悬浮窗的形式呈现第二目标元素；
    其中，所述第二目标元素不同于所述第一目标元素。
  4. 根据权利要求1至3任一所述的方法，其中，
    所述第一目标元素包括除所述图片以外的文字内容或界面元素；
    所述第二目标元素包括所述图片的属性信息。
  5. 根据权利要求1所述的方法，其中，所述第一操作，包括：
    满足于预设条件的滑动操作。
  6. 根据权利要求5所述的方法，其中，所述滑动操作，包括：
    触控于交互界面的滑动操作。
  7. 根据权利要求5至6任一所述的方法，其中，所述预设条件，包括：
    所述滑动操作的目标速度不小于一速度阈值；
    或者，所述滑动操作的目标加速度不小于一加速度阈值；
    或者，所述滑动操作的目标速度不小于一速度阈值，且所述滑动操作的目标加速度不小于一加速度阈值。
  8. 根据权利要求5至6任一所述的方法，其中，所述预设条件，还包括：
    所述滑动操作的持续时间超过第一阈值；
    或者，所述滑动操作的位移距离超过第二阈值，所述第二阈值不同于所述第一阈值。
  9. 根据权利要求1所述的方法，其中，所述第一操作，包括：
    作用于滑动控件的滑动操作。
  10. 根据权利要求9所述的方法，其中，在所述响应于第一操作之前，还包括：
    响应于目标方向的触控操作；
    显示所述滑动控件。
  11. 根据权利要求1所述的方法，其中，所述第一操作，包括：
    作用于功能按钮的操作。
  12. 根据权利要求1所述的方法，其中，还包括：
    响应于第一操作停止；
    退出以所述第二图片显示方式呈现所述图片的状态。
  13. 一种图片显示装置，应用于电子设备，所述图片显示装置用于显示图片，其中，包括：
    显示模块，被配置在界面以第一图片显示方式和第二图片显示方式显示所述图片；
    指令响应模块，被配置为响应于第一操作；
    隐藏模块，被配置为在所述界面上隐藏第一目标元素。
  14. 一种计算机设备，其中，
    所述计算机设备包括处理器和存储器；
    所述存储器中存储至少一条程序代码；
    所述至少一条程序代码由所述处理器加载并执行，以实现如下：
    在第一图片显示方式下，响应于第一操作，以第二图片显示方式显示所述图片；
    所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素。
  15. 根据权利要求14所述的计算机设备，其中，所述第二图片显示方式与所述第一图片显示方式基于同一界面，且所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，所述至少一条程序代码由所述处理器加载并执行，还实现如下：
    在所述第二图片显示方式下，在所述第一目标元素对应的区域显示所述图片。
  16. 根据权利要求15所述的计算机设备，其中，所述第二图片显示方式相较于所述第一图片显示方式，其界面上隐藏第一目标元素，所述至少一条程序代码由所述处理器加载并执行，还实现如下：
    在所述界面以悬浮窗的形式呈现第二目标元素；
    其中，所述第二目标元素不同于所述第一目标元素。
  17. 根据权利要求14至16任一所述的计算机设备，其中，
    所述第一目标元素包括除所述图片以外的文字内容或界面元素；
    所述第二目标元素包括所述图片的属性信息。
  18. 根据权利要求14所述的计算机设备，其中，所述第一操作，包括：
    满足于预设条件的滑动操作。
  19. 根据权利要求18所述的计算机设备，其中，所述滑动操作，包括：
    触控于交互界面的滑动操作。
  20. 根据权利要求18至19任一所述的计算机设备，其中，所述预设条件，包括：
    所述滑动操作的目标速度不小于一速度阈值；
    或者，所述滑动操作的目标加速度不小于一加速度阈值；
    或者，所述滑动操作的目标速度不小于一速度阈值，且所述滑动操作的目标加速度不小于一加速度阈值。
  21. 根据权利要求18至19任一所述的计算机设备，其中，所述预设条件，还包括：
    所述滑动操作的持续时间超过第一阈值；
    或者，所述滑动操作的位移距离超过第二阈值，所述第二阈值不同于所述第一阈值。
  22. 根据权利要求14所述的计算机设备，其中，所述第一操作，包括：
    作用于滑动控件的滑动操作。
  23. 根据权利要求22所述的计算机设备，其中，在所述响应于第一操作之前，所述至少一条程序代码由所述处理器加载并执行，还实现如下：
    响应于目标方向的触控操作；
    显示所述滑动控件。
  24. 根据权利要求14所述的计算机设备，其中，所述第一操作，包括：
    作用于功能按钮的操作。
  25. 根据权利要求14所述的计算机设备，其中，所述至少一条程序代码由所述处理器加载并执行，还实现如下：
    响应于第一操作停止；
    退出以所述第二图片显示方式呈现所述图片的状态。
  26. 一种计算机可读存储介质，其中，
    所述计算机可读存储介质中存储有至少一条程序代码；
    所述至少一条程序代码由处理器加载并执行，以实现权利要求1至12任一所述的图片显示方法。
PCT/CN2022/075851 2021-04-27 2022-02-10 一种图片显示方法、装置，设备及存储介质 WO2022227784A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110463755.5 2021-04-27
CN202110463755.5A CN113176846A (zh) 2021-04-27 2021-04-27 一种图片显示方法、装置，设备及存储介质

Publications (1)

Publication Number Publication Date
WO2022227784A1 true WO2022227784A1 (zh) 2022-11-03

Family

ID=76926725

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/075851 WO2022227784A1 (zh) 2021-04-27 2022-02-10 一种图片显示方法、装置，设备及存储介质

Country Status (2)

Country Link
CN (1) CN113176846A (zh)
WO (1) WO2022227784A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113176846A (zh) * 2021-04-27 2021-07-27 Oppo广东移动通信有限公司 一种图片显示方法、装置，设备及存储介质
CN114546545B (zh) * 2021-11-09 2023-11-21 北京达佳互联信息技术有限公司 图文显示方法、装置、终端及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104049844A (zh) * 2014-06-12 2014-09-17 广州金山网络科技有限公司 缩略图在导航栏中的显示方法及缩略图的显示装置
CN104166553A (zh) * 2014-08-18 2014-11-26 联想(北京)有限公司 一种显示方法及电子设备
CN104793874A (zh) * 2014-01-20 2015-07-22 联想(北京)有限公司 一种界面显示方法及电子设备
CN113176846A (zh) * 2021-04-27 2021-07-27 Oppo广东移动通信有限公司 一种图片显示方法、装置，设备及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108153460B (zh) * 2017-12-19 2021-01-08 维沃移动通信有限公司 一种图标隐藏方法及终端
CN109725793A (zh) * 2018-11-21 2019-05-07 惠州Tcl移动通信有限公司 电子设备及其图片浏览方法、具有存储功能的装置
CN116723266A (zh) * 2019-07-31 2023-09-08 华为技术有限公司 一种悬浮窗口的管理方法及相关装置
CN110737374B (zh) * 2019-09-27 2021-11-02 维沃移动通信有限公司 操作方法及电子设备
CN111062778A (zh) * 2019-12-11 2020-04-24 北京小米移动软件有限公司 产品浏览方法、装置、设备及存储介质
CN116820289A (zh) * 2020-03-31 2023-09-29 腾讯科技（深圳）有限公司 信息展示方法、装置、设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104793874A (zh) * 2014-01-20 2015-07-22 联想(北京)有限公司 一种界面显示方法及电子设备
CN104049844A (zh) * 2014-06-12 2014-09-17 广州金山网络科技有限公司 缩略图在导航栏中的显示方法及缩略图的显示装置
CN104166553A (zh) * 2014-08-18 2014-11-26 联想(北京)有限公司 一种显示方法及电子设备
CN113176846A (zh) * 2021-04-27 2021-07-27 Oppo广东移动通信有限公司 一种图片显示方法、装置，设备及存储介质

Also Published As

Publication number Publication date
CN113176846A (zh) 2021-07-27

Similar Documents

Publication Publication Date Title
US11709560B2 (en) Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator
US10990278B2 (en) Method and device for controlling information flow display panel, terminal apparatus, and storage medium
US11137898B2 (en) Device, method, and graphical user interface for displaying a plurality of settings controls
JP6625191B2 (ja) コンピュータデバイスのためのユーザインターフェイス
US20210081560A1 (en) Device, method, and graphical user interface for accessing an application in a locked device
US9898180B2 (en) Flexible touch-based scrolling
KR102027612B1 (ko) 애플리케이션의 썸네일-이미지 선택 기법
US8595645B2 (en) Device, method, and graphical user interface for marquee scrolling within a display area
CN108334264B (zh) 在便携式终端中用于提供多点触摸交互的方法和设备
US9329774B2 (en) Switching back to a previously-interacted-with application
JP5911599B2 (ja) 分類ウェブページ切り替えのための方法および携帯型デバイス
US20190073101A1 (en) Method and device for switching pages of applications in a terminal device
KR102191965B1 (ko) 이동 단말기 및 그 동작 방법
US20140282208A1 (en) Device, Method, and Graphical User Interface for Managing Concurrently Open Software Applications
WO2022227784A1 (zh) 一种图片显示方法、装置，设备及存储介质
US10182141B2 (en) Apparatus and method for providing transitions between screens
KR20140025494A (ko) 에지 제스처 기법
JP2014132427A (ja) 情報処理装置及び情報処理方法、並びにコンピューター・プログラム
KR20140025493A (ko) 에지 제스처 기법
US10521101B2 (en) Scroll mode for touch/pointing control
US20240012605A1 (en) Data Processing Method and Mobile Device
CN105210023A (zh) 装置及相关方法
TWI485616B (zh) 記錄軌跡的方法及電子裝置
KR102117048B1 (ko) 복수의 애플리케이션 실행 방법 및 이를 위한 디바이스
US9626742B2 (en) Apparatus and method for providing transitions between screens

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22794265

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 22794265

Country of ref document: EP

Kind code of ref document: A1