CN111459390B - Information stream sliding method and device, electronic equipment and image display method - Google Patents
Information stream sliding method and device, electronic equipment and image display method Download PDFInfo
- Publication number
- CN111459390B CN111459390B CN201910048507.7A CN201910048507A CN111459390B CN 111459390 B CN111459390 B CN 111459390B CN 201910048507 A CN201910048507 A CN 201910048507A CN 111459390 B CN111459390 B CN 111459390B
- Authority
- CN
- China
- Prior art keywords
- elements
- layered
- image
- gesture
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 230000004931 aggregating effect Effects 0.000 claims abstract description 32
- 230000033001 locomotion Effects 0.000 claims description 73
- 238000000926 separation method Methods 0.000 claims description 40
- 238000004220 aggregation Methods 0.000 claims description 18
- 230000002776 aggregation Effects 0.000 claims description 16
- 230000009471 action Effects 0.000 claims description 14
- 230000004044 response Effects 0.000 claims description 9
- 230000008569 process Effects 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0241—Advertisements
- G06Q30/0276—Advertisement creation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Development Economics (AREA)
- Accounting & Taxation (AREA)
- Human Computer Interaction (AREA)
- Finance (AREA)
- Strategic Management (AREA)
- Entrepreneurship & Innovation (AREA)
- Game Theory and Decision Science (AREA)
- Economics (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a sliding method of information flow, comprising the following steps: acquiring sliding trigger of the information flow; obtaining at least two hierarchical elements in the information stream for generating a target object; and aggregating the at least two layering elements according to the sliding trigger to generate the target object. The method is used for solving the problem that the conventional information flow advertisement cannot interact with a user.
Description
Technical Field
The application relates to the technical field of computers, in particular to a sliding method and device of two information streams and electronic equipment. The application also relates to an image display method.
Background
The information flow advertisement refers to an advertisement located in a content flow presented by a friend dynamic, information media application or audiovisual media application presented by a social application. The information flow advertisement is in the form of pictures, graphics, etc.
The current information flow advertisement is single in form, and basically, the advertisement of an advertiser is statically released at a certain preset position on an application interface, and the advertisement displayed in the mode cannot interact with a user, so that the expressive force of the information flow advertisement is poor, and the propagation effect of the advertisement is lower than the expected of the advertiser. Therefore, the interaction problem of information stream advertisements becomes a problem to be solved urgently.
Disclosure of Invention
The application provides a sliding method, a sliding device and electronic equipment for information streams, and aims to solve the problem that an existing information stream advertisement cannot interact with a user.
The application provides a sliding method of an information stream, comprising the following steps:
acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and aggregating the at least two layering elements according to the sliding trigger to generate the target object.
Optionally, the obtaining the sliding trigger for the information flow includes at least one of the following ways:
obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the aggregating the at least two hierarchical elements according to the sliding trigger generates the target object, including:
in response to the sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer;
according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object;
And taking the superimposed object as the target object.
Optionally, stacking content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset stacking order to obtain a stacked object, including:
and moving the content layer element to a preset position in the direction of the background layer element according to a preset superposition order to obtain a superposed object.
Optionally, moving the content layer element to a preset position in the direction of the background layer element according to a preset stacking sequence includes:
moving the content layer element to the background layer element along a preset curve to a preset position according to a preset superposition order; or,
and moving the content layer element to the background layer element along a preset straight line to a preset position according to a preset superposition sequence.
Optionally, the content layer element is a background transparent content layer element;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
and moving the content layer elements to the direction of the background layer elements according to a preset superposition order, and superposing the content layer elements on the background layer elements in a superposition way to obtain a superposed object.
Optionally, the content layer element is a layered image; the background layer element is a background image; the target object is a target image; the resolution of the layered image is different from the resolution of the background image;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
scaling the layered image to obtain a scaled layered image with the same resolution as the background image;
and moving the scaled layered image to the direction of the background image, and overlapping the scaled layered image on the background image to obtain an overlapped object.
Optionally, the at least two layered elements include a background layer element;
the step of aggregating the at least two hierarchical elements according to the sliding trigger to generate the target object comprises the following steps:
determining whether the background layer element reaches a designated area of a display interface according to the sliding trigger;
if yes, the at least two layering elements are aggregated, and the target object is generated.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, and a plurality of finger aggregation sliding motions.
Optionally, the method further comprises: at least one interface link for accessing a specified interface is provided on at least one hierarchical element.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
The present application also provides a sliding device for information flow, comprising:
the sliding trigger obtaining unit is used for obtaining the sliding trigger of the information flow;
a hierarchical element obtaining unit for obtaining at least two hierarchical elements for generating a target object in an information stream;
and the target object generating unit is used for aggregating the at least two layering elements according to the sliding trigger to generate the target object.
The application also provides an electronic device comprising:
a processor; and
a memory for storing a program of a sliding method of an information stream, the apparatus being powered on and executing the program of the sliding method of an information stream by the processor, and performing the steps of:
Acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and aggregating the at least two layering elements according to the sliding trigger to generate the target object.
The application also provides a sliding method of the information flow, which comprises the following steps:
acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and separating at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger.
Optionally, the obtaining the sliding trigger for the information flow includes at least one of the following ways:
obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the at least two layered elements include a background layer element and at least one content layer element.
Optionally, the separating at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger includes:
And separating the content layer elements from the target object according to a preset separation order.
Optionally, the separating the content layer element from the target object according to a preset separation order includes:
and moving the content layer element to a preset position in a direction away from the background layer element according to a preset separation sequence.
Optionally, the moving the content layer element to a preset position in a direction away from the background layer element includes:
moving the content layer element to a preset position along a preset straight line in a direction away from the background layer element; or,
and moving the content layer element to a preset position along a preset curve in a direction away from the background layer element.
Optionally, the moving the content layer element to a preset position in a direction away from the background layer element includes:
and zooming the content layer element while moving in a direction away from the background layer element until reaching a preset position.
Optionally, the content layer element is a layered image transparent to the background.
Optionally, the method further comprises: at least one interface link for accessing a specified interface is provided on at least one hierarchical element.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, a left-right gesture sliding motion, a right-left gesture sliding motion, and a plurality of finger separation sliding motions.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
The present application also provides a sliding device for information flow, comprising:
the sliding trigger obtaining unit is used for obtaining the sliding trigger of the information flow;
a hierarchical element obtaining unit for obtaining at least two hierarchical elements for generating a target object in an information stream;
and the hierarchical element separation unit is used for separating at least one hierarchical element in the at least two hierarchical elements from the target object according to the sliding trigger.
The application also provides an electronic device comprising:
a processor; and
a memory for storing a program of a sliding method of an information stream, the apparatus being powered on and executing the program of the sliding method of an information stream by the processor, and performing the steps of:
Acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and separating at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger.
The application also provides an image display method, which comprises the following steps:
detecting gesture actions on a display interface of the electronic equipment in the process of displaying information flow by the electronic equipment;
if the detected gesture is matched with the preset gesture for aggregating the layered images, displaying aggregation tracks which belong to the same target image and are mutually separated from each other and are aggregated into the same target image on the display interface;
and if the detected gesture is matched with the preset gesture for separating the layered images, displaying separation tracks for mutually separating the layered images aggregated to the same target image on the display interface.
Optionally, the gesture for aggregating the layered images is a bottom-up gesture sliding motion, or the gesture for separating the layered images is a top-down gesture sliding motion.
Optionally, displaying, on the display interface, an aggregation track that belongs to the same target image and is aggregated by separate layered images into the same target image, including:
displaying a curve aggregation track which belongs to the same target image and is aggregated into the same target image by mutually separated layered images on the display interface; or,
and displaying the straight line aggregation tracks which belong to the same target image and are aggregated into the same target image by mutually separated layered images on the display interface.
Optionally, displaying, on the display interface, a separation track where layered images aggregated to the same target image are separated from each other, including:
displaying curve separation tracks with mutually separated layered images aggregated to the same target image on the display interface; or,
and displaying the linear separation tracks with mutually separated layered images aggregated to the same target image on the display interface.
Optionally, the detected gesture is matched with a preset gesture for aggregating the layered image, so that the detected gesture is the same as the preset gesture for aggregating the layered image, or the similarity between the detected gesture and the preset gesture for aggregating the layered image reaches or exceeds a first similarity threshold;
Or the detected gesture is matched with the preset gesture for separating the layered image, wherein the detected gesture is the same as the preset gesture for separating the layered image, or the similarity between the detected gesture and the preset gesture for separating the layered image reaches or exceeds a second similarity threshold.
Compared with the prior art, the application has the following advantages:
the application provides a sliding method, a sliding device and electronic equipment of information flow, wherein the at least two layered elements are aggregated according to sliding trigger to generate a target object, so that a user can participate in the display process of the target object, and interaction with the user in the process of generating the target object is realized; in addition, at least two layering elements are aggregated according to sliding triggering, so that the target object is displayed in a dynamic mode, and the user experience is improved.
Drawings
Fig. 1 is a flowchart of a sliding method of an information flow according to a first embodiment of the present application.
Fig. 2 is a schematic diagram of a hierarchical element scene provided in the first embodiment of the present application.
Fig. 3 is a flowchart of generating the target object according to the aggregation of the at least two hierarchical elements according to the sliding trigger provided in the first embodiment of the present application.
Fig. 4 is a schematic view of a scenario in which the at least two hierarchical elements are aggregated according to the sliding trigger to generate the target object according to the first embodiment of the present application.
Fig. 5 is a flowchart of a sliding method of an information flow according to a second embodiment of the present application.
Fig. 6 is a schematic view of a scenario in which at least one hierarchical element of the at least two hierarchical elements is separated from the target object according to the sliding trigger provided in the second embodiment of the present application.
Fig. 7 is a flowchart of an image generating method according to a third embodiment of the present application.
Fig. 8 is a schematic view of a sliding device for information flow according to a fourth embodiment of the present application.
Fig. 9 is a schematic diagram of an electronic device according to a fifth embodiment of the present application.
Fig. 10 is a schematic view of a sliding device for information flow according to a sixth embodiment of the present application.
Fig. 11 is a schematic diagram of an electronic device according to a seventh embodiment of the present application.
Detailed Description
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention. The present invention may be embodied in many other forms than those herein described, and those skilled in the art will readily appreciate that the present invention may be similarly embodied without departing from the spirit or essential characteristics thereof, and therefore the present invention is not limited to the specific embodiments disclosed below.
A first embodiment of the present application provides a sliding method of an information stream, which is described in detail below with reference to fig. 1, 2, 3 and 4.
As shown in fig. 1, in step S101, a slide trigger for an information stream is obtained.
The obtaining the sliding trigger on the information flow comprises at least one of the following modes:
obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
The display interface comprises a display interface of a mobile phone, a display interface of an IPAD and the like.
The touch device can comprise a touch pad on a notebook computer.
The controller for controlling the computing device comprises a mouse or a remote controller and other controllers. For example, obtaining a sliding trigger signal for an information stream sent by a controller for controlling a computing device may refer to obtaining a sliding trigger signal for an information stream sent by a wheel in the middle of a mouse. The sliding trigger signal for the information stream sent by the controller for controlling the computing device may include a sliding trigger signal that a wheel in the middle of the mouse rolls from bottom to top or a sliding trigger signal that rolls from top to bottom.
The gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, a left-right gesture sliding motion, a right-left gesture sliding motion and a plurality of finger aggregation sliding motions.
As shown in fig. 1, at least two hierarchical elements in the information stream for generating a target object are obtained in step S102.
The hierarchical elements may include images, text, and the like. The hierarchical elements may include a background layer element and a content layer element. The background layer element may be a solid background image. The content layer element may include a layered image or layered text. The content layer element may be a background transparent hierarchical element. The content layer elements of the hierarchical elements may include at least one hierarchical image including advertisement object flags and at least one hierarchical image including advertisement object description information. For example, 2-1 in fig. 2 is a background image (background layer element), 2-2 and 2-3 in fig. 2 are layered images (content layer element), 2-2 in fig. 2 is a layered image containing advertisement object description information, and 2-3 in fig. 2 is a layered image containing advertisement object flags.
The target object refers to an object formed by combining at least two layering elements. The target object may be an image composed of a background image and a layered image. For example, an image in which a background image and a layered image in fig. 2 are superimposed is a target object. The target object may also be an image consisting of a background image and text.
As shown in fig. 1, in step S103, the at least two hierarchical elements are aggregated according to the sliding trigger, and the target object is generated.
The step of aggregating the at least two hierarchical elements according to the sliding trigger to generate the target object comprises the following steps:
in response to the sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer;
according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object;
and taking the superimposed object as the target object.
As shown in fig. 3, in response to the slide trigger, a background layer element of the at least two layered elements is placed at the lowest layer in step S103-1.
As shown in fig. 2, the background image 2-1 is placed at the lowest layer.
As shown in fig. 3, in step S103-2, content layer elements in the at least two layered elements are superimposed on the background layer element according to a preset superimposing order, to obtain a superimposed object.
If the content layer element is one layer, the content layer element can be directly overlapped and placed on the upper side of the background layer element; if the content layer elements are more than two layers, a superposition order can be preset, and the content layer elements are superposed on the basis of the background layer elements according to the preset superposition order, so that a superposed object is obtained. For example, if the content layer element includes three layers, namely, layer 1, layer 2, and layer 3, the stacking order may be set to be layer 1, layer 2, and layer 3, and then layer 1, layer 2, and layer 3 are sequentially stacked, to obtain a stacked object.
And superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps:
and moving the content layer element to a preset position in the direction of the background layer element according to a preset superposition order to obtain a superposed object.
When the content layer element is moved to the preset position in the direction of the background layer element, the following modes can be included: moving the content layer element to a preset position along a preset curve in the direction of the background layer element; or moving the content layer element to the background layer element along a preset straight line to a preset position. In the implementation, any mode can be adopted, that is, all content layer elements move to a preset position along a preset curve in the direction of the background layer elements; or all content layer elements move to a preset position along a preset straight line in the direction of the background layer element. The two can also be combined, namely, one part of the content layer elements move to the preset position along the direction curve of the background layer elements, and the other part of the content layer elements move to the preset position along the direction of the background layer elements in a straight line; or combining the directional curve movement and the linear movement of the same content layer element to the background layer element to a preset position.
Overlapping content layer elements in the at least two layered elements to obtain an overlapped object, including:
and moving the content layer element to the direction of the background layer element, overlapping the content layer element on the background layer element, and obtaining an overlapped object.
As shown in fig. 4, 4-1 in fig. 4 is a background image, 4-2 in fig. 4 is a layered image containing advertisement object description information, 4-3 in fig. 4 is a layered image containing advertisement object marks, the resolution of the background image is the same as that of two layered images, when a finger slides from bottom to top, according to the sliding trigger, the layered image 4-2 and the layered image 4-3 are simultaneously moved to the background image 4-1, and the two layered images are overlapped and superimposed on the background image, so as to obtain a superimposed object.
When the content layer element is a layered image, the background layer element is a background image, the target object is a target image, and the resolution of the layered image is different from the resolution of the background image, the content layer elements in the at least two layered elements are superimposed on the basis of the background layer element according to a preset superimposition order to obtain a superimposed object, including:
Scaling the layered image to obtain a scaled layered image with the same resolution as the background image;
and moving the scaled layered image to the direction of the background image, and overlapping the scaled layered image on the background image to obtain an overlapped object.
If the resolution of the layered image is different from that of the background image, in order to overlap the layered image on the background image, scaling the layered image to obtain a scaled layered image with the same resolution as the background image, then moving the scaled layered image towards the background image, overlapping the scaled layered image on the background image, and taking the overlapped image as the target image. For example, the layered image may be one point, and after the gesture sliding motion for the information stream is obtained, the layered image is first gradually enlarged from the one point to the same resolution as the background image, and the zoomed layered image is superimposed on the background image.
It should be noted that if there are multiple layers of content layer elements, the multiple layers of content layer elements may be moved to a preset position in the direction of the background layer element at the same time; or according to the preset stacking order, the layered image with the previous stacking order is moved to the preset position, and then the layered image with the subsequent stacking order is moved to the preset position. Moving the content layer element to the background layer element to the preset position is a dynamic process, the dynamic generation process of the object is displayed to the user through the sliding trigger of the user, the user experience is improved, if the target object is the information flow advertisement, the information flow advertisement is displayed to the user by adopting the mode, the interest of the user is greatly improved, and the click rate of the information flow advertisement is further improved.
As shown in fig. 3, in step S103-3, the superimposed object is taken as the target object.
For example, in fig. 4, the object generated by overlapping the layered image 4-2 and the layered image 4-3 with the background image 4-1 is a target object.
The step of aggregating the at least two hierarchical elements according to the sliding trigger to generate the target object comprises the following steps:
determining whether the background layer element reaches a designated area of a display interface according to the sliding trigger;
if yes, the at least two layering elements are aggregated, and the target object is generated.
Preferably, at least one interface link for accessing the specified interface is provided on at least one hierarchical element.
A second embodiment of the present application provides a sliding method for information flow, which is described in detail below with reference to fig. 5 and 6.
As shown in fig. 5, in step S501, a slide trigger for an information stream is obtained.
The obtaining the sliding trigger on the information flow comprises at least one of the following modes:
obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
The display interface comprises a display interface of a mobile phone, a display interface of an IPAD and the like.
The touch device can comprise a touch pad on a notebook computer.
The controller for controlling the computing device comprises a mouse or a remote controller and other controllers. For example, obtaining a sliding trigger signal for an information stream sent by a controller for controlling a computing device may refer to obtaining a sliding trigger signal for an information stream sent by a wheel in the middle of a mouse. The sliding trigger signal for the information stream sent by the controller for controlling the computing device may include a sliding trigger signal that a wheel in the middle of the mouse rolls from bottom to top or a sliding trigger signal that rolls from top to bottom.
The gesture sliding action includes: a top-down gesture swipe motion, a bottom-up gesture swipe motion, a left-to-right gesture swipe motion, a right-to-left gesture swipe motion, or a multiple finger separation swipe motion.
As shown in fig. 5, at least two hierarchical elements in the information stream for generating a target object are obtained in step S502.
The hierarchical elements may include images, text, and the like. The hierarchical elements may include a background layer element and at least one content layer element. The background layer element may be a solid background image. The content layer element may include a layered image or layered text. The content layer element may be a background transparent hierarchical element. The content layer elements of the hierarchical elements may include at least one hierarchical image including advertisement object flags and at least one hierarchical image including advertisement object description information. For example, 2-1 in fig. 2 is a background image (background layer element), 2-2 and 2-3 in fig. 2 are layered images (content layer element), 2-2 in fig. 2 is a layered image containing advertisement object description information, and 2-3 in fig. 2 is a layered image containing advertisement object flags.
The target object refers to an object formed by combining at least two layering elements. The target object may be an image composed of a background image and a layered image. For example, an image in which a background image and a layered image in fig. 2 are superimposed is a target object.
As shown in fig. 5, in step S503, at least one hierarchical element of the at least two hierarchical elements is separated from the target object according to the slide trigger.
Said separating at least one hierarchical element of said at least two hierarchical elements from said target object according to said sliding trigger comprises:
and separating the content layer elements from the target object according to a preset separation order.
In specific implementation, a separation order opposite to the stacking order preset in the first embodiment of the present application may be set. Still further to the example of the first embodiment of the present application, if the content layer element includes three layers, namely layer 1, layer 2, and layer 3, the separation order may be set to be layer 3, layer 2, and layer 1, and then layer 3, layer 2, and layer 1 may be sequentially separated.
The step of separating the content layer elements from the target object according to a preset separation order comprises the following steps:
And moving the content layer element to a preset position in a direction away from the background layer element according to a preset separation sequence.
The preset position refers to the final position reached by the content layer element through movement. If the content layer elements are plural, the preset positions for the plural content layer elements may be the same or different. For example, if the content layer element includes an a layer image and a B layer image, the preset positions of the two layer images may be two sides of the background image, and the preset positions corresponding to the two layer images may be the same position on the same side of the background image.
The moving the content layer element to a preset position in a direction away from the background layer element includes:
moving the content layer element to a preset position along a preset straight line in a direction away from the background layer element; or,
and moving the content layer element to a preset position along a preset curve in a direction away from the background layer element.
When the content layer element is moved to a preset position in a direction away from the background layer element, the following manner may be included: moving the content layer element to a preset position along a preset curve in a direction away from the background layer element; or moving the content layer element to a preset position along a preset straight line in a direction away from the background layer element. In the implementation, any mode can be adopted, namely that all content layer elements move to a preset position along a curve in a direction away from background layer elements; or all content layer elements move to a preset position along the curve in a direction away from the background layer elements. The two can also be combined, namely, one part of the content layer elements move to a preset position along a curve in a direction away from the background layer elements, and the other part of the content layer elements move to a preset position along a straight line in a direction away from the background layer elements; or, the curve movement and the straight movement of the same content layer element in a direction away from the background layer element are combined to a preset position.
As shown in fig. 6, 6-1 in fig. 6 is a background image, 6-2 in fig. 6 is a layered image containing advertisement object description information, 6-2 in fig. 6 is a layered image containing advertisement object marks, the resolution of the background image is the same as that of two layered images, and when a finger slides from top to bottom, according to the sliding trigger, the layered image 6-2 and the layered image 6-3 are simultaneously moved to a preset position away from the background image 6-1.
The moving the content layer element to a preset position in a direction away from the background layer element includes:
and zooming the content layer element while moving in a direction away from the background layer element until reaching a preset position.
In a specific implementation, in order to attract eyes of a user and improve user experience, the content layer element may be zoomed while moving in a direction away from the background element until a preset position is reached.
Preferably, at least one interface link for accessing the specified interface is provided on at least one hierarchical element.
Thus, the description of the first embodiment and the second embodiment of the present application is completed, and according to the sliding trigger for the information flow, the multi-layer element is aggregated to form the target object; according to the sliding method for the information flow, which is provided by the second embodiment of the application, the multi-layer elements are separated from the target object according to the obtained sliding trigger for the information flow, the sliding trigger is not separated from the participation of the user, and the user experience is improved.
A third embodiment of the present application provides an image display method, which is described below with reference to fig. 7.
As shown in fig. 7, in step S701, during the process of displaying an information stream by an electronic device, a gesture motion on a display interface of the electronic device is detected.
The electronic equipment comprises a mobile phone, a notebook computer and other equipment.
The gesture action may include: a top-down gesture swipe, a bottom-up gesture swipe, a left-to-right gesture swipe, a right-to-left gesture swipe, a multiple finger-aggregation swipe, a multiple finger-separation swipe.
As shown in fig. 7, in step S702, if the detected gesture matches with a preset gesture for aggregating layered images, aggregation tracks, which belong to the same target image and are separated from each other, are displayed on the display interface, and the layered images are aggregated into the same target image.
The detected gesture is matched with the preset gesture for aggregating the layered image, or the similarity between the detected gesture and the preset gesture for aggregating the layered image reaches or exceeds a first similarity threshold.
As one embodiment, the gesture for aggregating layered images is a bottom-up gesture swipe. If the detected gesture is a bottom-up gesture sliding motion, the aggregation tracks belonging to the same target image and separated from each other are displayed on the display interface.
The displaying, on the display interface, an aggregate track that belongs to the same target image and that is aggregated into the same target image by separate layered images, includes:
displaying a curve aggregation track which belongs to the same target image and is aggregated into the same target image by mutually separated layered images on the display interface; or,
and displaying the straight line aggregation tracks which belong to the same target image and are aggregated into the same target image by mutually separated layered images on the display interface.
As shown in fig. 7, in step S703, if the detected gesture matches with a preset gesture for separating layered images, a separation track in which layered images aggregated to the same target image are separated from each other is displayed on the display interface.
The detected gesture is matched with the preset gesture for separating the layered image, or the similarity between the detected gesture and the preset gesture for separating the layered image reaches or exceeds a second similarity threshold.
As one embodiment, the gesture for separating the layered image is a top-down gesture sliding motion. And if the detected gesture is a gesture sliding motion from top to bottom, displaying separation tracks, in which layered images aggregated to the same target image are separated from each other, on the display interface.
The method for displaying the separation tracks of the layered images aggregated to the same target image on the display interface, comprises the following steps:
displaying curve separation tracks with mutually separated layered images aggregated to the same target image on the display interface; or,
and displaying the linear separation tracks with mutually separated layered images aggregated to the same target image on the display interface.
The fourth embodiment of the present application also provides an information stream sliding device corresponding to the information stream sliding method provided in the first embodiment of the present application.
As shown in fig. 8, the apparatus includes:
a sliding trigger obtaining unit 801, configured to obtain a sliding trigger for an information flow;
a hierarchical element obtaining unit 802, configured to obtain at least two hierarchical elements for generating a target object in an information stream;
and a target object generating unit 803, configured to aggregate the at least two hierarchical elements according to the sliding trigger, and generate the target object.
Optionally, the sliding trigger obtaining unit is specifically configured to:
obtaining a gesture sliding action aiming at the information flow in a display interface; or,
acquiring a gesture sliding motion aiming at information flow in a touch device; or,
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the target object generating unit includes:
a background layer element placement subunit, configured to place a background layer element in the at least two layered elements at a lowest layer in response to the sliding trigger;
a content layer element superposition subunit, configured to superimpose content layer elements in the at least two layered elements on the basis of the background layer element according to a preset superposition order, so as to obtain a superimposed object;
And the target object determining subunit is used for taking the superimposed object as the target object.
Optionally, the content layer element superimposing subunit is specifically configured to:
and moving the content layer element to a preset position in the direction of the background layer element according to a preset superposition order to obtain a superposed object.
Optionally, the content layer element superimposing subunit is specifically configured to:
moving the content layer element to the background layer element along a preset curve to a preset position according to a preset superposition order; or,
and moving the content layer element to the background layer element along a preset straight line to a preset position according to a preset superposition sequence.
Optionally, the content layer element is a background transparent content layer element;
the content layer element superposition subunit is specifically configured to:
and moving the content layer elements to the direction of the background layer elements according to a preset superposition order, and superposing the content layer elements on the background layer elements in a superposition way to obtain a superposed object.
Optionally, the content layer element is a layered image; the background layer element is a background image; the target object is a target image; the resolution of the layered image is different from the resolution of the background image;
The content layer element superposition subunit is specifically configured to:
scaling the layered image to obtain a scaled layered image with the same resolution as the background image;
and moving the scaled layered image to the direction of the background image, and overlapping the scaled layered image on the background image to obtain an overlapped object.
Optionally, the target object generating unit is specifically configured to:
determining whether the background layer element reaches a designated area of a display interface according to the sliding trigger;
if yes, the at least two layering elements are aggregated, and the target object is generated.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, and a plurality of finger aggregation sliding motions.
Optionally, the apparatus further includes: and the interface link setting unit is used for setting at least one interface link for accessing the designated interface on the at least one layering element.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
It should be noted that, for the detailed description of the sliding device for information flow provided in the fourth embodiment of the present application, reference may be made to the related description of the first embodiment of the present application, which is not repeated here.
The fifth embodiment of the present application further provides an electronic device, corresponding to the sliding method of the information flow provided in the first embodiment of the present application.
As shown in fig. 9, the electronic device includes:
a processor 901; and
a memory 902 for storing a program of a sliding method of an information stream, the apparatus being powered on and executing the program of the sliding method of an information stream by the processor, performing the steps of:
acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and aggregating the at least two layering elements according to the sliding trigger to generate the target object.
Optionally, the obtaining the sliding trigger for the information flow includes at least one of the following ways:
obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the aggregating the at least two hierarchical elements according to the sliding trigger generates the target object, including:
in response to the sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer;
according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object;
and taking the superimposed object as the target object.
Optionally, stacking content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset stacking order to obtain a stacked object, including:
and moving the content layer element to a preset position in the direction of the background layer element according to a preset superposition order to obtain a superposed object.
Optionally, moving the content layer element to a preset position in the direction of the background layer element according to a preset stacking sequence includes:
moving the content layer element to the background layer element along a preset curve to a preset position according to a preset superposition order; or,
And moving the content layer element to the background layer element along a preset straight line to a preset position according to a preset superposition sequence.
Optionally, the content layer element is a background transparent content layer element;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
and moving the content layer elements to the direction of the background layer elements according to a preset superposition order, and superposing the content layer elements on the background layer elements in a superposition way to obtain a superposed object.
Optionally, the content layer element is a layered image; the background layer element is a background image; the target object is a target image; the resolution of the layered image is different from the resolution of the background image;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
scaling the layered image to obtain a scaled layered image with the same resolution as the background image;
And moving the scaled layered image to the direction of the background image, and overlapping the scaled layered image on the background image to obtain an overlapped object.
Optionally, the at least two layered elements include a background layer element;
the step of aggregating the at least two hierarchical elements according to the sliding trigger to generate the target object comprises the following steps:
determining whether the background layer element reaches a designated area of a display interface according to the sliding trigger;
if yes, the at least two layering elements are aggregated, and the target object is generated.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, and a plurality of finger aggregation sliding motions.
Optionally, the electronic device further performs the following steps: at least one interface link for accessing a specified interface is provided on at least one hierarchical element.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
It should be noted that, for the detailed description of the electronic device provided in the fifth embodiment of the present application, reference may be made to the related description of the first embodiment of the present application, which is not repeated here.
The sixth embodiment of the present application further provides an information flow sliding device, corresponding to the sliding method of an information flow provided in the second embodiment of the present application.
As shown in fig. 10, the apparatus includes:
a sliding trigger obtaining unit 1001 for obtaining a sliding trigger on an information flow;
a hierarchical element obtaining unit 1002, configured to obtain at least two hierarchical elements for generating a target object in an information stream;
and a hierarchical element separation unit 1003, configured to separate at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger.
Optionally, the sliding trigger obtaining unit is specifically configured to:
obtaining a gesture sliding action aiming at the information flow in a display interface; or,
acquiring a gesture sliding motion aiming at information flow in a touch device; or,
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the at least two layered elements include a background layer element and at least one content layer element.
Optionally, the layered element separation unit is specifically configured to:
and separating the content layer elements from the target object according to a preset separation order.
Optionally, the layered element separation unit is specifically configured to:
and moving the content layer element to a preset position in a direction away from the background layer element according to a preset separation sequence.
Optionally, the layered element separation unit is specifically configured to:
linearly moving the content layer element to a preset position in a direction away from the background layer element; or,
and moving the content layer element to a preset position along a direction curve far away from the background layer element.
Optionally, the layered element separation unit is specifically configured to:
and zooming the content layer element while moving in a direction away from the background layer element until reaching a preset position.
Optionally, the content layer element is a layered image transparent to the background.
Optionally, the apparatus further includes: and the interface link setting unit is used for setting at least one interface link for accessing the designated interface on the at least one layering element.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, a left-right gesture sliding motion, a right-left gesture sliding motion, and a plurality of finger separation sliding motions.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
It should be noted that, for the detailed description of the sliding device for information flow provided in the sixth embodiment of the present application, reference may be made to the related description of the second embodiment of the present application, which is not repeated here.
Corresponding to the sliding method of the information flow provided in the second embodiment of the present application, the seventh embodiment of the present application further provides an electronic device.
As shown in fig. 11, the electronic device includes:
a processor 1101; and
memory 1102 for storing a program of a sliding method of an information stream, the apparatus, after powering on and running the program of the sliding method of an information stream by the processor, performs the steps of:
acquiring sliding trigger of the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
and separating at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger.
Optionally, the obtaining the sliding trigger for the information flow includes at least one of the following ways:
Obtaining a gesture sliding action aiming at the information flow in a display interface;
acquiring a gesture sliding motion aiming at information flow in a touch device;
a sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
Optionally, the at least two layered elements include a background layer element and at least one content layer element.
Optionally, the separating at least one hierarchical element of the at least two hierarchical elements from the target object according to the sliding trigger includes:
and separating the content layer elements from the target object according to a preset separation order.
Optionally, the separating the content layer element from the target object according to a preset separation order includes:
and moving the content layer element to a preset position in a direction away from the background layer element according to a preset separation sequence.
Optionally, the moving the content layer element to a preset position in a direction away from the background layer element includes:
linearly moving the content layer element to a preset position in a direction away from the background layer element; or,
and moving the content layer element to a preset position along a direction curve far away from the background layer element.
Optionally, the moving the content layer element to a preset position in a direction away from the background layer element includes:
and zooming the content layer element while moving in a direction away from the background layer element until reaching a preset position.
Optionally, the content layer element is a layered image transparent to the background.
Optionally, the electronic device further performs the following steps: at least one interface link for accessing a specified interface is provided on at least one hierarchical element.
Optionally, the gesture sliding motion is any one of a top-down gesture sliding motion, a bottom-up gesture sliding motion, a left-right gesture sliding motion, a right-left gesture sliding motion, and a plurality of finger separation sliding motions.
Optionally, the content layer elements of the layer elements include at least one layer image including the advertisement object flag and at least one layer image including the advertisement object description information.
It should be noted that, for the detailed description of the electronic device provided in the seventh embodiment of the present application, reference may be made to the related description of the second embodiment of the present application, which is not repeated here.
While the preferred embodiment has been described, it is not intended to limit the invention thereto, and any person skilled in the art may make variations and modifications without departing from the spirit and scope of the present invention, so that the scope of the present invention shall be defined by the claims of the present application.
In one typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include volatile memory in a computer-readable medium, random Access Memory (RAM) and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by a computing device. Computer readable media, as defined herein, does not include non-transitory computer readable media (transmission media), such as modulated data signals and carrier waves.
It will be appreciated by those skilled in the art that embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
Claims (26)
1. A method of sliding information flow, comprising:
obtaining a first sliding trigger on the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
according to the first sliding trigger, aggregating the at least two layering elements to generate the target object;
wherein the aggregating the at least two hierarchical elements according to the first sliding trigger, generating the target object includes: in response to the first sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer; according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object; taking the superimposed object as the target object;
The content layer element is a layered image, the background layer element is a background image, and the target object is a target image.
2. The method according to claim 1, wherein said obtaining a first sliding trigger on an information flow comprises at least one of:
obtaining a first gesture sliding action for the information stream in the display interface;
obtaining a first gesture sliding motion aiming at information flow in a touch device;
a first sliding trigger signal for an information flow issued by a controller for controlling a computing device is obtained.
3. The method according to claim 1, wherein the overlaying the content layer elements of the at least two layered elements on the basis of the background layer elements in a preset overlaying order to obtain the overlaid object includes:
and moving the content layer element to a preset position in the direction of the background layer element according to a preset superposition order to obtain a superposed object.
4. A method according to claim 3, wherein moving the content layer element in the direction of the background layer element to a preset position in a preset superimposition order comprises:
Moving the content layer element to the background layer element along a preset curve to a preset position according to a preset superposition order; or,
and moving the content layer element to the background layer element along a preset straight line to a preset position according to a preset superposition sequence.
5. The method of claim 1, wherein the content layer element is a background transparent content layer element;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
and moving the content layer elements to the direction of the background layer elements according to a preset superposition order, and superposing the content layer elements on the background layer elements in a superposition way to obtain a superposed object.
6. The method of claim 1, wherein the resolution of the layered image is different from the resolution of the background image;
and superposing content layer elements in the at least two layered elements on the basis of the background layer elements according to a preset superposition order to obtain a superposed object, wherein the method comprises the following steps of:
Scaling the layered image to obtain a scaled layered image with the same resolution as the background image;
and moving the scaled layered image to the direction of the background image, and overlapping the scaled layered image on the background image to obtain an overlapped object.
7. The method of claim 1, wherein the at least two layered elements comprise background layer elements;
the step of aggregating the at least two hierarchical elements according to the first sliding trigger to generate the target object, including:
determining whether the background layer element reaches a designated area of a display interface according to the first sliding trigger;
if yes, the at least two layering elements are aggregated, and the target object is generated.
8. The method of claim 2, wherein the first gesture sliding motion is any one of a top-down first gesture sliding motion, a bottom-up first gesture sliding motion, and a plurality of finger-aggregation sliding motions.
9. The method as recited in claim 1, further comprising: at least one interface link for accessing a specified interface is provided on at least one hierarchical element.
10. The method of claim 1, wherein the content layer elements of the layered elements comprise at least one layered image comprising an advertisement object logo and at least one layered image comprising advertisement object description information.
11. The method according to claim 1, wherein the method further comprises:
obtaining a second sliding trigger on the information flow;
and separating at least one layering element of the at least two layering elements from the target object according to the second sliding trigger.
12. The method of claim 11, wherein the obtaining a second sliding trigger on the information flow comprises at least one of:
obtaining a second gesture sliding action for the information stream in the display interface;
obtaining a second gesture sliding motion for the information flow in the touch device;
a second sliding trigger signal for the information flow issued by a controller for controlling the computing device is obtained.
13. The method of claim 11, wherein the at least two layered elements comprise a background layer element and at least one content layer element.
14. The method of claim 11, wherein the separating at least one of the at least two hierarchical elements from the target object according to the second sliding trigger comprises:
And separating the content layer elements from the target object according to a preset separation order.
15. The method of claim 14, wherein separating the content layer elements from the target object in a predetermined separation order comprises:
and moving the content layer element to a preset position in a direction away from the background layer element according to a preset separation sequence.
16. The method of claim 15, wherein moving the content layer element away from the background layer element to a preset position comprises:
moving the content layer element to a preset position along a preset straight line in a direction away from the background layer element; or,
and moving the content layer element to a preset position along a preset curve in a direction away from the background layer element.
17. The method of claim 15, wherein moving the content layer element away from the background layer element to a preset position comprises:
and zooming the content layer element while moving in a direction away from the background layer element until reaching a preset position.
18. The method of claim 15, wherein the content layer element is a background transparent layered image.
19. The method of claim 12, wherein the second gesture sliding motion is any one of a top-down second gesture sliding motion, a bottom-up second gesture sliding motion, a left-right second gesture sliding motion, a right-left second gesture sliding motion, and a plurality of finger separation sliding motions.
20. A sliding apparatus for information flow, comprising:
the sliding trigger obtaining unit is used for obtaining a first sliding trigger on the information flow;
a hierarchical element obtaining unit for obtaining at least two hierarchical elements for generating a target object in an information stream;
a target object generating unit, configured to aggregate the at least two hierarchical elements according to the first sliding trigger, and generate the target object; said aggregating said at least two hierarchical elements according to said first sliding trigger, generating said target object comprising: in response to the first sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer; according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object; taking the superimposed object as the target object; the content layer element is a layered image, the background layer element is a background image, and the target object is a target image.
21. An electronic device, comprising:
a processor; and
a memory for storing a program of a sliding method of an information stream, the electronic device being powered on and executing the program of the sliding method of an information stream by the processor, the following steps being performed:
obtaining a first sliding trigger on the information flow;
obtaining at least two hierarchical elements in the information stream for generating a target object;
according to the first sliding trigger, aggregating the at least two layering elements to generate the target object; said aggregating said at least two hierarchical elements according to said first sliding trigger, generating said target object comprising: in response to the first sliding trigger, placing a background layer element in the at least two layered elements at a lowest layer; according to a preset superposition order, superposing content layer elements in the at least two layered elements on the basis of the background layer elements to obtain a superposed object; taking the superimposed object as the target object; the content layer element is a layered image, the background layer element is a background image, and the target object is a target image.
22. An image display method, comprising:
Detecting gesture actions on a display interface of the electronic equipment in the process of displaying information flow by the electronic equipment;
if the detected gesture is matched with the preset gesture for aggregating the layered images, displaying the aggregation tracks which belong to the same target image and aggregate the layered images separated from each other into the same target image on the display interface; wherein the aggregating the layered images separated from each other into the same target image includes: in response to the gesture, placing a background image in at least two layered images at a lowest layer; according to a preset superposition order, superposing the content layer images in at least two layered images on the basis of the background image to obtain a superposed image; taking the superimposed image as the target image;
and if the detected gesture is matched with the preset gesture for separating the layered images, displaying separation tracks for mutually separating the layered images aggregated to the same target image on the display interface.
23. The method of claim 22, wherein the gesture for aggregating layered images is a bottom-up gesture swipe or the gesture for separating layered images is a top-down gesture swipe.
24. The method of claim 22, wherein displaying, on the display interface, an aggregated track of layered images that belong to the same target image and are separated from each other, aggregated into the same target image, comprises:
displaying a curve aggregation track which belongs to the same target image and is aggregated into the same target image by mutually separated layered images on the display interface; or,
and displaying the straight line aggregation tracks which belong to the same target image and are aggregated into the same target image by mutually separated layered images on the display interface.
25. The method of claim 22, wherein displaying on the display interface separate tracks in which layered images aggregated to the same target image are separated from each other, comprises:
displaying curve separation tracks with mutually separated layered images aggregated to the same target image on the display interface; or,
and displaying the linear separation tracks with mutually separated layered images aggregated to the same target image on the display interface.
26. The method of claim 22, wherein the detected gesture is matched with a preset gesture for aggregating the layered image such that the detected gesture is the same as the preset gesture for aggregating the layered image or a similarity between the detected gesture and the preset gesture for aggregating the layered image reaches or exceeds a first similarity threshold;
Or the detected gesture is matched with the preset gesture for separating the layered image, wherein the detected gesture is the same as the preset gesture for separating the layered image, or the similarity between the detected gesture and the preset gesture for separating the layered image reaches or exceeds a second similarity threshold.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910048507.7A CN111459390B (en) | 2019-01-18 | 2019-01-18 | Information stream sliding method and device, electronic equipment and image display method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910048507.7A CN111459390B (en) | 2019-01-18 | 2019-01-18 | Information stream sliding method and device, electronic equipment and image display method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111459390A CN111459390A (en) | 2020-07-28 |
| CN111459390B true CN111459390B (en) | 2023-07-18 |
Family
ID=71678166
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910048507.7A Active CN111459390B (en) | 2019-01-18 | 2019-01-18 | Information stream sliding method and device, electronic equipment and image display method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111459390B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114092370B (en) * | 2021-11-19 | 2024-09-06 | 抖音视界有限公司 | Image display method, device, computer equipment and storage medium |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566952A (en) * | 2010-12-20 | 2012-07-11 | 福建星网视易信息系统有限公司 | Display system and display method applied to embedded digital entertainment on-demand system |
| CN104574256A (en) * | 2013-10-23 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Method and device for locally selecting and processing image |
| CN105739808A (en) * | 2014-12-08 | 2016-07-06 | 阿里巴巴集团控股有限公司 | Display method and apparatus for cursor movement on terminal device |
| CN108037872A (en) * | 2017-11-29 | 2018-05-15 | 上海爱优威软件开发有限公司 | A kind of photo editing method and terminal device |
| CN108280676A (en) * | 2018-01-04 | 2018-07-13 | 广州阿里巴巴文学信息技术有限公司 | A kind of method, apparatus and terminal device carrying out advertising display based on sliding window |
| CN108664205A (en) * | 2018-04-24 | 2018-10-16 | Oppo广东移动通信有限公司 | Method for information display, device, mobile terminal and storage medium |
| CN109085984A (en) * | 2018-06-29 | 2018-12-25 | 北京微播视界科技有限公司 | Control method, device, terminal device and the storage medium of information flow display panel |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9035880B2 (en) * | 2012-03-01 | 2015-05-19 | Microsoft Corporation | Controlling images at hand-held devices |
-
2019
- 2019-01-18 CN CN201910048507.7A patent/CN111459390B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566952A (en) * | 2010-12-20 | 2012-07-11 | 福建星网视易信息系统有限公司 | Display system and display method applied to embedded digital entertainment on-demand system |
| CN104574256A (en) * | 2013-10-23 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Method and device for locally selecting and processing image |
| CN105739808A (en) * | 2014-12-08 | 2016-07-06 | 阿里巴巴集团控股有限公司 | Display method and apparatus for cursor movement on terminal device |
| CN108037872A (en) * | 2017-11-29 | 2018-05-15 | 上海爱优威软件开发有限公司 | A kind of photo editing method and terminal device |
| CN108280676A (en) * | 2018-01-04 | 2018-07-13 | 广州阿里巴巴文学信息技术有限公司 | A kind of method, apparatus and terminal device carrying out advertising display based on sliding window |
| CN108664205A (en) * | 2018-04-24 | 2018-10-16 | Oppo广东移动通信有限公司 | Method for information display, device, mobile terminal and storage medium |
| CN109085984A (en) * | 2018-06-29 | 2018-12-25 | 北京微播视界科技有限公司 | Control method, device, terminal device and the storage medium of information flow display panel |
Non-Patent Citations (1)
| Title |
|---|
| 刘佰鑫 ; 刘成良 ; 贡亮 ; .基于触屏设备的人机交互界面设计.机电一体化.2015,(04),全文. * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111459390A (en) | 2020-07-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102225802B1 (en) | Method and program for making reactive video | |
| US9959903B2 (en) | Video playback method | |
| US8878879B2 (en) | Apparatus, method and computer readable recording medium for displaying content | |
| US9703446B2 (en) | Zooming user interface frames embedded image frame sequence | |
| JP6754968B2 (en) | A computer-readable storage medium that stores a video playback method, video playback device, and video playback program. | |
| US10969949B2 (en) | Information display device, information display method and information display program | |
| US20160139794A1 (en) | Method, apparatus and computer program product for enabling scrubbing of a media file | |
| US9700788B2 (en) | Video object detecting apparatus, video object deforming apparatus, and methods thereof | |
| TW201250609A (en) | Gesture recognition using depth images | |
| CN115134649B (en) | Method and system for presenting interactive elements within video content | |
| CN103097996A (en) | Motion control touch screen method and apparatus | |
| EP3236336B1 (en) | Virtual reality causal summary content | |
| US20150149960A1 (en) | Method of generating panorama image, computer-readable storage medium having recorded thereon the method, and panorama image generating device | |
| JP6841519B2 (en) | Methods and Electronic Devices for Creating Digital Signatures | |
| US8872813B2 (en) | Parallax image authoring and viewing in digital media | |
| CN103608761A (en) | Input device, input method and recording medium | |
| WO2023087990A1 (en) | Image display method and apparatus, computer device, and storage medium | |
| CN111741358B (en) | Method, apparatus and memory for displaying a media composition | |
| CN111459390B (en) | Information stream sliding method and device, electronic equipment and image display method | |
| CN113965665B (en) | Method and equipment for determining virtual live image | |
| CN113709389A (en) | Video rendering method and device, electronic equipment and storage medium | |
| CN104254875A (en) | Information processing device, information processing method, and information processing computer program product | |
| CN102830938A (en) | 3D (three-dimensional) human-computer interaction method based on gesture and animation | |
| Tsang et al. | Game-like navigation and responsiveness in non-game applications | |
| CN113409180A (en) | Image processing method, image processing device, 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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230628 Address after: Unit 805, 8th Floor, No. 701 Yunjin Road, Xuhui District, Shanghai Applicant after: Alibaba (Shanghai) Co.,Ltd. Address before: Box 847, four, Grand Cayman capital, Cayman Islands, UK Applicant before: ALIBABA GROUP HOLDING Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |