CN107168628A - A kind of screen sliding display methods and device - Google Patents

A kind of screen sliding display methods and device Download PDF

Info

Publication number
CN107168628A
CN107168628A CN201710274732.3A CN201710274732A CN107168628A CN 107168628 A CN107168628 A CN 107168628A CN 201710274732 A CN201710274732 A CN 201710274732A CN 107168628 A CN107168628 A CN 107168628A
Authority
CN
China
Prior art keywords
screen sliding
screen
sliding
content
picture
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201710274732.3A
Other languages
Chinese (zh)
Other versions
CN107168628B (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 eVideo Information Systems Co Ltd
Original Assignee
Fujian Star Net eVideo Information Systems 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 eVideo Information Systems Co Ltd filed Critical Fujian Star Net eVideo Information Systems 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

Classifications

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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The present invention proposes a kind of screen sliding display methods and device.Method includes:Screen sliding resource is obtained, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding content relative position;According to screen sliding asset creation screen sliding object, and screen sliding object is preserved into screen sliding Object Operations queue;Screen sliding interface is created, by calling screen sliding Object Operations queue, screen sliding object is shown with waterfall stream layout type.The screen sliding content of embodiment of the present invention has respective relative position, realizes diversified display.Embodiment of the present invention also supports the fluent screen of the waterfall of different object sizes and different objects, and the fluent screen action of waterfall includes sliding with rubber sleeve and inertia, realizes that the fluent screen of waterfall is cut, object's position can be with arbitrary disposition.

Description

A kind of screen sliding display methods and device
Technical field
The invention belongs to screen sliding processing technology field, particularly a kind of screen sliding display methods and device.
Background technology
Waterfall stream is also known as waterfall-type layout, is a kind of popular page layout, and visual performance is uneven Multicolumn is laid out, and as page scroll bar is scrolled down through, this layout can also constantly load data block and be attached to current tail.Waterfall Cloth stream shows for picture, is efficient and attractive, inswept Fast Reading pattern can be in short-term at a glance by user It is interior to obtain more information content, and waterfall stream also avoid the page turn over operation of user's mouse click.Traditional waterfall stream it is main Characteristic is in picturesque disorder, fixed width and indefinite high design, so that allow the page to be different from traditional matrix form picture layout pattern, profit With vision hierarchy, any flowing of sight alleviates visual fatigue again, while giving the sensation not being restricted to one pattern.
Waterfall stream significantly reduces interface complexity, saves space.For touch-screen equipment, interactive mode more meets Intuition.Among the interactive environment of Mobile solution, the operation for carrying out roll screen by upward sliding has become basic user and practised Used and required operation precise degrees are far below clickthrough or button.The interaction convenience that 2 points of the above is brought can So that user more concentrates on notice in content rather than operation, so as to allow them to be more happy to be immersed in exploration with browsing It is central.
From display effect, in traditional KTV systems or the multimedia system shown at present, most interface displays Content is all fixed, while also having part to combine shows more contents by screen sliding operation, but current screen sliding is fixed Content and by unalterable rules page turning design screen sliding, it is impossible to realize the screen sliding of arbitrary size or dynamic change content, simultaneously Screen sliding content can not support the content of a variety of multimedia objects.
In addition, when possessing abundant operation resource and operation content, if these resources are all buried in into two grades of pages, User is difficult to perceive.
In the prior art, control picture carries out typesetting (height, same column such as colleague with defined size for convenience It is wide) typesetting is carried out, screen sliding object generally only has picture, is not related to the resources such as video, dynamic picture, and this technology is also Need the size of limitation screen sliding object.
The content of the invention
Embodiment of the present invention proposes a kind of screen sliding display methods and device, so as to realize diversified display.
The technical scheme of embodiment of the present invention is as follows:Screen sliding resource is obtained, the screen sliding resource includes screen sliding content, cunning Shield content type and screen sliding content relative position;
According to screen sliding asset creation screen sliding object, and screen sliding object is preserved into screen sliding Object Operations queue;
Screen sliding interface is created, by calling screen sliding Object Operations queue, screen sliding object is shown with waterfall stream layout type.
In one embodiment, the screen sliding content includes static picture, dynamic picture or video file;The dynamic Picture includes rolling picture or GIF pictures;The screen sliding content relative position is the position of relative first screen sliding content.
In one embodiment, when the screen sliding content is rolling picture, the screen sliding resource also includes being used to indicate Whether the field of scroll button is included.
In one embodiment, this method also includes:When detecting the screen sliding operational order of user, screen sliding is operated Instruction is sent to screen sliding interface, and screen sliding interface response screen sliding operational order updates interface display.
In one embodiment, the screen sliding interface response screen sliding operational order, which updates interface display, includes:
Perform touch track and follow processing, and after touch track follows processing, perform inertia and slide processing and side Away from adjustment operation, then update interface display.
In one embodiment, the execution inertia slip processing includes:
(a), perform inertia slide pre-treatment, including delete screen sliding object receive message, empty screen sliding call back function, Screen sliding object spacing is adjusted and screen sliding regional edge is away from regulation:
(b) inertia distance, is performed to calculate, including:When touching the sliding speed for terminating moment less than predetermined value, it is determined as Only perform touch track and follow processing;When touching the sliding speed for terminating moment more than predetermined value, based on sliding distance with touching Touch the sliding speed calculating inertia distance for terminating moment;
(c), perform inertia to slide, update interface display.
In one embodiment, the execution touch track follows processing to include:
Message and empty screen sliding call back function that deletion screen sliding object is received;
When the object that touch track is followed is all in screen sliding region, rubber sleeve distance is equal to the distance that rubber sleeve is moved;
When the object that touch track is followed exceedes screen sliding region, the distance beyond screen sliding region is set, wherein when with hand When sliding object and more remote border, the distance beyond screen sliding region is bigger.
In one embodiment, the execution back gauge adjustment operation includes:Left margin regulation all over the screen;Rightmargin all over the screen is adjusted Section;Top margin regulation all over the screen;Bottom margin regulation all over the screen;It is not all over the screen to be adjusted up left margin;Downward regulation left margin not all over the screen;No It is all over the screen to adjust left margin to the left;It is not all over the screen to adjust left margin to the right.
In one embodiment, screen sliding content is video file, and each frame of the video file is in its relative position Place is demonstrated;Or, screen sliding content is GIF pictures, each frame of the GIF pictures is demonstrated in its relative position;Or, screen sliding Content is rolling picture, when scroll button is triggered, and every pictures of the rolling picture are scrolled in its relative position Displaying.
A kind of screen sliding display device, including:
Acquisition module, for obtaining screen sliding resource, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding Content relative position;
Object Creation module, for according to screen sliding asset creation screen sliding object, and preserves screen sliding object and is grasped to screen sliding object Make in queue;
Display module, for creating screen sliding interface, by calling screen sliding Object Operations queue, by screen sliding object with waterfall stream Layout type is shown.
In one embodiment, the screen sliding content includes static picture, dynamic picture or video file;The dynamic Picture includes rolling picture or GIF pictures;The screen sliding content relative position is the position of relative first screen sliding content.
In one embodiment, when the screen sliding content is rolling picture, the screen sliding resource also includes being used to indicate Whether the field of scroll button is included.
In one embodiment, in addition to:Display module is updated, for when the screen sliding operational order for detecting user When, screen sliding operational order is sent to screen sliding interface, screen sliding interface response screen sliding operational order updates interface display.
In one embodiment, it is characterised in that renewal display module, processing is followed for performing touch track, and And after touch track follows processing, perform inertia and slide processing and back gauge adjustment operation, then update interface display.
In one embodiment, the execution inertia slip processing includes:(a), perform inertia and slide pre-treatment, including Delete screen sliding object receive message, empty screen sliding call back function, screen sliding object spacing regulation and screen sliding regional edge away from tune Section:(b) inertia distance, is performed to calculate, including:When touching the sliding speed for terminating moment less than predetermined value, it is judged to only holding Row touch track follows processing;When touching the sliding speed for terminating moment more than predetermined value, tied based on sliding distance with touching The sliding speed of beam moment calculates inertia distance;(c), perform inertia to slide, update interface display;Or, described perform touches rail Mark follows processing to include:Message and empty screen sliding call back function that deletion screen sliding object is received;Pair followed when touch track As all in screen sliding region when, rubber sleeve distance be equal to rubber sleeve move distance;When the object that touch track is followed exceedes screen sliding region When, set beyond screen sliding region distance, wherein when with rubber sleeve object and border it is more remote when, the distance beyond screen sliding region is got over Greatly;Or, the execution back gauge adjustment operation includes:Left margin regulation all over the screen;Rightmargin regulation all over the screen;Top margin regulation all over the screen; Bottom margin regulation all over the screen;It is not all over the screen to be adjusted up left margin;Downward regulation left margin not all over the screen;It is not all over the screen to adjust the left side to the left Away from;It is not all over the screen to adjust left margin to the right.
In one embodiment, screen sliding content is video file, and each frame of the video file is in its relative position Place is demonstrated;Or, screen sliding content is GIF pictures, each frame of the GIF pictures is demonstrated in its relative position;Or, screen sliding Content is rolling picture, when scroll button is triggered, and every pictures of the rolling picture are scrolled in its relative position Displaying.
It can be seen from the above technical proposal that obtaining screen sliding resource, the screen sliding resource includes screen sliding content, screen sliding content Type and screen sliding content relative position;According to screen sliding asset creation screen sliding object, and screen sliding object is preserved to screen sliding Object Operations In queue;Screen sliding interface is created, by calling screen sliding Object Operations queue, screen sliding object is shown with waterfall stream layout type. Therefore, the screen sliding content of each screen sliding object is shown in respective relative position.It can be seen that, the cunning of embodiment of the present invention Screen content has respective relative position, realizes diversified display.Moreover, embodiment of the present invention supports that different objects are big The small and different multimedia object fluent screen of waterfall.
In addition, embodiment of the present invention also creates the fluent screen class of new waterfall, realize that the fluent screen action of waterfall is included with rubber sleeve Slided with inertia, realize that the fluent screen of waterfall is cut, object's position can be with arbitrary disposition.
Further, there was only picture with screen sliding object, the prior art for being not related to the resources such as video, dynamic picture is compared, this The screen sliding resource of invention embodiment also includes dynamic picture or video file.Prior art is difficult to video file or Dynamic Graph Piece with setting height or broadband carry out typesetting (if carrying out typesetting with setting height or broadband, when in the picture in video file not When meeting setting height or broadband, then modification amount is very big).The waterfall stream of the present invention does not limit the big of screen sliding resource then It is small, only typesetting need to be carried out according to the size and location of screen sliding object, significantly improve the efficiency of page arrangement.Moreover, of the invention Screen sliding resource can also distinguish primary and secondary by different size, be shown on interface, be easy to protrude the resource that businessman needs to run Content importance, to reach businessman's interests bigizationner, Consumer's Experience is also more preferable.
Brief description of the drawings
Fig. 1 is according to embodiment of the present invention screen sliding display methods flow chart.
Fig. 2 is the structure chart according to embodiment of the present invention screen sliding display device.
Fig. 3 is the schematic diagram according to embodiment of the present invention screen sliding display effect.
Fig. 4 is to show method flow diagram according to the fluent screen of embodiment of the present invention waterfall.
Fig. 5 is according to the fluent screen interface level schematic diagram of embodiment of the present invention waterfall.
Fig. 6 is to operate handling process schematic diagram according to embodiment of the present invention screen sliding.
Fig. 7 is with rubber sleeve pre-treatment schematic diagram according to embodiment of the present invention.
Fig. 8 a are to adjust the first schematic diagram according to embodiment of the present invention screen sliding back gauge.
Fig. 8 b are to adjust the second schematic diagram according to embodiment of the present invention screen sliding back gauge.
Fig. 8 c are to adjust the 3rd schematic diagram according to embodiment of the present invention screen sliding back gauge.
Fig. 8 d are to adjust the 4th schematic diagram according to embodiment of the present invention screen sliding back gauge.
Fig. 9 is according to embodiment of the present invention inertia sliding distance schematic diagram.
Figure 10 is according to the fluent screen display device structure chart of embodiment of the present invention waterfall.
Embodiment
To make the object, technical solutions and advantages of the present invention clearer, further is made to the present invention below in conjunction with the accompanying drawings Detailed description.
In order to succinct and directly perceived on describing, hereafter by describing some representational embodiments come the side to the present invention Case is illustrated.Substantial amounts of details is only used for help and understands the solution of the present invention in embodiment.However, it will be apparent that the present invention Technical scheme can be not limited to these details when realizing.In order to avoid unnecessarily having obscured the solution of the present invention, some realities Apply mode not described meticulously, but only give framework.Hereinafter, " comprising " refers to " include but is not limited to ", " root According to ... " refer to " according at least to ..., but be not limited to according only to ... ".Due to the speech habits of Chinese, hereinafter without spy When not pointing out the quantity of composition, it is meant that it can also be multiple that the composition, which can be one, or can be regarded as at least one.
Fig. 1 is according to embodiment of the present invention screen sliding display methods flow chart.As shown in figure 1, this method includes:
Step 101:Screen sliding resource is obtained, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding content Relative position.
Such as, set top box downloads html configuration files from server.Multiple screen sliding contents are included in html configuration files Respective configuration information.Set top box parses html configuration files, and the corresponding configuration information of each screen sliding content is preserved. Single configuration item includes screen sliding content, screen sliding content type respectively, (such as, screen sliding content is away from first for screen sliding content relative position The position of individual screen sliding content, the width of screen sliding content, the height of screen sliding content).Screen sliding content includes video file, dynamic picture (GIF figures), static images, wherein, static images include single picture and plurality of pictures again.
Step 102:According to screen sliding asset creation screen sliding object, and screen sliding object is preserved into screen sliding Object Operations queue.
Herein, according to the configuration item of preservation, i.e. the information such as the relative position of screen sliding resource, type creates screen sliding object, For rendering screen sliding resource and showing, and the screen sliding object of establishment is saved in screen sliding Object Operations queue.Each screen sliding pair The position of elephant, size are that the position that screen sliding resource is pre-configured with and width are high.In a step 102, without the size to screen sliding content It is adjusted, need to be only arranged, be adjusted without the size and location again to picture according to the relative position of screen sliding resource It is whole.
Step 103:Screen sliding interface is created, by calling screen sliding Object Operations queue, screen sliding object is spread into office with waterfall Mode is shown.
Herein, screen sliding interface is called, the screen sliding content of each configuration item is rendered with the screen sliding object of establishment, and according to The position configured shows that final display waterfall spreads the interface of office on interface.Have on each type of render in flow Distinguished, be described as follows respectively:
(1) single picture:Directly picture texture content is rendered into screen sliding object.(2) plurality of pictures:Here with two Object reaches the effect of circulating rolling, i.e., the texture of a pictures is first rendered in an object, then in another object In render the textures of next pictures.Existing object slip cutting is gone out after certain time, another object is slipped into and recovered Cut, with reach dynamic circulation scrolling display how long picture.LR-button can also be clicked on to roll manually.(3) gif pictures:Will Each frame texture of gif pictures is saved in a queue, and the texture preserved in queue is rendered into screen sliding object by timing cycle In, form animation effect.(4) video:Screen sliding object supports the broadcasting of video, can be directly every by the video flowing of player plays Content frame is rendered into screen sliding object, to reach the effect for playing video.
The exemplary respective handling mode for describing different screen sliding content types of the above, those skilled in the art will be appreciated that Arrive, this description is only exemplary, is not intended to limit the present invention the protection domain of embodiment.
In embodiments of the present invention, screen sliding resource not only can include static picture, can also include dynamic picture or Video file, etc..Therefore, waterfall stream of the invention does not limit the size of screen sliding resource, only need to be according to the size of screen sliding object And position carries out typesetting, the efficiency of page arrangement is greatly improved.In addition, the screen sliding resource of the present invention can also be come by different size Primary and secondary is distinguished, is shown on interface, is easy to protrude the resource content importance that businessman needs to run, to reach that businessman's interests are bigger Change, Consumer's Experience is more preferable.
In one embodiment, screen sliding content includes static picture, dynamic picture or video file;The dynamic picture Including rolling picture or GIF pictures;The screen sliding content relative position is the position of relative first screen sliding content.In a reality Apply in mode, when screen sliding content is rolling picture, the screen sliding resource also includes being used to indicate whether to include the word of scroll button Section.In one embodiment, this method also includes:When detecting the screen sliding operational order of user, by screen sliding operational order Screen sliding interface is sent to, screen sliding interface response screen sliding operational order updates interface display.So that level is slided as an example:1. user drags The displacement and driven object in real-time detection level direction move corresponding distance during slip.Slided 2. user stops dragging When, according to the current sliding speed of object and calculating object according to formula should continue to slide that how many distance can stop.Stop The distance of appropriate regulating object is needed after sliding stop, it is ensured that the position suitable being finally stopped, be unlikely to slip over boundary.3rd, object needs Shown in effective rectangular area.Therefore the object part of effective coverage is skidded off in sliding process to be needed to be cut, sliding Entering the object of effective coverage needs to recover cropped part.It is in different size due to screen sliding object, the needs again when sliding Consider to cut, i.e., how many pixel skidded off when skidding off effective coverage for object, it is necessary to crops the part, slide and cutting is Carry out simultaneously, same principle when slipping into, therefore this screen sliding sliding action all completes by frame, i.e. the picture of a frame slip one Element, convenient processing is cut.It is can't see without rendering on interface the wherein cropped part of object.
In one embodiment, screen sliding interface response screen sliding operational order updates interface display and included:Perform and touch rail Mark follows processing, and after touch track follows processing, performs inertia and slide processing and back gauge adjustment operation, then more New Territory Face is shown.Specifically, performing inertia slip processing includes:(a), perform inertia and slide pre-treatment, including delete screen sliding object and connect The message that receives, screen sliding call back function, the regulation of screen sliding object spacing and screen sliding regional edge are emptied away from regulation:(b) inertia, is performed Distance is calculated, including:When touching the sliding speed for terminating moment less than predetermined value, it is judged to only performing touch track with everywhere Reason;When touching the sliding speed for terminating moment more than predetermined value, terminate the sliding speed of moment with touching based on sliding distance Calculate inertia distance;(c), perform inertia to slide, update interface display.Performing touch track follows processing to include:Delete screen sliding Message and empty screen sliding call back function that object is received;When the object that touch track is followed is all in screen sliding region, rubber sleeve Distance is equal to the distance that rubber sleeve is moved;When the object that touch track is followed exceedes screen sliding region, set beyond screen sliding region away from From, wherein when with rubber sleeve object and border it is more remote when, the distance beyond screen sliding region is bigger.Performing back gauge adjustment operation includes: Left margin regulation all over the screen;Rightmargin regulation all over the screen;Top margin regulation all over the screen;Bottom margin regulation all over the screen;It is not all over the screen to be adjusted up a left side Back gauge;Downward regulation left margin not all over the screen;It is not all over the screen to adjust left margin to the left;It is not all over the screen to adjust left margin to the right.
In one embodiment, screen sliding content is video file, and each frame of the video file is in its relative position Place is demonstrated;Or, screen sliding content is GIF pictures, each frame of the GIF pictures is demonstrated in its relative position;Or, screen sliding Content is rolling picture, when scroll button is triggered, and every pictures of the rolling picture are scrolled in its relative position Displaying.
Fig. 2 is the structure chart according to embodiment of the present invention screen sliding display device.As shown in Fig. 2 screen sliding display device 200 Including:Acquisition module 201, for obtaining screen sliding resource, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding Content relative position;Object Creation module 202, for according to screen sliding asset creation screen sliding object, and preserves screen sliding object to cunning Shield in Object Operations queue;Display module 203, for creating screen sliding interface, by calling screen sliding Object Operations queue, by screen sliding Object is shown with waterfall stream layout type.
In one embodiment, screen sliding content includes static picture, dynamic picture or video file;The dynamic picture Including rolling picture or GIF pictures;The screen sliding content relative position is the position of relative first screen sliding content.When screen content During for rolling picture, the screen sliding resource also includes being used to indicate whether to include the field of scroll button.In an embodiment In, in addition to:Display module 204 is updated, for when detecting the screen sliding operational order of user, screen sliding operational order to be sent Screen sliding interface is given, screen sliding interface response screen sliding operational order updates interface display.In one embodiment, display module is updated 204, processing is followed for performing touch track, and after touch track follows processing, perform inertia and slide processing and side Away from adjustment operation, then update interface display.Wherein:Performing inertia slip processing includes:(a), perform inertia and slide pre-treatment, bag Include delete screen sliding object receive message, empty screen sliding call back function, screen sliding object spacing regulation and screen sliding regional edge away from Regulation:(b) inertia distance, is performed to calculate, including:When touching the sliding speed for terminating moment less than predetermined value, it is determined as only Perform touch track and follow processing;When touching the sliding speed for terminating moment more than predetermined value, based on sliding distance with touching The sliding speed for terminating moment calculates inertia distance;(c), perform inertia to slide, update interface display.
Performing touch track follows processing to include:Message and empty screen sliding call back function that deletion screen sliding object is received; When the object that touch track is followed is all in screen sliding region, rubber sleeve distance is equal to the distance that rubber sleeve is moved;When touch track is followed Object exceed screen sliding region when, set beyond screen sliding region distance, wherein when with rubber sleeve object and border it is more remote when, exceed The distance in screen sliding region is bigger.
Performing back gauge adjustment operation includes:Left margin regulation all over the screen;Rightmargin regulation all over the screen;Top margin regulation all over the screen;It is full Shield bottom margin regulation;It is not all over the screen to be adjusted up left margin;Downward regulation left margin not all over the screen;It is not all over the screen to adjust left margin to the left; It is not all over the screen to adjust left margin to the right.
In one embodiment, screen sliding content is video file, and each frame of the video file is in its relative position Place is demonstrated;Or, screen sliding content is GIF pictures, each frame of the GIF pictures is demonstrated in its relative position;Or, screen sliding Content is rolling picture, when scroll button is triggered, and every pictures of the rolling picture are scrolled in its relative position Displaying.
Fig. 3 is the schematic diagram according to embodiment of the present invention screen sliding display effect.In figure 3, present based on embedded Screen sliding method in the fluent screen effect of waterfall realized.Screen sliding object supports video, gif, many pictures, and object size simultaneously Can different, object show and can configure.Specific effect includes:1st, the broadcasting of object video is supported in screen sliding, and when screen sliding Video is also played simultaneously;2nd, the broadcasting of gif pictures is supported in screen sliding, and gif is also played simultaneously when screen sliding;3rd, in screen sliding Many pictures are supported to roll;Picture can be rolled automatically, also have two buttons on many pictures, can click on LR-button rolling;4、 Object size can be with arbitrary disposition in screen sliding, existing different object size screen slidings but can not arbitrary disposition before;5th, screen sliding Middle object's position can be with arbitrary disposition;6th, adjusted in screen sliding with rubber sleeve in back gauge using dynamics, sliding is more remote away from back gauge, is more difficult to Slide;7th, screen sliding inertia slides and uses deceleration slip, i.e., stop from quick sliding to slowly slip is last;8th, screen sliding object can be set Inverted image is put, inverted image follows screen sliding to slide.
To sum up, the basic framework thinking designed based on existing screen sliding, applicant proposes to support that different object sizes, difference are more The fluent screen of waterfall of media object.The systems such as system CPU, internal memory money is taken always in order to reduce screen sliding thread and object simultaneously Source, is improved the method optimization destroyed for dynamic creation.Overall thinking is:1st, the new fluent screen class of waterfall is created.2nd, realize The fluent screen action of waterfall includes sliding with rubber sleeve and inertia.3rd, realize that the fluent screen of waterfall cuts problem.4th, realize in waterfall screen sliding The variation of interface display, supports very how different size of object, and position can include video pair with arbitrary disposition, object As, gif pictures, many pictures;The object of partial below sets inverted image, etc. in screen sliding.Below to the specific of embodiment of the present invention Implementation process carries out finer describe in detail.Fig. 4 is to show method flow diagram according to the fluent screen of embodiment of the present invention waterfall. As shown in figure 4, this method includes:
Step 401:Created in screen sliding operation queue class and include screen sliding obj ect file (i.e. screen sliding content) and screen sliding object The fluent screen structure of waterfall of relative position.
Step 402:The fluent screen class of waterfall for realizing the operation of waterfall fluent screen is created, to meet waterfall fluent by incoming Shield the screen sliding object of structure type, heavily loaded screen sliding creates function to create the fluent screen function of waterfall.
Step 403:By calling the fluent screen function of waterfall, using the fluent screen of application layer window creation waterfall, wherein each The screen sliding obj ect file of screen sliding object is shown all at respective screen sliding object relative location.
It can be seen that, embodiment of the present invention realizes the new fluent screen class of waterfall of establishment.In one embodiment, screen sliding object File includes:Static picture file, many picture files, graphic interchange format picture file, video file or rolling picture file; The screen sliding object relative location is position of the screen sliding object with respect to first screen sliding object.It can be seen that, embodiment of the present invention is real Showed the variation that waterfall screen sliding median surface is shown, supported very how different size of object, and position can with arbitrary disposition, Object includes object video, gif pictures, many pictures etc..
In one embodiment, the fluent screen structure of waterfall also includes:It is used to indicate whether the word for including scroll button Section.In one embodiment, this method also includes:When application layer windows detecting is to screen sliding operation information, screen sliding is operated Information transmission is to the fluent screen class of waterfall;The fluent screen class of waterfall is performed in response to screen sliding operation information updates operation.
Preferably, performing renewal operation includes:Screen sliding is performed with rubber sleeve processing, and after screen sliding is with rubber sleeve processing, Perform inertia and slide processing and back gauge adjustment operation.
In one embodiment, performing inertia slip processing includes:
(a), perform inertia and slide pre-treatment, including delete the screen sliding overall situation and rotate message, empty screen sliding call back function, screen sliding Object spacing is adjusted and the regulation of screen sliding back gauge:(b) inertia distance, is performed to calculate, including:When the sliding speed for moment of loosing one's grip is small When predetermined value, it is judged to only performing with rubber sleeve processing;When moment of loosing one's grip sliding speed be less than predetermined value when, based on slide away from Calculated from the sliding speed for moment of loosing one's grip with a distance from inertia;(c), perform inertia to slide, each of which time slides a frame.
In one embodiment, perform screen sliding includes with rubber sleeve processing:The screen sliding overall situation is deleted to rotate message and empty cunning Shield call back function;When with rubber sleeve object all in screen sliding region, rubber sleeve distance is equal to the distance that rubber sleeve is moved;When with rubber sleeve object During more than screen sliding region, set labelled amount BoundaryDis, wherein when with rubber sleeve object and border it is more remote when, BoundaryDis It is bigger.In one embodiment, performing back gauge adjustment operation includes:Left margin regulation all over the screen;Rightmargin regulation all over the screen;It is discontented Screen adjusts left margin to the left;Left margin of regulation to the right not all over the screen, etc..It can be seen that, it is fluent that embodiment of the present invention realizes waterfall Screen action includes sliding with rubber sleeve and inertia.And realize that the fluent screen of waterfall is cut.In one embodiment, screen sliding object text Part is video file, and each frame of video file is demonstrated in its relative position;Or, screen sliding obj ect file is image exchange lattice Formula picture file, each frame of graphic interchange format picture file is demonstrated in its relative position;Or, screen sliding obj ect file is Many picture files, when scroll button is triggered, every pictures of many picture files are scrolled displaying in its relative position; Or, inverted image is set for screen sliding object.In one embodiment, the fluent screen structure of waterfall also includes subject area scope;Often The screen sliding obj ect file of individual screen sliding object is all based on that respective screen sliding object relative location is shown to be included:Each screen sliding object Screen sliding obj ect file is at respective screen sliding object relative location, shown in the range of respective subject area.
Specifically, when screen sliding obj ect file be video, play video when, in screen sliding video object data in real time more Newly, i.e., each frame in video is substituted into object video in real time.When screen sliding obj ect file is gif pictures, gif figures are being played During piece, to the gif object data real-time updates in screen sliding, i.e., each frame in gif pictures is substituted into object video in real time. Moreover, rolling picture object is plurality of pictures circulation display in screen sliding obj ect file is rolling picture, screen sliding, four are created Object, one is current display object, and one is object to be replaced, and two other is LR-button, and many pictures can be rolled automatically It is dynamic, click LR-button or so rolling.Preferably, all screen sliding object sizes can be passed in screen sliding, according to screen sliding pair As size creates screen sliding.All screen sliding objects can also be passed in screen sliding with respect to start position, it is relative according to screen sliding object Position creates screen sliding.When screen sliding has reached most back gauge, then to slide will produce one obstruction power be allowed to feel difficulty To slide, i.e., there is a Relationship of Coefficients with the rubber sleeve distance that now sliding distance is moved with rubber sleeve, the coefficient is 0~1.Inertia is slided There is a slowing effect, allow speed slowly to successively decrease from the value of beginning when speed exceedes some value after loosing one's grip, so produce one The individual effect for slowly sliding stopping.Screen sliding object sets an inverted image when inclined bottom to it, and the inverted image can follow screen sliding Slide.
That is, the present invention realizes the variation of interface display, very how different size of object, and position are supported Object video, gif pictures, many pictures can be included with arbitrary disposition, object;The object of partial below sets inverted image in screen sliding;With hand It is sliding to be adjusted using dynamics, slide and be far more difficult to pull away from back gauge;Screen sliding inertia slides and uses deceleration slip, wherein, screen sliding is supported Object video;Screen sliding supports gif object pictures;Screen sliding supports many object pictures;Screen sliding object size arbitrary disposition;Phase in screen sliding Can be with arbitrary disposition to start position;Screen sliding is adjusted with rubber sleeve back gauge using dynamics;Screen sliding inertia slides and does retarded motion;Screen sliding Object sets inverted image.Moreover, the optimization for traditional screen sliding includes:1st, optimization screen sliding thread is created, embodiment of the present invention It is preferred to use dynamic creation and destroying threads;2nd, screen sliding object uses dynamic creation, and pin is exited into page creation screen sliding object Ruin screen sliding object.
It can be seen that, implementing for the application is included:1st, in COperateDeque, (screen sliding operation queue class, is shown in screen sliding interface The hierarchy chart second layer) in create 3d object structure bodies for the management of waterfall fluent screen queue operation.2nd, the fluent screen of waterfall is created Class CSlidePinterest (at the same level see screen sliding interface hierarchy chart third layer, and other modes screen sliding class), for realizing waterfall stream Screen sliding is operated, and the screen sliding of heavily loaded base class creates function CreateSlide, belongs to the fluent screen object structure body class of waterfall by incoming The object of type carries out creating the fluent screen of waterfall.3rd, the application layer window of the fluent screen of waterfall is used (see screen sliding interface hierarchy chart One layer of wnd page), by calling the fluent screen of waterfall to carry out establishment screen sliding, create, parse, storing what screen sliding needed while realizing The resource informations such as picture, video, position, size, at the same increase screen sliding thread monitor and to screen sliding object, screen sliding evge scenes, Screen sliding thread is managed the control of deletion, when application layer windows detecting user's screen sliding operation information (generally mouse information, Touch-screen message) transmission message gives the fluent screen class of waterfall to carry out screen sliding operation processing.4th, the fluent screen class of waterfall is to screen sliding object Operation carries out left cunning, right cunning to row, fast ski-running, operated with rubber sleeve etc., while object's position, object display content are updated, Readjustment application layer carries out the renewal of types of objects (such as after renewal when setting out:Object video, GIF objects, many figure screen objects etc.) it is every Class object has corresponding structure to carry out establishment response.5th, it is excellent to being adjusted with rubber sleeve, inertia cunning when user's screen sliding is acted Change, to reach the experience of more natural more preferable effect.
The present invention is described in more detail with reference to instantiation.
(1) the fluent screen of waterfall, is created
1st, the fluent screen structure of waterfall
Each object be irregular size picture and position initialization in homepage, in order to create object, guarantee Slide to reset screen sliding position after terminating and set every time and roll screen sliding LR-button object display priority, it is necessary to an incoming knot Structure body, the structure includes the relative position of picture, each object and first object, and whether object is type of button.Definition Structure HomePageParam is defined as follows:
2nd, screen sliding creates function overloading
Structure is used for creating screen sliding, the establishment function of the prior art screen sliding fluent screen of unsuitable waterfall, herein Created in the way of function overloading the fluent screen CreateSlide of waterfall (int nLayer, SLIDE_MODE slideMode, const std::vector<HOMEPAGEPARAM>&vecHPParam, HWND hWnd, HDC hDc) to create screen sliding object. Including:(a) create a deque to manage all objects, create screen sliding object, each object be according to image content, Size create, when screen sliding object be LR-button then when display priority add 1;(b) the fluent screen class of a waterfall is created, sets and slides Shield default property, calculate object and first object relative location etc., it is to prevent deletion screen sliding message to calculate relative position When object's position it is chaotic.Operate screen sliding establishment to be basically completed when completing above-mentioned two, also have some attributes to need applying mesh Set in mark, such as screen sliding effective district, mouse effective district, screen sliding number of objects.
3rd, screen sliding interface level
Fig. 5 is according to the fluent screen interface level schematic diagram of embodiment of the present invention waterfall.Screen sliding interface is divided into three layers, level Relation is as follows:First layer is page interface layer, including CSlideCtrl classes.CSlideCtrl classes, screen sliding operational control class, including Screen sliding data acquisition and implement two parts.Such is mainly interacted with the page, sets some init attributes.CSlideCtrl Class is a global class.CSlideCtrl class major functions are interacted with the page, are each needed the Wnd pages of screen sliding and will be passed through CSlideCtrl classes set or obtained screen sliding current information.The second layer is intermediate layer, data processing and screen sliding mouse action layer, Including COperateDeque classes and COperateSlide classes.As shown in figure 5, the two classes are 1:1 relation, respectively as The element of class members's aray variable of CSlideCtrl classes.For EVGE screen sliding patterns, COperateDeque classes safeguard a weight Member variable OBJECT_DEQUE m_ObjectDeque deques are wanted, equivalent to the texture got from the Wnd pages The buffering area of EVGE objects.COperateSlide is screen sliding mouse action class, mainly to the judgement of mouse gestures.Third layer is Screen sliding realizes layer, including CSlideEVGEObject classes, CSlideBitBlt classes, CSlideCoverFlow classes and CSlideCoverFlowCircle classes.This four classes inherit COperateSlide classes respectively, have continued COperateSlide classes Mouse gestures judge.CSlideEVGEObject is the screen sliding under EVGE patterns.The object of screen sliding is EVGEObject.Utilize It carries out EVGEMove to EVGE function pair, and EVGEShow etc. is operated.CSlideBitBlt is directly to use MiniGUI mapping operations To simulate sliding effect, it is mainly used in that the screen sliding for dazzling effect operation need not be crossed.Under CSlideCoverFlow is CoverFlow Screen sliding, the object of screen sliding is EVGEObject.Utilize the behaviour such as its progress of EVGE function pair EVGEMove, EVGERotate Make.Screen sliding realizes that layer also includes CSlideHomePageParam classes, CSlideHomePageParam Similar integrals COperateSlide classes, the mouse gestures for having continued COperateSlide classes judges, for realizing the fluent screen of waterfall.
(2), screen sliding operation is handled
Whole screen sliding operation is completed by message response, screen sliding message is determined whether, if screen sliding message Perform with rubber sleeve, can all call inertia to slide after terminating with rubber sleeve, inertia is performed in inertia slip and is slided and back gauge adjustment Operation, the difference of the screen sliding and screen sliding maximum before is only to slide a frame each time, and the benefit of the thinking has solution cutting to ask Inscribe, realize deceleration-operation.Fig. 6 is to operate handling process schematic diagram according to embodiment of the present invention screen sliding.
Screen sliding operation processing includes screen sliding and slided with rubber sleeve and inertia.
For screen sliding with rubber sleeve, comprising:
1st, with rubber sleeve pre-treatment
With being deleted before rubber sleeve, the screen sliding overall situation rotates message and screen sliding call back function is emptied every time, and the operation is in order to anti- Only every time with rubber sleeve when also have object roll message motion, the problem of it can cause many.With rubber sleeve pre-treatment processing Key element includes:(a) it can not be slid back to after back gauge is repeatedly slided, the reason for causing this is to be not turned off last message, Message status can be set to STATE_STOP_MU after message has been moved before, which results in after can not with rubber sleeve It is normally carried out;Also it is exactly that the action of the two screen slidings originally belongs to a screen sliding, so not very a screen sliding terminates.Problem is shown As shown in fig. 7, Fig. 7 is with rubber sleeve pre-treatment schematic diagram according to embodiment of the present invention.As long as being b) to have slip by mentality of designing Response should all enter line slip according to current glide direction, and false message as in the previous is not deleted, may not be by with rubber sleeve Carried out according to the slip required for us.If (c) deleted every time when the screen sliding overall situation rotates message without screen sliding call back function Empty and object's position adjustment, it is also possible to cause object to show entanglement.
2nd, with rubber sleeve processing
It is divided into two kinds of situations with rubber sleeve, a kind of with the full screen sliding region of object filling during rubber sleeve, another is that object surpasses Cross screen sliding region.Include with rubber sleeve processing key element:(a) with rubber sleeve object all in screen sliding region, it is equal to rubber sleeve with rubber sleeve distance Dynamic distance.(b) when object exceedes screen sliding region, a labelled amount BoundaryDis is set, when more remote with border with rubber sleeve When, BoundaryDis is bigger, represents to slide with rubber sleeve is more next, it is known that preferably slided motionless;The process is shown as when we draw Required power can be increasing during catapult, and to the last catapult has drawn motionless, and the effect can give user one preferably impression.
Each time with can all call inertia to slide after rubber sleeve, inertia slip be described below.
Handled for inertia slip, comprising:
1st, inertia slides pre-treatment
The screen sliding overall situation is deleted before inertia is slided every time to rotate message, empty screen sliding call back function, screen sliding object spacing tune Section, the regulation of screen sliding back gauge.Inertia slides pre-treatment key element and included:(a) the screen sliding overall situation is deleted to rotate message and empty screen sliding readjustment Function, as long as being to there is slip response all to enter line slip, false message as in the previous according to current glide direction by mentality of designing It is not deleted, inertia, which is slided, to be carried out according to the slip required for us, it is also possible to cause object display disorder Phenomenon.(b) screen sliding object spacing is adjusted, and the situation that spacing diminishes occurs after horizontally slipping repeatedly in object.Solution:Weight Object's position is put, the distance of the following incoming each object of three kinds of methods and previous object can be used:Create screen sliding when Wait incoming;Set in window page;Obtain or obtain in real time in screen sliding.It finally have chosen and passed when window is created Enter each object initial rectangular position of parameter value, then calculate the distance of each object and first object.Each Replacement object's position function is all called after stopslide.(c) screen sliding back gauge is adjusted, and the regulation of screen sliding back gauge includes Fig. 8 a- Fig. 8 d Four kinds of shown situations.Fig. 8 a are to adjust the first schematic diagram according to embodiment of the present invention screen sliding back gauge.Fig. 8 b are according to this hair Bright embodiment screen sliding back gauge adjusts the second schematic diagram.Fig. 8 c are to be illustrated according to embodiment of the present invention screen sliding back gauge regulation the 3rd Figure.Fig. 8 d are to adjust the 4th schematic diagram according to embodiment of the present invention screen sliding back gauge.
Fig. 8 a, Fig. 8 c, tri- kinds of situations of Fig. 8 d all adjust for left margin;There are Fig. 8 a, two kinds of Fig. 8 c can be with again in three kinds of situations It is considered as a kind of situation.Fig. 8 a and Fig. 8 c are that nfirstx is more than screen sliding region left side x coordinate, and adjustment distance is nDistance =abs (nfirstx-m_SlideValidArea.left);Direction is STATE_PREVIEW;When Fig. 8 b are a full screen and Nlastx+width is less than x coordinate on the right of screen sliding region, and adjustment distance is nDistance=abs (m_ SlideValidArea.right-nLastx-objWidth);Direction is STATE_NEXTVIEW;When Fig. 8 d are a discontented screen and Nfirstx is less than or equal to screen sliding region left side x coordinate, and adjustment distance is nDistance=abs (m_ SlideValidArea.left-nfirstx);Direction is STATE_NEXTVIEW.
In order to realize the process slowly slowed down, a frame data are only moved every time, and readjustment is called after each frame has been run Then function carries out next frame, to the last reaches home.The distance of first frame operation is nDistance-nNum*nNum, after The distance of each frame motion in face is 2 × nNum-1, and last total distance is exactly nDistance.
2nd, inertia distance is calculated
The consideration key element that inertia distance is calculated is included:(a) when speed is less than some value, it is considered as and only does with rubber sleeve. (b) sliding distance is directly proportional to 3/2 power of speed, is directly proportional to 1/2 power of distance, apart from dis=fabs ((round (fSpeed*sqrt(fabs(fSpeed))*sqrt(fabs(fDis))))).(c) totalframes is 1/2 power of inertia distance, Totalframes is nFrame=(int) sqrt (nDistance).(d) if the distance that inertia is slided can exceed screen sliding back gauge, need Two labelled amount g_sumDistance and g_curDistance, g_curDistance is set to represent the distance that inertia is slided, G_sumDistance is carried out to allow the ultimate range that inertia is slided when g_curDistance is more than g_sumDistance Back gauge is adjusted.
3rd, inertia is performed to slide
Performing the key element of inertia slip includes:
(a) speed is from fast to slow, is run slowly herein using even;Actual realize is the distance for only sliding a frame every time, is removed First frame is square that total inertia distance subtracts totalframes, and the pixel of remaining each frame slip is 2 × nframe-1, just finally It is inertia distance.(b) first message is called in runslidebyobject, and the distance of the first frame operation is nDistance- NNum*nNum, and a call back function is set, incoming reference object direction, handle, screen sliding pointer and remaining frame number work as message Call back function will be called after having performed, repeat and operate for the first time in call back function, but apart from for 2 × nNum- 1, as shown in figure 9, Fig. 9 is according to embodiment of the present invention inertia sliding distance schematic diagram, and reset readjustment.Each total frame Number stops readjustment when frame number is 0 or screen sliding object all exceedes border, then called at screen sliding boundary function from subtracting 1 Reason.(c) message call back function.I. judge whether sliding distance exceedes screen sliding region, this is judged as all carrying out after each frame, it is ensured that The distance of a frames most more than screen sliding region, when more than screen sliding region, reset data, call back function empty, call back gauge to adjust Integral function.Ii. determine whether that last frame message is adjusted back, state is set to STATE_STOP_MU if last frame, and Flush message call back function.Iii. when not being that last frame message is adjusted back, totalframes sets call back function from subtracting 1, calls pair As movement function, current sliding distance adds 2 × nNum-1.(d) analyze speed is all to use to pin screen sliding and release screen sliding before The maximal rate of this segment distance, uses the speed for moment of loosing one's grip now, and then the speed is handled.So do Effect takes the effect of maximal rate significantly better than before.
Object video, gif object pictures and rolling picture object, which are carried out, to be shown to screen sliding separately below exemplary illustrated.Though Right gif pictures and rolling picture show are realized in homepage, but due to being that screen sliding object is handled, it is classified as the time being Screen sliding.
1st, gif pictures are shown
1.1 define gif structures
Gif structures:Store the position of gif pictorial informations and the gif pictures in total object (0 starts)
1.2 obtain gif pictorial informations and create gif pictures
(1) a gif structure container is defined, is parsed from html files in gif pictorial informations, structure NObjectLocation represents that the gif pictures are the position in all object pictures.(2) dynamic picture object function is created CreateAnimationFromGIF89aFile.(3) gif the first frame informations of figure are obtained, animationframe pointers are pointed to First frame of gif sequence of pictures.TempGifElement.animationframe=tempGifElement.animation-> frames;(4) background color is set, by the first frame gif figure information creating gifdc panels, the first frame pictorial information is incoming In screen sliding
1.3 play gif pictures
Gif pictures are one group of sequence of pictures in fact, and display gif pictures are to be played out in order against a picture, this Place is realized in the ontimer of program.(1) the evge objects id for showing gif pictures is obtained.(2) by the rectangular area in dc Picture is filled into bitmap and then replaced with bitmap the evge object textures.(3) next frame dynamic picture is pointed to, if There is no next frame to return to the first pictures, circulate successively.
2nd, display scrolling picture
2.1 define three structures:
First free hand drawing chip architecture body;Picture structure body more than second, is made up of a pictures or plurality of pictures;3rd The fluent screen structure of waterfall, the structure understands in screen sliding establishment, free hand drawing chip architecture body described herein and many picture knots Structure body
(1) free hand drawing chip architecture body:The structure stores the pictorial information of single object picture, response message.
(2) many picture structure bodies:The structure include one or more free hand drawing chip architecture bodies, picture whether be many pictures, Which picture type of sports, picture be currently shown in and open, picture object handle to be replaced etc..
2.2 obtain many pictures and create picture evge objects
(1) picture structure body container more than one is defined, for storing all pictorial informations of each object.(2) for , it is necessary to which object picture more than three, first is many pictures, and two other is LR-button for many pictures.(3) each is obtained Picture, and the first pictures are set to initial picture are transmitted to screen sliding, other pictures are preserved.(4) LR-button object is created, All there was only a pictures in the two objects, the LR-button picture is obtained from skin bag now, and the cunning created Screen object display priority adds 1.
2.3 rolling pictures are realized
(1) the evge objects id of rolling picture is obtained.(2) rolling picture includes forwardly and rearwardly two kinds of situations, when forward During rolling, which mark of the picture that the object is shown subtracts 1, rolls Jia 1 backward.(3) position of the object is obtained, this pair is calculated As final position, object initial position to be replaced and final position.(4) reset the cutting state of object to be replaced, initial position, Initial size etc., sets the object message to handle call back function, m_bAniFinish is set into true, table in the call back function Show that this picture is rolled to terminate.(5) perform picture to roll and trimming operation, exchange the handle value of object to be replaced and former object. (6) picture is forbidden to roll during screen sliding, dobeginslide:M_bAniFinish=false, if rolled, directly resets Rolling picture position;doafterslide:M_bAniFinish=true.
3rd, object video is realized
A) object video is equally seen as in screen sliding being uniformly processed in a similar object picture, screen sliding.
B) it is different from object picture, the content that object video is shown is video, needs to play video, so by adjusts Broadcast decoder storehouse, plays out video, and a video decoding thread is created that here:static void* EVGEVideoDecodeThread(void*pParam)。
C) each frame data of video are obtained after video by playing, each frame data are exactly an image memory in fact, such as: int EVGE_NATIVE_DecoderGetPicture(int iChannel,EVGE_NATIVE_Surface surface, int iStartX,int iStartY,int iSurfaceWidth,int iSurfaceHeight)
D) obtain after each two field picture internal memory, you can update into object video texture, such as:int EVGESetSubVideoTexImage(pEVGE_P_Display hDisplay,pEVGE_P_TextureInfo pTexture,unsigned int*addr)
E) so object video just realizes broadcasting in the various processing of screen sliding function thread in real time.
Existing CSlideCtrl::CreateSlide functions only create in a screen sliding, screen sliding object temporarily not by Create, CSlideCtrl can be called afterwards::CreateSlideOperate function creation screen sliding objects, create object and use Evge scene creations, it is necessary to call CSlideCtrl when current page is exited::DeleteSlideOperate deletes screen sliding pair As with empty evge scenes.Contrasted with the fluent screen of waterfall, call CSlideCtrl::CreateSlideOperate function creations (prior art exists for screen sliding just thread to one screen sliding thread monitoring of increase, and the application is simply present currently during screen sliding object Screen sliding thread);Separately call CSlideCtrl::DeleteSlideOperate deletes screen sliding object, situation evge scenes, deleted Screen sliding thread.
To sum up, the broadcasting of object video is supported in the screen sliding of embodiment of the present invention, and video is also same when screen sliding When play.The broadcasting of gif pictures is supported in screen sliding, and gif is also played simultaneously when screen sliding.Many pictures are supported to roll in screen sliding It is dynamic;Picture can be rolled automatically, also have two buttons on many pictures, can click on LR-button rolling.Object size in screen sliding Can be with arbitrary disposition.Object's position can be with arbitrary disposition in screen sliding.Adjusted in screen sliding with rubber sleeve in back gauge using dynamics, sliding It is more remote away from back gauge, it is more difficult to slide.Screen sliding inertia slides and uses deceleration slip, i.e., stop from quick sliding to slowly slip is last. Inverted image can be set in screen sliding object, and inverted image follows screen sliding to slide.
Figure 10 is according to the fluent screen display device structure chart of embodiment of the present invention waterfall.As shown in Figure 10, waterfall is fluent Screen display device 1000 includes:Structure creation module 1001, screen sliding object is included for being created in screen sliding operation queue class The fluent screen structure of waterfall of file and screen sliding object relative location;Function creation module 1002, is used to realize waterfall for creating The fluent screen class of waterfall of the fluent screen operation of cloth, by the incoming screen sliding object for meeting the fluent screen structure type of waterfall, heavy duty is sliding Screen creates function to create the fluent screen function of waterfall;Display module 1003, for by calling the fluent screen function of waterfall, using should With the fluent screen of layer window creation waterfall, wherein the screen sliding obj ect file of each screen sliding object is in the relative position of respective screen sliding object Put place shown.In one embodiment, screen sliding obj ect file includes:Static picture file, many picture files, image exchange Format picture file, video file or rolling picture file;The screen sliding object relative location is screen sliding object and first cunning Shield the relative position of object.In one embodiment, in addition to:Update module, for when application layer windows detecting to screen sliding During operation information, screen sliding operation information is delivered to the fluent screen class of waterfall;The fluent screen class of waterfall is held in response to screen sliding operation information Row updates operation.In one embodiment, performing renewal operation includes:Perform screen sliding with rubber sleeve processing, and screen sliding with After rubber sleeve processing, perform inertia slip processing and back gauge adjusts operation.In one embodiment, the execution inertia is slided Processing includes:(a), perform inertia and slide pre-treatment, including delete the screen sliding overall situation and rotate message, empty screen sliding call back function, cunning Shield the regulation of object spacing and the regulation of screen sliding back gauge:(b) inertia distance, is performed to calculate, including:When the sliding speed for moment of loosing one's grip During less than predetermined value, it is judged to only performing with rubber sleeve processing;When the sliding speed for moment of loosing one's grip is less than predetermined value, based on slip Distance and the sliding speed for moment of loosing one's grip calculate inertia distance;(c), perform inertia to slide, each of which time slides a frame;Or, The execution screen sliding includes with rubber sleeve processing:The screen sliding overall situation is deleted to rotate message and empty screen sliding call back function;When with rubber sleeve pair As all in screen sliding region when, rubber sleeve distance be equal to rubber sleeve move distance;When exceeding screen sliding region with rubber sleeve object, mark is set Note amount BoundaryDis, wherein when with rubber sleeve object and border it is more remote when, BoundaryDis is bigger;Or, the execution back gauge Adjustment operation includes:Left margin regulation all over the screen;Rightmargin regulation all over the screen;It is not all over the screen to adjust left margin to the left;It is not all over the screen to adjust to the right Save left margin.In one embodiment, screen sliding obj ect file is video file, and each frame of video file is in its relative position Place is demonstrated;Or, screen sliding obj ect file is graphic interchange format picture file, each frame of graphic interchange format picture file exists Its relative position is demonstrated;Or, screen sliding obj ect file is many picture files, when scroll button is triggered, many picture files Every pictures be scrolled displaying in its relative position;Or, inverted image is set for screen sliding object.In one embodiment, waterfall The fluent screen structure of cloth also includes subject area scope;Display module, for using application layer window by calling waterfall fluent Shield class to create the fluent screen of waterfall, wherein the screen sliding obj ect file of each screen sliding object is at respective screen sliding object relative location , in the range of respective subject area be shown.
The foregoing is only a preferred embodiment of the present invention, is not intended to limit the scope of the present invention.It is all Within the spirit and principles in the present invention, any modification, equivalent substitution and improvements made etc. should be included in the protection of the present invention Within the scope of.

Claims (16)

1. a kind of screen sliding display methods, it is characterised in that including:
Screen sliding resource is obtained, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding content relative position;
According to screen sliding asset creation screen sliding object, and screen sliding object is preserved into screen sliding Object Operations queue;
Screen sliding interface is created, by calling screen sliding Object Operations queue, screen sliding object is shown with waterfall stream layout type.
2. screen sliding display methods according to claim 1, it is characterised in that the screen sliding content includes static picture, moved State picture or video file;The dynamic picture includes rolling picture or GIF pictures;The screen sliding content relative position is relative The position of first screen sliding content.
3. screen sliding display methods according to claim 2, it is characterised in that when the screen sliding content is rolling picture, institute Stating screen sliding resource also includes being used to indicate whether to include the field of scroll button.
4. screen sliding display methods according to claim 1, it is characterised in that this method also includes:When detecting user's During screen sliding operational order, screen sliding operational order is sent to screen sliding interface, screen sliding interface response screen sliding operational order updates interface Display.
5. screen sliding display methods according to claim 4, it is characterised in that the screen sliding interface responds screen sliding operational order Updating interface display includes:
Perform touch track and follow processing, and after touch track follows processing, perform inertia slip processing and back gauge is adjusted Whole operation, then update interface display.
6. screen sliding display methods according to claim 5, it is characterised in that the execution inertia slip processing includes:
(a), perform inertia slide pre-treatment, including delete screen sliding object receive message, empty screen sliding call back function, screen sliding Object spacing is adjusted and screen sliding regional edge is away from regulation:
(b) inertia distance, is performed to calculate, including:When touching the sliding speed for terminating moment less than predetermined value, it is judged to only holding Row touch track follows processing;When touching the sliding speed for terminating moment more than predetermined value, tied based on sliding distance with touching The sliding speed of beam moment calculates inertia distance;
(c), perform inertia to slide, update interface display.
7. screen sliding display methods according to claim 5, it is characterised in that the execution touch track follows processing to wrap Include:
Message and empty screen sliding call back function that deletion screen sliding object is received;
When the object that touch track is followed is all in screen sliding region, rubber sleeve distance is equal to the distance that rubber sleeve is moved;
When the object that touch track is followed exceedes screen sliding region, the distance beyond screen sliding region is set, wherein when with rubber sleeve pair As with border it is more remote when, the distance beyond screen sliding region is bigger.
8. screen sliding display methods according to claim 5, it is characterised in that the execution back gauge adjustment operation includes:
Left margin regulation all over the screen;
Rightmargin regulation all over the screen;
Top margin regulation all over the screen;
Bottom margin regulation all over the screen;
It is not all over the screen to be adjusted up left margin;
Downward regulation left margin not all over the screen;
It is not all over the screen to adjust left margin to the left;
It is not all over the screen to adjust left margin to the right.
9. screen sliding display methods according to claim 1, it is characterised in that
Screen sliding content is video file, and each frame of the video file is demonstrated in its relative position;Or
Screen sliding content is GIF pictures, and each frame of the GIF pictures is demonstrated in its relative position;Or
Screen sliding content is rolling picture, and when scroll button is triggered, every pictures of the rolling picture are in its relative position Place is scrolled displaying.
10. a kind of screen sliding display device, it is characterised in that including:
Acquisition module, for obtaining screen sliding resource, the screen sliding resource includes screen sliding content, screen sliding content type and screen sliding content Relative position;
Object Creation module, for according to screen sliding asset creation screen sliding object, and preserves screen sliding object to screen sliding Object Operations team In row;
Display module, for creating screen sliding interface, by calling screen sliding Object Operations queue, office is spread by screen sliding object with waterfall Mode is shown.
11. screen sliding display device according to claim 10, it is characterised in that the screen sliding content include static picture, Dynamic picture or video file;The dynamic picture includes rolling picture or GIF pictures;The screen sliding content relative position is phase To the position of first screen sliding content.
12. screen sliding display device according to claim 11, it is characterised in that when the screen sliding content is rolling picture, The screen sliding resource also includes being used to indicate whether to include the field of scroll button.
13. screen sliding display device according to claim 10, it is characterised in that also include:
Display module is updated, for when detecting the screen sliding operational order of user, screen sliding operational order being sent into screen sliding and connect Mouthful, screen sliding interface response screen sliding operational order updates interface display.
14. screen sliding display device according to claim 13, it is characterised in that
Display module is updated, processing is followed for performing touch track, and after touch track follows processing, performs inertia Slide processing and back gauge adjusts operation, then update interface display.
15. screen sliding display device according to claim 14, it is characterised in that
The execution inertia slip processing includes:(a), perform inertia and slide pre-treatment, including delete what screen sliding object was received Message, empty screen sliding call back function, screen sliding object spacing regulation and screen sliding regional edge away from regulation:(b) inertia distance meter, is performed Calculate, including:When touching the sliding speed for terminating moment less than predetermined value, it is determined as that only performing touch track follows processing;When When touching the sliding speed for terminating moment more than predetermined value, the sliding speed for terminating moment with touching based on sliding distance, which is calculated, is used to Property distance;(c), perform inertia to slide, update interface display;Or
The execution touch track follows processing to include:Message and empty screen sliding call back function that deletion screen sliding object is received; When the object that touch track is followed is all in screen sliding region, rubber sleeve distance is equal to the distance that rubber sleeve is moved;When touch track is followed Object exceed screen sliding region when, set beyond screen sliding region distance, wherein when with rubber sleeve object and border it is more remote when, exceed The distance in screen sliding region is bigger;Or
The execution back gauge adjustment operation includes:Left margin regulation all over the screen;Rightmargin regulation all over the screen;Top margin regulation all over the screen;It is full Shield bottom margin regulation;It is not all over the screen to be adjusted up left margin;Downward regulation left margin not all over the screen;It is not all over the screen to adjust left margin to the left; It is not all over the screen to adjust left margin to the right.
16. screen sliding display device according to claim 10, it is characterised in that
Screen sliding content is video file, and each frame of the video file is demonstrated in its relative position;Or
Screen sliding content is GIF pictures, and each frame of the GIF pictures is demonstrated in its relative position;Or
Screen sliding content is rolling picture, and when scroll button is triggered, every pictures of the rolling picture are in its relative position Place is scrolled displaying.
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 true CN107168628A (en) 2017-09-15
CN107168628B 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)

Cited By (8)

* 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
CN111104017A (en) * 2019-11-25 2020-05-05 北京金堤科技有限公司 Sliding positioning processing method and device
CN111427504A (en) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 Content acquisition method and device, electronic equipment and storage medium
CN115145676A (en) * 2022-09-05 2022-10-04 飞狐信息技术(天津)有限公司 Information interaction method and system
CN117032851A (en) * 2023-06-29 2023-11-10 荣耀终端有限公司 Display method of chessboard layout object, electronic equipment and readable storage medium
CN117032851B (en) * 2023-06-29 2024-09-24 荣耀终端有限公司 Display method of chessboard layout object, electronic equipment and readable storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196190A (en) * 2010-03-17 2011-09-21 新奥特(北京)视频技术有限公司 Method and device for implementing scrolling of scrolling contents on screen
CN102207815A (en) * 2010-07-15 2011-10-05 优视科技有限公司 Web browsing method and device for mobile communication equipment terminal
CN103530025A (en) * 2013-10-28 2014-01-22 北京网秦天下科技有限公司 Content display method and content display system used for mobile terminal
CN104281359A (en) * 2014-04-29 2015-01-14 福建星网视易信息系统有限公司 Layout method and layout device for objects with different sizes
CN105095200A (en) * 2014-04-16 2015-11-25 北大方正集团有限公司 Method and device for displaying picture in waterfall flow manner
US20160307344A1 (en) * 2015-04-16 2016-10-20 Sap Se Responsive and adaptive chart controls

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196190A (en) * 2010-03-17 2011-09-21 新奥特(北京)视频技术有限公司 Method and device for implementing scrolling of scrolling contents on screen
CN102207815A (en) * 2010-07-15 2011-10-05 优视科技有限公司 Web browsing method and device for mobile communication equipment terminal
CN103530025A (en) * 2013-10-28 2014-01-22 北京网秦天下科技有限公司 Content display method and content display system used for mobile terminal
CN105095200A (en) * 2014-04-16 2015-11-25 北大方正集团有限公司 Method and device for displaying picture in waterfall flow manner
CN104281359A (en) * 2014-04-29 2015-01-14 福建星网视易信息系统有限公司 Layout method and layout device for objects with different sizes
US20160307344A1 (en) * 2015-04-16 2016-10-20 Sap Se Responsive and adaptive chart controls

Non-Patent Citations (1)

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

Cited By (10)

* 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
US11586345B2 (en) 2019-01-24 2023-02-21 Beijing Bytedance Network Technology Co., Ltd. Method and apparatus for interaction control of display page
CN111104017A (en) * 2019-11-25 2020-05-05 北京金堤科技有限公司 Sliding positioning processing method and device
CN111427504A (en) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 Content acquisition method and device, electronic equipment and storage medium
US11474689B2 (en) 2020-04-02 2022-10-18 Beijing Dajia Internet Information Technology Co., Ltd. Method and apparatus for obtaining content
CN115145676A (en) * 2022-09-05 2022-10-04 飞狐信息技术(天津)有限公司 Information interaction method and system
CN117032851A (en) * 2023-06-29 2023-11-10 荣耀终端有限公司 Display method of chessboard layout object, electronic equipment and readable storage medium
CN117032851B (en) * 2023-06-29 2024-09-24 荣耀终端有限公司 Display method of chessboard layout object, electronic equipment and readable storage medium

Also Published As

Publication number Publication date
CN107168628B (en) 2020-07-31

Similar Documents

Publication Publication Date Title
CN107168628A (en) A kind of screen sliding display methods and device
US10453240B2 (en) Method for displaying and animating sectioned content that retains fidelity across desktop and mobile devices
US11720739B2 (en) System and method for extended dynamic layout
US7450124B2 (en) Generating 2D transitions using a 3D model
US6943811B2 (en) Apparatus and method of managing data objects
US7979790B2 (en) Combining and displaying multimedia content
US20080055315A1 (en) Method and System to Establish and Animate a Coordinate System for Content on a Display
US20190035054A1 (en) System for generation of custom animated characters
CN109300181A (en) The animation of the computer of user interface and content item generation display component
US20140129992A1 (en) Preview cursor for image editing
Myers et al. Easily adding animations to interfaces using constraints
US20140082530A1 (en) Document layout
DE202014010899U1 (en) Support for user interactions with rendered graphic objects
CN108897826A (en) Banner picture rapid generation, system and storage medium
CN114648603A (en) Method and system for realizing fly-line dynamic effect based on canvas and echarts
KR101108480B1 (en) Object oriented method of animation for component and recording medium for the same
CN107301014A (en) A kind for the treatment of method and apparatus to gesture command
CN114741016B (en) Operation method, device, electronic equipment and computer readable storage medium
CN102799427A (en) Method for generating Gantt chart based on graphics processing unit (GPU)
Roussel Ametista: a mini-toolkit for exploring new window management techniques
Thomas et al. Supporting cartoon animation techniques in direct manipulation graphical user interfaces
EP1124176A2 (en) Display system
CA2853149A1 (en) Improving the appearance of an object
Robbins The JOTSA animation environment
Nilsson Hardware Supported Frame Correction in Touch Screen Systems-For a Guaranteed Low Processing Latency

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