CN107168628B - Sliding screen display method and device - Google Patents

Sliding screen display method and device Download PDF

Info

Publication number
CN107168628B
CN107168628B CN201710274732.3A CN201710274732A CN107168628B CN 107168628 B CN107168628 B CN 107168628B CN 201710274732 A CN201710274732 A CN 201710274732A CN 107168628 B CN107168628 B CN 107168628B
Authority
CN
China
Prior art keywords
sliding
screen
picture
slide
distance
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
Application number
CN201710274732.3A
Other languages
Chinese (zh)
Other versions
CN107168628A (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.)
Fujian Star Net Communication Co Ltd
Original Assignee
Fujian Star Net Communication 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 Fujian Star Net Communication Co Ltd filed Critical Fujian Star Net Communication Co Ltd
Priority to CN201710274732.3A priority Critical patent/CN107168628B/en
Publication of CN107168628A publication Critical patent/CN107168628A/en
Application granted granted Critical
Publication of CN107168628B publication Critical patent/CN107168628B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • 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

Abstract

The invention provides a sliding screen display method and device. The method comprises the following steps: acquiring screen sliding resources, wherein the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions; creating a screen sliding object according to the screen sliding resource, and storing the screen sliding object in a screen sliding object operation queue; and creating a screen sliding interface, and displaying the screen sliding object in a waterfall layout mode by calling a screen sliding object operation queue. The sliding screen content of the embodiment of the invention has respective relative positions, thereby realizing diversified display. The embodiment of the invention also supports waterfall flow sliding screens with different object sizes and different objects, and the actions of the waterfall flow sliding screen comprise hand sliding and inertial sliding, so that the clipping of the waterfall flow sliding screen is realized, and the object positions can be configured at will.

Description

Sliding screen display method and device
Technical Field
The invention belongs to the technical field of screen sliding processing, and particularly relates to a screen sliding display method and device.
Background
The waterfall flow layout is also called waterfall flow layout, and is a popular page layout, the visual appearance of the layout is a ragged multi-column layout, and as a page scroll bar rolls downwards, the layout can continuously load data blocks and is attached to the current tail part. The waterfall flow is efficient and attractive for displaying pictures, a quick reading mode which is swept by a user at a glance can obtain more information amount in a short time, and the waterfall flow also avoids page turning operation of mouse clicking of the user. The main characteristic of the traditional waterfall flow is the design of being scattered, fixed in width and not fixed in height, so that the page is different from the traditional matrix type picture layout mode, the visual fatigue is relieved by utilizing the visual hierarchy and the random flowing of the sight, and meanwhile, the feeling of being independent of each other is given to people.
The waterfall flow effectively reduces the complexity of the interface and saves the space. For a touch screen device, the interaction mode is more intuitive. In the interactive environment of mobile applications, scrolling by sliding up has become a fundamental user habit, and the required degree of precision of operation is much lower than clicking a link or button. The convenience of interaction brought by the two points can enable users to focus more on the content rather than the operation, so that the users are more willing to be immersed in exploration and browsing.
From the aspect of display effect, in a traditional KTV system or a currently displayed multimedia system, most interface display contents are fixed, and meanwhile, a part of the interface display contents are combined to display more contents through a screen sliding operation, but the current screen sliding is fixed contents and a screen sliding designed according to a fixed rule, and cannot realize screen sliding of contents with any size or dynamically changing contents, and meanwhile, the screen sliding contents cannot support contents of various multimedia objects.
In addition, when abundant operation resources and operation contents are possessed, if the resources are buried in a secondary page, a user cannot perceive the resources.
In the prior art, in order to control the pictures to be laid out in a specified size (for example, the pictures are at the same height and at the same width), the sliding screen object is usually only pictures, and resources such as videos and dynamic pictures are not involved, and the size of the sliding screen object needs to be limited.
Disclosure of Invention
The embodiment of the invention provides a sliding screen display method and device, so that diversified display is realized.
The technical scheme of the embodiment of the invention is as follows: acquiring screen sliding resources, wherein the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions;
creating a screen sliding object according to the screen sliding resource, and storing the screen sliding object in a screen sliding object operation queue;
and creating a screen sliding interface, and displaying the screen sliding object in a waterfall layout mode by calling a screen sliding object operation queue.
In one embodiment, the slide screen content includes still pictures, moving pictures, or video files; the dynamic picture comprises a rolling picture or a GIF picture; the relative position of the screen sliding content is a position relative to the first screen sliding content.
In one embodiment, when the slide screen content is a scroll picture, the slide screen resource further includes a field for indicating whether a scroll button is included.
In one embodiment, the method further comprises: and when a screen sliding operation instruction of the user is detected, sending the screen sliding operation instruction to the screen sliding interface, and updating the interface display by the screen sliding interface in response to the screen sliding operation instruction.
In one embodiment, the updating the interface display by the sliding screen interface in response to the sliding screen operation instruction comprises:
and executing touch track following processing, executing inertia sliding processing and margin adjusting operation after the touch track following processing, and updating interface display.
In one embodiment, the performing inertial sliding processing includes:
(a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area:
(b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending;
(c) and executing inertial sliding and updating interface display.
In one embodiment, the performing of the touch trajectory following process includes:
deleting the message received by the screen sliding object and clearing the screen sliding callback function;
when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance;
setting a distance beyond the slide screen area when an object followed by the touch trajectory exceeds the slide screen area, wherein the distance beyond the slide screen area is larger when the object is farther from the boundary than the hand-slide object.
In one embodiment, the performing the margin adjustment operation includes: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; adjusting the edge distance on the full screen; adjusting the margin under the full screen; the left margin is adjusted upwards when the screen is not full; the left margin is adjusted downwards when the screen is not full; the left margin is adjusted to the left when the screen is not full; and adjusting the left margin to the right when the screen is not full.
In one embodiment, the slide screen content is a video file, each frame of the video file being shown at its relative position; or, the slide screen content is a GIF picture, each frame of the GIF picture being shown at its relative position; or, the sliding screen content is a scrolling picture, and when the scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
A sliding screen display device comprising:
the acquisition module is used for acquiring screen sliding resources, and the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions;
the object creating module is used for creating a screen sliding object according to the screen sliding resource and storing the screen sliding object in a screen sliding object operation queue;
and the display module is used for creating a screen sliding interface and displaying the screen sliding object in a waterfall flow layout mode by calling the screen sliding object operation queue.
In one embodiment, the slide screen content includes still pictures, moving pictures, or video files; the dynamic picture comprises a rolling picture or a GIF picture; the relative position of the screen sliding content is a position relative to the first screen sliding content.
In one embodiment, when the slide screen content is a scroll picture, the slide screen resource further includes a field for indicating whether a scroll button is included.
In one embodiment, further comprising: and the updating display module is used for sending the screen sliding operation instruction to the screen sliding interface when the screen sliding operation instruction of the user is detected, and the screen sliding interface responds to the screen sliding operation instruction to update the interface display.
In one embodiment, the interface display updating module is used for executing touch track following processing, executing inertia sliding processing and margin adjusting operation after the touch track following processing and updating the interface display.
In one embodiment, the performing inertial sliding processing includes: (a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending; (c) executing inertial sliding and updating interface display; or, the performing of the touch trajectory following process includes: deleting the message received by the screen sliding object and clearing the screen sliding callback function; when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a distance exceeding the screen sliding area when an object followed by the touch track exceeds the screen sliding area, wherein the distance exceeding the screen sliding area is larger when the object follows the hand sliding object and is farther from the boundary; or, the performing the margin adjustment operation includes: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; adjusting the edge distance on the full screen; adjusting the margin under the full screen; the left margin is adjusted upwards when the screen is not full; the left margin is adjusted downwards when the screen is not full; the left margin is adjusted to the left when the screen is not full; and adjusting the left margin to the right when the screen is not full.
In one embodiment, the slide screen content is a video file, each frame of the video file being shown at its relative position; or, the slide screen content is a GIF picture, each frame of the GIF picture being shown at its relative position; or, the sliding screen content is a scrolling picture, and when the scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
According to the technical scheme, screen sliding resources are obtained, wherein the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions; creating a screen sliding object according to the screen sliding resource, and storing the screen sliding object in a screen sliding object operation queue; and creating a screen sliding interface, and displaying the screen sliding object in a waterfall layout mode by calling a screen sliding object operation queue. Thus, the slide screen content of each slide screen object is displayed at a respective relative position. Therefore, the screen sliding contents have respective relative positions, and diversified display is achieved. Furthermore, embodiments of the present invention support waterfall flow sliding of different object sizes and different multimedia objects.
In addition, the embodiment of the invention also creates a new waterfall flow sliding screen class, realizes the actions of the waterfall flow sliding screen including hand sliding and inertial sliding, realizes the clipping of the waterfall flow sliding screen, and can randomly configure the object position.
In addition, compared with the prior art that the screen sliding object only has pictures and does not relate to resources such as videos and dynamic pictures, the screen sliding resources of the embodiment of the invention also comprise dynamic pictures or video files. In the prior art, the video file or the dynamic picture is difficult to typeset in a set height or a set broadband (if the typesetting is carried out in the set height or the set broadband, when the set height or the set broadband is not met in the picture in the video file, the modification workload is very large). The waterfall flow does not limit the size of the screen sliding resources, and only typesetting is carried out according to the size and the position of the screen sliding object, so that the page arrangement efficiency is obviously improved. In addition, the sliding screen resource can be distinguished between the primary and secondary according to different sizes and displayed on the interface, so that the importance of the resource content required to be operated by the merchant can be highlighted, the benefit of the merchant is increased, and the user experience is better.
Drawings
Fig. 1 is a flowchart of a screen sliding display method according to an embodiment of the present invention.
Fig. 2 is a structural view of a slide display device according to an embodiment of the present invention.
FIG. 3 is a diagram illustrating a slide screen display effect according to an embodiment of the present invention.
Fig. 4 is a flowchart of a waterfall flow sliding screen display method according to an embodiment of the present invention.
Fig. 5 is a schematic diagram of a waterfall flow sliding screen interface hierarchy according to an embodiment of the present invention.
FIG. 6 is a flowchart illustrating a screen sliding operation process according to an embodiment of the present invention.
FIG. 7 is a schematic diagram of a hand-slip pre-treatment process according to an embodiment of the invention.
FIG. 8a is a first schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention.
FIG. 8b is a second schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention.
FIG. 8c is a third schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention.
FIG. 8d is a fourth schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention.
Fig. 9 is a schematic view of inertial sliding distance according to an embodiment of the present invention.
Fig. 10 is a structural view of a waterfall flow sliding screen display device according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is further described in detail with reference to the accompanying drawings.
For simplicity and clarity of description, the invention will be described below by describing several representative embodiments. Numerous details of the embodiments are set forth to provide an understanding of the principles of the invention. It will be apparent, however, that the invention may be practiced without these specific details. Some embodiments are not described in detail, but rather are merely provided as frameworks, in order to avoid unnecessarily obscuring aspects of the invention. Hereinafter, "including" means "including but not limited to", "according to … …" means "at least according to … …, but not limited to … … only". In view of the language convention of chinese, the following description, when it does not specifically state the number of a component, means that the component may be one or more, or may be understood as at least one.
Fig. 1 is a flowchart of a screen sliding display method according to an embodiment of the present invention. As shown in fig. 1, the method includes:
step 101: and acquiring a screen sliding resource, wherein the screen sliding resource comprises screen sliding contents, screen sliding content types and screen sliding content relative positions.
For example, the set-top box downloads the html configuration file from the server. The html configuration file contains respective configuration information of a plurality of slide screen contents. And the set top box analyzes the html configuration file and saves the corresponding configuration item information of each slide screen content. The single configuration items respectively comprise the screen sliding content, the type of the screen sliding content and the relative position of the screen sliding content (such as the position of the screen sliding content from the first screen sliding content, the width of the screen sliding content and the height of the screen sliding content). The screen sliding content comprises a video file, a dynamic picture (GIF picture) and a static picture, wherein the static picture comprises a single picture and a plurality of pictures.
Step 102: and creating a screen sliding object according to the screen sliding resource, and storing the screen sliding object in a screen sliding object operation queue.
Here, according to the saved configuration items, namely information such as relative position and type of the screen sliding resource, a screen sliding object is created for rendering and displaying the screen sliding resource, and the created screen sliding object is saved in a screen sliding object operation queue. The position and the size of each screen sliding object are the preset position and the width and the height of the screen sliding resource. In step 102, the size of the screen sliding content does not need to be adjusted, the screen sliding content only needs to be arranged according to the relative position of the screen sliding resource, and the size and the position of the picture do not need to be adjusted again.
Step 103: and creating a screen sliding interface, and displaying the screen sliding object in a waterfall layout mode by calling a screen sliding object operation queue.
And calling a screen sliding interface, rendering screen sliding contents of each configuration item by using the created screen sliding object, displaying the screen sliding contents on the interface according to the configured position, and finally displaying the interface of the waterfall flow layout. Regarding each type of difference in rendering flow, the following is described respectively:
(1) and (5) directly rendering the texture content of the picture into a screen sliding object. (2) And the effect of circular scrolling is achieved by using two objects, namely, the texture of one picture is rendered in one object, and then the texture of the next picture is rendered in the other object. And after a certain time, the current object is cut out in a sliding mode, and the other object is cut in a sliding mode and is cut back, so that how many pictures are displayed in a dynamic and circular rolling mode. The left-right button can be clicked to manually scroll. (3) And in the gif picture, storing each frame of texture of the gif picture into a queue, and rendering the texture stored in the queue into a screen sliding object in a timing cycle manner to form an animation effect. (4) Video: the screen sliding object supports the playing of the video, and can directly render each frame of content of the video stream played by the player into the screen sliding object so as to achieve the effect of playing the video.
While the above exemplary descriptions describe the corresponding processing of different types of slide screen content, those skilled in the art will appreciate that this description is merely exemplary and is not intended to limit the scope of embodiments of the present invention.
In the embodiment of the present invention, the screen sliding resource may include not only a still picture, but also a dynamic picture or a video file, and the like. Therefore, the waterfall flow does not limit the size of the screen sliding resources, and only typesetting is carried out according to the size and the position of the screen sliding object, so that the page arrangement efficiency is greatly improved. In addition, the sliding screen resource can be distinguished between primary and secondary according to different sizes and displayed on the interface, so that the importance of the resource content required to be operated by a merchant can be highlighted conveniently, the benefit of the merchant is increased, and the user experience is better.
In one embodiment, the slide screen content includes still pictures, moving pictures, or video files; the dynamic picture comprises a rolling picture or a GIF picture; the relative position of the screen sliding content is a position relative to the first screen sliding content. In one embodiment, when the slide screen content is a scroll picture, the slide screen resource further includes a field for indicating whether a scroll button is included. In one embodiment, the method further comprises: and when a screen sliding operation instruction of the user is detected, sending the screen sliding operation instruction to the screen sliding interface, and updating the interface display by the screen sliding interface in response to the screen sliding operation instruction. And 1, when the user drags and slides, detecting the moving distance in the horizontal direction in real time and driving the object to move by a corresponding distance. 2. And when the user stops dragging and sliding, calculating how much distance the object should continue to slide according to the current sliding speed of the object and a formula, and stopping. After sliding is stopped, the distance of the object needs to be properly adjusted, and the final stopping position is ensured to be proper so as not to slide beyond the boundary. 3. The object needs to be displayed within the effective rectangular area. Therefore, the object part sliding out of the effective area needs to be cut during the sliding process, and the object sliding into the effective area needs to recover the cut part. Because the sizes of the screen sliding objects are different, the screen sliding needs to be cut when the screen sliding objects slide, namely, the screen sliding objects need to be cut when the screen sliding objects slide out of the effective area by how many pixels, the screen sliding and the cutting are carried out simultaneously, and the screen sliding actions are finished according to frames by the same principle when the screen sliding objects slide in, namely, one pixel is slid in one frame, so that the cutting is convenient to process. The portion of the object that is cropped is not rendered, i.e., not visible on the interface.
In one embodiment, the updating the interface display by the sliding screen interface in response to the sliding screen operation instruction comprises: and executing touch track following processing, executing inertia sliding processing and margin adjusting operation after the touch track following processing, and updating interface display. Specifically, the executing of the inertial sliding process includes: (a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending; (c) and executing inertial sliding and updating interface display. Performing the touch trajectory following process includes: deleting the message received by the screen sliding object and clearing the screen sliding callback function; when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a distance beyond the slide screen area when an object followed by the touch trajectory exceeds the slide screen area, wherein the distance beyond the slide screen area is larger when the object is farther from the boundary than the hand-slide object. Performing the margin adjustment operation includes: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; adjusting the edge distance on the full screen; adjusting the margin under the full screen; the left margin is adjusted upwards when the screen is not full; the left margin is adjusted downwards when the screen is not full; the left margin is adjusted to the left when the screen is not full; and adjusting the left margin to the right when the screen is not full.
In one embodiment, the slide screen content is a video file, each frame of the video file being shown at its relative position; or, the slide screen content is a GIF picture, each frame of the GIF picture being shown at its relative position; or, the sliding screen content is a scrolling picture, and when the scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
Fig. 2 is a structural view of a slide display device according to an embodiment of the present invention. As shown in fig. 2, the slide screen display device 200 includes: an obtaining module 201, configured to obtain a screen sliding resource, where the screen sliding resource includes screen sliding content, a type of the screen sliding content, and a relative position of the screen sliding content; the object creating module 202 is used for creating a screen sliding object according to the screen sliding resource and storing the screen sliding object in a screen sliding object operation queue; and the display module 203 is used for creating a screen sliding interface and displaying the screen sliding object in a waterfall layout mode by calling the screen sliding object operation queue.
In one embodiment, the slide screen content includes still pictures, moving pictures, or video files; the dynamic picture comprises a rolling picture or a GIF picture; the relative position of the screen sliding content is a position relative to the first screen sliding content. When the screen content is a scrolling picture, the screen sliding resource further comprises a field for indicating whether a scroll button is included. In one embodiment, further comprising: and the update display module 204 is configured to send the screen sliding operation instruction to the screen sliding interface when the screen sliding operation instruction of the user is detected, and the screen sliding interface updates the interface display in response to the screen sliding operation instruction. In one embodiment, the update display module 204 is configured to perform a touch trajectory following process, and after the touch trajectory following process, perform an inertial sliding process and an edge distance adjustment operation to update the interface display. Wherein: the executing of the inertial sliding process includes: (a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending; (c) and executing inertial sliding and updating interface display.
Performing the touch trajectory following process includes: deleting the message received by the screen sliding object and clearing the screen sliding callback function; when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a distance beyond the slide screen area when an object followed by the touch trajectory exceeds the slide screen area, wherein the distance beyond the slide screen area is larger when the object is farther from the boundary than the hand-slide object.
Performing the margin adjustment operation includes: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; adjusting the edge distance on the full screen; adjusting the margin under the full screen; the left margin is adjusted upwards when the screen is not full; the left margin is adjusted downwards when the screen is not full; the left margin is adjusted to the left when the screen is not full; and adjusting the left margin to the right when the screen is not full.
In one embodiment, the slide screen content is a video file, each frame of the video file being shown at its relative position; or, the slide screen content is a GIF picture, each frame of the GIF picture being shown at its relative position; or, the sliding screen content is a scrolling picture, and when the scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
FIG. 3 is a diagram illustrating a slide screen display effect according to an embodiment of the present invention. In fig. 3, a waterfall flow slide screen effect implemented in an embedded-based slide screen approach is presented. The screen sliding object simultaneously supports videos, gif and multiple pictures, the sizes of the objects can be different, and the display of the objects can be configured. The concrete effects include: 1. the video object is supported to be played in the screen sliding, and the video is played simultaneously when the screen is slid; 2. playing of gif pictures is supported in the sliding screen, and gif is played simultaneously when the screen is slid; 3. multi-picture scrolling is supported in the sliding screen; the pictures can be automatically rolled, and the left button and the right button can be clicked to roll on the multiple pictures; 4. the size of an object in the sliding screen can be configured at will, and the sliding screen with different object sizes is available before but can not be configured at will; 5. the position of the object in the sliding screen can be configured at will; 6. the force adjustment is adopted when the heel slides at the edge distance in the sliding screen, and the farther the sliding distance from the edge distance, the harder the sliding is; 7. the inertial sliding of the sliding screen adopts deceleration sliding, namely the sliding screen stops from quick sliding to slow sliding; 8. the screen sliding object can be provided with an inverted image which slides along with the screen sliding.
In summary, based on the basic framework idea of the existing slide screen design, the applicant proposes a waterfall flow slide screen supporting different object sizes and different multimedia objects. Meanwhile, in order to reduce the situation that the sliding screen thread and the object always occupy system resources such as a system CPU (central processing unit), a memory and the like, the method for dynamically creating and destroying is optimized. The general idea is as follows: 1. and creating a new waterfall flow sliding screen class. 2. The actions of sliding the waterfall flow screen include sliding with the hand and sliding by inertia. 3. The problem of cutting a waterfall flow sliding screen is solved. 4. The method has the advantages that the diversification of interface display in the waterfall sliding screen is realized, a plurality of objects with different sizes are supported, the positions can be configured at will, and the objects comprise video objects, gif pictures and multiple pictures; the object below in the slide screen is set with a reflection, and so on. The following provides a more detailed description of the specific implementation of the embodiments of the present invention. Fig. 4 is a flowchart of a waterfall flow sliding screen display method according to an embodiment of the present invention. As shown in fig. 4, the method includes:
step 401: and creating a waterfall flow sliding screen structure body containing a sliding screen object file (namely sliding screen content) and the relative position of the sliding screen object in the sliding screen operation queue class.
Step 402: and creating a waterfall flow sliding screen class for realizing waterfall flow sliding screen operation, and reloading a sliding screen creating function to create a waterfall flow sliding screen function by transmitting a sliding screen object which accords with the type of a waterfall flow sliding screen structural body.
Step 403: and creating the waterfall flow sliding screen by utilizing the application layer window by calling a waterfall flow sliding screen function, wherein the sliding screen object file of each sliding screen object is displayed at the corresponding position of the sliding screen object.
Therefore, the embodiment of the invention realizes the creation of a new waterfall flow sliding screen class. In one embodiment, the slide object file includes: still picture files, multi-picture files, image interchange format picture files, video files, or rolling picture files; the relative position of the screen sliding object is the position of the screen sliding object relative to the first screen sliding object. Therefore, the embodiment of the invention realizes the diversification of interface display in the waterfall sliding screen, supports a plurality of objects with different sizes, and can be configured at any position, wherein the objects comprise video objects, gif pictures, multiple pictures and the like.
In one embodiment, the waterfall flow slide structure further comprises: a field for indicating whether a scroll button is included. In one embodiment, the method further comprises: when the application layer window detects the screen sliding operation information, transmitting the screen sliding operation information to waterfall flow screen sliding types; the waterfall flow sliding screen class performs an update operation in response to the sliding screen operation information.
Preferably, performing the update operation includes: the screen sliding and hand sliding process is performed, and after the screen sliding and hand sliding process, the inertial sliding process and the margin adjustment operation are performed.
In one embodiment, performing the inertial sliding process includes:
(a) executing inertial sliding pretreatment, including deleting sliding screen global rotation information, clearing sliding screen callback function, adjusting sliding screen object distance and adjusting sliding screen margin: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of releasing the hand is less than a preset value, judging that only the hand following sliding processing is executed; when the sliding speed at the moment of releasing the hand is smaller than a preset value, calculating the inertia distance based on the sliding distance and the sliding speed at the moment of releasing the hand; (c) and performing inertial sliding, wherein each sliding is performed for one frame.
In one embodiment, performing a screen swipe and hand swipe process comprises: deleting the sliding screen global rotation message and clearing the sliding screen callback function; when the object sliding with the hand is in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; when the heel-and-hand-slide object exceeds the slide screen area, a flag amount BoundryDis is set, wherein the BoundryDis is larger as the heel-and-hand-slide object is farther from the boundary. In one embodiment, performing the margin adjustment operation comprises: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; the left margin is adjusted to the left when the screen is not full; left margin is adjusted to the right if the screen is not full, and so on. Therefore, the embodiment of the invention realizes the waterfall flow sliding screen actions including hand sliding and inertial sliding. And realizing the cutting of the waterfall flow sliding screen. In one embodiment, the slide object file is a video file, each frame of the video file being shown at its relative position; or, the sliding screen object file is an image interchange format picture file, and each frame of the image interchange format picture file is displayed at the relative position of the frame; or, the screen sliding object file is a multi-picture file, and when the scroll button is triggered, each picture of the multi-picture file is displayed in a scrolling mode at the relative position of the picture; or, a reflection is set for the screen sliding object. In one embodiment, the waterfall flow slide screen structure further comprises a target area range; the sliding object file of each sliding object is displayed based on the relative position of the respective sliding object comprises: the slide object file for each slide object is displayed within the respective object area at the respective slide object relative position.
Specifically, when the slide screen object file is a video, the video object data in the slide screen is updated in real time when the video is played, that is, each frame in the video is replaced into the video object in real time. When the screen sliding object file is a gif picture, when the gif picture is played, the gif object data in the screen sliding is updated in real time, namely, each frame in the gif picture is replaced into the video object in real time. And when the sliding screen object file is a rolling picture, the rolling picture object in the sliding screen is a plurality of pictures which are displayed circularly, four objects are created, one is a current display object, the other one is an object to be replaced, the other two are left and right buttons, the plurality of pictures can automatically roll, and the left and right buttons are clicked to roll left and right. Preferably, all of the slide screen object sizes may be passed into the slide screen, creating a slide screen according to the slide screen object sizes. And all screen sliding objects relative to the starting point position can be transmitted into the screen sliding, and the screen sliding is created according to the relative positions of the screen sliding objects. When the sliding screen reaches the most marginal distance, a blocking force is generated when the sliding screen slides again, so that the sliding screen is difficult to slide in a feeling, namely, a coefficient relation exists between the sliding distance and the sliding distance of the hand when the hand slides, and the coefficient is 0-1. Inertial slip has a deceleration effect, which is a slow decrease from a starting value when the speed exceeds a certain value after releasing the hand, thus producing a slow slip stopping effect. The screen sliding object is provided with a reflection when the screen sliding object is inclined to the bottom, and the reflection can slide along with the screen sliding object.
That is, the invention realizes the diversification of interface display, supports a plurality of objects with different sizes, and the positions can be configured arbitrarily, and the objects comprise video objects, gif pictures and multi-pictures; an object below the middle of the sliding screen is provided with a reflection; the force adjustment is adopted for the hand following sliding, and the farther the sliding distance from the edge distance is, the harder the sliding distance is to be pulled; the sliding screen inertial sliding adopts deceleration sliding, wherein the sliding screen supports a video object; the sliding screen supports gif picture objects; the sliding screen supports multiple picture objects; the size of the screen sliding object is configured arbitrarily; the relative starting point position in the sliding screen can be configured at will; the distance between the sliding screen and the hand sliding edge is adjusted by force; the sliding screen performs deceleration movement by inertial sliding; the screen sliding object is set with a reflection. Moreover, the optimization for conventional sliding screens includes: 1. the thread creation in the sliding screen is optimized, and the embodiment of the invention preferably adopts dynamic creation and destruction threads; 2. and dynamically creating the screen sliding object, and entering a page to create the screen sliding object and quitting to destroy the screen sliding object.
As can be seen, the specific implementations of the present application include: 1. a 3d object structure body for waterfall flow sliding screen queue operation management is created in COperateDeque (sliding screen operation queue class, see the second layer of the sliding screen interface hierarchical diagram). 2. The method comprises the steps of creating a waterfall flow sliding screen class CSlidePinterest (see the third layer of a sliding screen interface hierarchical diagram and other sliding screen class peers) for achieving waterfall flow sliding screen operation, reloading a sliding screen creation function createSlide of a base class, and creating the waterfall flow sliding screen by transmitting objects belonging to the waterfall flow sliding screen object structure type. 3. The method comprises the steps of using an application layer window (see a first wnd page of a slide screen interface hierarchical diagram) of a waterfall flow slide screen to create the slide screen by calling the waterfall flow slide screen, simultaneously realizing the creation, analysis and storage of resource information such as pictures, videos, positions, sizes and the like required by the slide screen, simultaneously increasing the control of monitoring of a slide screen thread and the management and deletion of a slide screen object, a slide screen even scene and the slide screen thread, and transmitting messages to waterfall flow slide screens to perform slide screen operation processing when the application layer window detects user slide screen operation messages (generally mouse messages and touch screen messages). 4. And when starting to update, calling back an application layer to update various objects (such as a video object, a GIF object, a multi-screen object and the like), wherein each object has a corresponding structural body to perform creation response. 5. When the user slides the screen, the hand-following sliding and the inertia sliding are adjusted and optimized, so that the experience of more nature and better effect is achieved.
The present invention is described in more detail below with reference to specific examples.
(1) Creating waterfall flow slide screen
1. Waterfall flow sliding screen structure
Each object is an irregular-size picture and the position initialization is in the home page, and in order to create the object, ensure that the screen sliding position is reset after each sliding is finished and the display priority of the scrolling screen sliding left-right button object is set, a structural body is required to be introduced, wherein the structural body comprises the picture, the relative position of each object and the first object, and whether the object is a button type. Defining the structure HomePageParam is defined as follows:
Figure BDA0001278248410000141
2. slide screen creation function override
The method comprises the steps of (a) creating a double-end queue to manage all objects, creating a sliding screen object, wherein each object is created according to picture content and size, displaying priority plus 1 when the sliding screen object is a left button and a right button, and (b) creating a waterfall flow sliding screen class, setting a default attribute of the sliding screen, calculating the relative position of the object and a first object, calculating the position of the object when the sliding screen message is deleted, and setting some attributes such as effective screen areas, mouse effective screen areas and the like in an application target.
3. Sliding screen interface hierarchy
Fig. 5 is a schematic diagram of a waterfall flow sliding screen interface hierarchy according to an embodiment of the present invention. The sliding screen interface is divided into three layers, and the hierarchical relationship is as follows: the first layer is a page interface layer, including CSlideCtrl classes. The CSliedecCtrl type and the sliding screen operation control type comprise two parts of sliding screen data acquisition and concrete implementation. The class mainly interacts with the page and sets some initialization attributes. The CSlideCtrl class is a global class. The CSlideCtrl class mainly has the function of interacting with pages, and each Wnd page needing sliding screen needs to set or acquire the current information of the sliding screen through the CSlideCtrl class. The second layer is a middle layer, a data processing and sliding mouse operation layer, and comprises a coatededeque class and a coateseslide class. As shown in fig. 5, these two classes are 1: 1 relationship, respectively as elements of class member array variables of the cslideecctrl class. For the EVGE slide mode, the COPerateDeque class maintains an important member variable OBJECT _ DEQUE m _ ObjectDeque double ended queue, equivalent to the EVGE OBJECT buffer for textures retrieved from page Wnd. The CoperateSlide is a sliding screen mouse operation class and mainly used for judging mouse gestures. The third layer is a sliding screen implementation layer and comprises a CSlideVGEObject class, a CSlideBitBlt class, a CSlideCoverFlow class and a CSlideCoverFlowCircle class. The four classes inherit the COATERSLIDE class respectively, and the mouse gesture judgment of the COATERSLIDE class is continued. CSlideVGEbject is a slide screen in EVGE mode. The object of the slide screen is evgeoobject. It is subjected to EVGEMove, EVGEShow, etc. as a function of EVGE. The CSlideBitBlt is used for simulating a sliding effect by directly using MiniGUI mapping operation and is mainly used for screen sliding operation without an over-dazzling effect. CSlideCoverFlow is a slide screen under CoverFlow, and the object of the slide screen is EVGEObject. It is subjected to EVGEMove, EVGERotate, etc. operations using the function of EVGE. The slide screen implementation layer further comprises a CSlideHomePageParam class, the CSlideHomePageParam class inherits the COAtetESlide class, mouse gesture judgment of the COAtetESlide class is continued, and the slide screen implementation layer is used for achieving waterfall flow slide screen.
(2) Sliding screen operation processing
The whole screen sliding operation is completed through message response, whether the screen sliding operation is a screen sliding message is judged, if the screen sliding message is executed with hand sliding, inertial sliding is called after the hand sliding is finished, and the inertial sliding and the edge distance adjusting operation are executed in the inertial sliding. FIG. 6 is a flowchart illustrating a screen sliding operation process according to an embodiment of the present invention.
The screen sliding operation processing comprises screen sliding and hand sliding and inertial sliding.
For a sliding screen and a hand slide, the method comprises the following steps:
1. before heel-and-hand slipping
Deleting the sliding screen global rotation message before each hand-following sliding and clearing the sliding screen callback function, which are operations for preventing the object scrolling message from moving when the hand-following sliding is performed, can cause many problems. The hand-following slip pretreatment processing element comprises: (a) the reason why the sliding back cannot be carried out after the edge distance slides for a plurality of times is that the last message is not closed, and the message STATE is set to STATE _ STOP _ MU after the previous message is moved, so that the following hand sliding cannot be normally carried out; moreover, the two screen sliding actions belong to one screen sliding, so that one screen sliding action is not finished. Problem display as shown in fig. 7, fig. 7 is a schematic diagram of the hand-sliding pretreatment according to the embodiment of the present invention. b) The design idea is that the sliding should be performed according to the current sliding direction as long as there is a sliding response, and if the previous message is not deleted, the hand-following sliding may not be performed according to the sliding required by us. (c) When the sliding screen global rotation message is deleted every time, if the sliding screen callback function is cleared and the position of the object is adjusted, the object display may be disordered.
2. Treatment of heel and hand slippage
The following hand sliding is divided into two conditions, wherein one condition is that the screen sliding area is filled with the object in the following hand sliding process, and the other condition is that the object exceeds the screen sliding area. The hand-following slip processing element comprises: (a) and the objects sliding with the hands are all in the screen sliding area, and the distance of sliding with the hands is equal to the distance of sliding with the hands. (b) When the object exceeds the screen sliding area, setting a mark amount BoundryDis, and when the heel slides farther away from the boundary, the BoundryDis is larger, indicating that the heel slides farther away, and knowing that the object is best slid; this process is shown by the fact that the force required as we pull the slingshot increases until the slingshot has finally been pulled still, which effect gives the user a better experience.
Each follow-slip is followed by a recall of an inertial slip, which is described below.
The inertial sliding process includes:
1. pretreatment for inertial sliding
Deleting the sliding screen global rotation message, clearing the sliding screen callback function, adjusting the sliding screen object distance and adjusting the sliding screen margin before each inertial sliding. The inertial sliding pretreatment element includes: (a) deleting the sliding screen global rotation message and clearing the sliding screen callback function, sliding according to the current sliding direction as long as sliding response exists according to the design idea, and if the previous message is not deleted, inertial sliding may not be performed according to the sliding required by people, and the phenomenon that the display of the object is disordered can also be caused. (b) And adjusting the distance between the screen sliding objects, wherein the distance is reduced after the objects slide left and right for multiple times. The solution is as follows: resetting the object position, the distance of each object from the previous object can be entered using three methods: the screen is input when the screen is slid; setting in a window page; in a sliding screen or in real time. Finally, the initial rectangular position of each object is selected when the window is created, and then the distance between each object and the first object is calculated. The reset object location function is called after each stopslide. (c) The sliding edge distance adjustment comprises four conditions shown in fig. 8 a-8 d. FIG. 8a is a first schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention. FIG. 8b is a second schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention. FIG. 8c is a third schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention. FIG. 8d is a fourth schematic view of a sliding screen edge distance adjustment according to an embodiment of the present invention.
Fig. 8a, 8c, 8d are all left-side adjustments, and in three cases, two cases, fig. 8a and 8c, can be considered as one case, fig. 8a and 8c are both nfirstx is greater than the x-coordinate on the left side of the sliding screen region, the adjustment distance is nfirstx-m-slidevalidaa.left, the direction is STATE _ PREVIEW, fig. 8b is full and nlastx + width is less than the x-coordinate on the right side of the sliding screen region, the adjustment distance is nbisabs (m _ slidevalidaa.right-n L astx-obwidth), the direction is STATE _ NEXTVIEW, fig. 8d is less than or equal to the x-coordinate on the left side of the sliding screen region, the adjustment distance is slidtaxjvitfiew.
In order to realize the slow deceleration process, only one frame of data is moved each time, a callback function is called after each frame is run, then the next frame is carried out until the end point is finally reached, the distance of the first frame run is nDistance-nNum, the distance of each frame run is 2 × nNum-1, and the final total distance is nDistance.
2. Inertial distance calculation
The factors considered for the inertial distance calculation include: (a) when the speed is less than a certain value, only the hand-following sliding is regarded as being performed. (b) The sliding distance is proportional to the speed to the power of 3/2, proportional to the distance to the power of 1/2, and distance dis ═ fabs ((round (fseed) sqrt (fabs (fseed)) sqrt (fabs (fdis))). (c) The total frame number is 1/2 th power of the inertial distance, and nFrame ═ sqrt (nlistance). (d) If the distance of the inertial sliding exceeds the sliding screen margin, two mark quantities g _ sum distance and g _ current distance need to be set, wherein g _ current distance represents the distance of the inertial sliding, g _ sum distance is the maximum distance allowing the inertial sliding, and the margin adjustment is carried out when g _ current distance is larger than g _ sum distance.
3. Performing inertial sliding
The elements that perform inertial sliding include:
(a) the actual implementation is to slide only one frame at a time, except the first frame, which is the total inertial distance minus the square of the total frame number, the remaining frames slide with pixels of 2 × nframe-1, and finally just the inertial distance, (b) the first message is called in a runslidedbybject, the first frame is run with a distance of nlistance-nNum, and a callback function is set, which passes in the reference object direction, the handle, the sliding pointer and the remaining frame number, after the message has been executed, the callback function is called, the first operation is repeated in the callback function, but the distance is 2 × nNum-1, as shown in fig. 9, which is a schematic diagram of inertial sliding distance according to an embodiment of the invention, and a callback is set, the total frame number is automatically decremented by 1, until the frame number is 0 or the sliding object has exceeded the boundary, then the processing function of the sliding screen boundary is called, and if the sliding speed of the frame exceeds the maximum sliding speed of the callback function is determined, the callback function is set as a maximum sliding speed when the sliding frame exceeds the current sliding distance, the maximum sliding speed of the frame is determined, the callback function is reached, and the current frame is a region is reset, and the callback function is set as no more than the current frame is called, when the sliding speed of the current frame is reached, the maximum sliding speed.
The following exemplarily illustrates a slide-screen display video object, a gif picture object, and a scroll picture object, respectively. Although the gif picture and the scroll picture display are realized on the top page, since the slide object is processed, it is once classified as a slide.
1. Displaying gif pictures
1.1 definition of gif Structure
Gif Structure: storing gif picture information and the location of the gif picture in the overall object (0 starts)
Figure BDA0001278248410000191
1.2 obtaining gif Picture information and creating gif Picture
(1) Defining a gif structure container, analyzing gif picture information from an html file, wherein nObject L oculation in the structure body indicates the position of the gif picture in all picture objects, (2) creating a dynamic picture object function createAnimationFromGIF89aFile, (3) acquiring first frame information of the gif picture, pointing an aniimationFrom pointer to a first frame of the gif picture sequence, and (4) setting a background color, creating a gifDC panel through the first frame gif picture information, and transmitting the first frame picture information into a slide screen
1.3 playing gif pictures
The Gif picture is actually a group of picture sequences, and displaying the Gif picture is playing in sequence against a picture, and the Gif picture is realized in an ontimer of a program. (1) Acquiring the evge object id of the display gif picture. (2) The rectangular area picture in dc is filled into bitmap and then the evge object texture is replaced by bitmap. (3) Pointing to the next frame of dynamic picture, if no next frame returns to the first picture, circulating in sequence.
2. Displaying scrolling pictures
2.1 defines three structures:
a first single picture structure; the second multi-picture structure body consists of one picture or a plurality of pictures; a third waterfall flow slide structure, which is known in slide creation, is described herein as single and multi-picture structures
(1) Single picture structure: the structure stores picture information and response information of a single picture object.
Figure BDA0001278248410000201
(2) The multi-picture structure comprises: the structure comprises one or more single-picture structures, whether the picture is a multi-picture, a picture motion type, the current display of the picture as several, a picture to-be-replaced object handle and the like.
Figure BDA0001278248410000202
2.2 obtaining multiple pictures and creating picture even object
(1) And defining a multi-picture structure container for storing all picture information of each object. (2) For multiple pictures, three multiple picture objects are needed, the first one being a multiple picture and the other two being a left-right button. (3) And acquiring each picture, setting the first picture as an initial picture and transmitting the initial picture to a sliding screen, and storing other pictures. (4) A left-right button object is created, both objects having only one picture, the left-right button picture is now taken from the skin package, and the created slide object display priority is increased by 1.
2.3 scrolling Picture implementation
(1) And acquiring the evge object id of the scrolling picture. (2) Scrolling through pictures includes both forward and backward situations, and when scrolling forward, the object displays the picture with the number of labels minus 1 and scrolling backward plus 1. (3) And acquiring the position of the object, and calculating the end position of the object, the initial position of the object to be replaced and the end position. (4) Resetting the cutting state, initial position, initial size and the like of the object to be replaced, setting the object message processing callback function, and setting m _ bAniFinish to true in the callback function to represent that the picture is rolled up at the end. (5) And executing picture rolling and cutting operation, and exchanging handle values of the object to be replaced and the original object. (6) Forbidding picture rolling during screen sliding, wherein the dobeginnside: m _ benifish ═ false, if scrolling is in progress, the scrolling picture position is reset directly; dofeterslide: m _ benifish ═ true.
3. Video object implementation
a) The video object is also seen as a similar picture object in the sliding screen, and the video object is processed in the sliding screen in a unified way.
b) Different from the picture object, the content displayed by the video object is a video, which needs to be played, so that by tuning the playback decoding library to play the video, a video decoding thread is created: static void EVGEVideoDecodeThread (void).
c) Each frame of data of the video is obtained by playing the video, and each frame of data is an image memory, for example: int EVGE _ NATIVE _ DecoderGetTypure (int iChannel, EVGE _ NATIVE _ Surface, int iStartX, int iStartY, int iSurfaceWidth, int iSurfaceHeight)
d) After obtaining the memory of each frame of image, the memory can be updated into the texture of the video object, such as: INTEVGESetSubVideoTexImage (pEVGE _ P _ Display hDisplay, pEVGE _ P _ TextureInfopTexit, unsigned int addr)
e) Therefore, the video object is played in various processes of the screen sliding function thread in real time.
In the prior CSlideCtrl, only one sliding screen is created by a createSlide function, an object in the sliding screen is not created temporarily, then the CSlideCtrl is called, the createSlide operation function creates the sliding screen object, the creation object is created by adopting an even scene, and when the current page exits, the CSlideCtrl is called, the deletesideOpera deletes the sliding screen object and clears the even scene. Compared with a waterfall flow sliding screen, calling CSlideCtrl, namely adding a sliding screen thread monitoring when a createSlideOperate function creates a sliding screen object (in the prior art, a sliding screen has a thread, and the current sliding screen thread only exists in the application); and calling CSliedecctrl, namely deleting the slide screen object, the situation even scene and the slide screen thread.
In summary, the sliding screen according to the embodiment of the present invention supports playing of video objects, and videos are played simultaneously when the screen is slid. Playing of gif pictures is supported in the sliding screen, and gif is played simultaneously when the screen is slid. Multi-picture scrolling is supported in the sliding screen; the pictures can be automatically rolled, and the left button and the right button can be clicked to roll on the multiple pictures. The size of the object in the sliding screen can be configured arbitrarily. The position of the object in the sliding screen can be configured arbitrarily. The force adjustment is adopted when the screen is slid along with the hand, and the longer the sliding distance is, the more difficult the sliding is. The inertial sliding of the sliding screen adopts deceleration sliding, namely, the inertial sliding of the sliding screen is stopped from quick sliding to slow sliding. The screen sliding object can be provided with an inverted image which slides along with the screen sliding.
Fig. 10 is a structural view of a waterfall flow sliding screen display device according to an embodiment of the present invention. As shown in fig. 10, the waterfall flow sliding screen display apparatus 1000 includes: the structure creating module 1001 is used for creating a waterfall flow sliding screen structure containing a sliding screen object file and relative positions of sliding screen objects in a sliding screen operation queue class; a function creating module 1002, configured to create a waterfall flow sliding screen class for implementing waterfall flow sliding screen operation, and reload a sliding screen creating function by introducing a sliding screen object that conforms to a type of a waterfall flow sliding screen structure to create a waterfall flow sliding screen function; a display module 1003, configured to create a waterfall flow slide screen by using the application layer window by calling a waterfall flow slide screen function, where the slide screen object file of each slide screen object is displayed at a respective relative position of the slide screen object. In one embodiment, the slide object file includes: still picture files, multi-picture files, image interchange format picture files, video files, or rolling picture files; the relative position of the screen sliding object is the relative position of the screen sliding object and the first screen sliding object. In one embodiment, further comprising: the updating module is used for transmitting the screen sliding operation information to waterfall flow screen sliding types when the application layer window detects the screen sliding operation information; the waterfall flow sliding screen class performs an update operation in response to the sliding screen operation information. In one embodiment, performing the update operation includes: the screen sliding and hand sliding process is performed, and after the screen sliding and hand sliding process, the inertial sliding process and the margin adjustment operation are performed. In one embodiment, the performing inertial sliding processing includes: (a) executing inertial sliding pretreatment, including deleting sliding screen global rotation information, clearing sliding screen callback function, adjusting sliding screen object distance and adjusting sliding screen margin: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of releasing the hand is less than a preset value, judging that only the hand following sliding processing is executed; when the sliding speed at the moment of releasing the hand is smaller than a preset value, calculating the inertia distance based on the sliding distance and the sliding speed at the moment of releasing the hand; (c) executing inertial sliding, wherein each sliding is performed for one frame; or, the executing the screen sliding and hand sliding process comprises: deleting the sliding screen global rotation message and clearing the sliding screen callback function; when the object sliding with the hand is in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a marker amount BoundryDis when the heel-and-hand-slip object exceeds the screen-sliding area, wherein the BoundryDis is larger when the heel-and-hand-slip object is farther from the boundary; or, the performing the margin adjustment operation includes: adjusting the left margin of the full screen; adjusting the distance between the full screen and the right side; the left margin is adjusted to the left when the screen is not full; and adjusting the left margin to the right when the screen is not full. In one embodiment, the slide object file is a video file, each frame of the video file being shown at its relative position; or, the sliding screen object file is an image interchange format picture file, and each frame of the image interchange format picture file is displayed at the relative position of the frame; or, the screen sliding object file is a multi-picture file, and when the scroll button is triggered, each picture of the multi-picture file is displayed in a scrolling mode at the relative position of the picture; or, a reflection is set for the screen sliding object. In one embodiment, the waterfall flow slide screen structure further comprises a target area range; and the display module is used for creating the waterfall flow sliding screen by calling the waterfall flow sliding screen class by utilizing the application layer window, wherein the sliding screen object file of each sliding screen object is displayed in the respective object area range at the relative position of the respective sliding screen object.
The above description is only a preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims (8)

1. A method of sliding a screen display, comprising:
acquiring screen sliding resources, wherein the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions; wherein the relative positions of the screen sliding contents comprise: a position from the first slide screen content, a width of the slide screen content, and a height of the slide screen content;
creating a screen sliding object according to the screen sliding resource, and storing the screen sliding object in a screen sliding object operation queue;
creating a screen sliding interface, and displaying the screen sliding object in a waterfall layout mode by calling a screen sliding object operation queue;
the method further comprises the following steps: when a screen sliding operation instruction of a user is detected, sending the screen sliding operation instruction to a screen sliding interface, and updating interface display by the screen sliding interface in response to the screen sliding operation instruction;
the step of updating the interface display by the screen sliding interface in response to the screen sliding operation instruction comprises the following steps: executing touch track following processing, executing inertia sliding processing and margin adjusting operation after the touch track following processing, and updating interface display;
the performing inertial sliding processing includes: (a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending; (c) executing inertial sliding and updating interface display; or
The performing of the touch trajectory following process includes: deleting the message received by the screen sliding object and clearing the screen sliding callback function; when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a distance beyond the slide screen area when the object followed by the touch trajectory exceeds the slide screen area, wherein the distance beyond the slide screen area is greater when the object followed by the touch trajectory is farther from the boundary.
2. The slide screen display method according to claim 1, wherein the slide screen content includes a still picture, a moving picture, or a video file; the moving picture includes a scrolling picture or a GIF picture.
3. The screen-sliding display method according to claim 2, wherein when the screen-sliding content is a scrolling picture, the screen-sliding resource further comprises a field for indicating whether a scroll button is included.
4. The slide screen display method according to claim 1,
the slide screen content is a video file, each frame of the video file being shown at its relative position; or
The slide screen content is a GIF picture, each frame of which is shown at its relative position; or
The screen sliding content is a scrolling picture, and when a scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
5. A sliding screen display device, comprising:
the acquisition module is used for acquiring screen sliding resources, and the screen sliding resources comprise screen sliding contents, screen sliding content types and screen sliding content relative positions; wherein the relative positions of the screen sliding contents comprise: a position from the first slide screen content, a width of the slide screen content, and a height of the slide screen content;
the object creating module is used for creating a screen sliding object according to the screen sliding resource and storing the screen sliding object in a screen sliding object operation queue;
the display module is used for creating a screen sliding interface and displaying the screen sliding object in a waterfall flow layout mode by calling a screen sliding object operation queue; further comprising:
the updating display module is used for sending the screen sliding operation instruction to the screen sliding interface when the screen sliding operation instruction of the user is detected, and the screen sliding interface responds to the screen sliding operation instruction to update the interface display; the step of updating the interface display by the screen sliding interface in response to the screen sliding operation instruction comprises the following steps: executing touch track following processing, executing inertia sliding processing and margin adjusting operation after the touch track following processing, and updating interface display;
the performing inertial sliding processing includes: (a) executing inertial sliding pretreatment, including deleting messages received by the sliding screen object, clearing a sliding screen callback function, adjusting the distance between the sliding screen objects and adjusting the edge distance of the sliding screen area: (b) performing an inertial distance calculation comprising: when the sliding speed at the moment of touch ending is less than a preset value, determining that only touch trajectory following processing is executed; when the sliding speed at the moment of touch ending is greater than a preset value, calculating an inertial distance based on the sliding distance and the sliding speed at the moment of touch ending; (c) executing inertial sliding and updating interface display; or
The performing of the touch trajectory following process includes: deleting the message received by the screen sliding object and clearing the screen sliding callback function; when the objects followed by the touch track are all in the screen sliding area, the hand sliding distance is equal to the hand sliding distance; setting a distance beyond the slide screen area when the object followed by the touch trajectory exceeds the slide screen area, wherein the distance beyond the slide screen area is greater when the object followed by the touch trajectory is farther from the boundary.
6. The slide screen display device according to claim 5, wherein the slide screen content comprises still pictures, moving pictures, or video files; the moving picture includes a scrolling picture or a GIF picture.
7. The slide screen display device according to claim 6, wherein when the slide screen content is a scroll picture, the slide screen resource further comprises a field for indicating whether a scroll button is included.
8. The slide screen display device of claim 5,
the slide screen content is a video file, each frame of the video file being shown at its relative position; or
The slide screen content is a GIF picture, each frame of which is shown at its relative position; or
The screen sliding content is a scrolling picture, and when a scrolling button is triggered, each picture of the scrolling picture is displayed in a scrolling mode at the relative position of the picture.
CN201710274732.3A 2017-04-25 2017-04-25 Sliding screen display method and device Active CN107168628B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710274732.3A CN107168628B (en) 2017-04-25 2017-04-25 Sliding screen display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710274732.3A CN107168628B (en) 2017-04-25 2017-04-25 Sliding screen display method and device

Publications (2)

Publication Number Publication Date
CN107168628A CN107168628A (en) 2017-09-15
CN107168628B true CN107168628B (en) 2020-07-31

Family

ID=59813092

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710274732.3A Active CN107168628B (en) 2017-04-25 2017-04-25 Sliding screen display method and device

Country Status (1)

Country Link
CN (1) CN107168628B (en)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107704598A (en) * 2017-10-13 2018-02-16 深圳视界信息技术有限公司 Waterfall-type webpage loading method, device, terminal and computer-readable recording medium
CN108196964A (en) * 2017-12-29 2018-06-22 北京奇虎科技有限公司 A kind of method and apparatus by Streams Module
CN109815367A (en) * 2019-01-24 2019-05-28 北京字节跳动网络技术有限公司 The interaction control method and device of displayed page
CN111104017B (en) * 2019-11-25 2020-11-24 北京金堤科技有限公司 Sliding positioning processing method and device
CN111427504A (en) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 Content acquisition method and device, electronic equipment and storage medium
CN115145676B (en) * 2022-09-05 2023-01-06 飞狐信息技术（天津）有限公司 Information interaction method and system

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102207815A (en) * 2010-07-15 2011-10-05 优视科技有限公司 Web browsing method and device for mobile communication equipment terminal

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196190B (en) * 2010-03-17 2015-05-27 新奥特（北京）视频技术有限公司 Method and device for implementing scrolling of scrolling contents on screen
CN103530025A (en) * 2013-10-28 2014-01-22 北京网秦天下科技有限公司 Content display method and content display system used for mobile terminal
CN105095200B (en) * 2014-04-16 2018-06-29 北大方正集团有限公司 The method and apparatus that picture is shown in a manner of waterfall stream
CN104281359A (en) * 2014-04-29 2015-01-14 福建星网视易信息系统有限公司 Layout method and layout device for objects with different sizes
US10002449B2 (en) * 2015-04-16 2018-06-19 Sap Se Responsive and adaptive chart controls

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102207815A (en) * 2010-07-15 2011-10-05 优视科技有限公司 Web browsing method and device for mobile communication equipment terminal

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
移动设备交互界面动态化视觉设计研究;崔巍;《中国优秀硕士学位论文全文数据库 工程科技Ⅱ辑》;20170331;C028-115 *

Also Published As

Publication number Publication date
CN107168628A (en) 2017-09-15

Similar Documents

Publication Publication Date Title
CN107168628B (en) Sliding screen display method and device
US11449661B2 (en) System and method for extended dynamic layout
US10453240B2 (en) Method for displaying and animating sectioned content that retains fidelity across desktop and mobile devices
JP6170972B2 (en) Method and computer-readable recording medium for gallery application for content display
US10254955B2 (en) Progressively indicating new content in an application-selectable user interface
US11386257B2 (en) Efficient manipulation of surfaces in multi-dimensional space using energy agents
JP5468005B2 (en) Interface elements for computer interfaces
US8601510B2 (en) User interface for interactive digital television
US8713460B2 (en) User interfaces
US7068288B1 (en) System and method for moving graphical objects on a computer controlled system
US20170046317A1 (en) Method and system for section-based editing of a website page
US20100058227A1 (en) Internal scroll activation and cursor adornment
WO2008064610A1 (en) Method, apparatus and system for controlling background of desktop
CN103197827A (en) Method for providing user interface
CN114385052B (en) Dynamic display method of Tab column and three-dimensional display device
US8640055B1 (en) Condensing hierarchies in user interfaces
WO2022218146A1 (en) Devices, methods, systems, and media for an extended screen distributed user interface in augmented reality
US20150149935A1 (en) Information browser
US20120038636A1 (en) Appearance of an object
Takoordyal et al. User Interface
US20240143346A1 (en) Methods, systems, and media for generating modified user engagement signals based on obstructing layers in a user interface
van der Spuy Game Sprites
CN116136733A (en) Multi-screen display method, display control device, equipment and multi-screen display system
CA2831314A1 (en) Information browser

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