CN111782112B - Method and apparatus for presenting images - Google Patents
Method and apparatus for presenting images Download PDFInfo
- Publication number
- CN111782112B CN111782112B CN201910334461.5A CN201910334461A CN111782112B CN 111782112 B CN111782112 B CN 111782112B CN 201910334461 A CN201910334461 A CN 201910334461A CN 111782112 B CN111782112 B CN 111782112B
- Authority
- CN
- China
- Prior art keywords
- image
- image layer
- layer
- group
- current top
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
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/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]
Abstract
The embodiment of the application discloses a method and a device for presenting images. One embodiment of the method comprises: presenting a group of image layers on a screen, wherein the group of image layers comprises a predetermined number of superimposed image layers; and in response to the detection of the preset operation of the target user on the screen, respectively moving up other image layers of the image layer group by one layer based on the preset operation, and placing the current top image layer of the image layer group at the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer. The embodiment can achieve the effects of circularly browsing pictures and saving memory consumption.
Description
Technical Field
The embodiment of the application relates to the technical field of computers, in particular to a method and a device for presenting images.
Background
With the development of mobile internet and the popularization of mobile intelligent terminals, it is more and more common for people to browse pictures by using apps (Application programs), and there is a demand for seamlessly switching to the effect of circularly browsing the first picture when the last picture is viewed by a browser.
Disclosure of Invention
The embodiment of the application provides a method and a device for presenting images.
In a first aspect, an embodiment of the present application provides a method for presenting an image, where the method includes: presenting an image layer group on a screen, wherein the image layer group comprises a predetermined number of superposed image layers; and responding to the detection of preset operation of a target user on a screen, respectively moving up other image layers of the image layer group by one layer based on the preset operation, and placing the current top image layer of the image layer group on the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer.
In some embodiments, the preset operation includes a sliding operation, and the moving up the other image layers of the image layer group by one layer respectively and placing the current top image layer of the image layer group on the bottom layer of the image layer group based on the preset operation in response to detecting the preset operation of the target user on the screen includes: in response to the detection of the sliding operation of the target user on the screen, determining the sliding displacement of the sliding operation; moving the current top image layer based on the determined sliding displacement; and responding to the sliding displacement larger than a first preset threshold value, moving the current top image layer out of the screen, placing the current top image layer on the bottom layer of the image layer group, and respectively moving other image layers of the image layer group one layer upwards.
In some embodiments, the moving the current top-level image layer based on the determined sliding displacement includes: determining the current operation position of the sliding operation; determining the moving direction of the current top image layer based on the relative position of the current operation position and the last operation position; and determining the moving distance of the current top-level image layer based on the distance between the current operation position and the last operation position.
In some embodiments, after shifting up the other image layers of the image layer group by one layer, the method further includes: and adjusting the transparency of the image layer in the other image layers of the image layer group according to the position of the image layer in the image layer group.
In some embodiments, the placing the current top image layer of the image layer group on the bottom layer of the image layer group includes: setting the transparency of the current top image layer as an initial transparency; and placing the current top layer image with the transparency set as the initial transparency on the bottom layer of the image layer group.
In a second aspect, an embodiment of the present application provides an apparatus for presenting an image, the apparatus including: a presentation unit configured to present an image layer group on a screen, wherein the image layer group includes a predetermined number of superimposed image layers; and the detection unit is configured to respond to the detection of the preset operation of the target user on the screen, respectively move up other image layers of the image layer group by one layer based on the preset operation, and place the current top image layer of the image layer group on the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer.
In some embodiments, the preset operation includes a sliding operation, and the detecting unit includes: a sliding detection subunit configured to determine, in response to detection of a sliding operation of a target user on a screen, a sliding displacement of the sliding operation; a moving subunit configured to move the current top-level image layer based on the determined sliding displacement; and the shifting-out subunit is configured to respond to the sliding displacement being larger than a first preset threshold value, shift out the current top image layer from the screen, place the current top image layer on the bottom layer of the image layer group, and shift up the other image layers of the image layer group by one layer respectively.
In some embodiments, the mobile subunit is further configured to: determining the current operation position of the sliding operation; determining the moving direction of the current top image layer based on the relative position of the current operation position and the last operation position; and determining the moving distance of the current top-level image layer based on the distance between the current operation position and the last operation position.
In some embodiments, the above apparatus further comprises: and an adjusting unit configured to adjust, for an image layer in another image layer of the image layer group, a transparency of the image layer according to a position of the image layer in the image layer group.
In some embodiments, the detection unit further includes: a setting subunit, configured to set the transparency of the current top-level image layer to an initial transparency; and the bottom setting subunit is configured to set the current top layer image with the transparency set as the initial transparency to the bottom layer of the image layer group.
In a third aspect, an embodiment of the present application provides a server, including: one or more processors; a storage device having one or more programs stored thereon which, when executed by one or more processors, cause the one or more processors to implement a method as in any embodiment of a method for presenting images.
In a fourth aspect, embodiments of the present application provide a computer-readable medium on which a computer program is stored, which when executed by a processor, implements a method as in any one of the embodiments of the method for presenting an image.
According to the method and the device for presenting the image, firstly, an image layer group is presented on a screen, wherein the image layer group comprises a preset number of superposed image layers. Then, in response to the detection of the preset operation of the target user on the screen, based on the preset operation, respectively moving up the other image layers of the image layer group by one layer, and placing the current top image layer of the image layer group on the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer. The method for presenting the images can achieve the effect of circularly browsing the pictures.
Drawings
Other features, objects and advantages of the present application will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, made with reference to the accompanying drawings in which:
FIG. 1 is an exemplary system architecture diagram in which one embodiment of the present application may be applied;
FIG. 2 is a flow diagram of one embodiment of a method for presenting images according to the present application;
FIG. 2-1 is a rendering diagram for one embodiment of a method for rendering an image according to the present application;
FIG. 2-2 is a rendering diagram for one embodiment of a method for rendering an image according to the present application;
2-3 are rendering diagrams of one embodiment of a method for rendering an image according to the present application;
2-4 are rendering diagrams of one embodiment of a method for rendering an image according to the present application;
FIG. 3 is a schematic illustration of an application scenario for a method of presenting an image according to an embodiment of the present application;
FIG. 4 is a flow diagram of yet another embodiment of a method for presenting images according to the present application;
FIG. 5 is a schematic block diagram of one embodiment of an apparatus for presenting images according to the present application;
FIG. 6 is a schematic block diagram of a computer system suitable for use in implementing a server according to embodiments of the present application.
Detailed Description
The present application will be described in further detail with reference to the following drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the relevant invention and not restrictive of the invention. It should be noted that, for convenience of description, only the portions related to the related invention are shown in the drawings.
It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
Fig. 1 illustrates an exemplary system architecture 100 to which the method for presenting images or the apparatus for presenting images of the present application may be applied.
As shown in fig. 1, the system architecture 100 may include a user 101, a terminal device 102 for rendering images.
The user may interact with the screen for presenting images by finger, to browse pictures, etc. Various applications for browsing pictures, such as a picture viewer application, a shopping application, social platform software, etc., may be installed on the terminal device 102.
The terminal device 102 may be hardware or software. When the terminal device 102 is hardware, it may be various electronic devices having a display screen and supporting picture browsing, including but not limited to smart phones, tablet computers, laptop portable computers, desktop computers, and the like. When the terminal device 102 is software, it can be installed in the electronic devices listed above. It may be implemented as multiple pieces of software or software modules (e.g., to provide distributed services) or as a single piece of software or software module. And is not particularly limited herein.
It should be noted that the method for presenting an image provided in the embodiment of the present application is generally performed by the terminal device 102. Accordingly, means for presenting images are typically provided in the terminal device 102.
It should be understood that the number of terminal devices 102 in fig. 1 is merely illustrative. There may be any number of terminal devices, as desired for implementation.
With continued reference to FIG. 2, a flow 200 of one embodiment of a method for presenting an image in accordance with the present application is shown. The method for presenting images comprises the following steps:
in step 201, an image layer group is presented on a screen.
In this embodiment, the image layer group includes a predetermined number of stacked image layers. An execution body (e.g., terminal device 102 shown in fig. 1) of the method for presenting an image may generally perform presentation of an image layer group through a screen mounted on the execution body. The image layer is used for bearing images. For example, the predetermined number of superimposed image layers may be four image layers as shown in fig. 2-2, the first layer from top to bottom being the current top image layer presented directly to the user, and the transparency may be set to a transparency for presenting the image, e.g. a transparency of 1. The second layer can set the transparency to be 0.8, and the third layer and the fourth layer can set the transparency to be 0-0.3, so that the effect that the third layer and the fourth layer are relatively invisible can be achieved.
In this embodiment, the screen refers to a screen installed on the execution main body, and may be a screen communicatively connected to the execution main body. The target user may refer to a user who operates the screen. The preset operation may include a sliding operation, a dragging operation, a button clicking operation, and the like, without limitation. Alternatively, other image layers of the image layer group are respectively moved upwards by one layer, and the current top image layer of the image layer group is placed at the bottom layer of the image layer group according to the condition that the ratio of the distance moved by the sliding operation to the screen exceeds the preset threshold value. Alternatively, other image layers of the image layer group may be respectively moved up by one layer and a current top image layer of the image layer group may be placed at a bottom layer of the image layer group according to a drag operation or a click button operation. The above-mentioned shifting up the image layers by one layer respectively means shifting up the positions of the superposed image layers. For example, the position of the first layer shown in fig. 2-1 is moved in response to the sliding operation of the finger, the position of the second layer (210 in fig. 2-2) is moved to the position of the first layer, the position of the third layer (211 in fig. 2-2) is moved to the position of the second layer, and the position of the fourth layer is moved to the position of the third layer. As further characterized in fig. 2-4, the current top-level image layer is placed at the bottom level of the image layer set.
In some optional implementation manners of this embodiment, the preset operation includes a sliding operation, and the moving up other image layers of the image layer group respectively by one layer and placing a current top image layer of the image layer group in a bottom layer of the image layer group based on the preset operation in response to detecting the preset operation of the target user on the screen includes: in response to the detection of the sliding operation of the target user on the screen, determining the sliding displacement of the sliding operation; moving the current top image layer based on the determined sliding displacement; and responding to the sliding displacement larger than a first preset threshold value, moving the current top image layer out of the screen, placing the current top image layer on the bottom layer of the image layer group, and respectively moving other image layers of the image layer group one layer upwards. The first preset threshold may be a threshold set according to the operation habits of most users, for example, one third of the screen width. Optionally, the moving the current top-level image layer based on the determined sliding displacement includes: determining the current operation position of the sliding operation; determining the moving direction of the current top image layer based on the relative position of the current operation position and the last operation position; and determining the moving distance of the current top-level image layer based on the distance between the current operation position and the last operation position. Thereby realizing the effect that the current top image layer moves along with the movement of the sliding operation. Optionally, in response to that the sliding displacement is not greater than the first preset threshold, the current top-layer image layer and the other image layers are respectively set back to the original positions before the sliding operation. Compared with the method of adding and deleting the image layer only by the sliding operation, the method of returning to the original position before the sliding operation can achieve the beneficial effect of obviously reducing the memory consumption.
In some optional implementations of this embodiment, after the shifting up the other image layers of the image layer group by one layer, the method further includes: and adjusting the transparency of the image layer in the other image layers of the image layer group according to the position of the image layer in the image layer group. The above adjusting the transparency of the image layer according to the position of the image layer in the above image layer group means adjusting the transparency according to the position of the image layer after the upward shift, specifically, there is a corresponding relationship between the position of the image layer and the preset transparency, for example, in fig. 2-2, the preset value of the transparency of the first layer is 1, the preset value of the transparency of the second layer is 0.8, the preset value of the transparency of the third layer is 0.2, and the preset value of the transparency of the fourth layer is 0, for example, after the third layer 211 in fig. 2-2 is shifted up to the position of the second layer (213 in fig. 2-3), the transparency is adjusted from the transparency 0.2 at the position of the third layer to the transparency 0.8 at the position of the second layer.
In some optional implementations of this embodiment, the placing the current top image layer of the image layer group to the bottom layer of the image layer group includes: setting the transparency of the current top image layer as an initial transparency; and placing the current top layer image with the transparency set as the initial transparency on the bottom layer of the image layer group. The initial transparency can be set according to actual needs, for example, as shown in fig. 2 to 4, the initial transparency is set to 0.
With continued reference to fig. 3, fig. 3 is a schematic diagram of an application scenario of the method for presenting an image according to the present embodiment. In the application scenario of fig. 3, a terminal 301 for presenting images has a screen mounted thereon, which displays four superimposed image layers. In response to detecting the sliding operation of the target user 302 on the screen, based on the sliding operation, the second layer, the third layer, and the fourth layer of the four image layers are respectively moved up by one layer, and the first layer, i.e., the current top image layer, is placed at the bottom layer, i.e., the fourth layer.
According to the method provided by the embodiment of the application, the effect of circularly browsing the pictures is realized by placing the current image layer on the bottom layer, and the image layer is repeatedly utilized, so that the method can achieve the effect of reducing the consumption of the memory compared with the continuous addition and deletion of the image layer.
With further reference to FIG. 4, a flow 400 of yet another embodiment of a method for presenting an image is shown. The flow 400 of the method for presenting an image comprises the steps of:
In this embodiment, the specific operation of step 401 is substantially the same as the operation of step 201 in the embodiment shown in fig. 2, and is not described herein again.
And 402, in response to the detection of the sliding operation of the target user on the screen, respectively moving up the other image layers of the image layer group by one layer.
In this embodiment, moving an image layer one layer up may refer to moving the image layer up to an original position where the previous image layer is located. Specifically, for example, as shown in fig. 2-2, the second layer is moved to the original position of the first layer, the third layer is moved to the original position of the second layer, and the fourth layer is moved to the original position of the third layer. Optionally, at the same time, the transparency of the third layer may also be altered from 0 to 1.
In this embodiment, the position of the finger moving on the screen is acquired and the position of the current top-level image layer is changed.
In this embodiment, the initial transparency may be set according to actual needs, for example, as shown in fig. 2 to 4, the initial transparency is set to 0. Optionally, in response to that the distance between the current operation position and the last operation position is not greater than the first preset threshold, the current top image layer and the other image layers are respectively set back to the original positions before the sliding operation. The first preset threshold may be a threshold set according to actual needs, and may be, for example, one third of the screen width.
As can be seen from fig. 4, compared with the embodiment corresponding to fig. 2, the flow 400 of the method for presenting images in the present embodiment highlights the steps of moving the current top-level image layer according to the current operation position and the previous operation position, and deciding whether the current top-level image layer is placed at the bottommost layer according to the distance between the current operation position and the previous operation position and whether the image layer is placed back to the original position before the sliding operation. The method provided by the above embodiment of the present application can avoid the problem of the flash when switching images because there is more than one image layer (if there is only one image layer, when the last image is viewed, the browsing operation is slid again, and all image data needs to be reset, which causes the problem of the flash). Moreover, if any sliding operation of the screen by the user causes the addition and deletion of the image layer, the memory consumption is large. Therefore, the method provided by the above embodiment of the present application provides the step of determining whether the current top image layer is placed at the bottommost layer and whether the image layer is placed back to the original position before the sliding operation according to the distance between the current operation position and the last operation position, so that the repeated addition and deletion of the image layers can be avoided, which is helpful for reducing the memory consumption.
With further reference to fig. 5, as an implementation of the methods shown in the above-mentioned figures, the present application provides an embodiment of an apparatus for presenting an image, which corresponds to the method embodiment shown in fig. 2, and which is particularly applicable in various electronic devices.
The apparatus 500 for presenting an image of the present embodiment includes: a presentation unit 501 and a detection unit 502. Wherein the presentation unit 501 is configured to present an image layer group on the screen, wherein the image layer group comprises a predetermined number of superimposed image layers; the detection unit 502 is configured to, in response to detecting a preset operation of a target user on a screen, respectively move up other image layers of the image layer group by one layer based on the preset operation, and place a current top image layer of the image layer group on a bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer.
In this embodiment, specific processing of the presenting unit 501 and the detecting unit 502 of the apparatus 500 for presenting an image and technical effects thereof can refer to related descriptions of step 201 and step 202 in the corresponding embodiment of fig. 2, which are not repeated herein.
In some optional implementations of this embodiment, the preset operation may include a sliding operation, and the detecting unit 502 may include: a sliding detection subunit configured to determine, in response to detection of a sliding operation of a target user on a screen, a sliding displacement of the sliding operation; a moving subunit configured to move the current top-level image layer based on the determined sliding displacement; and the shifting-out subunit is configured to respond to the sliding displacement being larger than a first preset threshold value, shift out the current top image layer from the screen, place the current top image layer on the bottom layer of the image layer group, and shift up the other image layers of the image layer group by one layer respectively.
In some optional implementations of this embodiment, the mobile subunit may be further configured to: determining the current operation position of the sliding operation; determining the moving direction of the current top image layer based on the relative position of the current operation position and the last operation position; and determining the moving distance of the current top-level image layer based on the distance between the current operation position and the last operation position.
In some optional implementations of this embodiment, the apparatus 500 may further include: the adjusting unit (not shown in fig. 5) may be configured to adjust, for an image layer of the other image layers of the image layer group, a transparency of the image layer according to a position of the image layer in the image layer group.
In some optional implementation manners of this embodiment, the detecting unit may further include: a setting subunit, configured to set the transparency of the current top-level image layer to an initial transparency; and the bottom setting subunit is configured to set the current top layer image with the transparency set as the initial transparency to the bottom layer of the image layer group.
Referring now to FIG. 6, shown is a block diagram of a computer system 600 suitable for use in implementing the electronic device of an embodiment of the present application. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.
As shown in fig. 6, the computer system 600 includes a Central Processing Unit (CPU)601 that can perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage section 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the system 600 are also stored. The CPU 601, ROM 602, and RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
The following components are connected to the I/O interface 605: an input portion 606 including a keyboard, a mouse, and the like; an output portion 607 including a display such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage section 608 including a hard disk and the like; and a communication section 609 including a network interface card such as a LAN card, a modem, or the like. The communication section 609 performs communication processing via a network such as the internet. The driver 610 is also connected to the I/O interface 605 as needed. A removable medium 611 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 610 as necessary, so that a computer program read out therefrom is mounted in the storage section 608 as necessary.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 609, and/or installed from the removable medium 611. The computer program performs the above-described functions defined in the method of the present application when executed by a Central Processing Unit (CPU) 601.
It should be noted that the computer readable medium mentioned above in the present application may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present application, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In this application, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, fiber optic cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for aspects of the present application may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block 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. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present application may be implemented by software or hardware. The described units may also be provided in a processor, and may be described as: a processor includes a presentation unit and a detection unit. The names of these elements do not in some cases constitute a definition of the elements themselves, and for example, a presentation element may also be described as an "element that presents a group of image layers on a screen".
As another aspect, the present application also provides a computer-readable medium, which may be contained in the apparatus described in the above embodiments; or may be present separately and not assembled into the device. The computer readable medium carries one or more programs which, when executed by the apparatus, cause the apparatus to: presenting an image layer group on a screen, wherein the image layer group comprises a predetermined number of superposed image layers; and in response to the detection of the preset operation of the target user on the screen, respectively moving up other image layers of the image layer group by one layer based on the preset operation, and placing the current top image layer of the image layer group on the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer.
The above description is only a preferred embodiment of the application and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the invention herein disclosed is not limited to the particular combination of features described above, but also encompasses other arrangements formed by any combination of the above features or their equivalents without departing from the spirit of the invention. For example, the above features may be replaced with (but not limited to) features having similar functions disclosed in the present application.
Claims (10)
1. A method for presenting an image, comprising:
presenting a group of image layers on a screen, wherein the group of image layers comprises a predetermined number of superimposed image layers;
in response to the detection of preset operation of a target user on a screen, based on the preset operation, respectively moving other image layers of an image layer group upwards by one layer, and placing a current top image layer of the image layer group on a bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer, and the ratio of the moving distance of the preset operation including sliding operation to the screen exceeds a preset threshold value;
wherein after said shifting up the other image layers of said group of image layers by one layer, respectively, the method further comprises:
and for the image layer in other image layers of the image layer group, adjusting the transparency of the image layer according to the position of the image layer in the image layer group.
2. The method of claim 1, wherein the preset operation comprises a sliding operation, and in response to detecting the preset operation of the screen by the target user, based on the preset operation, moving up the other image layers of the image layer group by one layer respectively, and placing the current top image layer of the image layer group at the bottom of the image layer group, comprises:
in response to detecting a sliding operation of a target user on a screen, determining a sliding displacement of the sliding operation;
moving the current top-level image layer based on the determined sliding displacement;
and responding to the sliding displacement larger than a first preset threshold value, moving the current top image layer out of the screen, placing the current top image layer on the bottom layer of the image layer group, and respectively moving other image layers of the image layer group one layer upwards.
3. The method of claim 2, wherein said moving the current top-level image layer based on the determined sliding displacement comprises:
determining a current operation position of the sliding operation;
determining the moving direction of the current top-layer image layer based on the relative position of the current operation position and the last operation position; and
determining a movement distance of the current top-level image layer based on a distance between the current operation position and the last operation position.
4. The method of any of claims 1-3, wherein said placing a current top-level image layer of the set of image layers at a bottom level of the set of image layers comprises:
setting the transparency of the current top image layer as an initial transparency;
and placing the current top layer image with the transparency set as the initial transparency on the bottom layer of the image layer group.
5. An apparatus for presenting an image, comprising:
a presentation unit configured to present an image layer group on a screen, wherein the image layer group includes a predetermined number of stacked image layers;
the detection unit is configured to respond to the detection of preset operation of a target user on a screen, based on the preset operation, respectively move up other image layers of the image layer group by one layer, and place a current top image layer of the image layer group at the bottom layer of the image layer group, wherein the other image layers of the image layer group are other image layers except the current top image layer, and the preset operation comprises that the ratio of the moving distance of the sliding operation to the screen exceeds a preset threshold value;
wherein the apparatus further comprises:
and the adjusting unit is configured to adjust the transparency of the image layer in other image layers of the image layer group according to the position of the image layer in the image layer group.
6. The apparatus of claim 5, wherein the preset operation comprises a slide operation, and the detecting unit comprises:
a slide detection subunit configured to determine, in response to detection of a slide operation of a screen by a target user, a slide displacement of the slide operation;
a moving subunit configured to move the current top-level image layer based on the determined sliding displacement;
and the shifting-out subunit is configured to respond to the sliding displacement being larger than a first preset threshold value, shift out the current top image layer from the screen, place the current top image layer on the bottom layer of the image layer group, and shift up other image layers of the image layer group by one layer respectively.
7. The apparatus of claim 6, wherein the mobile subunit is further configured to:
determining a current operation position of the sliding operation;
determining the moving direction of the current top-layer image layer based on the relative position of the current operation position and the last operation position; and
determining a movement distance of the current top-level image layer based on a distance between the current operation position and the last operation position.
8. The apparatus according to one of claims 5-7, wherein the detection unit further comprises:
a setting subunit configured to set the transparency of the current top-level image layer to an initial transparency;
and the bottom setting subunit is configured to set the current top layer image with the transparency set as the initial transparency to the bottom layer of the image layer group.
9. A server, comprising:
one or more processors;
a storage device having one or more programs stored thereon,
when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-4.
10. A computer-readable medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910334461.5A CN111782112B (en) | 2019-04-24 | 2019-04-24 | Method and apparatus for presenting images |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910334461.5A CN111782112B (en) | 2019-04-24 | 2019-04-24 | Method and apparatus for presenting images |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111782112A CN111782112A (en) | 2020-10-16 |
| CN111782112B true CN111782112B (en) | 2022-04-26 |
Family
ID=72755358
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910334461.5A Active CN111782112B (en) | 2019-04-24 | 2019-04-24 | Method and apparatus for presenting images |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111782112B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6369830B1 (en) * | 1999-05-10 | 2002-04-09 | Apple Computer, Inc. | Rendering translucent layers in a display system |
| CN102117611A (en) * | 2009-12-31 | 2011-07-06 | 鸿富锦精密工业（深圳）有限公司 | Method for realizing circular display of pictures in electronic device |
| CN103677596A (en) * | 2012-09-07 | 2014-03-26 | 禾瑞亚科技股份有限公司 | Method for displaying graphical user interfaces and electronic device adopting method |
| CN104238943A (en) * | 2006-09-11 | 2014-12-24 | 苹果公司 | Media player with imaged based browsing |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105528158B (en) * | 2015-12-25 | 2018-12-07 | 北京嘉和美康信息技术有限公司 | Image display method and image display apparatus |
| CN107122108B (en) * | 2017-04-27 | 2020-10-16 | 腾讯科技（深圳）有限公司 | Picture editing method and device |
-
2019
- 2019-04-24 CN CN201910334461.5A patent/CN111782112B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6369830B1 (en) * | 1999-05-10 | 2002-04-09 | Apple Computer, Inc. | Rendering translucent layers in a display system |
| CN104238943A (en) * | 2006-09-11 | 2014-12-24 | 苹果公司 | Media player with imaged based browsing |
| CN102117611A (en) * | 2009-12-31 | 2011-07-06 | 鸿富锦精密工业（深圳）有限公司 | Method for realizing circular display of pictures in electronic device |
| CN103677596A (en) * | 2012-09-07 | 2014-03-26 | 禾瑞亚科技股份有限公司 | Method for displaying graphical user interfaces and electronic device adopting method |
Non-Patent Citations (1)
| Title |
|---|
| "Android 炫动滑动 卡片层叠布局，仿探探、人人影视订阅界面简单&优雅：LayoutManager+ItemTouchHelper";芝麻粒儿;《https://blog.csdn.net/qq_27489007/article/details/53769764》;20161220;第1-5页及附图 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111782112A (en) | 2020-10-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3493100A1 (en) | Two-dimensional code identification method and device, and mobile terminal | |
| US20140237357A1 (en) | Two-dimensional document navigation | |
| CN112486611B (en) | Page switching display method and device, storage medium and electronic equipment | |
| JP2023540271A (en) | Picture processing method, apparatus, device and storage medium | |
| CN109121000A (en) | A kind of method for processing video frequency and client | |
| CN111291244A (en) | House resource information display method, device, terminal and storage medium | |
| CN111339418A (en) | Page display method and device, electronic equipment and computer readable medium | |
| CN110647369B (en) | Page dynamic display method and device, mobile terminal and storage medium | |
| CN107562324B (en) | Data display control method and terminal | |
| CN111782112B (en) | Method and apparatus for presenting images | |
| CN110069186B (en) | Method and equipment for displaying operation interface of application | |
| CN109976857B (en) | Display control method and device of terminal interface, storage medium and electronic equipment | |
| CN111310086A (en) | Page jump method and device and electronic equipment | |
| US20220394326A1 (en) | Method and apparatus for determining object adding mode, electronic device and medium | |
| CN111338520B (en) | Label display method, device and computer readable medium | |
| CN113204299B (en) | Display method, display device, electronic equipment and storage medium | |
| CN113961280B (en) | View display method and device, electronic equipment and computer readable storage medium | |
| CN114661278A (en) | Information display method and device, electronic equipment and storage medium | |
| CN115933919A (en) | Interaction method, interaction device, electronic equipment and computer-readable storage medium | |
| CN109190097B (en) | Method and apparatus for outputting information | |
| CN110647264B (en) | Manual and automatic rotating sphere label display method, device, equipment and medium | |
| CN109739403B (en) | Method and apparatus for processing information | |
| CN109062645B (en) | Method and apparatus for processing information for terminal | |
| CN112333462A (en) | Live broadcast room page jumping method, returning device and electronic equipment | |
| CN111770385A (en) | Card display method and device, electronic equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |