CN105787983A - System and method for realizing animation effect through Checkbox control - Google Patents
System and method for realizing animation effect through Checkbox control Download PDFInfo
- Publication number
- CN105787983A CN105787983A CN201610160307.7A CN201610160307A CN105787983A CN 105787983 A CN105787983 A CN 105787983A CN 201610160307 A CN201610160307 A CN 201610160307A CN 105787983 A CN105787983 A CN 105787983A
- Authority
- CN
- China
- Prior art keywords
- animation effect
- selection state
- checkbox control
- choosing
- change
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2213/00—Indexing scheme for animation
- G06T2213/08—Animation software package
Abstract
The invention discloses a system and method for realizing animation effect through Checkbox control. The system comprises a monitoring module for monitoring click event of the Checkbox control; a state change module for changing the selection state of the Checkbox control according to the click event; and an animation display module for displaying a fade-out animation effect when the selection state after change is a selected state, or displaying a fade-in animation effect when the selection state after change is a deselected state. The system and method can enable realization of the Checkbox control to be dynamical, thereby improving visual sense experience effect of a user.
Description
Technical field
The present invention relates to computer network field, particularly relate to a kind of Checkbox control and realize the system and method for animation effect.
Background technology
Along with the arrival in mobile interchange epoch, the cruel effect of dazzling that mobile terminal software (includes adopting Android system or the smart mobile phone of ios system, panel computer etc.) becomes the bright spot that each big terminal unit business asks most.The aesthetic property at terminal device software interface determines the market public praise of terminal, more determines the market share of this terminal unit.
Checkbox (check box) control is a kind of control commonly used in the software development of mobile terminal, generally can be used to control the switch of a certain function, for instance switch WLAN, data cube computation etc..Primary Checkbox control pattern is dull, window background color is same or like, innervation is lacked, although some equipment vendors has also customized the Checkbox of oneself, such as the customization of Ali cloud OS during click, add the cloud OS icon of oneself, Huawei's Android device has also done article in shape at Checkbox, and these customizations are all minimum changes, simply to shape, choose time mark, icon etc. done simple reparation, but lack innervation, therefore user's visual effect is poor.
Summary of the invention
The technical problem that present invention mainly solves is to provide a kind of Checkbox control and realizes the system and method for animation effect, it is possible to make the realization of Checkbox control have innervation, improves user's visual experience effect.
For solving above-mentioned technical problem, the technical scheme that the present invention adopts is: providing the system that a kind of Checkbox control realizes animation effect, this system includes: monitor module, for monitoring the click event of Checkbox control；State change module, for changing the selection state of described Checkbox control according to described click event；Animated show module, during for selection state after described change for choosing, shows animation effect of fading out, or the selection state after described change is cancellation when choosing, and displaying is faded in animation effect.
For solving above-mentioned technical problem, the technical scheme that the present invention adopts is: providing a kind of method that Checkbox control realizes animation effect, the method includes: listen to the click event of Checkbox control；The selection state of described Checkbox control is changed according to described click event；If the selection state after described change is for choosing, then shows animation effect of fading out, choose if the selection state after described change is cancellation, show animation effect of fading in.
Being different from prior art, the Checkbox control of the present invention realizes the system of animation effect, listens to the click event of Checkbox control；The selection state of described Checkbox control is changed according to described click event；If the selection state after described change is for choosing, shows animation effect of fading out, choose if the selection state after described change is cancellation, show animation effect of fading in；So that the realization of Checkbox control has innervation, improve user's visual experience effect.
Accompanying drawing explanation
Fig. 1 is the structural representation that Checkbox control of the present invention realizes the first embodiment of the system of animation effect；
Fig. 2 is the structural representation that Checkbox control of the present invention realizes the second embodiment of the system of animation effect；
Fig. 3 is the schematic flow sheet that Checkbox control of the present invention realizes the first embodiment of the method for animation effect.
Detailed description of the invention
Make to describe in more detail further to technical scheme below in conjunction with detailed description of the invention.Obviously, described embodiment is only a part of embodiment of the present invention, rather than whole embodiments.Based on the embodiment in the present invention, the every other embodiment that those of ordinary skill in the art obtain under the premise not making creative work, all should belong to the scope of protection of the invention.
Consulting Fig. 1, Fig. 1 is the structural representation that Checkbox control provided by the invention realizes system first embodiment of animation effect.
This Checkbox control realizes the system 100 of animation effect and includes: monitor module 110, state change module 120 and animated show module 130.
Wherein, monitor module 110, for monitoring the click event of Checkbox control.Concrete, when user clicks the switch adopting the realization of Checkbox ActiveX Techniques, click (click) event will be triggered.
State change module 120, for according to the selection state monitoring the described click event change Checkbox control that module 110 listens to.Concrete, if current selection state is for choosing, then the selection state after change is that cancellation is chosen, if current selection state is unselected, then the selection state after change is for choosing.
Animated show module 130, during for selection state after described change for choosing, shows animation effect of fading out, or the selection state after described change is that cancellation when choosing, displaying are faded in animation effect.
Concrete, it is painted that the optimum of effect of fading out is achieved in that the central point from Checkbox starts, by pen toward external diffusion, until being full of whole control, to the sensation that a kind of liquid of people spreads to surrounding；The optimum of effect of fading in is achieved in that the edge from control starts inwardly to reduce gradually, until the only surplus frame disappeared, to the sensation of a kind of atrophy gradually of people.The realization of effect of fading out can also be painted from the outside gathering to centre or from while to another side diffusion, equally, effect of fading in can also be from disappearing to another side color gradually or color disappearance inside-out.Optionally, these animation effects can be configured implementation by user, for instance, the speed etc. of painted color, change is set.Preferably, system 100 should provide when choosing to choose symbol or cancel removal when choosing and choose symbol.
Being different from prior art, the Checkbox control of the present invention realizes the system of animation effect, listens to the click event of Checkbox control；The selection state of described Checkbox control is changed according to described click event；If the selection state after described change is for choosing, shows animation effect of fading out, choose if the selection state after described change is cancellation, show animation effect of fading in；So that the realization of Checkbox control has innervation, improve user's visual experience effect.
Consulting Fig. 2, Fig. 2 is the structural representation that Checkbox control provided by the invention realizes system second embodiment of animation effect.
This Checkbox control realizes the system 200 of animation effect and includes: monitor module 210, state change module 220, animated show module 230.
Wherein, monitor module 210, for monitoring the click event of Checkbox control.Concrete, when user clicks the switch adopting the realization of Checkbox ActiveX Techniques, click (click) event will be triggered.
State change module 220, for according to the selection state monitoring the described click event change Checkbox control that module 110 listens to.Concrete, if current selection state is for choosing, then the selection state after change is that cancellation is chosen, if current selection state is unselected, then the selection state after change is for choosing.
Animated show module 230 includes fade out animation effect display unit 231 and the animation effect display unit 232 that fades in；Animation effect of fading out display unit 231 for the selection state after described change for choosing time, it is painted progressively toward external diffusion that the animation effect of fading out of displaying is that the central point from described Checkbox control starts；Animation effect of fading in display unit 232 for the selection state after described change be cancellation choose time, the animation effect of fading in of displaying is that the edge from described Checkbox control starts gradually inwardly that place to go is painted.By clicking control is painted after control or removing painted thus realizing the effect of animation.
Concrete implementation mode may is that first structure PhiCheckbox class, this Similar integral is to Checkbox, for animation effect of fading out, concrete implementation class is FadeOutEffectAnimation, and during use, one FadeOutEffectAnimation object of instantiation is as the member variable of PhiCheckbox；For animation effect of fading in, concrete implementation class is FadeInEffectAnimation, and equally, during use, one FadeInEffectAnimation object of instantiation is as the member variable of PhiCheckbox.
Optionally, system 200 also includes choosing symbol display module 240, during for selection state after described change for choosing, shows and chooses symbol, or the selection state after described change is that symbol is chosen in cancellation when choosing, removal.Concrete, this chooses symbol can be the check mark (√) in a choice box or stain (), in choice box, show one when namely choosing to check the number or stain, and cancel and will check the number when choosing or stain deletion, thus further prompting the user with current selection state.
Optionally, system 200 also includes arranging module 250, for before the click event of described monitoring module monitoring Checkbox control, according to the parameter that user inputs, the implementation of animation effect of fading out described in arranging and described animation effect of fading in.Concrete, can be provide in systems to arrange function, and friendly interactive interface is provided, user arranges the implementation of animation by this interface, such as, the speed of painted color, color change can be included, it is also possible to include the direction etc. of color change, thus allowing the personalized animation effect of user oneself customization.
Being different from prior art, the Checkbox control of the present invention realizes the system of animation effect, listens to the click event of Checkbox control；The selection state of described Checkbox control is changed according to described click event；If the selection state after described change is for choosing, shows animation effect of fading out, choose if the selection state after described change is cancellation, show animation effect of fading in；So that the realization of Checkbox control has innervation, improve user's visual experience effect.
Consulting Fig. 3, Fig. 3 is the schematic flow sheet that Checkbox control provided by the invention realizes method first embodiment of animation effect.
The step of the method includes:
S301: listen to the click event of Checkbox control.
Concrete, when user clicks the switch adopting the realization of Checkbox ActiveX Techniques, click (click) event will be triggered.Such as, user clicks the switch with check box.
S302: change the selection state of described Checkbox control according to described click event.
Concrete, if current selection state is for choosing, then the selection state after change is that cancellation is chosen, if current selection state is unselected, then the selection state after change is for choosing.
S303: if the selection state after described change for choosing, show and fade out animation effect, choose if the selection state after described change is cancellation, shows animation effect of fading in.
Concrete, described in animation effect of fading out can be: start painted from the central point of described Checkbox control, and progressively toward external diffusion, thus giving the sensation that a kind of liquid of people spreads to surrounding.Described animation effect of fading in can be: starts gradually inwardly from the edge of described Checkbox control that place to go is painted, thus giving the sensation of a kind of atrophy gradually of people.By clicking control is painted after control or removing painted it is thus possible to realize the animation effect of Checkbox control.
Optionally, the realization of effect of fading out can also be painted from the outside gather to centre or spread to another side, and equally, effect of fading in can also be from disappearing to another side color gradually on one side or color disappearance inside-out.
In an example of the present invention, concrete implementation mode is: first structure PhiCheckbox class, this Similar integral is to Checkbox, for animation effect of fading out, concrete implementation class is FadeOutEffectAnimation, and during use, one FadeOutEffectAnimation object of instantiation is as the member variable of PhiCheckbox；For animation effect of fading in, concrete implementation class is FadeInEffectAnimation, and equally, during use, one FadeInEffectAnimation object of instantiation is as the member variable of PhiCheckbox.In the present example, step S301 monitors the click event of Checkbox control and is specially the click event monitoring PhiCheckbox, when the selection state of click event trigger control changes to and chooses, call the start method of object FadeOutEffectAnimation, if selection state changes to cancellation when choosing, call the start method of object FadeInEffectAnimation.
Optionally, before step S301, can also include further: the parameter according to user's input, the implementation of animation effect of fading out described in arranging and described animation effect of fading in.Concrete, can be provide in systems to arrange function, and friendly interactive interface is provided, user arranges the implementation of animation by this interface, such as, the speed of painted color, color change can be included, it is also possible to include the direction etc. of color change, thus allowing the personalized animation effect of user oneself customization.
Optionally, the method also includes: if the selection state after described change is for choosing, and shows and chooses symbol；Choose if the selection state after described change is cancellation, remove and choose symbol.Concrete, this chooses symbol can be the check mark (√) in a choice box or stain (), in choice box, show one when namely choosing to check the number or stain, and cancel and will check the number when choosing or stain deletion, thus further prompting the user with current selection state.
Being different from prior art, the Checkbox control of the present invention realizes the system of animation effect, listens to the click event of Checkbox control；The selection state of described Checkbox control is changed according to described click event；If the selection state after described change is for choosing, shows animation effect of fading out, choose if the selection state after described change is cancellation, show animation effect of fading in；So that the realization of Checkbox control has innervation, improve user's visual experience effect.
The foregoing is only embodiments of the present invention; not thereby the scope of the claims of the present invention is limited; every equivalent structure utilizing description of the present invention and accompanying drawing content to make or equivalence flow process conversion; or directly or indirectly it is used in other relevant technical fields, all in like manner include in the scope of patent protection of the present invention.
Claims (10)
1. a Checkbox control realizes the system of animation effect, it is characterised in that including:
Monitor module, for monitoring the click event of Checkbox control；
State change module, for changing the selection state of described Checkbox control according to described click event；
Animated show module, during for the selection state after described change for choosing, shows animation effect of fading out；Or the selection state after described change is cancellation when choosing, and shows animation effect of fading in.
2. system according to claim 1, it is characterised in that:
Described system also includes choosing symbol display module, during for the selection state after described change for choosing, shows and chooses symbol；Or the selection state after described change is cancellation when choosing, and removes and chooses symbol.
3. system according to claim 1, it is characterised in that:
Animated show module includes the animation effect display unit that fades out, and during for selection state after described change for choosing, it is painted progressively toward external diffusion that the animation effect of fading out of displaying is that the central point from described Checkbox control starts.
4. system according to claim 1, it is characterised in that:
Animated show module includes the animation effect display unit that fades in, for selection state after described change be cancellation choose time, the animation effect of fading in of displaying is that the edge from described Checkbox control starts gradually that inwardly place to go is painted.
5. system according to claim 1, it is characterised in that:
Described system also includes arranging module, for before the click event of described monitoring module monitoring Checkbox control, according to the parameter that user inputs, the implementation of animation effect of fading out described in arranging and described animation effect of fading in.
6. the method that a Checkbox control realizes animation effect, it is characterised in that including:
Listen to the click event of Checkbox control；
The selection state of described Checkbox control is changed according to described click event；
If the selection state after described change for choosing, then show and fade out animation effect；Choose if the selection state after described change is cancellation, show animation effect of fading in.
7. method according to claim 6, it is characterised in that described method also includes:
If the selection state after described change is for choosing, shows and choose symbol；
Choose if the selection state after described change is cancellation, remove and choose symbol.
8. method according to claim 6, it is characterised in that described in fade out animation effect particularly as follows: start painted from the central point of described Checkbox control, and progressively toward external diffusion.
9. method according to claim 6, it is characterised in that described in fade in animation effect particularly as follows: start gradually inwardly from the edge of described Checkbox control that place to go is painted.
10. method according to claim 6, it is characterised in that before the click event of the described Checkbox control of described monitoring, farther includes:
Parameter according to user's input, the implementation of animation effect of fading out described in arranging and described animation effect of fading in.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610160307.7A CN105787983A (en) | 2016-03-21 | 2016-03-21 | System and method for realizing animation effect through Checkbox control |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610160307.7A CN105787983A (en) | 2016-03-21 | 2016-03-21 | System and method for realizing animation effect through Checkbox control |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105787983A true CN105787983A (en) | 2016-07-20 |
Family
ID=56393089
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610160307.7A Pending CN105787983A (en) | 2016-03-21 | 2016-03-21 | System and method for realizing animation effect through Checkbox control |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105787983A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110162358A (en) * | 2019-04-09 | 2019-08-23 | 广州小鹏汽车科技有限公司 | A kind of method and system for the animation effect indicating component |
| CN112835666A (en) * | 2021-02-03 | 2021-05-25 | 广东中兴新支点技术有限公司 | Method, system, device and storage medium for realizing interaction dynamic of desktop control |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070140667A1 (en) * | 2005-12-20 | 2007-06-21 | Sony Corporation | Reproducing apparatus, reproducing method, reproducing program, recording medium, data structure, authoring apparatus, authoring method, and authoring program |
| CN102197350A (en) * | 2008-09-10 | 2011-09-21 | Opera软件股份公司 | Method and apparatus for providing finger touch layers in a user agent |
| CN104298510A (en) * | 2014-09-30 | 2015-01-21 | 珠海市君天电子科技有限公司 | Animation method and device for realizing control button locking |
-
2016
- 2016-03-21 CN CN201610160307.7A patent/CN105787983A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070140667A1 (en) * | 2005-12-20 | 2007-06-21 | Sony Corporation | Reproducing apparatus, reproducing method, reproducing program, recording medium, data structure, authoring apparatus, authoring method, and authoring program |
| CN102197350A (en) * | 2008-09-10 | 2011-09-21 | Opera软件股份公司 | Method and apparatus for providing finger touch layers in a user agent |
| CN104298510A (en) * | 2014-09-30 | 2015-01-21 | 珠海市君天电子科技有限公司 | Animation method and device for realizing control button locking |
Non-Patent Citations (1)
| Title |
|---|
| ABOUTYCH: "[Android]SmoothCheckBox复选框按钮详解", 《百度经验：HTTPS://JINGYAN.BAIDU.COM/ARTICLE/D3B74D64F5DE151F77E609A6.HTML》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110162358A (en) * | 2019-04-09 | 2019-08-23 | 广州小鹏汽车科技有限公司 | A kind of method and system for the animation effect indicating component |
| CN112835666A (en) * | 2021-02-03 | 2021-05-25 | 广东中兴新支点技术有限公司 | Method, system, device and storage medium for realizing interaction dynamic of desktop control |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102662664B (en) | Interface animation realization method and system | |
| CN104007894B (en) | Portable device and its more application operating methods | |
| CN103870282B (en) | Method and device for adjusting icon display mode | |
| CN103902165B (en) | The method and apparatus for realizing menu background | |
| CN105511728B (en) | A kind of desktop icon management method and device of terminal device | |
| CN108958633A (en) | Multi-screen display method, device, storage medium and electronic equipment | |
| CN106155869A (en) | The running background control method of terminal applies and device thereof | |
| US20180150215A1 (en) | Method for implementing dialing keypad of touch screen and smart watch | |
| CN103309575B (en) | The method of display icon and terminal | |
| CN106126009A (en) | Method, device and the terminal of a kind of application icon management | |
| DE202008000269U1 (en) | Portable electronic device | |
| CN102999358A (en) | Intelligent program starting method | |
| CN102207823A (en) | Display method and device for application program | |
| CN103577082A (en) | Icon responding method, icon responding device and electronic equipment | |
| CN108491124A (en) | A kind of interface processing method and its equipment, storage medium, terminal | |
| CN103513969A (en) | Establishment method, device and terminal of application program entry | |
| CN106354373A (en) | Icon moving method and mobile terminal | |
| CN106028172A (en) | Audio/video processing method and device | |
| CN105630375A (en) | Auxiliary implementation method and system of information input on the basis of graphical interface | |
| CN105867754A (en) | Application interface processing method and device | |
| CN106302932A (en) | The method and apparatus checking log in communication terminal | |
| CN103513977A (en) | Display method and device for group member list | |
| CN105787983A (en) | System and method for realizing animation effect through Checkbox control | |
| CN109814867B (en) | Virtual model building method and system | |
| CN104102445A (en) | Message viewing method and mobile terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160720 |