CN103677839A - Generating method and device of UI control across mobile terminal - Google Patents
Generating method and device of UI control across mobile terminal Download PDFInfo
- Publication number
- CN103677839A CN103677839A CN201310695692.1A CN201310695692A CN103677839A CN 103677839 A CN103677839 A CN 103677839A CN 201310695692 A CN201310695692 A CN 201310695692A CN 103677839 A CN103677839 A CN 103677839A
- Authority
- CN
- China
- Prior art keywords
- control
- function
- mobile terminal
- adaptation layer
- module
- 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
- Stored Programmes (AREA)
- Telephone Function (AREA)
Abstract
The invention provides a generating method of a UI control across a mobile terminal. The generating method of the UI control across the mobile terminal comprises the following steps that open source js engines corresponding to different mobile operation systems are packaged into an adaptation layer with a uniform API; the adaptation layer is initialized; the js execution environment is initialized; the open source js engines are used for injecting a js object corresponding to the API into the js execution environment, and binding a js function and local UI building functions of the mobile operation systems; a UI building interface function is called in the js execution environment, and the corresponding local UI building function is found and called; the UI control is drawn on a display screen of the mobile terminal. The invention further relates to a device for realizing the method. The generating method and device of the UI control across the mobile terminal have the advantages of being low in development difficulty, low in development cost and short in development period.
Description
Technical field
The present invention relates to user interface development field, particularly a kind of generation method and device of the UI control across mobile terminal.
Background technology
UI (User Interface, user interface) is the graphical interfaces of operating system and user's direct interaction, and the Mobile operating system of current main flow has the iOS of apple, the Android of Google and the windowMobile of Microsoft etc.The form of expression and the style of these graphical interfaces in different mobile platform operating system is all variant.Due to the difference of system bottom mechanism, want to obtain the consistent control of presentation style and interactive mode on different Mobile operating platforms, just must do corresponding fine setting to a plurality of Mobile operating platforms adaptive, to reach the unification of form.Fig. 1 is the sequential chart that application developer is passed through specific programming language developing user interface on concrete Mobile operating system.
In prior art, because the programming language that different operating system provides is variant, application developer wants to accomplish that graphical interaction interface adapts to various Mobile operating systems, must be proficient in the various Graph Interface Programing interfaces that corresponding programming language and system provide, and has increased the difficulty of exploitation.In addition, there is larger difference in the style at graphical interaction interface in different Mobile operating systems, wants to accomplish that unification need to do a large amount of adaptations, adjustment work, and its cost of development is higher, and the construction cycle is also longer simultaneously.
Summary of the invention
The technical problem to be solved in the present invention is, for the defect that above-mentioned development difficulty is large, cost of development is higher, the construction cycle is longer of prior art, provide generation method and the device of the UI control across mobile terminal that a kind of development difficulty is less, cost of development is lower, the construction cycle is shorter.
The technical solution adopted for the present invention to solve the technical problems is: construct a kind of generation method of the UI control across mobile terminal, comprise the steps:
A) the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface;
B) described adaptation layer is carried out to initialization;
C) js execution environment is carried out to initialization;
D) the js engine of increasing income described in using is injected into js object corresponding to described api interface in described js execution environment, and the local UI establishment of js function and Mobile operating system function is bound;
E) in described js execution environment, call UI and create interface function, find corresponding local UI create function and call;
F) by described UI ActiveX drafting on the display screen of described mobile terminal.
In the generation method of the UI control across mobile terminal of the present invention, described step e) further comprise:
E1) js code is carried out in js application, calls the member function that js injects object;
E2) described adaptation layer finds the corresponding local UI of described member function to create function;
E2) carry out described local UI and create function.
In the generation method of the UI control across mobile terminal of the present invention, described step F) further comprise:
F1) by measurement, determine the size of UI control;
F2) according to control parameter, layout is carried out in the position of described UI control;
F3) call described api interface by described UI ActiveX drafting on the display screen of described mobile terminal.
In the generation method of the UI control across mobile terminal of the present invention, in described step F) also comprise afterwards:
G1) trigger the operation that refreshes described UI control;
G2) judge whether to re-start measurement, in this way, recalculate the size of each UI control and perform step G3); Otherwise, execution step G3);
G3) judge whether to re-start layout, in this way, again the position of described each UI control is carried out layout and performed step G4); Otherwise, execution step G4);
G4) judge whether to repaint described UI control, in this way, repaint described UI control; Otherwise, do not carry out any operation.
In the generation method of the UI control across mobile terminal of the present invention, also comprise the interaction flow of the primary control event of UI, described interaction flow comprises:
H1) this locality saves the js function of the title of the primary control event of UI and readjustment;
H2) the primary control event of UI is triggered, and finds corresponding js function;
H3) by the js engine of increasing income of adaptation layer, described js function is adjusted back in described js execution environment.
The invention still further relates to a kind of device of realizing the generation method of the above-mentioned UI control across mobile terminal comprises:
Encapsulation unit: for the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface;
Adaptation layer initialization unit: for described adaptation layer is carried out to initialization;
Execution environment initialization unit: for js execution environment is carried out to initialization;
Object injects binding unit: for the js engine of increasing income described in using, js object corresponding to described api interface is injected into described js execution environment, and the local UI establishment of js function and Mobile operating system function is bound;
Interface function call unit: create interface function for call UI at described js execution environment, find corresponding local UI create function and call;
ActiveX drafting unit: for the display screen at described mobile terminal by described UI ActiveX drafting.
In the device of the generation method that realizes the above-mentioned UI control across mobile terminal of the present invention, described interface function call unit further comprises:
Code is carried out calling module: for calling js application, carry out js code, call the member function that js injects object;
UI creates function acquisition module: for making described adaptation layer find the corresponding local UI of described member function to create function;
UI creates function execution module: for carrying out described local UI, create function.
In the device of the generation method that realizes the above-mentioned UI control across mobile terminal of the present invention, described ActiveX drafting unit further comprises:
Measurement module: for determine the size of UI control by measurement;
Layout modules: for layout being carried out in the position of described UI control according to control parameter;
Call drafting module: for call described api interface by described UI ActiveX drafting the display screen at described mobile terminal.
In the device of the generation method that realizes the above-mentioned UI control across mobile terminal of the present invention, also comprise refresh unit, described refresh unit further comprises:
Trigger module: for triggering the operation that refreshes described UI control;
Measure judge module: for judging whether to re-start measurement, in this way, recalculate the size of each UI control;
Layout judge module: for judging whether to re-start layout, in this way, again layout is carried out in the position of described each UI control;
Draw judge module: for judging whether to repaint described UI control, in this way, repaint described UI control; Otherwise, do not carry out any operation.
In the device of the generation method that realizes the above-mentioned UI control across mobile terminal of the present invention, also comprise interactive unit, described interactive unit further comprises:
Memory module: for this locality is saved the js function of the title of the primary control event of UI and readjustment;
Control Event triggered module: for when the primary control event of UI is triggered, find corresponding js function;
Callback module: described js function is adjusted back to described js execution environment for the js engine of increasing income by adaptation layer.
Generation method and the device of implementing the UI control across mobile terminal of the present invention, have following beneficial effect: due to by the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface, after adaptation layer and the initialization of js execution environment, use the js engine of increasing income that js object corresponding to api interface is injected in js execution environment, and js function and the local UI establishment of Mobile operating system function are bound, in js execution environment, call UI and create interface function, find corresponding local UI create function and call, finally by UI ActiveX drafting on the display screen of mobile terminal, like this by unified adaptation layer is provided in multiple Mobile operating system, adaptation layer provides complete unified JS Programming with Pascal Language interface, application developer only need to be understood JS language, the UI that attribute and adaptation layer provide creates interface function, can on mobile terminal, present style unified, the graphical interaction interface element that interactive mode is consistent, its needs primary development, so its development difficulty is less, cost of development is lower, construction cycle is shorter.
Accompanying drawing explanation
In order to be illustrated more clearly in the embodiment of the present invention or technical scheme of the prior art, to the accompanying drawing of required use in embodiment or description of the Prior Art be briefly described below, apparently, accompanying drawing in the following describes is only some embodiments of the present invention, for those of ordinary skills, do not paying under the prerequisite of creative work, can also obtain according to these accompanying drawings other accompanying drawing.
Fig. 1 is that in prior art, application developer is passed through the sequential chart of specific programming language developing user interface on concrete Mobile operating system;
Fig. 2 is that the present invention is across generating the process flow diagram of method in the generation method of the UI control of mobile terminal and an embodiment of device;
Fig. 3 in described embodiment is packaged into the corresponding js of the increasing income engine of different Mobile operating systems the schematic diagram of the adaptation layer with unified api interface;
Fig. 4 creates the sequential chart of UI control in js application call adaptation layer in described embodiment;
Fig. 5 calls UI to create interface function in js execution environment in described embodiment, the particular flow sheet that finds corresponding local UI to create function and call;
Fig. 6 be in described embodiment by UI ActiveX drafting the particular flow sheet on the display screen of mobile terminal;
Fig. 7 judges the particular flow sheet whether UI ActiveX drafting refreshes in described embodiment;
Fig. 8 is the mutual process flow diagram of UI control event in described embodiment;
Fig. 9 is the mutual schematic diagram of UI control event in described embodiment;
Figure 10 is the structural representation installing in described embodiment.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is clearly and completely described, obviously, described embodiment is only the present invention's part embodiment, rather than whole embodiment.Embodiment based in the present invention, those of ordinary skills, not making the every other embodiment obtaining under creative work prerequisite, belong to the scope of protection of the invention.
The present invention across the generation method of the UI control of mobile terminal and device embodiment in, its process flow diagram across the generation method of the UI control of mobile terminal is as shown in Figure 2.In Fig. 2, this generation method comprises:
Step S01 is packaged into the adaptation layer with unified api interface by the corresponding js of the increasing income engine of different Mobile operating systems: in this step, the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface.Particularly, on different Mobile operating platforms, select a js engine of increasing income that efficiency is higher, the primary exploitation code providing with Mobile operating system again, the js engine of increasing income is done to corresponding encapsulation, offer a set of complete UI control establishment of js application developer, destruction, Alternative Attribute, the monitoring of interpolation alternative events etc.Adaptation layer is according to the difference between different Mobile operating systems, and the js engine of increasing income of selection (js linguistic interpretation engine) is difference to some extent also.On iOS, employing be the javaScriptCoreJS rendering engine of the self-service research and development of Apple; In Android system, what adopt is the Rhino engine of mozilla company, but due to the singularity (the non-pure java language of development language) of Android platform, so the executive mode of Rhino engine has adopted explanation shape grammer, the efficiency of carrying out js language is very low, so used two kinds of js linguistic interpretation engines of Rhino and v8 on Android platform simultaneously, V8 is the js engine of increasing income that google provides, and the js language execution speed of this engine is very fast
Step S02 carries out initialization to adaptation layer: in this step, adaptation layer is carried out to initialization, the operation of js application relies on adaptation layer, before any js code of operation, first carry out the initialization of adaptation layer program.
Step S03 carries out initialization to js execution environment: in this step, js execution environment is carried out to initialization.By adaptation layer, complete the initialization to js execution environment, and the execution environment using it as application js code.
Step S04 is used the js engine of increasing income that js object corresponding to api interface is injected in js execution environment, and js function and the local UI establishment of Mobile operating system function are bound: in this step, the use js engine of increasing income is injected into js object corresponding to api interface in js execution environment, and js function and the local UI of Mobile operating system are created to function binds.
Step S05 calls UI and creates interface function in js execution environment, find corresponding local UI create function and call: in this step, in this step, in js execution environment, to call UI and create interface function, find corresponding local UI to create function, and call this this locality UI establishment function.
Step S06 by UI ActiveX drafting on the display screen of mobile terminal: in this step, by UI ActiveX drafting on the display screen of mobile terminal.Like this by unified adaptation layer is provided in multiple Mobile operating system, adaptation layer provides complete unified js Programming with Pascal Language interface, the UI that application developer only need to be understood js language, attribute and adaptation layer to be provided creates interface function, can on mobile terminal, present the graphical interaction interface element that style is unified, interactive mode is consistent, its needs primary development, so its development difficulty is less, cost of development is lower, the construction cycle is shorter.
Fig. 3 in the present embodiment is packaged into the corresponding js of the increasing income engine of different Mobile operating systems the schematic diagram of the adaptation layer with unified api interface, different Mobile operating systems adopts the corresponding js engine of increasing income (js linguistic interpretation engine), on various Mobile operating platforms, utilize corresponding local primary code to be packaged into js adaptation layer, this js adaptation layer provides unified js exploitation api interface, js application is by the interface of the unified establishment UI control that calls js adaptation layer (in the present embodiment referred to as adaptation layer) and provide, on multiple Mobile operating system, obtain style unified, interactive mode UI control always.
Fig. 4 creates the sequential chart of UI control in js application call adaptation layer in the present embodiment.
For the present embodiment, above-mentioned steps S05 is further refinement also, and the process flow diagram after its refinement as shown in Figure 5.In Fig. 5, above-mentioned steps S05 further comprises:
Js code is carried out in step S51 js application, calls the member function that js injects object: this step, js code is carried out in js application, calls the member function that js injects object.
Step S52 adaptation layer finds the corresponding local UI of member function to create function: in this step, adaptation layer finds the corresponding local UI of above-mentioned member function to create function.
Step S53 carries out local UI and creates function: in this step, finding local UI to create after function, carrying out local UI and create function.
In the present embodiment, UI control is conceptualized as packaging group in adaptation layer, is the base class of all controls, and whole attributes and the pattern that control is supported stated in its inside, the handle that inside comprises a primary control object, actual operation is all the operation for this primary object.The same with most of GUI (graphical interfaces) operating system, introduced the concept of container simultaneously.Container derives from from packaging group, when possessing all packaging group characteristics, also supports to add, remove daughter element function.
For the present embodiment, above-mentioned steps S06 is further refinement also, and the process flow diagram after its refinement as shown in Figure 6.In Fig. 6, above-mentioned steps S06 further comprises:
Step S61 determines the size of UI control by measurement: in this step, by measuring the size of determining UI control.Specifically, this step is exactly the process that reality by all UI controls are provided or relative size are determined UI control actual space available.This process is a recursive procedure, the region that the maximum that child control provides according to father's container can show, and wide high setting the in conjunction with self, obtains best size, and this result is left to the foundation of layout.If child control itself is also a container, will does so same logic and continue and upwards transmit until the end of recurrence layer.
Step S62 carries out layout according to control parameter to the position of UI control: in this step, according to control parameter, layout is carried out in the position of UI control.This step is actual is the various attributes of setting according to UI control, carries out the adjustment process of physical location.After UI control has been determined size, determine final placement position according to parameters such as alignment thereof (align), frontier distances (margin).
Step S63 call api interface by UI ActiveX drafting on the display screen of mobile terminal: in this step, after size, the position of UI control are all determined, call api interface by UI ActiveX drafting on the display screen of mobile terminal.The style that the UI control of drawing out like this can present on different Mobile operating systems is unified, and its interactive mode is also consistent.
Under the certain situation of the present embodiment, carry out sometimes refreshing of UI control.At this moment, after step S06, also comprise the steps:
Step S71 triggers the operation that refreshes UI control: in this step, trigger the operation that refreshes UI control.
Step S72 judges whether to re-start measurement: in this step, judge whether to re-start measurement, if the result of judgement is yes, perform step S73; Otherwise, execution step S74.
Step S73 recalculates the size of each UI control: in this step, recalculate the size of each UI control.Execute this step, execution step S74.
Step S74 judges whether to re-start layout: in this step, judge whether to re-start layout, if the result of judgement is yes, perform step S75; Otherwise, execution step S76.
Step S75 carries out layout to the position of each UI control again: in this step, again cloth is carried out in the position of each UI control.Execute this step, execution step S76.
Step S76 judges whether to repaint UI control: in this step, judge whether to repaint UI control, if the result of judgement is yes, perform step S77; Otherwise, execution step S78.
Step S77 repaints UI control: in this step, repaint UI control.
Step S78 does not carry out any operation: in this step, do not carry out any operation.
In the present embodiment, this generation method also comprises the interaction flow of the primary control event of UI, and interaction diagrams as shown in Figure 8.In Fig. 8, this interaction flow comprises the steps:
Step S81 this locality saves the js function of the title of the primary control event of UI and readjustment: in this step, and the method for injecting by initialization, this locality saves the js function of the title of the primary control event of UI and readjustment.
The primary control event of step S82 UI is triggered, and finds corresponding js function: in this step, the primary control event of UI is triggered, and finds corresponding js function.
Step S83 adjusts back js function in js environment by the js engine of increasing income of adaptation layer: the js engine of increasing income by adaptation layer is adjusted back js function in js execution environment.
Fig. 9 is the mutual schematic diagram of UI control event in the present embodiment.
The present embodiment also relates to a kind of device of realizing the generation method of the above-mentioned UI control across mobile terminal, and device structural representation as shown in figure 10.In Figure 10, this device comprises that encapsulation unit 1, adaptation layer initialization unit 2, execution environment initialization unit 3, object inject binding unit 4, interface function call unit 5 and ActiveX drafting unit 6; Wherein, encapsulation unit 1 is for being packaged into the adaptation layer with unified api interface by the corresponding js of the increasing income engine of different Mobile operating systems; Adaptation layer initialization unit 2 is for carrying out initialization to adaptation layer; Execution environment initialization unit 3 is for carrying out initialization to js execution environment; Object injects binding unit 4 for using the js engine of increasing income that js object corresponding to api interface is injected into js execution environment, and js function and the local UI establishment of Mobile operating system function are bound; Interface function call unit 5 creates interface function for call UI at js execution environment, finds corresponding local UI create function and call; ActiveX drafting unit 6 is for the display screen at mobile terminal by UI ActiveX drafting.
In the present embodiment, interface function call unit 5 further comprises that code is carried out calling module 51, UI creates function acquisition module 52 and UI creates function execution module 53; Wherein, code is carried out calling module 51 and is carried out js code for calling js application, calls the member function that js injects object; UI creates function acquisition module 52 for making adaptation layer find the corresponding local UI of member function to create function; UI creates function execution module 53 and creates function for carrying out local UI.ActiveX drafting unit 6 further comprises measurement module 61, layout modules 62 and calls drafting module 63; Wherein, measurement module 61 is for determining the size of UI control by measurement; Layout modules 62 is for carrying out layout according to control parameter to the position of UI control; Call drafting module 63 for call api interface by UI ActiveX drafting the display screen at mobile terminal.
In the present embodiment, this device also comprises refresh unit 7 and interactive unit 8; Wherein, refresh unit 7 further comprises trigger module 71, measurement judge module 72, layout judge module 73 and draws judge module 74; Wherein, trigger module 71 is for triggering the operation that refreshes UI control; Measure judge module 72 for judging whether to re-start measurement, in this way, recalculate the size of each UI control; Layout judge module 73, for judging whether to re-start layout, in this way, carries out layout to the position of each UI control again; Draw judge module 74 for judging whether to repaint UI control, in this way, repaint UI control; Otherwise, do not carry out any operation.Interactive unit 8 further comprises memory module 81, control Event triggered module 82 and callback module 83; Wherein, memory module 81 is for making this locality that the js function of the title of the primary control event of UI and readjustment is saved; Control Event triggered module 82, for when the primary control event of UI is triggered, finds corresponding js function; Callback module 83 is adjusted back js environment for the js engine of increasing income by adaptation layer by js function.
In a word, in the present embodiment, at different operating platforms, provide a set of complete adaptation layer, by js adaptation layer, complete the mapping of js function and the local API of Mobile operating system, create local primary control and show user.Js is general web development language, by js language, in the unified DLL (dynamic link library) of different mobile system platform developments, can allow web programmer in the situation that not understanding mobile platform exploitation API, also can develop native applications, reduces development difficulty.By js adaptation layer and unified js DLL (dynamic link library), a set of code or one-time programming can adaptive multiple Mobile operating systems, accomplished cross-platform unitarity.
The foregoing is only preferred embodiment of the present invention, in order to limit the present invention, within the spirit and principles in the present invention not all, any modification of doing, be equal to replacement, improvement etc., within all should being included in protection scope of the present invention.
Claims (10)
1. across a generation method for the UI control of mobile terminal, it is characterized in that, comprise the steps:
A) the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface;
B) described adaptation layer is carried out to initialization;
C) js execution environment is carried out to initialization;
D) the js engine of increasing income described in using is injected into js object corresponding to described api interface in described js execution environment, and the local UI establishment of js function and Mobile operating system function is bound;
E) in described js execution environment, call UI and create interface function, find corresponding local UI create function and call;
F) by described UI ActiveX drafting on the display screen of described mobile terminal.
2. the generation side of the UI control across mobile terminal according to claim 1, is characterized in that described step e) further comprise:
E1) js code is carried out in js application, calls the member function that js injects object;
E2) described adaptation layer finds the corresponding local UI of described member function to create function;
E2) carry out described local UI and create function.
3. the generation method of the UI control across mobile terminal according to claim 2, is characterized in that described step F) further comprise:
F1) by measurement, determine the size of UI control;
F2) according to control parameter, layout is carried out in the position of described UI control;
F3) call described api interface by described UI ActiveX drafting on the display screen of described mobile terminal.
4. the generation method of the UI control across mobile terminal according to claim 1, is characterized in that, in described step F) also comprise afterwards:
G1) trigger the operation that refreshes described UI control;
G2) judge whether to re-start measurement, in this way, recalculate the size of each UI control and perform step G3); Otherwise, execution step G3);
G3) judge whether to re-start layout, in this way, again the position of described each UI control is carried out layout and performed step G4); Otherwise, execution step G4);
G4) judge whether to repaint described UI control, in this way, repaint described UI control; Otherwise, do not carry out any operation.
5. according to the generation method of the UI control across mobile terminal described in claim 1 to 4 any one, it is characterized in that, also comprise the interaction flow of the primary control event of UI, described interaction flow comprises:
H1) this locality saves the js function of the title of the primary control event of UI and readjustment;
H2) the primary control event of UI is triggered, and finds corresponding js function;
H3) by the js engine of increasing income of adaptation layer, described js function is adjusted back in described js execution environment.
6. a device of realizing the generation method of the UI control across mobile terminal as claimed in claim 1, is characterized in that, comprising:
Encapsulation unit: for the corresponding js of the increasing income engine of different Mobile operating systems is packaged into the adaptation layer with unified api interface;
Adaptation layer initialization unit: for described adaptation layer is carried out to initialization;
Execution environment initialization unit: for js execution environment is carried out to initialization;
Object injects binding unit: for the js engine of increasing income described in using, js object corresponding to described api interface is injected into described js execution environment, and the local UI establishment of js function and Mobile operating system function is bound;
Interface function call unit: create interface function for call UI at described js execution environment, find corresponding local UI create function and call;
ActiveX drafting unit: for the display screen at described mobile terminal by described UI ActiveX drafting.
7. the device of the generation method of the UI control across mobile terminal according to claim 6, is characterized in that, described interface function call unit further comprises:
Code is carried out calling module: for calling js application, carry out js code, call the member function that js injects object;
UI creates function acquisition module: for making described adaptation layer find the corresponding local UI of described member function to create function;
UI creates function execution module: for carrying out described local UI, create function.
8. the device of the generation method of the UI control across mobile terminal according to claim 7, is characterized in that, described ActiveX drafting unit further comprises:
Measurement module: for determine the size of UI control by measurement;
Layout modules: for layout being carried out in the position of described UI control according to control parameter;
Call drafting module: for call described api interface by described UI ActiveX drafting the display screen at described mobile terminal.
9. the device of the generation method of the UI control across mobile terminal according to claim 6, is characterized in that, also comprise refresh unit, described refresh unit further comprises:
Trigger module: for triggering the operation that refreshes described UI control;
Measure judge module: for judging whether to re-start measurement, in this way, recalculate the size of each UI control;
Layout judge module: for judging whether to re-start layout, in this way, again layout is carried out in the position of described each UI control;
Draw judge module: for judging whether to repaint described UI control, in this way, repaint described UI control; Otherwise, do not carry out any operation.
10. according to the device of the generation method of the UI control across mobile terminal described in claim 6 to 9 any one, it is characterized in that, also comprise interactive unit, described interactive unit further comprises:
Memory module: for this locality is saved the js function of the title of the primary control event of UI and readjustment;
Control Event triggered module: for when the primary control event of UI is triggered, find corresponding js function;
Callback module: described js function is adjusted back to described js execution environment for the js engine of increasing income by adaptation layer.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310695692.1A CN103677839B (en) | 2013-12-17 | 2013-12-17 | Generating method and device of UI control across mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310695692.1A CN103677839B (en) | 2013-12-17 | 2013-12-17 | Generating method and device of UI control across mobile terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103677839A true CN103677839A (en) | 2014-03-26 |
| CN103677839B CN103677839B (en) | 2017-02-15 |
Family
ID=50315506
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310695692.1A Active CN103677839B (en) | 2013-12-17 | 2013-12-17 | Generating method and device of UI control across mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103677839B (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104407863A (en) * | 2014-11-21 | 2015-03-11 | 用友软件股份有限公司 | Abstract control model programming device and method |
| CN106095420A (en) * | 2016-06-03 | 2016-11-09 | 用友网络科技股份有限公司 | Based on mobile cross-platform abstract control model implementation method |
| CN106648655A (en) * | 2016-12-20 | 2017-05-10 | 惟锐（杭州）数字科技有限公司 | Transformation method and device of UE engine bottom layer and method and device for displaying UE project in browser |
| WO2017113732A1 (en) * | 2015-12-28 | 2017-07-06 | 乐视控股（北京）有限公司 | Layout method and system for user interface control, and control method and system therefor |
| CN107193577A (en) * | 2016-03-15 | 2017-09-22 | 阿里巴巴集团控股有限公司 | One kind application startup method, device and intelligent terminal |
| CN107402749A (en) * | 2017-04-14 | 2017-11-28 | 阿里巴巴集团控股有限公司 | Realize the method and device in picture loading storehouse |
| CN107957894A (en) * | 2017-11-24 | 2018-04-24 | 广州市千钧网络科技有限公司 | A kind of method and device of image loading |
| CN108345507A (en) * | 2017-01-22 | 2018-07-31 | 腾讯科技（深圳）有限公司 | Communication means and device between a kind of JS modules and Java modules |
| CN108647028A (en) * | 2018-05-09 | 2018-10-12 | 广州腾讯科技有限公司 | Application information processing method and device |
| CN110780962A (en) * | 2019-10-15 | 2020-02-11 | 四川长虹电器股份有限公司 | Application window title bar and window control display method in X window manager |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101841569A (en) * | 2010-05-17 | 2010-09-22 | 成都中联信通科技有限公司 | Mobile phone payment method based on WEB technology for realizing platform crossing |
-
2013
- 2013-12-17 CN CN201310695692.1A patent/CN103677839B/en active Active
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104407863A (en) * | 2014-11-21 | 2015-03-11 | 用友软件股份有限公司 | Abstract control model programming device and method |
| CN104407863B (en) * | 2014-11-21 | 2017-07-11 | 用友网络科技股份有限公司 | Abstract control model programmer and method |
| WO2017113732A1 (en) * | 2015-12-28 | 2017-07-06 | 乐视控股（北京）有限公司 | Layout method and system for user interface control, and control method and system therefor |
| CN107193577A (en) * | 2016-03-15 | 2017-09-22 | 阿里巴巴集团控股有限公司 | One kind application startup method, device and intelligent terminal |
| CN106095420A (en) * | 2016-06-03 | 2016-11-09 | 用友网络科技股份有限公司 | Based on mobile cross-platform abstract control model implementation method |
| CN106648655A (en) * | 2016-12-20 | 2017-05-10 | 惟锐（杭州）数字科技有限公司 | Transformation method and device of UE engine bottom layer and method and device for displaying UE project in browser |
| CN106648655B (en) * | 2016-12-20 | 2020-01-17 | 惟锐（杭州）数字科技有限公司 | Method and device for improving UE engine bottom layer and method and device for displaying UE items in browser |
| CN108345507A (en) * | 2017-01-22 | 2018-07-31 | 腾讯科技（深圳）有限公司 | Communication means and device between a kind of JS modules and Java modules |
| CN108345507B (en) * | 2017-01-22 | 2022-01-07 | 腾讯科技（深圳）有限公司 | Communication method and device between JS module and Java module |
| CN107402749A (en) * | 2017-04-14 | 2017-11-28 | 阿里巴巴集团控股有限公司 | Realize the method and device in picture loading storehouse |
| CN107402749B (en) * | 2017-04-14 | 2020-07-07 | 阿里巴巴集团控股有限公司 | Method and device for realizing picture loading library |
| CN107957894A (en) * | 2017-11-24 | 2018-04-24 | 广州市千钧网络科技有限公司 | A kind of method and device of image loading |
| CN108647028A (en) * | 2018-05-09 | 2018-10-12 | 广州腾讯科技有限公司 | Application information processing method and device |
| CN108647028B (en) * | 2018-05-09 | 2024-02-09 | 广州腾讯科技有限公司 | Application information processing method and device |
| CN110780962A (en) * | 2019-10-15 | 2020-02-11 | 四川长虹电器股份有限公司 | Application window title bar and window control display method in X window manager |
| CN110780962B (en) * | 2019-10-15 | 2022-02-01 | 四川长虹电器股份有限公司 | Application window title bar and window control display method in X window manager |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103677839B (en) | 2017-02-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103677839A (en) | Generating method and device of UI control across mobile terminal | |
| Charkaoui et al. | Cross-platform mobile development approaches | |
| CN108228287B (en) | QT-based user interface control generation method and device | |
| KR101784978B1 (en) | Method and apparatus for creating desktop widget, and terminal device | |
| CN101859245A (en) | Method and device for generating user interface | |
| CN107818588B (en) | Device and method for calling Qt drawing based on JNI multithreading in Android system | |
| CN104090765A (en) | Method and device for switching from mobile game to webgame | |
| KR101416104B1 (en) | A dynamic loading apparatus and method of java script code performing native functions of hybrid web applications | |
| Francese et al. | Supporting the development of multi-platform mobile applications | |
| CN103092583A (en) | Method and device for dynamically generating setting item list views | |
| CN105373381B (en) | Manufacturing method and manufacturing system of desktop starter of mobile terminal | |
| CN101957756A (en) | System and method for rapidly generating intelligent mobile terminal program | |
| WO2013109858A1 (en) | Design canvas | |
| CN108153533B (en) | Method and device for making installation program, and method and device for installing program | |
| CN105404512A (en) | Application window interface changing method and apparatus | |
| CN106775654A (en) | The automatic method and apparatus for building mobile applications | |
| CN103150198A (en) | Display method of configuration software | |
| CN102486735A (en) | Dynamic loading method and device of mobile phone software | |
| Gaouar et al. | HCIDL: Human-computer interface description language for multi-target, multimodal, plastic user interfaces | |
| CN104850498A (en) | Filling information testing method and filling information testing system | |
| CN103399873A (en) | Database dynamic loading management method and device of virtual reality system | |
| CN104142881A (en) | Adaptive defect detecting method and device of application program programming interfaces | |
| CN110968991A (en) | Method and related device for editing characters | |
| CN105760176A (en) | Packaging method, starting method and corresponding devices for web application | |
| CN102999371B (en) | Interface Development method and system based on Lua script |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Owner name: SHENZHEN IS BLUE TO INSULT THE SOFTWARE LIMITED CO Free format text: FORMER OWNER: SHENZHEN MAIQIAO TECHNOLOGY CO., LTD. Effective date: 20150408 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| COR | Change of bibliographic data |
Free format text: CORRECT: ADDRESS; FROM: 518067 SHENZHEN, GUANGDONG PROVINCE TO: 518000 SHENZHEN, GUANGDONG PROVINCE |
|
| TA01 | Transfer of patent application right |
Effective date of registration: 20150408 Address after: 518000 Guangdong city of Shenzhen province Nanshan District sparrow Ridge Road 7 China Metallurgical Science and Technology Building 5 floor A District Applicant after: Shenzhen Landray Software Co., Ltd. Address before: Nanshan District Software Park Tower No. 10128 Nanshan District Shennan Road Shenzhen City, Guangdong province 518067 2901, 2902, 2910 Applicant before: SHENZHEN MIBRIDGE TECHNOLOGY CO., LTD. |
|
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |