CN108108091A - The refreshing display methods and system of sliding trace - Google Patents
The refreshing display methods and system of sliding trace Download PDFInfo
- Publication number
- CN108108091A CN108108091A CN201711212632.4A CN201711212632A CN108108091A CN 108108091 A CN108108091 A CN 108108091A CN 201711212632 A CN201711212632 A CN 201711212632A CN 108108091 A CN108108091 A CN 108108091A
- Authority
- CN
- China
- Prior art keywords
- sliding trace
- user
- coordinate
- screen
- clients
- 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.)
- Pending
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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
- H04L51/04—Real-time or near real-time messaging, e.g. instant messaging [IM]
- H04L51/046—Interoperability with other network applications or services
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/55—Push-based network services
Abstract
The invention discloses the refreshing display methods and system of a kind of sliding trace, the above method includes:In current chat room, one or more client end response user's operations, acquisition user the corresponding multiple coordinate informations of sliding trace and preserves on the screen;When reaching the first predetermined time, one or more user end to server send multiple coordinate informations;For each other client, after the coordinate information for coming from least one client is received, when reaching the second predetermined time, refresh and show the corresponding sliding trace of coordinate information received.Scheme according to the present invention, realize a kind of real-time scribble function of supporting drawing board transparent, the scribble function supports more people to scribble simultaneously, while supporting to show this client user antigraffiti effect, also supports the scribble achievement of other client users in real-time display current chat room.
Description
Technical field
The present invention relates to the communications field, in particular to the refreshing display methods and system of a kind of sliding trace.
Background technology
Scribble be it is a kind of whipped the method that graphing ultimately forms a width complete image with user, for recording user's
Creation inspiration and fine things.At present, the scribble product of electrical type is more common in pc domain, user by mouse, touch
The input equipments such as screen, handwriting pad, record are thought the figure of performance, are then saved in storage medium.The scribble skill of the prior art
Art is the drawing interface based on residing plateform system, records the input trajectory of user, and carries out layering superposition to the track of record
Form the figure finally scribbled.Or one or more original figure is provided a user, record user modifies on its basis
Or increased drafting element, form the figure finally scribbled.
The scribble functional software (such as playing) of mobile terminal is currently based on, scribble function is all to use html5
Canvas is realized, using the drawing board that html5 is realized there are a shortcoming, drawing board cannot be exactly set to be transparent, when drawing board is opened
When, some things of background can be covered, if user needs to scribble on portrait in video, at this moment drawing board will hide if opening
Firmly video image causes user experience to decline.
Since html can not achieve as transparent drawing board, so realizing transparent effect just only in the application software of mobile terminal
The interface of respective platform can be used to realize.But for how to realize the transparent effect of scribble drawing board, and more people is supported to apply in real time
The function of crow also lacks corresponding technical solution in correlation technique.
The content of the invention
It is a primary object of the present invention to disclose a kind of refreshing display methods of sliding trace and system, at least to solve
For the function of how realizing the transparent effect of scribble drawing board and more people is supported to scribble in real time in correlation technique, corresponding skill is also lacked
The problem of art scheme.
According to an aspect of the invention, there is provided a kind of refreshing display methods of sliding trace.
The refreshing display methods of sliding trace according to the present invention includes:In current chat room, one or more clients
End response user's operation, gathers above-mentioned user and the corresponding multiple coordinate informations of sliding trace and preserves on the screen;It is pre- first
Fix time arrival when, said one or multiple client send above-mentioned multiple coordinate informations to server, so that above-mentioned server
All coordinate informations from said one or multiple client received are pushed to respectively, coordinate is removed in above-mentioned chatroom
Other clients outside information sender;For each other above-mentioned client, come from least one visitor receiving
After the coordinate information at family end, when reaching the second predetermined time, refresh and show the corresponding slip rail of coordinate information received
Mark.
According to another aspect of the present invention, a kind of refreshing display system of sliding trace is provided.
The refreshing display system of sliding trace according to the present invention includes:One or more clients, for being chatted currently
In its room, user's operation is responded, acquisition user the corresponding multiple coordinate informations of sliding trace and preserves on the screen, pre- first
Fix time arrival when, send above-mentioned multiple coordinate informations to server, also, come from least one client receiving
After coordinate information, when reaching the second predetermined time, refresh and show the corresponding sliding trace of coordinate information received;Service
Device is connected respectively with said one or multiple client, comes from the multiple of said one or multiple client for receiving
All coordinate informations from said one or multiple client received are pushed to above-mentioned chatroom by coordinate information respectively
In other clients in addition to coordinate information sender.
The technical solution provided according to the present invention realizes a kind of real-time scribble function of supporting drawing board transparent, the scribble
Function supports more people to scribble simultaneously, while supporting to show this client user antigraffiti effect, also supports that real-time display is current
The scribble achievement of other client users in chatroom.Also, just refresh display after certain time length is reached, avoid frequently
The problem of refreshing can cause main interface stuck.
Description of the drawings
Fig. 1 is the flow chart of the refreshing display methods of sliding trace according to embodiments of the present invention;
Fig. 2 is the information exchange schematic diagram of chatting room client terminal and server according to the preferred embodiment of the invention;
Fig. 3 is the use user according to the preferred embodiment of the invention corresponding multiple coordinate informations of sliding trace on the screen
Calculate the schematic diagram for establishing sliding trace;
Fig. 4 is the structure diagram of the refreshing display system of sliding trace according to embodiments of the present invention;And
Fig. 5 is the structure diagram of Android platform client according to the preferred embodiment of the invention;
Fig. 6 is the structure diagram of ios platform clients according to the preferred embodiment of the invention.
Specific embodiment
The specific implementation of the present invention is made a detailed description with reference to Figure of description.
Fig. 1 is the flow chart of the refreshing display methods of sliding trace according to embodiments of the present invention.As shown in Figure 1, the cunning
The refreshing display methods of dynamic rail mark includes:
Step S101:In current chat room, one or more client end response user's operations gather above-mentioned user and are shielding
It the corresponding multiple coordinate informations of sliding trace and is preserved on curtain;
Step S103:When reaching the first predetermined time, said one or multiple client are above-mentioned more to server transmission
A coordinate information is distinguished so that above-mentioned server will be received from all coordinate informations of said one or multiple client
Push to other clients in addition to coordinate information sender in above-mentioned chatroom;
Step S105:For each other above-mentioned client, the coordinate that comes from least one client is being received
After information, when reaching the second predetermined time, refresh and show the corresponding sliding trace of coordinate information received.
The technical solution provided according to the present invention realizes a kind of real-time scribble function of supporting drawing board transparent, the scribble
Function supports more people to scribble simultaneously, while supporting to show this client user antigraffiti effect, also supports that real-time display is current
The scribble achievement of other client users in chatroom.Also, just refresh display after certain time length is reached, avoid frequently
The problem of refreshing can cause main interface stuck.
In a preferred implementation process, each client in above-mentioned chatroom can be provided with one or more timings
Device, for when reaching above-mentioned first predetermined time, triggering user end to server to send the event of above-mentioned multiple coordinate informations,
And when reaching the second predetermined time, trigger client refreshes and show the corresponding sliding trace of coordinate information received
Event, wherein, above-mentioned first predetermined time is set smaller than predetermined threshold value.
For example, when the scribble function of client is activated, start the timer of a cycle triggering, for periodically sending out
Send the coordinate information of sliding trace.The duration that the timer is set should be shorter, less than predetermined threshold, such as 100 milliseconds, due to
The first scheduled duration that the timer is set is very short, so in current chat room in other clients, receives scribble function
Carryover effects can not be embodied when refreshing display after corresponding sliding trace, have visually reached real-time effect in user.
It is further described below in conjunction with Fig. 2 and above-mentioned process is preferably implemented.
Fig. 2 is the information exchange schematic diagram of chatting room client terminal and server according to the preferred embodiment of the invention.Fig. 2 with
A client user illustrates exemplified by performing scribble function in chatroom, as shown in Fig. 2, the client in current chat room
The user for holding 1 (CLIENT1) performs scribble function, and CLIENT1 response user's operations gather above-mentioned user and slide rail on the screen
The corresponding multiple coordinate informations of mark simultaneously preserve.While function on is scribbled on CLIENT1, start one and be less than predetermined threshold value
Duration triggers once the timer of (for example, 100 milliseconds of triggerings are once), for periodically sending the corresponding multiple seats of the sliding trace
Mark information.It should be noted that due to 100 milliseconds very short, the every other client that data are shown of scribbling that receives is to see not
Go out delay, the real-time effect visually reached.When reaching the time of timer setting, CLIENT1 is shielding user
The corresponding multiple coordinate informations of sliding trace are sent to server on curtain, and server will be where the data-pushing to CLIENT1
Other clients CLIENT2, CLIENT3, CLIENT4 in chatroom ... CLIENTN.
Preferably, it is above-mentioned to adopt when said one or multiple client are Android platform client in step S101
Collect above-mentioned user on the screen the corresponding multiple coordinate informations of sliding trace and preserve may further include:Above-mentioned android
Platform client responds user's operation, and readjustment touches part touch-screen event, touches part slide event and touch on the screen
Part frames out event;The SurfaceView components of Android platform client gather above-mentioned user sliding trace on the screen
Corresponding multiple coordinate informations;The Path components of Android platform client use above-mentioned user sliding trace pair on the screen
The multiple coordinate informations answered calculate, and establish sliding trace and store.
Preferably, in step S101, when said one or multiple client are ios platform clients, in above-mentioned acquisition
State user on the screen the corresponding multiple coordinate informations of sliding trace and preserve include:Above-mentioned ios platform clients respond user
Operation, readjustment touches part touch-screen event, touches part slide event and touches part and frames out event on the screen;ios
The UIView components of platform client gather the above-mentioned user corresponding multiple coordinate informations of sliding trace on the screen;Ios platforms
Using above-mentioned user, the corresponding multiple coordinate informations of sliding trace calculate the UIBezierPath components of client on the screen, build
Vertical sliding trace simultaneously stores.
In a preferred implementation process, when user performs body finger using slide or other touch parts holding on the screen
When row slides touch event, operating system can adjust back following event:
For iOS platforms, mainly have:
-(void)touchesBegan:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)
event;-(void)touchesMoved:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)
event;-(void)touchesEnded:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)
event;
Wherein, for touchesBegan to touch part (for example, finger) touch-screen event readjustment, touchesMoved is touch part
Slide event call-back on the screen, touchesEnded frame out event call-back to touch part.
For Android platform, mainly have:
For ACTION_DOWN to touch part (for example, finger) touch-screen event readjustment, ACTION_MOVE is touch part in screen
Upper slide event call-back, ACTION_UP are to touch part to frame out event call-back.
When more than call back function is called, callback method can carry the coordinate of current touch part present position.
YWCanvasView classes safeguard that one needs the coordinate point set (sendPoints) sent, and coordinate information is recorded
In sendPoints.The coordinate caused by (ACTION_UP) from touchesBegan (ACTION_DOWN) to touchesEnded
Set is exactly the coordinate information of a sliding trace.
In a preferred implementation process, above-mentioned client can be Android platform client, naturally it is also possible to be that ios is put down
Platform client.Since interface display needs to use the system function of each platform, so the scribble display of android and ios needs
It to realize respectively, client is divided into as android application layers, iOS application layers and common bottom storehouse;Bottom storehouse is compiled into dynamic
Storehouse or static library use.Each main modular function is as follows:
Android application layers using SurfaceView components as drawing pad, realize display and the touch coordinate of scribble
Acquisition calculate etc..
IOS application layers, using UIView components as drawing pad, scribble lines are drawn in CAShapelayer figure layers,
One sliding trace corresponds to a CAShapelayerr figure layer, the track touched using UIBezierPath components storage user,
It needs to show that CAShapelayer figure layers are then added to UIView by sliding trace, need not such as show some sliding trace, then
CAShapelayer figure layers residing for sliding trace are removed from UIView.
Some are mainly realized in the part that android and ios platforms can use in common bottom storehouse, such as and server
Interaction.Server mentioned here, the distribution of the data such as the main management for realizing scribble function and scribble trajectory coordinates.
Preferably, above-mentioned using above-mentioned user, the corresponding multiple coordinate informations of sliding trace calculate on the screen, establish and slide
Dynamic rail mark may further include:Then current sliding trace reaches P3 coordinate points, when upper along P1 coordinate points to P2 coordinate points
When to state angles of the P1 to P2 line segments and above-mentioned P2 to P3 line segments be not 180 degree, above-mentioned P1 is calculated to the middle coordinate point of P2 line segments
Mid1 and above-mentioned P2 to P3 line segments middle coordinate point mid2;In above-mentioned middle coordinate point mid1 and above-mentioned middle coordinate point
A curved section is fitted between mid2, wherein, above-mentioned curve deviates above-mentioned P2 coordinate points;Above-mentioned current sliding trace is arranged to
It is originated from P1 coordinate points, via above-mentioned middle coordinate point mid1, then via above-mentioned curved section, then via above-mentioned middle coordinate point
Mid2 is to P3 coordinate points.
For example, as shown in figure 3, P1, P2, P3 are the coordinate points of system readjustment, if sliding trace is directly from P1 when describing
Describe to P2, then describe from P2 to P3, then sliding trace can be in P2 there are one sharp deflection angle, and this display effect can cause
The decline of user's visual experience.According to embodiments of the present invention, using the intermediate point mid1 and mid2 for calculating two line segments, describe and slide
The mode of track makes sliding trace become originating from P1 coordinate points, via above-mentioned middle coordinate point mid1, then via above-mentioned song
Line segment, then via above-mentioned middle coordinate point mid2 to P3 coordinate points, this track drawing processing improves the visual experience of user.
Preferably, when said one or multiple client are Android platform client, above-mentioned refreshing simultaneously shows reception
To the corresponding sliding trace of coordinate information may further include:Above-mentioned Android platform client update is when front slide rail
The corresponding list information of mark, and repaint the corresponding slip of the above-mentioned coordinate information received using SurfaceView components
Track;When the destruction operation for receiving user instructs, the above-mentioned above-mentioned destruction operation instruction of Android platform client end response,
The data of the corresponding sliding trace of above-mentioned destruction operation from above-mentioned list information are deleted, and use SurfaceView components
It repaints and shows sliding trace.
Preferably, when said one or multiple client are ios platform clients, above-mentioned refreshing simultaneously shows what is received
The corresponding sliding trace of coordinate information may further include:Above-mentioned ios platform clients are needing to show current sliding trace
When, which is corresponded into CAShapelayer figure layers and is added on UIView components, wherein, the sliding trace of each drafting
It may be contained in an independent CAShapelayer figure layer;When the destruction operation for receiving user instructs, above-mentioned ios platforms
The above-mentioned destruction operation instruction of client end response, the data of the corresponding sliding trace of above-mentioned destruction operation are believed from sliding trace list
It is deleted in breath, and the corresponding CAShapelayer figure layers of the sliding trace is deleted from UIView components.
In a preferred implementation process, Android platform does not support incremental update, so needing to record all slip rails
Mark information when refreshing every time, is again described all sliding traces once again, due to the use of be SurfaceView components, institute
Even if the operation of main interface will not be influenced to depict many sliding traces.IOS platforms are by the drafting of every sliding trace
An individual CAShapeLayer figure layer is placed on, it is necessary to be added to the figure layer residing for the sliding trace when showing sliding trace
Main drawing board UIView views.YWCanvasView maintains the list of all lines, is slided when needing to cancel a certain item
During dynamic rail mark, android needs to delete the data of the sliding trace from bus list, then refigures once all
Sliding trace, and iOS only needs to delete the sliding trace data from total line list, then by the figure layer residing for sliding trace
It is removed from drawing pad view, remaining sliding trace need not be redrawn.
Scribble function supports a people or more people to scribble simultaneously, when more people scribble simultaneously, due to sending sliding trace coordinate
Time interval for the first scheduled duration, set the time shorter, such as 100 milliseconds, if multiple people scribble simultaneously, interface is shown
Show refreshing very frequent, the especially iOS of meeting, frequently refreshing can cause main interface stuck, therefore unified management interface is needed to refresh.
It is mentioned above when scribble function on when, start a cycle triggering timer once, the timer except
Timing is sent outside sliding trace coordinate, can also be responsible for the refreshing of drawing pad, and system will be in the second scheduled duration (for example, setting
100 milliseconds) in all sliding trace information unifications for receiving refresh rather than receive sliding trace data and refresh at once.
Android platform is when receiving new sliding trace data, it would be desirable to which the mark for updating drawing board is changed to need more
New state when the timer is triggered, refigures once all tracks.
IOS platforms YWCanvasView maintains a sliding trace list (lines), and the institute for recording interface display is wired
Set.The lines set (delLines) that newer lines set (udpLines) also in need and needs are deleted, works as client
When receiving the sliding trace coordinate data of server, sliding trace coordinate is linked to be track and is added in udpLines, when connecing
When receiving the deletion sliding trace notice of server, it would be desirable to which the track of deletion is added in delLines.When timer is touched
The figure layer of all sliding traces in udpLines is added in drawing pad during hair and is shown, by all lines in delLines
Residing figure layer is removed from drawing pad.
Fig. 4 is the structure diagram of the refreshing display system of sliding trace according to embodiments of the present invention.It as shown in figure 4, should
The refreshing display system of sliding trace includes:One or more clients 10,12 ... 1N, in current chat room, response
User's operation, acquisition user the corresponding multiple coordinate informations of sliding trace and preserve on the screen, are reached in the first predetermined time
When, it sends above-mentioned multiple coordinate informations to server, also, is receiving the coordinate information that comes from least one client
Afterwards, when reaching the second predetermined time, refresh and show the corresponding sliding trace of coordinate information received;And server
20, respectively with said one or multiple client 10,12 ... 1N is connected, and comes from said one or multiple visitors for receiving
Family end 10,12 ... multiple coordinate informations of 1N, all coordinate informations from said one or multiple client that will be received
Other clients in addition to coordinate information sender in above-mentioned chatroom are pushed to respectively.
The system provided according to the present invention realizes a kind of real-time scribble function of supporting drawing board transparent, the scribble function
More people is supported to scribble simultaneously, while supporting to show this client user antigraffiti effect, also support real-time display current chat
The scribble achievement of other indoor client users.Also, just refresh display after certain time length is reached, avoid frequent refreshing
The problem of main interface being caused stuck.
Preferably, it is above-mentioned as shown in figure 5, when said one or multiple client are Android platform client
Android platform client may further include:First acquisition module 50 and first refreshes display module 52, wherein,
Above-mentioned first acquisition module 50 may further include:First readjustment unit 500, for responding user's operation, is returned
Slide is adjusted to perform body touch-screen event, slide performs body slide event and slide execution on the screen
Body frames out event;First collecting unit 502 is slided on the screen for triggering the above-mentioned user of SurfaceView components acquisition
The corresponding multiple coordinate informations of dynamic rail mark;First calculating storaging unit 504 is being shielded for triggering Path components using above-mentioned user
The corresponding multiple coordinate informations of sliding trace calculate on curtain, establish sliding trace and store;
Above-mentioned first refreshing display module 52 may further include:First updating block 520 works as front slide for updating
The corresponding list information in track when the destruction operation for receiving user instructs, responds above-mentioned destruction operation instruction, is removed above-mentioned
The data that pin operates corresponding sliding trace are deleted from above-mentioned list information;Drawing unit 522, for triggering
SurfaceView components repaint the corresponding sliding trace of the above-mentioned coordinate information received.
Preferably, as shown in fig. 6, when said one or multiple client are ios platform clients, above-mentioned ios platforms
Client may further include:Second acquisition module 60 and second refreshes display module 62, wherein,
Above-mentioned second acquisition module 60 may further include:Second readjustment unit 600, for responding user's operation, is returned
Slide is adjusted to perform body touch-screen event, slide performs body slide event and slide execution on the screen
Body frames out event;Second collecting unit 602 gathers above-mentioned user sliding trace on the screen for triggering UIView components
Corresponding multiple coordinate informations;Second calculating storaging unit 604 is existed for triggering UIBezierPath components using above-mentioned user
The corresponding multiple coordinate informations of sliding trace calculate on screen, establish sliding trace and store;
Above-mentioned second refreshing display module 62 may further include:Second updating block 620 works as front slide for updating
The corresponding list information in track when the destruction operation for receiving user instructs, responds above-mentioned destruction operation instruction, is removed above-mentioned
The data that pin operates corresponding sliding trace are deleted from above-mentioned list information;Figure layer process unit 622, for needing to show
During current sliding trace, which is corresponded into CAShapelayer figure layers added on UIView components, when receiving use
During the destruction operation instruction at family, and the corresponding CAShapelayer figure layers of the sliding trace are deleted from UIView components.
In conclusion by above-described embodiment provided by the invention, a kind of real-time scribble for supporting drawing board transparent is realized
Function, the scribble function support more people to scribble simultaneously, while supporting to show this client user antigraffiti effect, also support real
When show the scribble achievement of other client users in current chat room.The duration that timing sends scribble data is very short, owns
Other receive the client that scribble data are shown and may be not visually perceptible delay, have reached real-time effect.At the description of track
It is avoided in reason and sharp deflection angle occurs, improve the visual experience of user.Just refresh display after certain time length is reached, keep away
The problem of frequent refreshing can cause main interface stuck is exempted from.
Disclosed above is only several specific embodiments of the present invention, and still, the present invention is not limited to this, any ability
What the technical staff in domain can think variation should all fall into protection scope of the present invention.
Claims (10)
1. a kind of refreshing display methods of sliding trace, which is characterized in that including:
In current chat room, one or more client end response user's operations gather user sliding trace on the screen
Corresponding multiple coordinate informations simultaneously preserve;
When reaching the first predetermined time, one or more of user end to server send the multiple coordinate information, with
Make the server that all coordinate informations from one or more of clients received are pushed to described chat respectively
Other clients in its room in addition to coordinate information sender;
For other clients each Suo Shu, after the coordinate information for coming from least one client is received, second
When predetermined time reaches, refresh and show the corresponding sliding trace of coordinate information received.
2. according to the method described in claim 1, it is characterized in that, when one or more of clients are Android platform
During client, corresponding multiple coordinate informations of sliding trace and preserving include the acquisition user on the screen:
The Android platform client end response user's operation, readjustment touches part touch-screen event, touch part slides behaviour on the screen
Make event and touch part to frame out event;
The SurfaceView components of Android platform client gather the user, and sliding trace is corresponding multiple on the screen
Coordinate information;
The Path components of Android platform client use the user corresponding multiple coordinate informations of sliding trace on the screen
It calculates, establishes sliding trace and store.
3. according to the method described in claim 1, it is characterized in that, when one or more of clients are ios platform clients
During end, corresponding multiple coordinate informations of sliding trace and preserving include the acquisition user on the screen:
The ios platform clients respond user's operation, and readjustment touches part touch-screen event, touches part slide thing on the screen
It part and touches part and frames out event;
The UIView components of ios platform clients gather the user corresponding multiple coordinate informations of sliding trace on the screen;
The UIBezierPath components of ios platform clients use the user corresponding multiple coordinates of sliding trace on the screen
Information calculates, and establishes sliding trace and stores.
4. according to the method in claim 2 or 3, which is characterized in that described to use user sliding trace on the screen
Corresponding multiple coordinate informations calculate, and establishing sliding trace includes:
Then current sliding trace reaches P3 coordinate points, as the P1 to P2 line segments and institute along P1 coordinate points to P2 coordinate points
State P2 to P3 line segments angle be 180 degree when, calculate the P1 to P2 line segments middle coordinate point mid1 and the P2 extremely
The middle coordinate point mid2 of P3 line segments;
A curved section is fitted between the middle coordinate point mid1 and middle coordinate point mid2, wherein, the curve
Deviate the P2 coordinate points;
The current sliding trace is arranged to originate from P1 coordinate points, via the middle coordinate point mid1, then via institute
Curved section is stated, then via the middle coordinate point mid2 to P3 coordinate points.
5. according to the method described in claim 1, it is characterized in that, when one or more of clients are Android platform
It is described to refresh and show that the corresponding sliding trace of the coordinate information received includes during client:
The Android platform client updates the corresponding list information of current sliding trace, and uses SurfaceView components
Repaint the corresponding sliding trace of coordinate information received;
When the destruction operation for receiving user instructs, destruction operation described in the Android platform client end response instructs, will
The data of the corresponding sliding trace of the destruction operation are deleted from the list information, and use SurfaceView component weights
Newly draw and show sliding trace.
6. according to the method described in claim 1, it is characterized in that, when one or more of clients are ios platform clients
It is described to refresh and show that the corresponding sliding trace of the coordinate information received includes during end:
The ios platform clients correspond to CAShapelayer figures when needing to show current sliding trace, by the sliding trace
Layer is added on UIView components, wherein, the sliding trace of each drafting may be contained within an independent CAShapelayer figure
On layer;
When the destruction operation for receiving user instructs, the ios platform clients respond the destruction operation instruction, by described in
The data of the corresponding sliding trace of destruction operation are deleted from sliding trace list information, and the sliding trace is corresponding
CAShapelayer figure layers are deleted from UIView components.
7. method according to any one of claim 1 to 6, which is characterized in that each client in the chatroom
One or more timers are both provided with, for when first scheduled duration reaches, triggering user end to server to be sent
The event of the multiple coordinate information and when reaching the second predetermined time, triggering client refreshes simultaneously show what is received
The event of the corresponding sliding trace of coordinate information, wherein, first scheduled duration is set smaller than predetermined threshold value.
8. a kind of refreshing display system of sliding trace, which is characterized in that including:
One or more clients in current chat room, responding user's operation, gather user's sliding trace on the screen
Corresponding multiple coordinate informations simultaneously preserve, and when reaching the first predetermined time, the multiple coordinate information is sent to server, and
And after the coordinate information for coming from least one client is received, when reaching the second predetermined time, refresh and show and connect
The corresponding sliding trace of coordinate information received;
Server is connected respectively with one or more of clients, comes from one or more of clients for receiving
All coordinate informations from one or more of clients received are pushed to institute by multiple coordinate informations at end respectively
State other clients in addition to coordinate information sender in chatroom.
9. system according to claim 8, which is characterized in that when one or more of clients are Android platform
During client, the Android platform client includes:First acquisition module and first refreshes display module, wherein,
First acquisition module includes:
First readjustment unit, for responding user's operation, readjustment slide performs body touch-screen event, slide performs body and exists
Slide event and slide perform body and frame out event on screen;
First collecting unit, for triggering the SurfaceView components acquisition user, sliding trace is corresponding more on the screen
A coordinate information;
First calculating storaging unit uses the user corresponding multiple seats of sliding trace on the screen for triggering Path components
It marks information to calculate, establishes sliding trace and store;
The first refreshing display module includes:
First updating block, for updating the corresponding list information of current sliding trace, when the destruction operation for receiving user refers to
When making, the destruction operation instruction is responded, by the data of the corresponding sliding trace of the destruction operation from the list information
It deletes;
Drawing unit repaints the corresponding slip rail of coordinate information received for triggering SurfaceView components
Mark.
10. system according to claim 8, which is characterized in that when one or more of clients are ios platform clients
During end, the ios platform clients include:Second acquisition module and second refreshes display module, wherein,
Second acquisition module includes:
Second readjustment unit, for responding user's operation, readjustment slide performs body touch-screen event, slide performs body and exists
Slide event and slide perform body and frame out event on screen;
Second collecting unit gathers the user corresponding multiple coordinates of sliding trace on the screen for triggering UIView components
Information;
Second calculating storaging unit, for triggering UIBezierPath components, using the user, sliding trace corresponds on the screen
Multiple coordinate informations calculate, establish sliding trace and store;
The second refreshing display module includes:
Second updating block, for updating the corresponding list information of current sliding trace, when the destruction operation for receiving user refers to
When making, the destruction operation instruction is responded, by the data of the corresponding sliding trace of the destruction operation from the list information
It deletes;
Figure layer process unit, for when needing to show current sliding trace, which to be corresponded to CAShapelayer figures
Layer is added on UIView components, when the destruction operation for receiving user instructs, and the sliding trace is corresponding
CAShapelayer figure layers are deleted from UIView components.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711212632.4A CN108108091A (en) | 2017-11-28 | 2017-11-28 | The refreshing display methods and system of sliding trace |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711212632.4A CN108108091A (en) | 2017-11-28 | 2017-11-28 | The refreshing display methods and system of sliding trace |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108108091A true CN108108091A (en) | 2018-06-01 |
Family
ID=62207759
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711212632.4A Pending CN108108091A (en) | 2017-11-28 | 2017-11-28 | The refreshing display methods and system of sliding trace |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108108091A (en) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109271226A (en) * | 2018-09-25 | 2019-01-25 | 江苏电力信息技术有限公司 | A kind of adaptive dynamic plotting panel method |
CN109712214A (en) * | 2018-11-15 | 2019-05-03 | 贵阳语玩科技有限公司 | A kind of real-time scribble method and device based on OpenGL ES |
CN110415315A (en) * | 2019-06-27 | 2019-11-05 | 五八有限公司 | Touch method, apparatus, terminal and the storage medium in map making region |
CN110868624A (en) * | 2019-11-08 | 2020-03-06 | 青岛海信传媒网络技术有限公司 | Picture loading method and smart television |
CN112000247A (en) * | 2020-08-27 | 2020-11-27 | 努比亚技术有限公司 | Touch signal processing method and device and computer readable storage medium |
CN113419693A (en) * | 2021-05-17 | 2021-09-21 | 广州佰锐网络科技有限公司 | Multi-user track synchronous display method and system |
CN113760432A (en) * | 2021-08-30 | 2021-12-07 | 浙江万朋教育科技股份有限公司 | Graffiti method for restoring handwriting based on H5Canvas |
CN115291790A (en) * | 2022-08-05 | 2022-11-04 | 深圳市爱码讯实业发展有限公司 | Multi-end interactive handwriting board display method and system |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102508840A (en) * | 2010-09-09 | 2012-06-20 | 微软公司 | Concurrent editing of online drawings |
CN102609401A (en) * | 2011-12-26 | 2012-07-25 | 北京大学 | Webpage annotation method |
CN103023746A (en) * | 2011-09-23 | 2013-04-03 | 北京神州泰岳软件股份有限公司 | IM (Instant Messaging) system and drawing board implementation method based on same |
CN103500059A (en) * | 2013-09-16 | 2014-01-08 | 天脉聚源(北京)传媒科技有限公司 | Method, system and device for drawing through mobile internet |
CN104158810A (en) * | 2014-08-20 | 2014-11-19 | 北京比邻在线信息技术有限公司 | Multimedia communication method based on mobile Internet |
CN105955777A (en) * | 2016-05-03 | 2016-09-21 | 网易(杭州)网络有限公司 | User interface refreshing method and device |
US20170013236A1 (en) * | 2013-12-13 | 2017-01-12 | Blake Caldwell | System and method for interactive animations for enhanced and personalized video communications |
-
2017
- 2017-11-28 CN CN201711212632.4A patent/CN108108091A/en active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102508840A (en) * | 2010-09-09 | 2012-06-20 | 微软公司 | Concurrent editing of online drawings |
CN103023746A (en) * | 2011-09-23 | 2013-04-03 | 北京神州泰岳软件股份有限公司 | IM (Instant Messaging) system and drawing board implementation method based on same |
CN102609401A (en) * | 2011-12-26 | 2012-07-25 | 北京大学 | Webpage annotation method |
CN103500059A (en) * | 2013-09-16 | 2014-01-08 | 天脉聚源(北京)传媒科技有限公司 | Method, system and device for drawing through mobile internet |
US20170013236A1 (en) * | 2013-12-13 | 2017-01-12 | Blake Caldwell | System and method for interactive animations for enhanced and personalized video communications |
CN104158810A (en) * | 2014-08-20 | 2014-11-19 | 北京比邻在线信息技术有限公司 | Multimedia communication method based on mobile Internet |
CN105955777A (en) * | 2016-05-03 | 2016-09-21 | 网易(杭州)网络有限公司 | User interface refreshing method and device |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109271226A (en) * | 2018-09-25 | 2019-01-25 | 江苏电力信息技术有限公司 | A kind of adaptive dynamic plotting panel method |
CN109712214A (en) * | 2018-11-15 | 2019-05-03 | 贵阳语玩科技有限公司 | A kind of real-time scribble method and device based on OpenGL ES |
CN110415315A (en) * | 2019-06-27 | 2019-11-05 | 五八有限公司 | Touch method, apparatus, terminal and the storage medium in map making region |
CN110415315B (en) * | 2019-06-27 | 2023-12-26 | 五八有限公司 | Method, device, terminal and storage medium for touch drawing map area |
CN110868624A (en) * | 2019-11-08 | 2020-03-06 | 青岛海信传媒网络技术有限公司 | Picture loading method and smart television |
CN110868624B (en) * | 2019-11-08 | 2023-08-22 | Vidaa(荷兰)国际控股有限公司 | Picture loading method and intelligent television |
CN112000247A (en) * | 2020-08-27 | 2020-11-27 | 努比亚技术有限公司 | Touch signal processing method and device and computer readable storage medium |
CN113419693A (en) * | 2021-05-17 | 2021-09-21 | 广州佰锐网络科技有限公司 | Multi-user track synchronous display method and system |
CN113760432A (en) * | 2021-08-30 | 2021-12-07 | 浙江万朋教育科技股份有限公司 | Graffiti method for restoring handwriting based on H5Canvas |
CN115291790A (en) * | 2022-08-05 | 2022-11-04 | 深圳市爱码讯实业发展有限公司 | Multi-end interactive handwriting board display method and system |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108108091A (en) | The refreshing display methods and system of sliding trace | |
US10832730B2 (en) | Methods for serving interactive content to a user | |
CN105373306B (en) | Virtual objects presentation method and device | |
CN107145280B (en) | Image data processing method and device | |
CN100472420C (en) | Display device and method | |
CN106547469B (en) | Wireless touch one implementation method and Wireless touch all-in-one machine | |
Gutwin et al. | Improving interpretation of remote gestures with telepointer traces | |
CN105468278B (en) | Contact action identification, response, game control method and the device of virtual key | |
CN107277641A (en) | A kind of processing method and client of barrage information | |
CN108255405B (en) | Method for displaying user interface, device and terminal | |
US20080172680A1 (en) | System and Method for Managing Interactions in a Virtual Environment | |
CN105302467B (en) | Touch control operation identifies and response method, device and game control method, device | |
CN108366301A (en) | A kind of video suspension playback method based on Android | |
CN107096230B (en) | message display processing method and device | |
CN102801649A (en) | Method and terminal for establishing shortcut of instant messaging interactive interface | |
AU2014328340A1 (en) | Method for displaying interface content and user equipment | |
CN108282683A (en) | A kind of video clip display methods and device | |
CN109218834A (en) | A kind of live streaming list browse exchange method and device | |
CN103605456B (en) | Hiding and display methods and the intelligent terminal of a kind of system bar | |
CN102520954A (en) | Implementation method and implementation device for mouse following | |
CN113010136A (en) | Method and system for intelligently amplifying shared desktop and readable storage medium | |
CN110968987A (en) | Table display method and device, storage medium and electronic device | |
CN106303655A (en) | A kind of media content play cuing method and device | |
CN110297558A (en) | Multiple point touching control method, device, intelligent interaction plate and storage medium | |
CN107301014B (en) | Gesture command processing method and device |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180601 |
|
RJ01 | Rejection of invention patent application after publication |