CN111522492A - Picture sliding display method, terminal and computer storage medium - Google Patents

Picture sliding display method, terminal and computer storage medium Download PDF

Info

Publication number
CN111522492A
CN111522492A CN202010364112.0A CN202010364112A CN111522492A CN 111522492 A CN111522492 A CN 111522492A CN 202010364112 A CN202010364112 A CN 202010364112A CN 111522492 A CN111522492 A CN 111522492A
Authority
CN
China
Prior art keywords
pictures
placeholder
adjusted
occupation
picture
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.)
Granted
Application number
CN202010364112.0A
Other languages
Chinese (zh)
Other versions
CN111522492B (en
Inventor
杨宣伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ireader Technology Co Ltd
Original Assignee
Ireader Technology Co Ltd
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 Ireader Technology Co Ltd filed Critical Ireader Technology Co Ltd
Priority to CN202010364112.0A priority Critical patent/CN111522492B/en
Publication of CN111522492A publication Critical patent/CN111522492A/en
Application granted granted Critical
Publication of CN111522492B publication Critical patent/CN111522492B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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

Abstract

The invention discloses a picture sliding display method, a terminal and a computer storage medium, wherein the method comprises the steps of monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window; in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time; selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size; acquiring the occupation sizes of at least two occupation pictures to be adjusted in real time, performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted, and keeping the occupation sizes of other occupation pictures except the occupation pictures to be adjusted unchanged; and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures. Therefore, according to the scheme of the invention, the distance between the adjacent pictures to be displayed is kept unchanged in the process of responding to the sliding operation event through the cooperative adjustment processing, and the display order is improved.

Description

Picture sliding display method, terminal and computer storage medium
Technical Field
The invention relates to the technical field of internet, in particular to a picture sliding display method, a terminal and a computer storage medium.
Background
In various terminal applications or web pages, an operation mode of sliding display and a corresponding function are generally provided, a user can trigger sliding display of a plurality of pictures through the sliding operation, and the operation mode is described as a specific application in order to facilitate visual perception: fig. 1 shows a schematic view of pages of a slide finding similar book provided in a reading application. In fig. 1, the upper half displays the pictures of the covers of books collected in the bookshelf, and can be switched by sliding left and right, and the lower page part lists and displays the similar recommended books of the books in the upper half, which are slid to the middle position. And, in the upper half, there is a zooming effect of the book cover picture sliding, i.e., the book cover picture appears to be gradually larger and then gradually smaller as it moves in a certain direction, and the size is the largest when the book cover picture is in the middle position.
In the prior art, the moving and zooming of the book cover pictures are realized by using an interface method provided by a system, in the realization process, the setting of the relative position of the book cover pictures is fixed, for example, the distance between the central points of two adjacent book cover pictures is always 1 unit length.
However, in the process of implementing the embodiment of the present invention, the inventor finds that the implementation manner of the prior art has at least the following problems: in the moving process of the book cover pictures, the sizes of the book cover pictures can be zoomed, and because the relative positions of the book cover pictures are fixed, the actual distance between two adjacent sides of the adjacent book cover pictures can be changed along with the movement of the book cover pictures, so that when a user slides the book cover pictures left and right, the distances between the book cover pictures are inconsistent and continuously changed, and the display effect is disordered.
Taking fig. 1 as an example, in the process of sliding to the left, the middle cover picture moves to the left and becomes smaller, and if the relative position is kept unchanged all the time, the distance between the left side edge of the middle cover picture and the right side edge of the cover picture on the left side thereof becomes larger, and the distances between two adjacent edges of the other cover pictures also change in a similar manner.
Disclosure of Invention
In view of the above problems, embodiments of the present invention are proposed to provide a picture sliding display method, a terminal, and a computer storage medium that overcome or at least partially solve the above problems.
According to an aspect of the embodiments of the present invention, there is provided a picture sliding display method, including:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, performing coordinated adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted, and keeping the occupation sizes of other occupation pictures except the occupation pictures to be adjusted unchanged;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures. According to still another aspect of the embodiments of the present invention, there is provided a terminal including: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is configured to store at least one executable instruction that causes the processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, performing coordinated adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted, and keeping the occupation sizes of other occupation pictures except the occupation pictures to be adjusted unchanged;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
According to yet another aspect of the embodiments of the present invention, there is provided a computer storage medium having at least one executable instruction stored therein, the executable instruction causing a processor to perform the following operations:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, performing coordinated adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted, and keeping the occupation sizes of other occupation pictures except the occupation pictures to be adjusted unchanged;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
According to the picture sliding display method, the terminal and the computer storage medium, in the process of monitoring the sliding operation event and responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time, the size of the distance can reflect whether the placeholder picture is subjected to size change in the process of continuously moving, and on the basis, the placeholder picture to be adjusted is selected according to the size of the distance; and then, carrying out cooperative adjustment processing on the placeholder pictures to be adjusted, and keeping the placeholders of other placeholder pictures unchanged, so that the distance between every two adjacent placeholder pictures can be kept unchanged. Therefore, according to the scheme of the embodiment, the placeholder pictures to be adjusted are selected according to the space size, the placeholder pictures with changeable placeholders can be accurately determined, then the coordinated adjustment processing is carried out on the placeholder pictures to be adjusted, the influence on the distance between the adjacent placeholder pictures due to the size change of the placeholder pictures to be adjusted can be avoided, the distance between the adjacent placeholder pictures is always kept unchanged, the orderliness in the sliding zooming display process is improved, the coordinated adjustment processing is only carried out on the placeholder pictures to be adjusted, the calculation amount can be reduced, and the page display fluency is improved.
The foregoing description is only an overview of the technical solutions of the embodiments of the present invention, and the embodiments of the present invention can be implemented according to the content of the description in order to make the technical means of the embodiments of the present invention more clearly understood, and the detailed description of the embodiments of the present invention is provided below in order to make the foregoing and other objects, features, and advantages of the embodiments of the present invention more clearly understandable.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the embodiments of the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
FIG. 1 illustrates a schematic view of a page sliding to find a similar book provided in a reading application;
FIG. 2 is a flowchart illustrating a method for displaying a slide picture according to an embodiment of the present invention;
FIG. 3 is a diagram illustrating a target window in one particular example;
FIG. 4 is a flowchart illustrating a method for displaying a slide picture according to another embodiment of the present invention;
FIG. 5 is a flowchart illustrating a method for displaying a slide picture according to another embodiment of the present invention;
FIG. 6a is a schematic diagram illustrating a case where the statically displayed placeholder picture has only two sizes in one particular example;
FIG. 6b shows the schematic view corresponding to FIG. 6a moved to the right by a distance;
fig. 7 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
Exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the invention are shown in the drawings, it should be understood that the invention can be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art.
Fig. 2 shows a flowchart of a picture sliding display method according to an embodiment of the present invention. The method is used for keeping the distance between two adjacent pictures unchanged in the process of zooming and moving the pictures, and can be executed by any terminal with data processing capability, including but not limited to mobile phones, computers, tablets and electronic readers. As shown in fig. 1, the method comprises the steps of:
step S210: monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window.
The target window refers to a window capable of displaying a picture in a sliding and zooming manner, for example, the window with the dark color in the upper half part in fig. 1.
The target window is internally provided with a plurality of placeholder pictures, the number of the placeholder pictures is the same as the number of pictures to be displayed which can be displayed in the target window at the same time, and preferably, the number of the placeholder pictures is an odd number so as to highlight the pictures at the middle position; the occupied size of each position of the occupied picture in the sliding process is symmetrical, the occupied size is usually the largest in the middle position, and the occupied size is gradually reduced towards the two sides. And the placeholder picture is used for limiting the display size and position of the picture to be displayed. Still taking fig. 1 as an example, the number of placeholders is 5, and when 5 placeholders are displayed statically (not responding to a sliding operation event), the placeholders of the remaining placeholders are smaller than and the same size as the placeholder at the center position, except that the placeholder at the center position is the largest.
Specifically, when the sliding operation event is monitored, it may be determined that the scaling movement of the placeholder picture in the target window is triggered, and at this time, the following steps S220 to S240 are performed to keep the distance between two adjacent placeholder pictures unchanged, that is, the distance between adjacent edges of two adjacent placeholder pictures is unchanged.
Step S220: in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time; at least two placeholder pictures to be adjusted are selected from the plurality of placeholder pictures according to the space size.
Specifically, in the process of moving the placeholder pictures, the distance between each placeholder picture and the center of the target window is obtained in real time, wherein the center of the target window can be a central point or a central line; the spacing size may reflect movement of the placeholder picture to an off-center position; and the placeholder pictures at each position should have corresponding placeholder sizes, and then whether the placeholder pictures can change in size in the process of continuously moving can be determined according to the size of the space, and meanwhile, the change in size can cause the change in distance between the placeholder pictures and the adjacent placeholder pictures. Due to the symmetry of the occupied sizes, the sizes of at least two occupied pictures can be changed in the sliding process, and the number of the occupied pictures to be adjusted is at least two.
Fig. 3 is a diagram illustrating a target window in a specific example. In fig. 3, the number of the placeholders is 5, the dotted line in the figure is the vertical center of the target window, the sliding direction is leftward, it can be determined according to the distance that the sizes of the placeholders 2,3,4, and 5 change in the subsequent moving process, and then the placeholders 2,3,4, and 5 can be determined as placeholders to be adjusted.
It should be noted that, as the movement continues, the determined placeholder pictures to be adjusted change, and therefore new placeholder pictures to be adjusted need to be determined continuously according to the distance obtained in real time.
Step S230: acquiring the placeholders of the at least two placeholder pictures to be adjusted in real time, performing cooperative adjustment processing on the placeholders of the at least two placeholder pictures to be adjusted, and keeping the placeholders of other placeholder pictures except the placeholder pictures to be adjusted unchanged.
In the embodiment of the invention, the coordinated adjustment processing is only carried out on the placeholder pictures to be adjusted, and other placeholder pictures are not interfered, so that the calculated amount can be reduced, the display fluency can be improved, and the distance between other placeholder pictures can be ensured not to be changed.
Specifically, the processing of the coordinated adjustment is performed on the placeholder pictures to be adjusted, wherein the processing of the coordinated adjustment includes a scaling adjustment processing of eliminating the size of the placeholder pictures to be adjusted, that is, the placeholder size of at least one or more placeholder pictures is increased, and the placeholder sizes of the remaining placeholder pictures are decreased by the same amplitude, and a translation adjustment processing of keeping the distance between the adjacent placeholder pictures to be adjusted unchanged. Meanwhile, the occupied sizes of other occupied pictures are kept unchanged, and the occupied sizes among other occupied pictures can be kept unchanged.
Step S240: and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
Specifically, the to-be-displayed pictures are covered on the placeholder pictures and are moved and zoomed for display along with the movement and the zooming of the placeholder pictures, wherein in the process that a certain placeholder picture is moved out from one side of the target window and moved in from the other side, the system replaces the to-be-displayed pictures according to the sequence of the to-be-displayed pictures to be covered on the placeholder pictures and then enters the target window.
The picture sliding display method provided by the embodiment of the invention can be widely applied to any target window supporting picture moving, zooming and displaying through sliding operation, wherein a typical application is as shown in fig. 1 and applied to pages recommended by similar books, in the application, the pictures to be displayed are book cover pictures, and the book cover pictures displayed on a plurality of placeholder pictures in a covering mode are different.
According to the picture sliding display method provided by the embodiment, in the process of monitoring the sliding operation event and responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time, the size of the distance can reflect whether the placeholder picture is subjected to size change in the process of continuously moving, and on the basis, the placeholder picture to be adjusted is selected according to the size of the distance; and then, carrying out cooperative adjustment processing on the placeholder pictures to be adjusted, and keeping the placeholders of other placeholder pictures unchanged, so that the distance between every two adjacent placeholder pictures can be kept unchanged. Therefore, according to the scheme of the embodiment, the placeholder pictures to be adjusted are selected according to the space size, the placeholder pictures with changeable placeholders can be accurately determined, then the coordinated adjustment processing is carried out on the placeholder pictures to be adjusted, the influence on the distance between the adjacent placeholder pictures due to the size change of the placeholder pictures to be adjusted can be avoided, the distance between the adjacent placeholder pictures is always kept unchanged, the orderliness in the sliding zooming display process is improved, the coordinated adjustment processing is only carried out on the placeholder pictures to be adjusted, the calculation amount can be reduced, and the page display fluency is improved.
Fig. 4 is a flowchart illustrating a picture sliding display method according to another embodiment of the present invention. As shown in fig. 4, the method comprises the steps of:
step S410: monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window.
And if the placeholder picture is a transparent and invisible view, the placeholder picture is in an invisible state for the user in the adjusting process.
Specifically, after the sliding operation event is monitored, the plurality of placeholder pictures are moved according to the sliding direction of the sliding operation event, wherein the following method can be invoked to implement the movement: the screen ViewDidScall (UIScrollView) enables the picture to be displayed, which is overlaid on the placeholder picture, to move along with the movement of the placeholder picture. Taking the placeholder picture 3 in fig. 3 as an example, if the sliding direction is from right to left, the placeholder picture 3 moves from right to left, and when the placeholder picture moves to the leftmost side, the placeholder picture moves out of the target window, and then enters from the right side of the target window.
Step S420: in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time; at least two placeholder pictures to be adjusted are selected from the plurality of placeholder pictures according to the space size.
In the target window, when the distance between the placeholder picture and the center is displayed to be far away from the center, the placeholder size becomes smaller, otherwise, when the placeholder picture is displayed to be close to the center, the placeholder size becomes larger, in some optional embodiments, the minimum size of the bottom protection can be set to avoid the situation that the size of the placeholder picture at the edge of the window is too small, and when the minimum size is reached, the placeholder picture is further moved to two sides and is not reduced any more. The gradual effect of the zooming display can be realized by calling the following method: layout SubView (_ view: ZYScaleBaseShell, viewAt index: NSInteger).
Specifically, the sliding modes supported by the target window are different, and the obtained distance reference is also different, wherein if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, that is, the target window supports a horizontal sliding mode, the horizontal distance between each placeholder picture and the center of the target window is obtained in real time; or if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, that is, the target window supports a vertical sliding manner, the vertical distance between each placeholder picture and the center of the target window is obtained in real time. The horizontal distance is an absolute value of a difference value between a first abscissa corresponding to the center of the placeholder picture and a second abscissa corresponding to the center of the target window, and the vertical distance is an absolute value of a difference value between a first ordinate corresponding to the center of the placeholder picture and a second ordinate corresponding to the center of the target window. In specific implementation, the distance reference can be determined by acquiring the sliding direction supported by the target window, so that the error in acquiring the distance is avoided. Hereinafter, the description will be mainly made in a manner that the target window supports horizontal movement.
After the space is obtained, according to the sequence from small to large of the space, the occupied pictures with the changed occupied sizes in the subsequent moving process are determined and serve as the occupied pictures to be adjusted, namely, the pictures with the changed occupied sizes of the occupied pictures are selected. During specific implementation, the number of the placeholder pictures with changeable placeholder sizes in the moving process can be determined according to the number of the placeholder pictures in the target window and the size change condition of the placeholder pictures during static display, and then after the space size is obtained, the placeholder pictures with the number can be selected according to the sequence from small to large to determine as the placeholder pictures to be adjusted. Still taking fig. 3 as an example, the target window includes 5 placeholder pictures, and the total size of the 5 placeholder pictures is 3 different sizes when the placeholder pictures are statically displayed, wherein the sizes of the symmetric positions are the same, so that it can be determined that the placeholder pictures with the sizes changing in the moving process are 4. If a group of placeholder pictures with smaller sizes is added on the left side and the right side of the target window in fig. 3, 6 placeholder pictures which can change in the moving process can be determined; if a group of placeholder pictures with the same size as the outermost side are added on the left side and the right side of the target window in fig. 3, it can be determined that the number of placeholder pictures which can be changed in the moving process is 4.
Or after the space is acquired, a space interval corresponding to the placeholder picture to be adjusted can be set according to the number of placeholder pictures in the target window, the size change condition of the placeholder pictures during static display and the position condition of the placeholder pictures during static display, then the space is matched with the space interval aiming at the space of any placeholder picture acquired in real time, if the space is in the space interval, the placeholder picture is determined to be the placeholder picture to be adjusted, and if the space is not in the space interval, the placeholder picture is not adjusted. Still taking fig. 3 as an example, assuming that the placeholder picture 3 is displayed at the central position before responding to the sliding operation event, that is, the distance is 0, the lower limit of the distance interval can be set to 0, and the upper limit is: the absolute value of the difference between the abscissa corresponding to the center point of the placeholder picture 1 or 5 and the abscissa corresponding to the center of the target window when the placeholder picture is statically displayed.
More particularly, in the case where the center point of the placeholder picture at the middle position passes through the center line of the target window (the vertical center line if horizontal sliding is supported, or the horizontal center line if vertical sliding is supported), at least two placeholder pictures to be adjusted are selected from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event. For the above situation, since the placeholder pictures on the two sides are symmetrical, it is necessary to determine which placeholder pictures have the changed placeholder sizes by combining the sliding directions, and still take the static display position corresponding to fig. 3 as an example, that is, the placeholder pictures are integrally moved to the right to the position where the central point of the placeholder picture 3 passes through the vertical center line of the target window, and at this time, it is necessary to determine that the placeholder pictures to be adjusted are 3 and 4 instead of 3 and 2 by combining the sliding directions from right to left.
Step S430: acquiring the placeholders of the at least two placeholder pictures to be adjusted in real time, performing cooperative adjustment processing on the placeholders of the at least two placeholder pictures to be adjusted, and keeping the placeholders of other placeholder pictures except the placeholder pictures to be adjusted unchanged.
Specifically, the placeholder pictures to be adjusted are subjected to scaling adjustment processing and translation adjustment processing, so that the distances between the adjacent placeholder pictures to be adjusted and between the placeholder picture to be adjusted and other adjacent placeholder pictures are kept unchanged.
Further, in some optional embodiments of the present invention, in order to avoid an influence on other placeholder pictures, the coordination processing is performed by: and determining a minimum external rectangle of the whole area formed by the at least two placeholder pictures to be adjusted, performing cooperative adjustment processing on the placeholder sizes of the at least two placeholder pictures to be adjusted in the minimum external rectangle, and performing cooperative adjustment processing in the minimum external rectangle to achieve the effect of eliminating the length of the placeholder, so as to keep the size of the minimum external rectangle unchanged and not influence other placeholder pictures. For example, if the sliding operation is horizontal sliding, the distance between the left edge and the right edge of the minimum bounding rectangle can be kept unchanged during the moving process, and thus other placeholder pictures on the two sides are not affected.
On the basis of the optional embodiment, in order to further accurately adjust the placeholder size of the placeholder picture to be adjusted, a mapping relation between the position of the placeholder picture and the placeholder size can be established in advance; and the occupation size in the mapping relation is in a trend of becoming smaller from the center position of the target window to two sides. And then, when the size of the placeholder pictures to be adjusted in the minimum external rectangle is adjusted, performing coordinated adjustment processing on the placeholder sizes of the at least two placeholder pictures to be adjusted in the minimum external rectangle according to the mapping relation, wherein the real-time positions of the placeholder pictures to be adjusted can be reflected through the space, combining the mapping relation to obtain the placeholder sizes of the placeholder pictures to be adjusted, namely obtaining an adjusted target, and adjusting the placeholder pictures to be adjusted to obtain the placeholder sizes. It should be noted that, in order to ensure that the distance between adjacent placeholder pictures to be adjusted is not changed, the placeholder pictures to be adjusted need to be adjusted in a translation manner in the process of performing the scaling adjustment.
Further, in the process of performing the cooperative adjustment processing, the adjustment may be performed in the minimum bounding rectangle in order from two sides to the middle, or from one side to the other side. Wherein, the process of adjusting from one side to the other side is roughly as follows: from one side in the minimum circumscribed rectangle, the occupation size of the first occupation picture to be adjusted is firstly zoomed according to the mapping relation, and then the distance between the second occupation picture to be adjusted and the first occupation picture to be adjusted is adjusted to keep the distance unchanged; then, the scaling process is performed on the size of the second placeholder picture to be adjusted, the distance … … between the third placeholder picture to be adjusted and the second placeholder picture to be adjusted is adjusted, and so on, so that the adjustment in the whole minimum circumscribed rectangle can be completed. And the process of adjusting from two sides to the middle is the same as the process, namely the zooming processing and the translation processing are performed alternately, so that the distance is kept unchanged while the requirement of size zooming is met.
Step S440: and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
The picture to be displayed is always displayed on the placeholder picture in a covering manner, and the picture to be displayed can be moved and zoomed to be displayed along with the movement and the zooming of the placeholder picture in the process of the cooperative adjustment processing.
And, in some optional embodiments of the invention, to ensure that the pitch does not strictly remain changed, the picture to be displayed with the same footprint size is overlaid on each placeholder picture.
Step S450: and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
Specifically, by setting different masking effects according to the distance, the picture to be displayed in the middle position can be highlighted. Each picture to be displayed is provided with a covering layer, the transparency of each picture to be displayed is independently set, the transparency is set between 0 and 1, preferably, the excessive darkness of the picture display is not avoided, and the transparency can be set between 0.5 and 1, wherein the higher the transparency value is, the less obvious the covering effect is, the clearer the picture to be displayed is, and on the basis of the transparency, the transparency of the covering layer can be gradually reduced from the middle to the two sides.
It should be noted that, in the foregoing embodiment, the description is mainly performed in a sliding manner of horizontal sliding, but the present invention is not limited thereto, and in some other embodiments, the sliding manner may also be in a vertical direction, and the implementation principle and process thereof are similar to horizontal sliding, and are not described again here.
According to the picture sliding display method provided by the embodiment, in the process of monitoring the sliding operation event and responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time, the size of the distance can reflect whether the placeholder picture is subjected to size change in the process of continuously moving, and on the basis, the placeholder picture to be adjusted is selected according to the size of the distance; then, carrying out cooperative adjustment processing on the placeholder pictures to be adjusted, specifically, adjusting in a minimum external rectangle of an overall area formed by the placeholder pictures to be adjusted so as to avoid influencing other placeholder pictures, wherein the basis of zooming adjustment is mainly a pre-established mapping relation between positions and placeholder sizes, so that the placeholder pictures to be adjusted can be accurately adjusted to corresponding sizes in each position, and translation adjustment is carried out while zooming adjustment is carried out so as to ensure that the distance between the placeholder pictures to be adjusted is kept unchanged; meanwhile, the occupied sizes of other occupied pictures are kept unchanged, so that the distance between other occupied pictures can be kept unchanged, and finally, the distance between every two adjacent occupied pictures is kept unchanged; in addition, a masking effect is set for each picture to be displayed, so that the picture in the middle is highlighted.
Fig. 5 is a flowchart illustrating a picture sliding display method according to another embodiment of the present invention. In this embodiment, a case that the placeholder pictures statically displayed in the target window have only two sizes is mainly described, where the placeholder picture statically displayed in the central position is of a first size, and the placeholder pictures statically displayed in the rest positions are of a second size, where static display refers to display in a non-sliding process, that is, when a sliding operation event is not responded. As shown in fig. 5, the method comprises the steps of:
step S510: monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window.
Step S520: in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time; two to-be-adjusted placeholder pictures with the minimum distance are selected from the plurality of placeholder pictures.
Specifically, corresponding to the situation that the placeholder pictures statically displayed in the target window have only two sizes, two placeholder pictures with the minimum distance are selected from the plurality of placeholder pictures and determined as the placeholder pictures to be adjusted. In practice, for this case, the size change occurs only during the movement of the middle placeholder picture to the adjacent placeholder picture on either side, or during the movement of the adjacent placeholder picture on either side to the middle placeholder picture. As can be seen from the description of step S420 in the embodiment corresponding to fig. 4, the placeholder pictures to be adjusted can be determined as the two placeholder pictures with the closest space according to the order of the spaces from small to large or according to the space interval of the set region to be adjusted, and the specific principle refers to the description of step S420. In addition, for the condition that the central point of the placeholder picture at the middle position passes through the central line of the target window, two placeholder pictures to be adjusted can be determined by combining the sliding direction.
To facilitate an understanding of the present embodiments, a specific example is described below:
fig. 6a shows a schematic diagram of a situation where the statically displayed placeholder picture has only two sizes in one specific example. As shown in fig. 6a, when the placeholder picture 3 is located at the center position during static display, the placeholder size is the largest and is the first size, and the placeholder sizes of the remaining placeholder pictures 1,2,4, and 5 are all the same and are the second size, if a sliding operation with a sliding direction to the right is received, at the starting time of the sliding operation, the placeholder picture 3 is closest to the distance, the placeholder pictures 2 and 4 are next closest to each other, and by combining the sliding direction to the right, it can be determined that only 4 placeholders exist for the placeholder pictures with the changed placeholder sizes in the placeholder pictures 2 and 4, thereby determining that the two placeholder pictures to be adjusted are the placeholder pictures 3 and 4.
Step S530: acquiring the occupation sizes of the two occupation pictures to be adjusted in real time, carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted, and keeping the occupation sizes of other occupation pictures except the occupation pictures to be adjusted unchanged.
Specifically, the placeholder pictures to be adjusted are subjected to scaling adjustment processing and translation adjustment processing, so that the distances between the adjacent placeholder pictures to be adjusted and between the placeholder picture to be adjusted and other adjacent placeholder pictures are kept unchanged.
Further, in an optional manner of implementing the cooperative adjustment processing by the minimum circumscribed rectangle, the adjustment process is as follows: determining the minimum external rectangle of the whole area formed by the two occupancy pictures to be adjusted,
in the minimum circumscribed rectangle, the occupation size of the first occupation picture to be adjusted is adjusted in a scaling mode, including the width and height of the first occupation picture to be adjusted, according to the mapping relation between the position of the occupation picture and the occupation size of the first occupation picture to be adjusted, the first occupation picture to be adjusted can be any one of the two occupation pictures to be adjusted, namely, the occupation size of the first occupation picture to be adjusted at the position is obtained according to the real-time position inquiry mapping relation, and then scaling adjustment is carried out. According to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on the second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted (namely the distance between the two occupation pictures to be adjusted) to be consistent with the distance before adjustment, after the first occupation picture to be adjusted is zoomed and adjusted, changing the distance between the two occupation pictures to be adjusted, and keeping the distance unchanged by translating the second occupation picture to be adjusted; and adjusting the translated second placeholder picture to be adjusted according to an adjustment mode opposite to the zooming adjustment of the first placeholder picture, so that the distance between two separated sides of the two placeholder pictures to be adjusted is consistent with that before adjustment, wherein if the width (height if vertical sliding) of the first placeholder picture to be adjusted is reduced (increased) by the first size, the width (height if vertical sliding) of the second placeholder picture to be adjusted is increased (reduced) by the first size, and according to the width adjustment, the height of the second placeholder picture to be adjusted is zoomed and adjusted in the same proportion.
Fig. 6b shows the schematic representation after a distance to the right corresponding to fig. 6 a. In the process of changing fig. 6a to 6b, the size of the minimum bounding rectangle remains unchanged all the time, and in fig. 6b, compared to fig. 6a, the placeholder size of the placeholder picture 3 is increased, and the placeholder size of the placeholder picture 4 is decreased, and a specific coordination adjustment processing procedure in the process is as follows: in the sliding process, a distance x corresponding to the placeholder picture 3 and a maximum width difference value w (namely the width is reduced by w) between the width after being scaled according to the mapping relation and the central position are calculated through scaleView (namely the width is reduced by w), and then the position of the placeholder picture 4 on the x axis is set to move to the left by x + w through layout SubViews (view: ZYScaleBaseShell, viewAt index: Integer), so that the distance between the placeholder picture 3 and the placeholder picture 4 is ensured to be unchanged; then, the width increase w of the placeholder picture 4 is set in the layout SubViews method (the scaling adjustment of the placeholder picture 3 is opposite), and meanwhile, the height is amplified in an equal proportion, so that the distance between the left side of the placeholder picture 3 and the right side of the placeholder picture 4 is unchanged, namely the width of the minimum circumscribed rectangle is kept unchanged, and the distance between the placeholder picture 3 and the placeholder picture 2 on the left side of the placeholder picture, and the distance between the placeholder picture 4 and the placeholder picture 5 on the right side are further ensured to be unchanged. On the basis, the occupied sizes of the other occupied pictures 1,2 and 5 in the moving process are kept unchanged, and finally the distance between any two adjacent occupied pictures is ensured to be unchanged.
It should be noted that, in step S530, only one specific way of adjusting from one side of the overall area formed by the placeholder pictures to be adjusted to the other side is performed, for example, from left to right in fig. 6b, but in actual implementation, this is not limited to this, and the adjustment may also be performed from two sides to the middle, for example, in fig. 6b, the positions of the left side of the placeholder picture 3 and the right side of the placeholder picture 4 are determined sequentially by the left edge and the right edge of the minimum circumscribed rectangle, and then the resizing is performed to keep the distance between the placeholder picture 3 and the placeholder picture 4 constant.
Step S540: and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
Step S550: and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
In this embodiment, a specific process for setting the transparency of the mask layer is as follows: if the distance s0 is greater than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer to be a first transparency value, wherein w1 is the minimum width of the plurality of placeholders (i.e., the width of the outermost placeholder), w2 is the maximum width of the plurality of placeholders (i.e., the width of the placeholder at the center position), and s is the distance between two adjacent sides of two adjacent placeholders (i.e., the distance between the adjacent placeholders, which is a fixed value in the embodiment of the present invention), where s0, w1, w2 and s are the same as defined below; or if the spacing s0 is greater than 0 and less than w1/2+ w2/2+ s, setting the transparency of the mask layer to be 1-0.5 × s0/(w1/2+ w2/2+ s); or if the distance s0 is equal to 0, setting the transparency of the covering layer to be a second transparency value; the first transparency value is smaller than the second transparency value, for example, the first transparency value is 0.5, and the second transparency value is 1. By the mode, the covering layer transparency value of the picture to be displayed, which is covered on the occupying picture in the middle position, can be set to be larger than the covering layer transparency values of the pictures to be displayed in other positions, meanwhile, the covering layer transparencies of the pictures to be displayed in other positions are the same, and the covering layer transparency value of the picture to be displayed, which is covered on the occupying picture in the middle position, is increased along with the reduction of the distance and reaches the maximum when the occupying picture is in the center position.
According to the picture sliding display method provided by the embodiment, for the situation that the placeholder pictures statically displayed at the center position in the target window are in the first size and the placeholder pictures statically displayed at the other positions are in the second size, by monitoring the sliding operation event, and in the response process, determining the two placeholder pictures with the minimum center distance from the target window as the placeholder pictures to be adjusted; then, carrying out cooperative adjustment processing on the two placeholder pictures to be adjusted so as to ensure that the distances between the adjacent placeholder pictures to be adjusted and between the placeholder picture to be adjusted and other adjacent placeholder pictures are kept unchanged, and keeping the placeholder sizes of the other placeholder pictures to be unchanged so as to ensure that the distances between the other placeholder pictures are unchanged; and when the to-be-displayed picture is displayed on the occupied picture in a covering mode, a masking effect is set, the to-be-displayed picture in the middle position is highlighted, the darkness of the to-be-displayed pictures in the rest positions is consistent, and when the to-be-displayed picture in the middle position is in the center position, the transparency is the largest, and the display is the most prominent.
The embodiment of the invention provides a nonvolatile computer storage medium, wherein at least one executable instruction is stored in the computer storage medium, and the computer executable instruction can execute the picture sliding display method in any method embodiment.
The executable instructions may be specifically configured to cause the processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
In an alternative, the executable instructions cause the processor to:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
In an alternative, the executable instructions cause the processor to:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
In an alternative, the executable instructions cause the processor to:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
In an alternative, the executable instructions cause the processor to:
the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
In an optional mode, the occupation size in the mapping relation is gradually reduced from the center position of the target window to two sides.
In an alternative, the executable instructions cause the processor to:
setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
In an alternative, the executable instructions cause the processor to:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
In an alternative, the executable instructions cause the processor to:
and covering and displaying the pictures to be displayed with the same occupation size as the occupation pictures on each occupation picture.
In an optional manner, the placeholder picture is a transparent and invisible view.
In an alternative, the executable instructions cause the processor to:
and after the sliding operation event is monitored, moving the plurality of placeholder pictures according to the sliding direction of the sliding operation event.
In an alternative, the executable instructions cause the processor to:
if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, acquiring the horizontal distance between each placeholder picture and the center of the target window in real time; alternatively, the first and second electrodes may be,
and if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, acquiring the vertical distance between each placeholder picture and the center of the target window in real time.
In an alternative, the executable instructions cause the processor to:
and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
In an alternative, the executable instructions cause the processor to:
if the distance is larger than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer as a first transparency value; alternatively, the first and second electrodes may be,
if the spacing is larger than 0 and smaller than w1/2+ w2/2+ s, the transparency of the mask layer is set to be 1-0.5 s0/(w1/2+ w2/2+ s); alternatively, the first and second electrodes may be,
if the distance is equal to 0, setting the transparency of the covering layer as a second transparency value;
the first transparency value is smaller than the second transparency value, w1 is the minimum width of the plurality of placeholders, w2 is the maximum width of the plurality of placeholders, s is the distance between two adjacent sides of two adjacent placeholders, and s0 is the distance between the placeholder covered by the to-be-displayed picture and the center of the target window.
In an alternative mode, the picture to be displayed is a book cover picture, and the book cover pictures displayed in a covering mode on the plurality of placeholder pictures are different.
Fig. 7 is a schematic structural diagram of a terminal according to an embodiment of the present invention, and the specific embodiment of the present invention does not limit the specific implementation of the terminal.
As shown in fig. 7, the terminal may include: a processor (processor)702, a communications interface 704, a memory 706, and a communications bus 708.
Wherein: the processor 702, communication interface 704, and memory 706 communicate with each other via a communication bus 708. A communication interface 704 for communicating with network elements of other devices, such as clients or other servers. The processor 702 is configured to execute the program 710, and may specifically execute the relevant steps in the foregoing embodiment of the method for displaying a picture sliding for a terminal.
In particular, the program 710 may include program code that includes computer operating instructions.
The processor 702 may be a central processing unit CPU, or an Application Specific Integrated Circuit (ASIC), or one or more Integrated circuits configured to implement an embodiment of the invention. The terminal comprises one or more processors, which can be the same type of processor, such as one or more CPUs; or may be different types of processors such as one or more CPUs and one or more ASICs.
The memory 706 stores a program 710. The memory 706 may comprise high-speed RAM memory, and may also include non-volatile memory (non-volatile memory), such as at least one disk memory.
The program 710 may specifically be used to cause the processor 702 to perform the following operations:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
In an optional mode, the occupation size in the mapping relation is gradually reduced from the center position of the target window to two sides.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
and covering and displaying the pictures to be displayed with the same occupation size as the occupation pictures on each occupation picture.
In an optional manner, the placeholder picture is a transparent and invisible view.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
and after the sliding operation event is monitored, moving the plurality of placeholder pictures according to the sliding direction of the sliding operation event.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, acquiring the horizontal distance between each placeholder picture and the center of the target window in real time; alternatively, the first and second electrodes may be,
and if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, acquiring the vertical distance between each placeholder picture and the center of the target window in real time.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
In an alternative manner, the program 710 may be specifically configured to cause the processor 702 to perform the following operations:
if the distance is larger than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer as a first transparency value; alternatively, the first and second electrodes may be,
if the spacing is larger than 0 and smaller than w1/2+ w2/2+ s, the transparency of the mask layer is set to be 1-0.5 s0/(w1/2+ w2/2+ s); alternatively, the first and second electrodes may be,
if the distance is equal to 0, setting the transparency of the covering layer as a second transparency value;
the first transparency value is smaller than the second transparency value, w1 is the minimum width of the plurality of placeholders, w2 is the maximum width of the plurality of placeholders, s is the distance between two adjacent sides of two adjacent placeholders, and s0 is the distance between the placeholder covered by the to-be-displayed picture and the center of the target window.
In an alternative mode, the picture to be displayed is a book cover picture, and the book cover pictures displayed in a covering mode on the plurality of placeholder pictures are different.
The algorithms or displays presented herein are not inherently related to any particular computer, virtual system, or other apparatus. Various general purpose systems may also be used with the teachings herein. The required structure for constructing such a system will be apparent from the description above. In addition, embodiments of the present invention are not directed to any particular programming language. It is appreciated that a variety of programming languages may be used to implement the teachings of embodiments of the present invention as described herein, and any descriptions of specific languages are provided above to disclose the best modes of embodiments of the invention.
In the description provided herein, numerous specific details are set forth. It is understood, however, that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.
Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, various features of the embodiments of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects. However, the disclosed method should not be interpreted as reflecting an intention that: that is, the claimed embodiments of the invention require more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into this detailed description, with each claim standing on its own as a separate embodiment of this invention.
Those skilled in the art will appreciate that the modules in the device in an embodiment may be adaptively changed and disposed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and furthermore they may be divided into a plurality of sub-modules or sub-units or sub-components. All of the features disclosed in this specification (including any accompanying claims, abstract and drawings), and all of the processes or elements of any method or apparatus so disclosed, may be combined in any combination, except combinations where at least some of such features and/or processes or elements are mutually exclusive. Each feature disclosed in this specification (including any accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.
Furthermore, those skilled in the art will appreciate that while some embodiments herein include some features included in other embodiments, rather than other features, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.
The various component embodiments of the invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or Digital Signal Processor (DSP) may be used in practice to implement some or all of the functionality of some or all of the components according to embodiments of the present invention. Embodiments of the invention may also be implemented as apparatus or device programs (e.g., computer programs and computer program products) for performing a portion or all of the methods described herein. Such programs implementing embodiments of the present invention may be stored on computer-readable media or may be in the form of one or more signals. Such a signal may be downloaded from an internet website or provided on a carrier signal or in any other form.
It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. Embodiments of the invention may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by one and the same item of hardware. The usage of the words first, second and third, etcetera do not indicate any ordering. These words may be interpreted as names. The steps in the above embodiments should not be construed as limiting the order of execution unless specified otherwise.
The invention discloses: A1. a picture sliding display method comprises the following steps:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
A2. The method of a1, wherein the selecting at least two placeholders to be adjusted from a plurality of placeholders according to the pitch size further comprises:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
A3. The method of A1 or A2, wherein the selecting at least two to-be-adjusted placeholder pictures from a plurality of placeholder pictures according to a pitch size further comprises:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
A4. The method according to any one of a1-A3, wherein the co-adjusting the placeholders of the at least two placeholder pictures to be adjusted further comprises:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
A5. The method of a4, wherein the method further comprises: the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
the cooperatively adjusting the placeholders of the at least two placeholder pictures to be adjusted in the minimum bounding rectangle further comprises:
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
A6. The method according to A5, wherein the occupation size in the mapping relationship is gradually decreased from the center position of the target window to the two sides.
A7. The method of a5, wherein the method further comprises: setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
the selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size further comprises:
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
the cooperatively adjusting the placeholders of the at least two placeholder pictures to be adjusted further comprises:
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
A8. The method according to a7, wherein the co-adjusting the placeholders of the two placeholder pictures to be adjusted further comprises:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
A9. The method according to any one of A1-A8, wherein the displaying the pictures to be displayed with the corresponding sizes overlaid on the placeholders according to the placeholders of the placeholders further comprises:
and covering and displaying the pictures to be displayed with the same occupation size as the occupation pictures on each occupation picture.
A10. The method of any one of A1-A9, wherein the placeholder picture is a transparent and invisible view.
A11. The method of any of a1-a10, wherein, after a sliding operation event in the listening target window, the method further comprises:
and after the sliding operation event is monitored, moving the plurality of placeholder pictures according to the sliding direction of the sliding operation event.
A12. The method according to any one of a1-a11, wherein the obtaining of the distance between each placeholder picture and the center of the target window in real time specifically includes:
if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, acquiring the horizontal distance between each placeholder picture and the center of the target window in real time; alternatively, the first and second electrodes may be,
and if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, acquiring the vertical distance between each placeholder picture and the center of the target window in real time.
A13. The method of any one of claims a1-a12, wherein after displaying the respective sized picture to be displayed overlaid over the respective placeholder picture, the method further comprises:
and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
A14. The method according to a13, wherein the setting a masking effect for the to-be-displayed picture according to the distance between the placeholder picture covered by the to-be-displayed picture and the center of the target window further includes:
if the distance is larger than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer as a first transparency value; alternatively, the first and second electrodes may be,
if the spacing is larger than 0 and smaller than w1/2+ w2/2+ s, the transparency of the mask layer is set to be 1-0.5 s0/(w1/2+ w2/2+ s); alternatively, the first and second electrodes may be,
if the distance is equal to 0, setting the transparency of the covering layer as a second transparency value;
the first transparency value is smaller than the second transparency value, w1 is the minimum width of the plurality of placeholders, w2 is the maximum width of the plurality of placeholders, s is the distance between two adjacent sides of two adjacent placeholders, and s0 is the distance between the placeholder covered by the to-be-displayed picture and the center of the target window.
A15. The method of any of claims a1-a14, wherein the picture to be displayed is a book cover picture, and the plurality of placeholder pictures differ in the book cover picture displayed in overlay.
The invention also discloses: B16. a terminal, comprising: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is configured to store at least one executable instruction that causes the processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
B17. The terminal of B16, wherein the executable instructions cause the processor to:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
B18. The terminal of B16 or B17, wherein the executable instructions cause the processor to:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
B19. The terminal of any one of B16-B18, wherein the executable instructions cause the processor to:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
B20. The terminal of B19, wherein the executable instructions cause the processor to:
the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
B21. The terminal of B20, wherein the footprint in the mapping tends to decrease from the center of the target window to both sides.
B22. The terminal of B20, wherein the executable instructions cause the processor to:
setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
B23. The terminal of B22, wherein the executable instructions cause the processor to:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
B24. The terminal of any one of B16-B23, wherein the executable instructions cause the processor to:
and covering and displaying the pictures to be displayed with the same occupation size as the occupation pictures on each occupation picture.
B25. The terminal of any one of B16-B24, wherein the placeholder pictures are transparent and invisible views.
B26. The terminal of any one of B16-B25, wherein the executable instructions cause the processor to:
and after the sliding operation event is monitored, moving the plurality of placeholder pictures according to the sliding direction of the sliding operation event.
B27. The terminal of any one of B16-B26, wherein the executable instructions cause the processor to:
if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, acquiring the horizontal distance between each placeholder picture and the center of the target window in real time; alternatively, the first and second electrodes may be,
and if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, acquiring the vertical distance between each placeholder picture and the center of the target window in real time.
B28. The terminal of any one of B16-B27, wherein the executable instructions cause the processor to:
and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
B29. The terminal of B28, wherein the executable instructions cause the processor to:
if the distance is larger than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer as a first transparency value; alternatively, the first and second electrodes may be,
if the spacing is larger than 0 and smaller than w1/2+ w2/2+ s, the transparency of the mask layer is set to be 1-0.5 s0/(w1/2+ w2/2+ s); alternatively, the first and second electrodes may be,
if the distance is equal to 0, setting the transparency of the covering layer as a second transparency value;
the first transparency value is smaller than the second transparency value, w1 is the minimum width of the plurality of placeholders, w2 is the maximum width of the plurality of placeholders, s is the distance between two adjacent sides of two adjacent placeholders, and s0 is the distance between the placeholder covered by the to-be-displayed picture and the center of the target window.
B30. The terminal of any one of B16-B29, wherein the picture to be displayed is a book cover picture, and the book cover pictures displayed in a covering mode on the plurality of placeholder pictures are different.
The invention also discloses: C31. a computer storage medium having stored therein at least one executable instruction that causes a processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
C32. The computer storage medium of C31, wherein the executable instructions cause the processor to:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
C33. The computer storage medium of C31 or C32, wherein the executable instructions cause the processor to:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
C34. The computer storage medium of any one of C31-C33, wherein the executable instructions cause the processor to:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
C35. The computer storage medium of C34, wherein the executable instructions cause the processor to:
the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
C36. The computer storage medium of C35, wherein the footprint in the mapping tends to decrease from the center position of the target window to both sides.
C37. The computer storage medium of C35, wherein the executable instructions cause the processor to:
setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
C38. The computer storage medium of C37, wherein the executable instructions cause the processor to:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
C39. The computer storage medium of any one of C31-C38, wherein the executable instructions cause the processor to:
and covering and displaying the pictures to be displayed with the same occupation size as the occupation pictures on each occupation picture.
C40. The computer storage medium of any of C31-C39, wherein the placeholder pictures are transparent and invisible views.
C41. The computer storage medium of any one of C31-C40, wherein the executable instructions cause the processor to:
and after the sliding operation event is monitored, moving the plurality of placeholder pictures according to the sliding direction of the sliding operation event.
C42. The computer storage medium of any one of C31-C41, wherein the executable instructions cause the processor to:
if the sliding direction of the sliding operation event is a horizontal direction from left to right or from right to left, acquiring the horizontal distance between each placeholder picture and the center of the target window in real time; alternatively, the first and second electrodes may be,
and if the sliding direction of the sliding operation event is a vertical direction from top to bottom or from bottom to top, acquiring the vertical distance between each placeholder picture and the center of the target window in real time.
C43. The computer storage medium of any one of C31-C42, wherein the executable instructions cause the processor to:
and aiming at any picture to be displayed, setting a covering effect for the picture to be displayed according to the distance between the position-occupying picture covered by the picture to be displayed and the center of the target window.
C44. The computer storage medium of C43, wherein the executable instructions cause the processor to:
if the distance is larger than or equal to w1/2+ w2/2+ s, setting the transparency of the covering layer as a first transparency value; alternatively, the first and second electrodes may be,
if the spacing is larger than 0 and smaller than w1/2+ w2/2+ s, the transparency of the mask layer is set to be 1-0.5 s0/(w1/2+ w2/2+ s); alternatively, the first and second electrodes may be,
if the distance is equal to 0, setting the transparency of the covering layer as a second transparency value;
the first transparency value is smaller than the second transparency value, w1 is the minimum width of the plurality of placeholders, w2 is the maximum width of the plurality of placeholders, s is the distance between two adjacent sides of two adjacent placeholders, and s0 is the distance between the placeholder covered by the to-be-displayed picture and the center of the target window.
C45. The computer storage medium of any of C41-C44, wherein the picture to be displayed is a book cover picture and the plurality of placeholder pictures differ in the book cover picture displayed overlaid thereon.

Claims (10)

1. A picture sliding display method comprises the following steps:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
2. The method of claim 1, wherein the selecting at least two placeholders to be adjusted from the plurality of placeholders according to the pitch size further comprises:
and determining the placeholder pictures with variable placeholder sizes in the subsequent moving process according to the sequence of the intervals from small to large, and taking the placeholder pictures as the placeholder pictures to be adjusted.
3. The method of claim 1 or 2, wherein the selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the pitch size further comprises:
and selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the size of the space and in combination with the sliding direction of the sliding operation event.
4. The method according to any one of claims 1-3, wherein the co-adjusting the placeholder sizes of the at least two placeholder pictures to be adjusted further comprises:
determining a minimum circumscribed rectangle of the whole area formed by the at least two placeholder pictures to be adjusted;
and carrying out cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle.
5. The method of claim 4, wherein the method further comprises: the method comprises the steps of establishing a mapping relation between the position of an occupancy picture and an occupancy size in advance;
the cooperatively adjusting the placeholders of the at least two placeholder pictures to be adjusted in the minimum bounding rectangle further comprises:
and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted in the minimum circumscribed rectangle according to the mapping relation.
6. The method of claim 5, wherein the footprint in the mapping tends to decrease from the center of the target window to both sides.
7. The method of claim 5, wherein the method further comprises: setting the placeholder pictures statically displayed at the center position of the target window to be in a first size, and setting the placeholder sizes of the placeholder pictures statically displayed at the other positions to be in a second size;
the selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size further comprises:
selecting two occupancy pictures to be adjusted with the minimum distance from the plurality of occupancy pictures;
the cooperatively adjusting the placeholders of the at least two placeholder pictures to be adjusted further comprises:
and carrying out cooperative adjustment processing on the occupation sizes of the two occupation pictures to be adjusted.
8. The method of claim 7, wherein the co-adjusting the placeholders of the two placeholder pictures to be adjusted further comprises:
determining a minimum external rectangle of the whole area formed by the two placeholder pictures to be adjusted;
in the minimum circumscribed rectangle, scaling and adjusting the occupation size of the first occupation picture to be adjusted according to the mapping relation between the space and the occupation size;
according to the adjustment result of the occupation size of the first occupation picture to be adjusted, carrying out translation processing on a second occupation picture to be adjusted so as to enable the distance between two adjacent sides of the two occupation pictures to be adjusted to be consistent with the distance before adjustment;
and adjusting the translated second occupancy picture to be adjusted according to an adjustment mode opposite to the scaling adjustment of the first occupancy picture, so that the distance between two separated sides of the two occupancy pictures to be adjusted is consistent with that before adjustment.
9. A terminal, comprising: the system comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete mutual communication through the communication bus;
the memory is configured to store at least one executable instruction that causes the processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
10. A computer storage medium having stored therein at least one executable instruction that causes a processor to:
monitoring a sliding operation event in a target window; a plurality of placeholder pictures are set in the target window;
in the process of responding to the sliding operation event, the distance between each placeholder picture and the center of the target window is obtained in real time;
selecting at least two placeholder pictures to be adjusted from the plurality of placeholder pictures according to the space size;
acquiring the occupation sizes of the at least two occupation pictures to be adjusted in real time, and performing cooperative adjustment processing on the occupation sizes of the at least two occupation pictures to be adjusted;
and covering and displaying the pictures to be displayed with corresponding sizes on the placeholder pictures according to the placeholder sizes of the placeholder pictures.
CN202010364112.0A 2020-04-30 2020-04-30 Picture sliding display method, terminal and computer storage medium Active CN111522492B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010364112.0A CN111522492B (en) 2020-04-30 2020-04-30 Picture sliding display method, terminal and computer storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010364112.0A CN111522492B (en) 2020-04-30 2020-04-30 Picture sliding display method, terminal and computer storage medium

Publications (2)

Publication Number Publication Date
CN111522492A true CN111522492A (en) 2020-08-11
CN111522492B CN111522492B (en) 2021-10-15

Family

ID=71906397

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010364112.0A Active CN111522492B (en) 2020-04-30 2020-04-30 Picture sliding display method, terminal and computer storage medium

Country Status (1)

Country Link
CN (1) CN111522492B (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113407269A (en) * 2021-05-31 2021-09-17 深圳市科曼医疗设备有限公司 Login method and device, computer storage medium and computer equipment
CN113449222A (en) * 2021-06-17 2021-09-28 青岛海尔科技有限公司 Picture display method, picture display device and electronic equipment
WO2022042734A1 (en) * 2020-08-31 2022-03-03 华为技术有限公司 Page slide processing method and related apparatus
CN114546545A (en) * 2021-11-09 2022-05-27 北京达佳互联信息技术有限公司 Image-text display method, device, terminal and storage medium

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101800870A (en) * 2009-02-10 2010-08-11 金宝电子工业股份有限公司 Method for browsing image files
US20110161878A1 (en) * 2009-12-31 2011-06-30 Verizon Patent And Licensing, Inc. Inter-application navigation apparatuses, systems, and methods
CN102968249A (en) * 2011-08-01 2013-03-13 索尼公司 Information processing device, information processing method, and program
CN104657034A (en) * 2013-11-15 2015-05-27 永明科技顾问股份有限公司 Dynamic window layout adjusting system and method
CN105867915A (en) * 2016-03-25 2016-08-17 广州阿里巴巴文学信息技术有限公司 Application interface display method and device
CN107247546A (en) * 2017-05-24 2017-10-13 北京珠穆朗玛移动通信有限公司 A kind of contact person's display methods and mobile terminal
CN108052546A (en) * 2017-11-27 2018-05-18 深圳市丰巢科技有限公司 A kind of method and mobile terminal in mobile terminal browsing pictures
CN110069204A (en) * 2019-04-15 2019-07-30 广州视源电子科技股份有限公司 Graphic processing method, device, equipment and storage medium based on handwriting trace
CN110221722A (en) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 Image processing method, electronic equipment and storage medium

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101800870A (en) * 2009-02-10 2010-08-11 金宝电子工业股份有限公司 Method for browsing image files
US20110161878A1 (en) * 2009-12-31 2011-06-30 Verizon Patent And Licensing, Inc. Inter-application navigation apparatuses, systems, and methods
CN102968249A (en) * 2011-08-01 2013-03-13 索尼公司 Information processing device, information processing method, and program
CN104657034A (en) * 2013-11-15 2015-05-27 永明科技顾问股份有限公司 Dynamic window layout adjusting system and method
CN105867915A (en) * 2016-03-25 2016-08-17 广州阿里巴巴文学信息技术有限公司 Application interface display method and device
CN107247546A (en) * 2017-05-24 2017-10-13 北京珠穆朗玛移动通信有限公司 A kind of contact person's display methods and mobile terminal
CN108052546A (en) * 2017-11-27 2018-05-18 深圳市丰巢科技有限公司 A kind of method and mobile terminal in mobile terminal browsing pictures
CN110069204A (en) * 2019-04-15 2019-07-30 广州视源电子科技股份有限公司 Graphic processing method, device, equipment and storage medium based on handwriting trace
CN110221722A (en) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 Image processing method, electronic equipment and storage medium

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022042734A1 (en) * 2020-08-31 2022-03-03 华为技术有限公司 Page slide processing method and related apparatus
CN113407269A (en) * 2021-05-31 2021-09-17 深圳市科曼医疗设备有限公司 Login method and device, computer storage medium and computer equipment
CN113449222A (en) * 2021-06-17 2021-09-28 青岛海尔科技有限公司 Picture display method, picture display device and electronic equipment
CN113449222B (en) * 2021-06-17 2023-04-25 青岛海尔科技有限公司 Picture display method, picture display device and electronic equipment
CN114546545A (en) * 2021-11-09 2022-05-27 北京达佳互联信息技术有限公司 Image-text display method, device, terminal and storage medium
CN114546545B (en) * 2021-11-09 2023-11-21 北京达佳互联信息技术有限公司 Image-text display method, device, terminal and storage medium

Also Published As

Publication number Publication date
CN111522492B (en) 2021-10-15

Similar Documents

Publication Publication Date Title
CN111522492B (en) Picture sliding display method, terminal and computer storage medium
US20220137796A1 (en) Screen adaptation and displaying method, electronic device and computer storage medium
US20200058270A1 (en) Bullet screen display method and electronic device
CN112433657B (en) Electronic book simulation page turning method, electronic equipment and computer storage medium
CN109767401B (en) Picture optimization method, device, terminal and corresponding storage medium
WO2021243788A1 (en) Screenshot method and apparatus
WO2018228396A1 (en) Page displaying method and apparatus, electronic device, and storage medium
JP7453471B2 (en) Picture processing method, apparatus, device and storage medium
CN115237522A (en) Page self-adaptive display method and device
EP3073363A1 (en) Electronic device, control method and control program
CN112835499B (en) Carousel graph display method, device, equipment and medium
US11593981B2 (en) Method for processing a screenshot image, electronic device and computer storage medium
CN108491140B (en) Interactive content display method and device
CN108170431B (en) Navigation label window color setting method and device
CN111783015A (en) Display method of shared display elements in page, electronic equipment and storage medium
CN112433796A (en) Electronic book simulation page turning method, electronic equipment and computer storage medium
CN110443772B (en) Picture processing method and device, computer equipment and storage medium
CN112433795A (en) Electronic book simulation page turning method, electronic equipment and computer storage medium
US20140115531A1 (en) Method and apparatus for rendering overlapped objects
CN113342247B (en) Material processing method and device, electronic equipment and storage medium
US20210271383A1 (en) Picture displaying method, electronic device and storage medium
CN111783393A (en) Method, device and storage medium for synchronizing handwritten notes during bilingual contrast reading
CN111913635B (en) Three-dimensional panoramic picture display method and device, mobile terminal and storage medium
CN112650432B (en) Display method of object display page, electronic equipment and storage medium
CN113158620A (en) Bookshelf page editing processing method, electronic equipment and computer storage 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