CN107168628A - A kind of screen sliding display methods and device - Google Patents
A kind of screen sliding display methods and device Download PDFInfo
- 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
Links
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
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
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.
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)
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)
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 |
-
2017
- 2017-04-25 CN CN201710274732.3A patent/CN107168628B/en active Active
Patent Citations (6)
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)
Title |
---|
崔巍: "移动设备交互界面动态化视觉设计研究", 《中国优秀硕士学位论文全文数据库 工程科技Ⅱ辑》 * |
Cited By (10)
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 |