CN102541554A - Method for realizing dynamic transparent specially good display effect of input box - Google Patents
Method for realizing dynamic transparent specially good display effect of input box Download PDFInfo
- Publication number
- CN102541554A CN102541554A CN2011104443486A CN201110444348A CN102541554A CN 102541554 A CN102541554 A CN 102541554A CN 2011104443486 A CN2011104443486 A CN 2011104443486A CN 201110444348 A CN201110444348 A CN 201110444348A CN 102541554 A CN102541554 A CN 102541554A
- Authority
- CN
- China
- Prior art keywords
- input frame
- transparency
- special efficacy
- execution
- typing
- 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
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a method for realizing dynamic transparent specially-good display effects of an input box. After the input box is activated and enabled, an input box control is created and run under the condition that the input box has a focal point; under the condition that the input box loses the focal point, the input box control is disabled after the typed-in characters in the input box control are obtained, and an input box picture containing the typed-in characters is drawn and displayed as an input box, and the dynamic transparent specially-good display effects of the input box can be realized by dynamically changing the transparency value of the input box picture. The invention can help shorten development cycle and lower development costs, and can be applied to application software running in a computer system where no window control transparent display application programming interface (API) function is provided, so as to realize the dynamic transparent specially-good display effects of an input box, enrich user interface (UI) visual display effects, enhance use experiences of an application software user and improve the market competitiveness and user group of the application software products.
Description
Technical field
The present invention relates to multimedia information technology and computer image processing technology field, be specifically related to a kind of input frame dynamically transparent and show the special efficacy implementation method.
Background technology
Continuous development along with computer hardware performance and computer programming; Various computer application software UI (User Interface have also been driven; User interface) innovation of display technique; Aspect user interactions UI demonstration, various pleasing UI show that special efficacy emerges in an endless stream especially, make the user obtain significantly improvement aspect the software experience.Show according to the market analysis investigation, for the computer application software product, make friendly, novel, diversified interface display effect,, also help to promote user's operating experience sense and product loyalty without embodying the application software product quality.Well imagine that even if in future, the UI display technique of computer application software still is one of vital task in the development of applied computer software work.
Input frame is one of the most frequently used form control that arrives in the computer application software; Usually can realize the establishment of input frame control and close through the api function that calls computer system, be mainly used in realization information record, carry out functions such as information interaction with application software.API (Application Programming Interface; API) function is predefined in order to the outward appearance of each parts of moving in the control system and a cover system function of behavior in the computer system, and the application program that operates in the operating system can be called the api function in the computer system.Input frame is as one of the most frequently used form control that arrives of computer system and application software; General computer system all provides the api function of creating and closing form control, and confession operating system self or application software are called the establishment that realizes the input frame control and closed; Moreover; In newer computer system such as the Mac OS operating system that Apple produces, the Win7 operating system that Microsoft produces; Also provide form control transparent demonstration api function; After operating system self or application program are created the input frame control, can directly call the transparent demonstration api function of form control and change the transparent show state of input frame control, and then realize that very easily the dynamically transparent of input frame shows special efficacy; So as to enriching the UI Visual Display effect of application software, promote user's operating experience sense.
Yet; In computer systems early such as Windows XP; The UI display effect of system self is comparatively single; The api function that does not more provide the transparent demonstration api function of form control etc. to enrich display effect is so application software can't directly realize that by system's api function the input frame dynamically transparent shows special efficacy again; Computer system early such as Windows XP still has very widely and uses at present; Therefore; Realization input frame dynamically transparent demonstration special efficacy in the computer system that the transparent demonstration api function of form control is not provided still is further expanding application software product audient customer group, enrich one of the UI Visual Display effect of application software, important technical of the lifting application software product market competitiveness; Correspondingly, how under not by the situation of the transparent demonstration api function of computer system form control, to realize that the input frame dynamically transparent shows special efficacy, then become an important topic in the application software product research and development.; Because computer system self does not early provide form control transparent demonstration api function; If have the system code that dynamically transparent shows the input frame control of special efficacy based on computer system aspect direct organization, this will be a very complicated research and development engineering, factors such as the research and development technology difficulty is big, the R&D cycle long, research and development input cost height; Make that the enforcement of this research and development scheme is very difficult, become and realize in the system that the input frame dynamically transparent shows the technical bottleneck of special efficacy.
Summary of the invention
To the above-mentioned deficiency that exists in the prior art; The object of the present invention is to provide a kind of input frame dynamically transparent to show the special efficacy implementation method; Make under situation not, can realize easier that also the dynamically transparent of input frame shows special efficacy by the transparent demonstration api function of computer system form control.
For realizing above-mentioned purpose, the present invention has adopted following technological means:
A kind of input frame dynamically transparent shows the special efficacy implementation method, it is characterized in that, after input frame is activated and starts, obtains at input frame under the situation of focus, creates and operation input frame control; Lose at input frame under the situation of focus; Close the input frame control after obtaining the typing character in the input frame control; Drafting contains the input frame picture of said typing character and is shown as input frame; And, realize that the dynamically transparent of input frame shows special efficacy through dynamically changing the transparence value of said input frame picture.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method, particularly, may further comprise the steps:
1) the input frame startup that is activated, the value of initialization transparency parameter TR, and empty typing character buffer area; Execution in step 2 then);
2) judge whether the current time input frame has obtained focus; Obtain under the situation of focus execution in step 3 at input frame); Lose under the situation of focus execution in step 4 at input frame);
3) create the input frame control, the content of storing in the typing character buffer area is inserted the character typing zone of input frame control after, keep the operation of input frame control; When input frame lost focus, the typing character and the covering of duplicating in the input frame control were stored to typing character buffer area again, close the input frame control then, execution in step 4);
4) judge whether the current time mouse is positioned at the viewing area of input frame; If, execution in step 5); Otherwise execution in step 6);
5) value of renewal transparency parameter TR: TR=TR-△ TRdn; After the renewal, if TR >=0, directly execution in step 7); If TR 0, then make TR=0, and then execution in step 7); Wherein, △ TRdn is a transparency depreciation parameter, and △ TRdn>0;
6) value of renewal transparency parameter TR: TR=TR+ △ TRup; After the renewal, if TR≤TRmax, directly execution in step 7); If TR>TRmax, then make TR=TRmax, and then execution in step 7); Wherein, △ TRup is a transparency increment parameter, and △ TRup>0; TRmax is preset transparency higher limit;
7) obtain the typing character of current typing character buffer area stored; Drafting contains the input frame picture of said typing character; And by the value of current time transparency parameter TR the transparence value of input frame picture is set, with the input frame picture of drawing as input frame update displayed in addition; Behind time-delay △ t, return step 2);
8) circulation execution in step 2) ~ 7), when input frame is closed, closes the input frame control and stop showing the input frame picture.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method, further, " upgrades the value of transparency parameter TR " in the said step 5) and also comprises before: judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If then behind time-delay △ t, directly return step 2); Otherwise continue to carry out the subsequent operation of this step.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method; Further, in the said step 6) " upgrading the value of transparency parameter TR " also comprises before: judge that the current transparence value of whether having drawn is that the input frame picture of transparency higher limit TRmax shows as input frame; If then behind time-delay △ t, directly return step 2); Otherwise continue to carry out the subsequent operation of this step.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method, further, " creates the input frame control " in the said step 3) and also comprises before: judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If not, execution in step 5 then); If then continue to carry out the subsequent operation of this step.
Above-mentioned input frame dynamically transparent shows that in the special efficacy implementation method, further, the idiographic flow of said " drafting contains the input frame picture of said typing character " is:
A) store the character typing regional background graphic template and the frame region graphic template of input frame in advance;
B) call the character typing zone that the character typing regional background graphic template of storage is drawn input frame;
C) in the input frame character typing zone of drawing, draw the typing character;
D) the frame region graphic template that calls storage is drawn the frame of input frame.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method, but as a kind of selection scheme, in the said step 1), the value of initialization transparency parameter TR is 0.
Above-mentioned input frame dynamically transparent shows in the special efficacy implementation method, but as a kind of selection scheme, in the said step 1), the value of initialization transparency parameter TR is transparency higher limit TRmax.
Above-mentioned input frame dynamically transparent shows that as a kind of preferred version, the span of said transparency higher limit TRmax is 50% ~ 90% in the special efficacy implementation method.
Above-mentioned input frame dynamically transparent shows that as a kind of preferred version, the span of said transparency depreciation parameter △ TRdn is 5% ~ 20% in the special efficacy implementation method; The span of said transparency increment parameter △ TRup is 5% ~ 20%; The span of said time-delay △ t is 20 ~ 200ms.
Than prior art, the present invention has following beneficial effect:
1, input frame dynamically transparent of the present invention shows the special efficacy implementation method; Under situation not by the transparent demonstration api function of computer system form control; Only need be by the drafting and the processing to forms establishment, deletion API function calls and picture of routine; Just can realize that the input frame dynamically transparent shows special efficacy, not relate to source code operation research and development, greatly reduce the research and development technology difficulty that research and development input frame dynamically transparent shows special efficacy the computer system aspect; And have good portability to different computer systems, more help to shorten the R&D cycle and reduce the research and development input cost.
2, input frame dynamically transparent of the present invention shows the special efficacy implementation method; The dynamically transparent that can freely be provided with vividly, be rich in interactivity according to the application scenario of reality shows special efficacy, can also be through improving its robust performance of further raising, improving the special efficacy display effect.
3, input frame dynamically transparent of the present invention shows the special efficacy implementation method; The dynamically transparent that can be applied to not provide the application software of moving under the computer system of the transparent demonstration api function of form control to realize input frame shows special efficacy; Enrich the UI Visual Display effect of application software; Strengthen application software user's experience sense, promote the application software product market competitiveness and audient's customer group.
Description of drawings
Fig. 1 shows the process flow diagram of special efficacy implementation method embodiment one for input frame dynamically transparent of the present invention;
Fig. 2 shows the process flow diagram of special efficacy implementation method embodiment two for input frame dynamically transparent of the present invention;
Fig. 3 shows the process flow diagram of special efficacy implementation method embodiment three for input frame dynamically transparent of the present invention.
Embodiment
Not by or can't situation by the transparent demonstration api function of computer system form control under; If have the system code that dynamically transparent shows the input frame control of special efficacy based on computer system aspect direct organization; Need the programming technique personnel to possess quite high computer system and control application power and quite abundant applicating software programming experience; Requirement to the programming technique personnel is very high; Common programming technique personnel are difficult to be competent at, and its technical difficulty is also bigger, and correspondingly the construction cycle is also long; Simultaneously; If have the system code that dynamically transparent shows the input frame control of special efficacy based on computer system aspect direct organization; The source code of this input frame control certainly exists than big-difference for different computer operating systems; Therefore just must work out the system code of the input frame control with dynamically transparent demonstration special efficacy separately to different computer operating systems, this will significantly improve the research and development input cost again.For this reason; The present invention proposes a kind of input frame dynamically transparent and show the special efficacy implementation method; To have the research and development thinking of input frame control systems code that dynamically transparent shows special efficacy different with direct organization; The inventive method obtains at input frame under the situation of focus after input frame is activated startup, creates and operation input frame control; Lose at input frame under the situation of focus; Close the input frame control after obtaining the typing character in the input frame control; Drafting contains the input frame picture of said typing character and is shown as input frame; And, realize that the dynamically transparent of input frame shows special efficacy through dynamically changing the transparence value of said input frame picture.Adopt input frame dynamically transparent of the present invention to show the special efficacy implementation method; Under situation not by the transparent demonstration api function of computer system form control; Only need create, close means and picture is drawn, the processing means can realize input frame dynamically transparent shows special efficacy by the input frame control of routine; And need not to have the system code that dynamically transparent shows the input frame control of special efficacy based on computer system aspect establishment; Greatly reduce the research and development technology difficulty, help to shorten the R&D cycle, reduce the research and development input cost.
Through embodiment effect of the present invention is further specified below.
Embodiment one:
Present embodiment is an example with the Windows XP operating system of well known; Utilize input frame dynamically transparent of the present invention to show that the special efficacy implementation method realizes that in Windows XP operating system the dynamically transparent of input frame shows special efficacy; And, embody the concrete application and the beneficial effect of the inventive method by its implementation procedure.Windows XP operating system provides to be created form control api function " CreateWindow " and closes form control api function " DestroyWindow ", and provides GID+ GDI function programs and call realization graphic presentation.Utilize input frame dynamically transparent of the present invention to show the special efficacy implementation method; These API functions that provide in conjunction with Windows XP operating system; The dynamically transparent that can in Windows XP operating system, realize input frame easily shows special efficacy, that is: after input frame is activated and starts, obtain at input frame under the situation of focus; Create the input frame control through calling api function " CreateWindow ", and keep the operation of input frame control; Lose at input frame under the situation of focus; Obtain and call api function " DestroyWindow " behind the typing character in the input frame control and close the input frame control; Drafting contains the input frame picture of said typing character; And call GID+ GDI function said input frame picture is shown as input frame, and, realize that the dynamically transparent of input frame shows special efficacy through dynamically changing the transparence value of said input frame picture.Dialog box of the present invention obtains focus, is meant that dialog box is selected as computer system execution target foremost; Described dialog box loses focus, is meant that dialog box is not as computer system execution target foremost.Why whether obtain the dynamically transparent demonstration special efficacy that focus is distinguished the operation input frame according to dialog box; Be because: obtain at input frame under the situation of focus; Mean that the user need operate by the typing of dialog box execution character; Therefore execution character typing operation is merely able to realize through operation input frame control, and in user's typing character process, also need dialog box be shown as pellucidity; And lose under the situation of focus at input frame; Show that input frame can not carry out any operation; Therefore utilize an input frame picture to be shown as input frame and get final product, so just can realize that the input frame dynamically transparent shows special efficacy through dynamically changing the transparence value of input frame picture, visually letting.The input frame dynamically transparent shows that the special efficacy presentation mode of special efficacy can be a various ways, for example, loses at input frame under the situation of focus, and the transparence value of input frame picture is set to 50%, makes input frame continue to be shown as translucent; Perhaps, lose at input frame under the situation of focus, the transparency of input frame picture is switched between 0 (opaque state) and 100% (transparent fully, invisible mode), make input frame be shown as the blink states of fixed frequency with a fixed frequency; Or the like.But in order to promote the lively effect that the input frame dynamically transparent shows special efficacy; Increase the interactive experience sense that the user uses; A kind of more excellent the carrying into execution a plan that present embodiment provides the input frame dynamically transparent to show the special efficacy implementation method lets the user can be through operation mouse control input frame gradually bright (transparency that refers to input frame reduces gradually), the dynamically transparent demonstration special efficacy of dark (transparency that refers to input frame increases gradually) gradually; This more excellent flow process that carries into execution a plan is as shown in Figure 1, and its concrete performing step is following:
A1) the input frame startup that is activated, the value of initialization transparency parameter TR, and empty typing character buffer area; Execution in step A2 then).
This step is carried out input frame initialization operation after starting that is activated, and transparency parameter TR wherein is used to dynamically arrange the transparence value of input frame picture, and the character buffer area is used to store subsequent use typing character.
A2) judge whether the current time input frame has obtained focus; Obtain under the situation of focus execution in step A3 at input frame); Lose under the situation of focus execution in step A4 at input frame).
This step is still through judging whether input frame has obtained focus, and distinguishes the different running method of input frame, and the reason of processing is explained at preamble like this.
A3) create the input frame control, the content of storing in the typing character buffer area is inserted the character typing zone of input frame control after, keep the operation of input frame control; When input frame lost focus, the typing character and the covering of duplicating in the input frame control were stored to typing character buffer area again, close the input frame control then, execution in step A4);
This step is under input frame obtains the situation of focus, just to be able to the step moved; Through creating and operation input frame control can be carried out corresponding operation when guaranteeing input frame as foremost execution target of system; And the content of when creating the input frame control, storing in typing character buffer area inserts the character typing zone of input frame control, guarantees that each input frame obtains focus and the character of institute's typing before all typing has it last time to close in the input frame control created again; Certainly, if after input frame is activated startup, create the input frame control first, because typing character buffer area is cleared, input frame control character typing zone therefore still can be blank.When the input frame control is kept and moved to input frame and lose focus, then duplicate the typing character in the input frame control and cover and be stored to typing character buffer area,, close the input frame control then with subsequent use.
A4) judge whether the current time mouse is positioned at the viewing area of input frame; If, execution in step A5); Otherwise execution in step A6).
This step is under input frame loses the situation of focus, just to be able to the step moved; Distinguish execution in step A5 through judging the viewing area whether the current time mouse is positioned at input frame) or steps A 6), realize that with difference gradually bright, the gradually dark dynamically transparent of input frame shows special efficacy.
A5) value of renewal transparency parameter TR: TR=TR-△ TRdn; After the renewal, if TR >=0, directly execution in step 7); If TR 0, then make TR=0, and then execution in step A7); Wherein, △ TRdn is a transparency depreciation parameter, and △ TRdn>0.
This step lets the value of transparency parameter TR reduce a unit through upgrading the value of transparency parameter TR, after being reduced to less than 0, keeps the state of transparency parameter TR=0; The size that this reduces a unit can determine through the value that preestablishes transparency depreciation parameter △ TRdn.
A6) value of renewal transparency parameter TR: TR=TR+ △ TRup; After the renewal, if TR≤TRmax, directly execution in step 7); If TR>TRmax, then make TR=TRmax, and then execution in step A7); Wherein, △ TRup is a transparency increment parameter, and △ TRup>0; TRmax is preset transparency higher limit.
This step lets the value of transparency parameter TR increase a unit through upgrading the value of transparency parameter TR, until increasing after greater than preset transparency higher limit TRmax, keeps the state of transparency parameter TR=TRmax; This increases the size of a unit, can determine through the value that preestablishes transparency increment parameter △ TRup.
A7) obtain the typing character of current typing character buffer area stored; Drafting contains the input frame picture of said typing character; And by the value of current time transparency parameter TR the transparence value of input frame picture is set, with the input frame picture of drawing as input frame update displayed in addition; Behind time-delay △ t, return step 2).
After abovementioned steps is through increment or depreciation renewal to transparency parameter TR; This step is provided with the transparence value of input frame picture according to the value of current time transparency parameter TR; Drawing input frame picture and update displayed is input frame; The demonstration duration is returned step 2 after being △ t), carry out the decision operation whether input frame obtains focus once more.In this step, the realization means of the input frame picture of drafting are very many, for example can programme to call computer system drawing control or call third party's graphics software and draw etc.; But consider and reduce the factor of drawing course to resource for computer system consumption, raising drawing execution efficient, the method for comparatively preferably drawing the input frame picture is:
A) store the character typing regional background graphic template and the frame region graphic template of input frame in advance;
B) call the character typing zone that the character typing regional background graphic template of storage is drawn input frame;
C) in the input frame character typing zone of drawing, draw the typing character;
D) the frame region graphic template that calls storage is drawn the frame of input frame.
Method thus; Regional graphic template through directly transferring storage is in advance drawn input frame, helps to simplify the computing machine implementation of mapping operation, reduces system resources consumption; Improving draws carries out efficient, and successively draws the part more upper strata demonstration in picture that has guaranteed back drafting.
A8) circulation execution in step A2) ~ A7), when input frame is closed, closes the input frame control and stop showing the input frame picture.
Can see by above-mentioned input frame dynamically transparent demonstration special efficacy realization flow, after input frame is activated startup, the execution in step that then circulates A2) ~ A7), be closed until input frame.At ring execution in step A2) ~ A7) whole process in, all cycle detection is judged whether input frame has obtained focus; Obtain at input frame under the situation of focus; Create and operation input frame control; When input frame loses focus; Duplicating typing character in the input frame control covers and to close the input frame control after being stored to typing character buffer area; Lose cycle criterion mouse position under the situation of focus at input frame then, and to draw the input frame picture update displayed that contains the typing character that typing character buffer area stored repeatedly be input frame, make the typing character show state of input frame keep the last time character typing state of close moment of input frame control that is rendered as; Lose in the cyclic process of focus condition at input frame; Be positioned at mouse under the situation of viewing area of input frame; Circulation is successively decreased and is upgraded the value of transparency parameter TR; And the transparence value of input frame picture is set by the value of the transparency parameter TR that upgrades; Drawing the input frame picture update displayed contain the typing character repeatedly is input frame, makes input frame show to be rendered as dynamically that the dynamically transparent of gradually bright (transparency reduces gradually) shows special efficacy, then no longer changes when input frame shows after being rendered as transparency is 0 complete opaque state; Lose under the situation of viewing area that focus and mouse be not positioned at input frame at input frame; Circulation increases progressively the value of upgrading transparency parameter TR; And the transparence value of input frame picture is set by the value of the transparency parameter TR that upgrades; Drawing the input frame picture update displayed that contains the typing character repeatedly is input frame; Make the input frame demonstration be rendered as dynamically the gradually dynamically transparent of dark (transparency increases gradually) demonstration special efficacy, then no longer change when input frame shows after being rendered as transparency is the transparency upper limit state of presetting; If input frame obtains focus once more; Then will create the input frame control once more; And the content of storing in the typing character buffer area inserted the character typing zone of input frame control; Make that the character typing recovering state of the input frame control of establishment is the last time character typing state of close moment of input frame control again; Also make again the character typing state of the input frame control of establishment on visual sensory, keep consistent simultaneously, and then keep the operation of input frame control with the typing character show state of creating the preceding input frame picture of input frame control again; So move in circles.And seem the user; Input frame shows whether the forms profile and the character typing state that appear do not change because of input frame obtains focus; So impression is less than the switchover operation between the input frame picture of true input frame control that shows and simulation demonstration; But can experience at input frame and lose under the situation of focus; Mouse moves into behind the input frame viewing area that input frame is gradually bright, mouse shift out the input frame viewing area after the gradually dark dynamically transparent of input frame show special efficacy, vivo, be rich in the experience sense that interactivity ground has increased the user.
Also can see simultaneously; Utilize the inventive method to realize that this input frame dynamically transparent lively, that be rich in interactivity shows special efficacy under not by the situation of the transparent demonstration api function of computer system form control; Do not relate to source code operation to Windows XP system level; And only need be by the drafting and the processing to forms establishment, deletion API function calls and picture of routine; This just greatly reduces the research and development technology difficulty that research and development input frame dynamically transparent shows special efficacy, more helps to shorten the R&D cycle; And; Owing to do not relate to source code operation to the computer system aspect; If need this input frame dynamically transparent is shown that the special efficacy implementation method is applied to other computer operating system; Then only need change to call the API function of corresponding computer system; And the API function of various computing machine system all is open opening, thereby makes input frame dynamically transparent of the present invention show that the special efficacy implementation method has good portability for different computer systems, can significantly reduce the research and development input cost.
Show in the special efficacy implementation method that at input frame dynamically transparent of the present invention the concrete display effect of its special efficacy is set by a plurality of controlled variable are concrete, and the value of these controlled variable can be set according to the concrete application scenario concrete display effect of needed special efficacy.For example; Be activated to input frame and just obtain the situation of focus after starting immediately; To create the input frame control of operation be opaque fully because input frame obtains focus condition, in step 1), is 0 with the value initialization of transparency parameter TR preferably therefore, promptly opaque fully; Make that input frame is that 0 beginning is gradually dark by obtaining the input frame picture that focus drawn when losing focus from transparence value first, the seamlessly transitting of realization visual effect; In like manner; Be activated to input frame and be in the situation that loses focus condition after starting; In step 1), be transparency higher limit TRmax preferably then with the value initialization of transparency parameter TR, after making input frame be activated to start just can through mouse action realize from transparency upper limit state gradually the dynamically transparent of bright demonstration show special efficacy.Value as for transparency higher limit TRmax; Then can set according to the most transparent needed demonstration degree in the concrete application scenario; Just; If it is not obvious that the value of transparency higher limit TRmax was provided with the low visual effect that causes dynamically transparent to show special efficacy easily, and if transparency higher limit TRmax is set to 100% and will causes dialog box constantly invisible fully at some, be not easy to user's operation; Therefore take all factors into consideration these factors, the span of transparency higher limit TRmax is 50% ~ 90% comparatively suitable.Again for example, input frame is losing under the focus situation, and it is gradually bright, gradually dark dynamically transparent shows the smoothness and the fade rates of special efficacy, is to be confirmed by the value of transparency depreciation parameter △ TRdn, transparency increment parameter △ TRup and time-delay △ t; The value smoothness more little, then gradually bright, gradually dark dynamic process of transparency depreciation parameter △ TRdn, transparency increment parameter △ TRup is good more, but also causes dynamically transparent to show that the fade rates of special efficacy is slow more accordingly; And the value of time-delay △ t is more little, can be so that dynamically transparent show that the fade rates of special efficacy is fast more, but it is frequent more also to cause drawing the frequency of input frame picture accordingly, can increase the consumption to resource for computer system; Comprehensive this many-sided factor is considered; As preferred span; The span of transparency depreciation parameter △ TRdn is preferably between 5% ~ 20%, and the span of transparency increment parameter △ TRup is preferably between 5% ~ 20%, and the span of time-delay △ t is preferably between 20 ~ 200ms; Certainly, transparency depreciation parameter △ TRdn can be identical with the value of transparency increment parameter △ TRup.
Embodiment two:
The input frame dynamically transparent of embodiment one shows in the special efficacy implementation; Under the situation that loses focus at input frame, can constantly draw the input frame picture repeatedly and be shown as input frame; Frequent, continual execution mapping operation like this; To continue to take resource for computer system, influence other task processing execution efficient of computing machine.To this problem; On the basis of embodiment one; Present embodiment improves to step 5) and step 6) in the input frame dynamically transparent demonstration special efficacy implementation method; The input frame dynamically transparent that proposes a kind of improvement project shows the special efficacy implementation method, and its flow process is as shown in Figure 2, and concrete performing step is following:
B1) the input frame startup that is activated, the value of initialization transparency parameter TR, and empty typing character buffer area; Execution in step B2 then);
B2) judge whether the current time input frame has obtained focus; Obtain under the situation of focus execution in step B3 at input frame); Lose under the situation of focus execution in step B4 at input frame);
B3) create the input frame control, the content of storing in the typing character buffer area is inserted the character typing zone of input frame control after, keep the operation of input frame control; When input frame lost focus, the typing character and the covering of duplicating in the input frame control were stored to typing character buffer area again, close the input frame control then, execution in step B4);
B4) judge whether the current time mouse is positioned at the viewing area of input frame; If, execution in step B5); Otherwise execution in step B6);
B5) judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If then behind time-delay △ t, directly return step B2); Otherwise continue to carry out the subsequent operation of this step, that is, upgrade the value of transparency parameter TR: TR=TR-△ TRdn; After the renewal, if TR >=0, directly execution in step B7); If TR 0, then make TR=0, and then execution in step B7); Wherein, △ TRdn is a transparency depreciation parameter, and △ TRdn>0;
B6) judge that the current transparence value of whether having drawn is that the input frame picture of transparency higher limit TRmax shows as input frame; If then behind time-delay △ t, directly return step B2); Otherwise continue to carry out the subsequent operation of this step, that is, upgrade the value of transparency parameter TR: TR=TR+ △ TRup; After the renewal, if TR≤TRmax, directly execution in step B7); If TR>TRmax, then make TR=TRmax, and then execution in step B7); Wherein, △ TRup is a transparency increment parameter, and △ TRup>0; TRmax is preset transparency higher limit;
B7) obtain the typing character of current typing character buffer area stored; Drafting contains the input frame picture of said typing character; And by the value of current time transparency parameter TR the transparence value of input frame picture is set, with the input frame picture of drawing as input frame update displayed in addition; Behind time-delay △ t, return step B2);
B8) circulation execution in step B2) ~ B7), when input frame is closed, closes the input frame control and stop showing the input frame picture.
Show the special efficacy realization flow referring to above-mentioned input frame dynamically transparent, its overall flow is comparatively similar with the scheme of embodiment one, promptly after input frame is activated startup, and the execution in step that then circulates B2) ~ B7), be closed until input frame.But be with the difference of scheme among the embodiment one: 1. lose under the situation of focus at input frame; Prepare to step 5) before depreciation upgrades the value of transparency parameter TR and then draw new input frame picture whenever carrying out; Judge that earlier the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If draw, then no longer repainting new input frame picture update displayed is input frame, but keeps the input frame picture show state of having drawn; Behind time-delay △ t, directly return step 2), whether the cycle criterion input frame obtains focus and judges whether mouse is positioned at the viewing area of input frame again; If do not draw the input frame picture as yet, the transparency of the input frame picture of perhaps having drawn is not 0, and just continuing the value of depreciation renewal transparency parameter TR and drawing new input frame picture update displayed is input frame.2. lose under the situation of focus at input frame; Prepare to step 6) before increment upgrades the value of transparency parameter TR and then draw new input frame picture whenever carrying out; Judge that earlier the current transparence value of whether having drawn is that the input frame picture of transparency higher limit TRmax shows as input frame; If draw, then no longer repainting new input frame picture update displayed is input frame, but keeps the input frame picture show state of having drawn; Behind time-delay △ t, directly return step 2), whether the cycle criterion input frame obtains focus and judges whether mouse is positioned at the viewing area of input frame again; If do not draw the input frame picture as yet, the transparency of the input frame picture of perhaps having drawn is not transparency higher limit TRmax, and just continuing the value of increment renewal transparency parameter TR and drawing new input frame picture update displayed is input frame.Thus; Make input frame show in the special efficacy operational process at dynamically transparent; When input frame loses focus, input frame is gradually bright be shown as complete opaque state after mouse continue to be positioned under the situation of viewing area of input frame, and gradually show slinkingly under the situation about being shown outside the viewing area that mouse behind the preset transparency upper limit state continues to be positioned at input frame at input frame; All no longer drawing new input frame picture update displayed is input frame; So just make it only in the process of input frame degree of showing transparency dynamic change, just carry out mapping operation, and in other most of the time, all no longer draw new input frame picture, greatly reduce the frequency that system carries out mapping operation; Reduce the inventive method to the taking and consuming of computer system play resource, improved the robust performance of the inventive method.
Embodiment three:
Embodiment according to embodiment one; Let input frame obtain focus if directly click the input frame viewing area through mouse; Because input frame obtains can trigger its gradually bright procedure for displaying when the preceding mouse of focus moves into the input frame viewing area, can see still that therefore the dynamically transparent of input frame shows special efficacy; Yet; If be positioned at outside the input frame viewing area at mouse, input frame is shown as under the situation of transparency upper limit state; Make input frame obtain focus through the input frame label in the click system tray; Perhaps utilize " Alt+Tab " key of the focus switching quick operating mode operation keyboard of Windows XP operating system acquiescence that input frame is switched to focus; The input frame control of creating owing to be triggered will directly be shown as complete opaque state, therefore can see that input frame switches to complete opaque show state suddenly by transparency higher limit show state, not show special efficacy and demonstrate the dynamically transparent that seamlessly transits.In order to overcome the defective that this dynamically transparent shows special efficacy, on the basis of embodiment one, the input frame dynamically transparent that present embodiment has proposed another kind of improvement project shows the special efficacy implementation method, and its flow process is as shown in Figure 3, and concrete performing step is following:
C1) the input frame startup that is activated, the value of initialization transparency parameter TR, and empty typing character buffer area; Execution in step C2 then);
C2) judge whether the current time input frame has obtained focus; Obtain under the situation of focus execution in step C3 at input frame); Lose under the situation of focus execution in step C4 at input frame);
C3) judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If not, execution in step C5 then); If, then continue to carry out the subsequent operation of this step, that is, create the input frame control, the content of storing in the typing character buffer area is inserted the character typing zone of input frame control after, keep the operation of input frame control; When input frame lost focus, the typing character and the covering of duplicating in the input frame control were stored to typing character buffer area again, close the input frame control then, execution in step C4);
C4) judge whether the current time mouse is positioned at the viewing area of input frame; If, execution in step C5); Otherwise execution in step C6);
C5) value of renewal transparency parameter TR: TR=TR-△ TRdn; After the renewal, if TR >=0, directly execution in step C7); If TR 0, then make TR=0, and then execution in step C7); Wherein, △ TRdn is a transparency depreciation parameter, and △ TRdn>0;
C6) value of renewal transparency parameter TR: TR=TR+ △ TRup; After the renewal, if TR≤TRmax, directly execution in step C7); If TR>TRmax, then make TR=TRmax, and then execution in step C7); Wherein, △ TRup is a transparency increment parameter, and △ TRup>0; TRmax is preset transparency higher limit;
C7) obtain the typing character of current typing character buffer area stored; Drafting contains the input frame picture of said typing character; And by the value of current time transparency parameter TR the transparence value of input frame picture is set, with the input frame picture of drawing as input frame update displayed in addition; Behind time-delay △ t, return step C2);
C8) circulation execution in step C2) ~ C7), when input frame is closed, closes the input frame control and stop showing the input frame picture.
Show the special efficacy realization flow referring to above-mentioned input frame dynamically transparent, its overall flow is comparatively similar with the scheme of embodiment one, promptly after input frame is activated startup, and the execution in step that then circulates C2) ~ C7), be closed until input frame.But be with the difference of scheme among the embodiment one; Obtain at input frame under the situation of focus; It is that 0 input frame picture shows as input frame that the present embodiment scheme can at first judge whether to draw transparence value; If do not draw the input frame picture as yet, the transparency of the input frame picture of perhaps having drawn is not 0, then with circulation execution in step 5) and step 7); Upgrade the value of transparency parameter TR and draw new input frame picture repeatedly through depreciation repeatedly and be shown as input frame; Make input frame demonstrate gradually bright dynamically transparent and show special efficacy that the input frame control can created and move to (when having drawn transparence value and be 0 input frame picture) just when input frame is rendered as complete opaque state; Thus, make that all can demonstrate dynamically transparent before under operational circumstances arbitrarily, creating the input frame control shows shows special efficacy, has overcome aforesaid special efficacy display defect.Certainly, the scheme of present embodiment can also combine the embodiment of embodiment two, so as to improving the robust performance of the inventive method.
Comprehensive above-mentioned three embodiment illustrate; Can see; Input frame dynamically transparent of the present invention shows the special efficacy implementation method; Under situation not by the transparent demonstration api function of computer system form control, only need by routine to forms create, the drafting and the processing of deletion API function calls and picture, can realize that just the input frame dynamically transparent shows special efficacy; Do not relate to source code operation research and development to the computer system aspect; Greatly reduce the research and development technology difficulty of research and development input frame dynamically transparent demonstration special efficacy, and have good portability, more help to shorten the R&D cycle and reduce the research and development input cost to different computer systems; Simultaneously; Input frame dynamically transparent of the present invention shows that the special efficacy implementation method can freely be provided with vividly, be rich in the dynamically transparent demonstration special efficacy of interactivity according to the application scenario of reality, can also be through improving its robust performance of further raising, improving the special efficacy display effect; Input frame dynamically transparent of the present invention shows the special efficacy implementation method; The dynamically transparent that can be applied to not provide the application software of moving under the computer system of the transparent demonstration api function of form control to realize input frame shows special efficacy; Enrich the UI Visual Display effect of application software; Strengthen application software user's experience sense, promote the application software product market competitiveness and audient's customer group.
Explanation is at last; Above embodiment is only unrestricted in order to technical scheme of the present invention to be described; Although with reference to embodiment the present invention is specified, those of ordinary skill in the art should be appreciated that and can make amendment or be equal to replacement technical scheme of the present invention; And not breaking away from the aim and the scope of technical scheme of the present invention, it all should be encompassed in the middle of the claim scope of the present invention.
Claims (10)
1. an input frame dynamically transparent shows the special efficacy implementation method, it is characterized in that, after input frame is activated and starts, obtains at input frame under the situation of focus, creates and operation input frame control; Lose at input frame under the situation of focus; Close the input frame control after obtaining the typing character in the input frame control; Drafting contains the input frame picture of said typing character and is shown as input frame; And, realize that the dynamically transparent of input frame shows special efficacy through dynamically changing the transparence value of said input frame picture.
2. input frame dynamically transparent according to claim 1 shows the special efficacy implementation method, it is characterized in that, may further comprise the steps:
1) the input frame startup that is activated, the value of initialization transparency parameter TR, and empty typing character buffer area; Execution in step 2 then);
2) judge whether the current time input frame has obtained focus; Obtain under the situation of focus execution in step 3 at input frame); Lose under the situation of focus execution in step 4 at input frame);
3) create the input frame control, the content of storing in the typing character buffer area is inserted the character typing zone of input frame control after, keep the operation of input frame control; When input frame lost focus, the typing character and the covering of duplicating in the input frame control were stored to typing character buffer area again, close the input frame control then, execution in step 4);
4) judge whether the current time mouse is positioned at the viewing area of input frame; If, execution in step 5); Otherwise execution in step 6);
5) value of renewal transparency parameter TR: TR=TR-△ TRdn; After the renewal, if TR >=0, directly execution in step 7); If TR 0, then make TR=0, and then execution in step 7); Wherein, △ TRdn is a transparency depreciation parameter, and △ TRdn>0;
6) value of renewal transparency parameter TR: TR=TR+ △ TRup; After the renewal, if TR≤TRmax, directly execution in step 7); If TR>TRmax, then make TR=TRmax, and then execution in step 7); Wherein, △ TRup is a transparency increment parameter, and △ TRup>0; TRmax is preset transparency higher limit;
7) obtain the typing character of current typing character buffer area stored; Drafting contains the input frame picture of said typing character; And by the value of current time transparency parameter TR the transparence value of input frame picture is set, with the input frame picture of drawing as input frame update displayed in addition; Behind time-delay △ t, return step 2);
8) circulation execution in step 2) ~ 7), when input frame is closed, closes the input frame control and stop showing the input frame picture.
3. input frame dynamically transparent according to claim 2 shows the special efficacy implementation method; It is characterized in that, " upgrade the value of transparency parameter TR " in the said step 5) and also comprise before: judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If then behind time-delay △ t, directly return step 2); Otherwise continue to carry out the subsequent operation of this step.
4. input frame dynamically transparent according to claim 2 shows the special efficacy implementation method; It is characterized in that, " upgrade the value of transparency parameter TR " in the said step 6) and also comprise before: judge that the current transparence value of whether having drawn is that the input frame picture of transparency higher limit TRmax shows as input frame; If then behind time-delay △ t, directly return step 2); Otherwise continue to carry out the subsequent operation of this step.
5. input frame dynamically transparent according to claim 2 shows the special efficacy implementation method; It is characterized in that " create input frame control " also comprises before in the said step 3): judge that the current transparence value of whether having drawn is that 0 input frame picture shows as input frame; If not, execution in step 5 then); If then continue to carry out the subsequent operation of this step.
6. input frame dynamically transparent according to claim 2 shows the special efficacy implementation method, it is characterized in that the idiographic flow of " drafting contains the input frame picture of said typing character " is in the said step 7):
A) store the character typing regional background graphic template and the frame region graphic template of input frame in advance;
B) call the character typing zone that the character typing regional background graphic template of storage is drawn input frame;
C) in the input frame character typing zone of drawing, draw the typing character;
D) the frame region graphic template that calls storage is drawn the frame of input frame.
7. show the special efficacy implementation method according to each described input frame dynamically transparent in the claim 2 ~ 6, it is characterized in that in the said step 1), the value of initialization transparency parameter TR is 0.
8. show the special efficacy implementation method according to each described input frame dynamically transparent in the claim 2 ~ 6, it is characterized in that in the said step 1), the value of initialization transparency parameter TR is transparency higher limit TRmax.
9. show the special efficacy implementation method according to each described input frame dynamically transparent in the claim 2 ~ 6, it is characterized in that the span of said transparency higher limit TRmax is 50% ~ 90%.
10. show the special efficacy implementation method according to each described input frame dynamically transparent in the claim 2 ~ 6, it is characterized in that the span of said transparency depreciation parameter △ TRdn is 5% ~ 20%; The span of said transparency increment parameter △ TRup is 5% ~ 20%; The span of said time-delay △ t is 20 ~ 200ms.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110444348.6A CN102541554B (en) | 2011-12-27 | 2011-12-27 | Method for realizing dynamic transparent specially good display effect of input box |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110444348.6A CN102541554B (en) | 2011-12-27 | 2011-12-27 | Method for realizing dynamic transparent specially good display effect of input box |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102541554A true CN102541554A (en) | 2012-07-04 |
| CN102541554B CN102541554B (en) | 2014-06-25 |
Family
ID=46348527
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110444348.6A Active CN102541554B (en) | 2011-12-27 | 2011-12-27 | Method for realizing dynamic transparent specially good display effect of input box |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102541554B (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593129A (en) * | 2012-08-13 | 2014-02-19 | 腾讯科技（深圳）有限公司 | Focus frame drawing method and system and touch device |
| CN104049956A (en) * | 2013-03-12 | 2014-09-17 | 百度在线网络技术（北京）有限公司 | Input state transition processing method and input state transition processing system |
| CN105677166A (en) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Adjusting method and device for input method window |
| CN106897002A (en) * | 2017-01-22 | 2017-06-27 | 武汉天喻教育科技有限公司 | Double screens control system and control method under a kind of mode of extension based on WPF |
| CN106934848A (en) * | 2017-03-14 | 2017-07-07 | 维沃移动通信有限公司 | A kind of image processing method and mobile terminal |
| CN107315528A (en) * | 2016-04-27 | 2017-11-03 | 京瓷办公信息系统株式会社 | Handwriting character inputting device and hand-written character input method |
| CN107885419A (en) * | 2016-09-29 | 2018-04-06 | 珠海金山办公软件有限公司 | Menu display method and device on a kind of mobile terminal |
| CN108874477A (en) * | 2017-05-11 | 2018-11-23 | 武汉斗鱼网络科技有限公司 | A kind of method and apparatus showing static images and dynamic picture |
| CN109669751A (en) * | 2018-12-14 | 2019-04-23 | Oppo广东移动通信有限公司 | A kind of method for drafting of input frame, device, terminal and computer storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101727315A (en) * | 2008-10-14 | 2010-06-09 | 上海科泰世纪科技有限公司 | Method for realizing operation and display of button type panel control |
| CN101882082A (en) * | 2010-06-23 | 2010-11-10 | 中兴通讯股份有限公司 | Method and device for localizing Java edit box |
-
2011
- 2011-12-27 CN CN201110444348.6A patent/CN102541554B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101727315A (en) * | 2008-10-14 | 2010-06-09 | 上海科泰世纪科技有限公司 | Method for realizing operation and display of button type panel control |
| CN101882082A (en) * | 2010-06-23 | 2010-11-10 | 中兴通讯股份有限公司 | Method and device for localizing Java edit box |
Non-Patent Citations (1)
| Title |
|---|
| 宋志明: "PowerPoint也能做填空题", 《电脑知识与技术》 * |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593129A (en) * | 2012-08-13 | 2014-02-19 | 腾讯科技（深圳）有限公司 | Focus frame drawing method and system and touch device |
| CN104049956A (en) * | 2013-03-12 | 2014-09-17 | 百度在线网络技术（北京）有限公司 | Input state transition processing method and input state transition processing system |
| CN105677166A (en) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Adjusting method and device for input method window |
| CN107315528A (en) * | 2016-04-27 | 2017-11-03 | 京瓷办公信息系统株式会社 | Handwriting character inputting device and hand-written character input method |
| CN107885419A (en) * | 2016-09-29 | 2018-04-06 | 珠海金山办公软件有限公司 | Menu display method and device on a kind of mobile terminal |
| CN106897002A (en) * | 2017-01-22 | 2017-06-27 | 武汉天喻教育科技有限公司 | Double screens control system and control method under a kind of mode of extension based on WPF |
| CN106897002B (en) * | 2017-01-22 | 2019-09-06 | 武汉天喻教育科技有限公司 | Double screens control system and control method under a kind of mode of extension based on WPF |
| CN106934848A (en) * | 2017-03-14 | 2017-07-07 | 维沃移动通信有限公司 | A kind of image processing method and mobile terminal |
| CN108874477A (en) * | 2017-05-11 | 2018-11-23 | 武汉斗鱼网络科技有限公司 | A kind of method and apparatus showing static images and dynamic picture |
| CN108874477B (en) * | 2017-05-11 | 2021-06-15 | 武汉斗鱼网络科技有限公司 | Method and device for displaying static pictures and dynamic pictures |
| CN109669751A (en) * | 2018-12-14 | 2019-04-23 | Oppo广东移动通信有限公司 | A kind of method for drafting of input frame, device, terminal and computer storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102541554B (en) | 2014-06-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102541554B (en) | Method for realizing dynamic transparent specially good display effect of input box | |
| CN104216752B (en) | A kind of information loading method and device based on window | |
| AU2013389985B2 (en) | User interface elements for multiple displays | |
| US7577918B2 (en) | Visual expression of a state of an application window | |
| US8248373B2 (en) | Contextual control of dynamic input device | |
| US9460667B2 (en) | Incremental page transitions on electronic paper displays | |
| CN101493751B (en) | Multi-window manager of embedded graph system | |
| US8205169B1 (en) | Multiple editor user interface | |
| KR20120054750A (en) | Method and apparatus for selective display | |
| CN105528217A (en) | Partial refreshing method and device based on display list | |
| CN104199597A (en) | New label page opening method and device | |
| CN111651079A (en) | Handwriting display method, device, equipment and computer storage medium | |
| CN101377922A (en) | Method for generating and displaying OSD | |
| US20110314399A1 (en) | Windowless runtime control of dynamic input device | |
| Magni | Delphi GUI Programming with FireMonkey: Unleash the full potential of the FMX framework to build exciting cross-platform apps with Embarcadero Delphi | |
| EP2902898B1 (en) | System and method in managing low-latency direct control feedback | |
| WO2019047112A1 (en) | Multi-system control method and control device, and mobile terminal | |
| CN113093961A (en) | Window switching method, storage medium and related equipment | |
| US11809217B2 (en) | Rules based user interface generation | |
| US20210208778A1 (en) | Contiguous planar display operable to have area functioning as primary display and area functioning as secondary display | |
| CN108132786A (en) | A kind of GUI design methods based on OSD | |
| US20240069694A1 (en) | Drawer page overlay for multitasking | |
| NL2022859B1 (en) | WORKING METHOD AND EQUIPMENT AND SYSTEM WITH DOUBLE MOUSE SUPPORT | |
| MacDonald | Introducing WPF | |
| CN102541528A (en) | Menu creating method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200605 Address after: Room 502-1, floor 5, building 2, courtyard 10, KEGU 1st Street, economic development zone, Daxing District, Beijing 100081 Patentee after: Singularity Xinyuan International Technology Development (Beijing) Co.,Ltd. Address before: 401121 Chongqing City, northern New District of Chongqing municipality Mount Huangshan Road No. 5 South Mercury Technology Building 1 floor office No. 3 Patentee before: A-MEDIA COMMUNICATION TECH Co.,Ltd. |