CN103019538A - Method and system for implementing application interface in terminal - Google Patents
Method and system for implementing application interface in terminal Download PDFInfo
- Publication number
- CN103019538A CN103019538A CN2012104692943A CN201210469294A CN103019538A CN 103019538 A CN103019538 A CN 103019538A CN 2012104692943 A CN2012104692943 A CN 2012104692943A CN 201210469294 A CN201210469294 A CN 201210469294A CN 103019538 A CN103019538 A CN 103019538A
- Authority
- CN
- China
- Prior art keywords
- assembly
- webpage
- interface
- terminal
- application interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- Telephonic Communication Services (AREA)
Abstract
The invention discloses a method and a system for implementing an application interface in a terminal. The method comprises the following steps: determining an interface component which the application interface to be implemented contains, wherein the interface component can be simulated by a webpage component; generating the webpage component for simulating the interface component through a hypertext markup language (HTML) and a cascading style sheet (CSS); loading the webpage component by using a webpage container WebView which is applied to generate the application interface in the form of the webpage; setting an operating event of the webpage component of the application interface in an operating file; and when the operating event of the webpage component is triggered, invoking a system resource of the terminal through a terminal application platform PhoneGap to finish the operating event. By the method and the system, the problem that the implementation modes of the application interfaces of the terminals of different operating systems are mutually incompatible is solved. The application interface implemented by the technical scheme of the invention can be applied to various terminals, so that the benefit of remarkably reducing the development cost is achieved.
Description
Technical field
The present invention relates to electronic information technical field, be specifically related to a kind of method and system of in terminal, realizing application interface.
Background technology
In the prior art, the operating system of using on the terminal is varied, for example the mobile phone operating system of IOS(apple terminal), Android(Android operating system), WP7(Microsoft terminal operating system) etc.The application interface implementation that oneself is arranged in each terminal operating system, such as the Layout.xml of Android, the xaml of WP etc.Terminal is classified by used operating system in the terminal, and the application interface implementation of various terminals self is incompatible.
Therefore, when load application in different terminals, need to be for the application interface of the independent exploitation of every kind of terminal corresponding to this terminal.Thus, cause the remarkable increase of application and development cost.
Summary of the invention
In view of the above problems, the present invention has been proposed in order to a kind of method and system of realizing application interface in terminal is provided, to solve the incompatible problem of application interface implementation in the terminal of using different operating system.
According to one aspect of the present invention, a kind of method that realizes application interface in terminal is provided, described method comprises:
That determines to comprise in the application interface to be achieved can be by the interface assembly of webpage assembly simulation;
Generate the webpage assembly that is used for simulating described interface assembly by HTML (Hypertext Markup Language) HTML and style design table CSS;
Use the Web page-container WebView that uses to load described webpage assembly, the application interface of generating web page form;
The Action Events of webpage assembly in the application interface is set in operation file, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finish described Action Events.
Wherein, the Web page-container WebView that uses of described use loads described webpage assembly and specifically comprises:
When not loading external web page in the described application interface, generate the webpage that is used for the simulation application interface according to described webpage assembly, use described WebView to load the webpage of this generation.
Wherein, the Web page-container WebView that uses of described use loads described webpage assembly and specifically comprises:
When loading external web page in the described application interface, use described WebView to load described external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of described WebView inserts described webpage assembly in described external web page.
Wherein, described method also comprises:
That determines to comprise in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation;
The interface assembly implementation that adopts terminal this locality to provide generates described interface assembly, and the Action Events of described interface assembly is set, and universal container loaded described interface assembly during use was used;
When the Action Events of interface assembly is triggered, directly calls the system resource of terminal and finish described Action Events.
Wherein, describedly can comprise at least one of following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
According to one aspect of the present invention, a kind of system that realizes application interface in terminal is provided, described system comprises:
The assembly determination module, what be suitable for determining comprising in the application interface to be achieved can be by the interface assembly of webpage assembly simulation;
The assembly generation module is suitable for generating the webpage assembly that is used for simulating described interface assembly by HTML (Hypertext Markup Language) HTML and style design table CSS;
The assembly load-on module is suitable for using the Web page-container WebView of application to load described webpage assembly, the application interface of generating web page form;
Action Events is finished module, is suitable for arranging in operation file the Action Events of webpage assembly in the application interface, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finishes described Action Events.
Wherein, described assembly load-on module specifically is suitable for when not loading external web page in the described application interface, generates the webpage that is used for the simulation application interface according to described webpage assembly, uses described WebView to load the webpage of this generation.
Wherein, described assembly load-on module, specifically be suitable for when loading external web page in the described application interface, use described WebView to load described external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of described WebView inserts described webpage assembly in described external web page.
Wherein, described assembly determination module, what also be suitable for determining comprising in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation;
Described assembly generation module, the interface assembly implementation that also is suitable for adopting terminal this locality to provide generates described interface assembly, and the Action Events of described interface assembly is set;
Described assembly load-on module, universal container loads described interface assembly in also being suitable for use using;
Described Action Events is finished module, also is suitable for when the Action Events of interface assembly is triggered, and directly calls the system resource of terminal and finishes described Action Events.
Wherein, describedly can comprise at least one of following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
According to technical scheme provided by the invention, wherein, for can be by the interface assembly of webpage assembly simulation in the application interface, generate the webpage assembly that is used for this interface assembly of simulation by HTML (Hypertext Markup Language) HTML and style design table CSS, use the Web page-container WebView that uses to load the webpage assembly that generates, and the application interface of further generating web page form, then the Action Events of webpage assembly in the application interface is set in operation file, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finish this Action Events.Because, the operating system of each terminal is all supported WebView, therefore the webpage assembly that generates by HTML and CSS can successfully be loaded into to be used in the various terminals, and the interface assembly in the normally used application interface can be by the simulation of webpage assembly, so that adopt webpage assembly modeling interface assembly to realize that the technical scheme of application interface can be by great majority application support.As seen, technical scheme can solve the incompatible problem of application interface implementation in the terminal of using different operating system among the present invention, the application interface of realizing by technical scheme among the present invention can be used in the various terminals, has obtained the beneficial effect of remarkable reducing development cost.
Above-mentioned explanation only is the general introduction of technical solution of the present invention, for can clearer understanding technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Description of drawings
By reading hereinafter detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing only is used for the purpose of preferred implementation is shown, and does not think limitation of the present invention.And in whole accompanying drawing, represent identical parts with identical reference symbol.In the accompanying drawings:
Fig. 1 shows the structural drawing of realizing according to an embodiment of the invention the system of application interface in terminal;
Fig. 2 shows the synoptic diagram that is used for according to an embodiment of the invention the webpage at simulation application interface;
Fig. 3 shows the synoptic diagram of the application interface that is loaded with according to an embodiment of the invention external web page; And
Fig. 4 shows the according to an embodiment of the invention process flow diagram of the method for application interface that realizes of embodiment in terminal.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in the accompanying drawing, yet should be appreciated that and to realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order to understand the disclosure more thoroughly that these embodiment are provided, and can with the scope of the present disclosure complete convey to those skilled in the art.
Referring to Fig. 1, show the structural drawing of in terminal, realizing according to an embodiment of the invention the system of application interface.Described system comprises: assembly determination module 110, assembly generation module 120, assembly load-on module 130 and Action Events are finished module 140.
Described terminal can be any terminal device, for example, and personal computer, mobile phone etc.Preferably, described terminal is mobile phone.
Interface assembly in the common application interface can be simulated by the webpage assembly.For example, can comprise following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
Wherein, use HTML definition webpage assembly, use CSS that the style of webpage assembly is arranged.For example, defined a menu bar by HTML, wherein definition has the title of menu bar, and then to the font of title in the menu bar, the color of the size of menu bar, menu bar background etc. arranges CSS.Again for example, defined a button by HTML, wherein defined the literal that shows in the button, then to the font of button Chinese word, the size of button, color etc. arrange CSS.The effect of the interface assembly that the concrete content basis that arranges will be realized and deciding.Generate thus the webpage assembly that is used for the modeling interface assembly.
Assembly load-on module 130 is suitable for using the Web page-container WebView Web page loading assembly of application, the application interface of generating web page form.
For example, assembly load-on module 130 specifically is suitable for when not loading external web page in the application interface, generates the webpage that is used for the simulation application interface according to the webpage assembly, uses WebView to load the webpage of this generation.For example, referring to Fig. 2, show the synoptic diagram that is used for according to an embodiment of the invention the webpage at simulation application interface.Wherein, the webpage assembly of assembly generation module 120 generations comprises: menu bar 210, text box 220, button 230.Assembly load-on module 130 is with these webpage assembly combination producing webpages, and WebView loads this webpage, generates interface as shown in Figure 2.Fig. 2 median surface is form web page, but display effect is identical with the application interface that will realize, and the interface that Fig. 2 shows is the application interface of form web page.
In addition, because WebView once only can load a webpage.When needing to load external web page in the application interface, adopt the insertion technology to finish the loading of webpage assembly.Wherein, external web page can be the webpage that provides of third party arbitrarily, for example the webpage that provides of various websites.
Assembly load-on module 130 specifically is suitable for when loading external web page in the application interface, use WebView to load this external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of WebView externally inserts the webpage assembly in the webpage.Wherein, WebView loads this external web page and aforementioned WebView to add the local webpage that generates of mounted terminal as broad as long aspect the load operation operation.Both differences are: the webpage that external web page provides for third party outside the terminal, can not revise, and therefore adopt above-mentioned insertion technology to add the webpage assembly that is used for the modeling interface assembly to this external web page; The local webpage of webpage for generating according to application interface to be achieved that generates of terminal comprised the webpage assembly for the modeling interface assembly in this webpage, need not to adopt the insertion technology to add the webpage assembly again.
For example, referring to Fig. 3, show the synoptic diagram of the application interface that is loaded with according to an embodiment of the invention external web page.Wherein, be loaded with external web page 310 in the webpage, externally insert menu bar 320 in the webpage 310.WebView loads this external web page 310, and the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of WebView inserts menu bar 320 in this external web page 310.Comprise a plurality of function keys in this menu bar 320.The function of the WebViewClient of described WebView is equivalent to the client of browser, is used for resolving the WebView content, and this WebViewClient is provided by the application system of terminal.
In the prior art, use document elements iframe as the container of external web page, and use the position fixed pattern position:fixed among the CSS, fix, can load external web page by this kind mode.But because various terminals are incomplete to the support of iframe and fixed, the situation of layout entanglement can appear in the interface after causing loading.Adopt the mode in the present embodiment, use WebView to load external web page, the webpage load-on module onPageFinished that transfers WebViewClient among the WebView externally inserts the webpage assembly in the webpage, because various terminals all have complete support for WebView, adopt therefore that the insertion technology layout entanglement occurs after can avoiding loading in the present embodiment.
Action Events is finished module 140, is suitable for arranging in operation file the Action Events of webpage assembly in the application interface, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finishes this Action Events.
The application interface of assembly load-on module 130 generating web page forms only is the appearance style that has produced application interface.Have various Action Events in each assembly in the application interface, for example button has the clicking operation event, and text box has input operation event etc.Therefore, at operation file, javaScrip file for example, the middle Action Events that webpage assembly in the application interface is set.Because Webview is the calling system resource directly, therefore, when the Action Events of webpage assembly is triggered, use PhoneGap as the agency, finish WebView calling system resource.
On the other hand, the present invention is and the compatibility between the interface assembly of the interface assembly of supported web page assembly simulation and terminal this locality.Various terminals are classified by used operating system in the terminal among the present invention, and various terminals all provide self distinctive application interface implementation.The interface assembly that the interface assembly of described terminal this locality is realized for the interface assembly implementation that provides by operating system in the terminal.
Especially for can not by the interface assembly of webpage assembly simulation, realizing in the following way in some special application.
What assembly determination module 110 also was suitable for determining comprising in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation.The interface assembly implementation that assembly generation module 120 also is suitable for adopting terminal this locality to provide generates this interface assembly, and the Action Events of this interface assembly is set.For example, realize application interface in the Android terminal, the interface assembly implementation of then using Android operating system to provide generates this interface assembly, and the Action Events of interface assembly is set according to the implementation that Android operating system provides.Universal container loaded this interface assembly during assembly load-on module 130 also was suitable for using and uses.Action Events is finished module 140 and also is suitable for when the Action Events of interface assembly is triggered, and directly calls the system resource of terminal and finishes this Action Events.Wherein, the system resource of directly calling terminal and aforementioned use PhoneGap call terminal as intermediate the mode of system resource is different, the system resource of directly calling terminal refers to that terminal this locality provides interface for the Action Events of described interface assembly, just can call the system resource of terminal by this interface, need not to realize calling the system resource of terminal by intermediate.
For example, comprise interface assembly " painting canvas " in the application interface, this interface assembly can not be by the simulation of webpage assembly, and the interface assembly implementation that then provides by terminal this locality generates this painting canvas, and uses universal container to load.When the Action Events of painting canvas is triggered, directly calls the system resource of terminal and finish this Action Events.
The embodiment of the invention can be used for the realization of the application interface of various application, is preferred for the realization to the application interface of following application:
The application lower to requirement of real-time for example, requires lower application to interface refresh rate, calculating strength or file operation frequency etc.;
Browse the application of type or network-type, for example, to the browse application of webpage; And
Cross-platform for example, requires the application that realizes in the multiple terminal that uses different operating system.
Technical scheme possesses following beneficial effect in the embodiment of the invention.
The first, reduced the application and development cost.In the prior art in terminal of exploitation application interface need a large amount of early stages and learn to grasp application interface implementation in the various terminals, use the interface assembly at webpage assembly simulation application interface in the present embodiment, therefore, only adopt a kind of general HTML+CSS mode just can realize exploitation, simplify performance history, saved cost of development.
The second, realized the cross-platform use of application interface.Use the interface assembly at webpage assembly simulation application interface in the present embodiment, load this webpage assembly by WebView, because various terminals are to the generally support of WebView, so that the application interface of the form web page that primary development is finished can use in various terminals, and the application interface effect that presents in each terminal is identical.
The 3rd, strengthened and system resource between mutual.Because HTML supports more operation to system resource, and can pass through PhoneGap calling system resource, has further strengthened the access to system resource, can better realize the operation of application interface median surface assembly.
Referring to Fig. 4, show the according to an embodiment of the invention process flow diagram of the method for application interface that in terminal, realizes of embodiment.Method comprises the steps in the present embodiment.Described terminal can be any terminal device, for example, and personal computer, mobile phone etc.Preferably, described terminal is mobile phone.
Step S410, that determines to comprise in the application interface to be achieved can be by the interface assembly of webpage assembly simulation.
Interface assembly in the common application interface can be simulated by the webpage assembly.For example, can comprise following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
Step S420 generates the webpage assembly that is used for the modeling interface assembly by HTML (Hypertext Markup Language) HTML and style design table CSS.
Wherein, use HTML definition webpage assembly, use CSS that the style of webpage assembly is arranged.For example, defined a menu bar by HTML, wherein definition has the title of menu bar, and then to the font of title in the menu bar, the color of the size of menu bar, menu bar background etc. arranges CSS.Again for example, defined a button by HTML, wherein defined the literal that shows in the button, then to the font of button Chinese word, the size of button, color etc. arrange CSS.The effect of the interface assembly that the concrete content basis that arranges will be realized and deciding.Generate thus the webpage assembly that is used for the modeling interface assembly.
Step S430 uses the Web page-container WebView Web page loading assembly of using, the application interface of generating web page form.
For example, when not loading external web page in the application interface, generate the webpage that is used for the simulation application interface according to the webpage assembly, use WebView to load the webpage of this generation.For example, referring to Fig. 2, show the synoptic diagram that is used for according to an embodiment of the invention the webpage at simulation application interface.Wherein, the webpage assembly of generation comprises: menu bar 210, text box 220, button 230.With these webpage assembly combination producing webpages, WebView loads this webpage, generates interface as shown in Figure 2.Fig. 2 median surface is form web page, but display effect is identical with the application interface that will realize, and the interface that Fig. 2 shows is the application interface of form web page.
In addition, because WebView once only can load a webpage.When needing to load external web page in the application interface, adopt the insertion technology to finish the loading of webpage assembly.Wherein, external web page can be the webpage that provides of third party arbitrarily, for example the webpage that provides of various websites.
For example, when loading external web page in the application interface, use WebView to load this external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of WebView externally inserts the webpage assembly in the webpage.Wherein, WebView loads this external web page and aforementioned WebView to add the local webpage that generates of mounted terminal as broad as long aspect the load operation operation.Both differences are the webpage that external web page provides for third party outside the terminal, can not revise, and therefore adopt above-mentioned insertion technology to add the webpage assembly that is used for the modeling interface assembly to this external web page; The local webpage of webpage for generating according to application interface to be achieved that generates of terminal comprised the webpage assembly for the modeling interface assembly in this webpage, need not to adopt the insertion technology to add the webpage assembly again.
For example, referring to Fig. 3, show the synoptic diagram of the application interface that is loaded with according to an embodiment of the invention external web page.Wherein, be loaded with external web page 310 in the webpage, externally insert menu bar 320 in the webpage 310.WebView loads this external web page 310, and the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of WebView inserts menu bar 320 in this external web page 310.Comprise a plurality of function keys in this menu bar 320.The function of the WebViewClient of described WebView is equivalent to the client of browser, is used for resolving the WebView content, and this WebViewClient is provided by the application system of terminal.
In the prior art, use document elements iframe as the container of external web page, and use the position fixed pattern position:fixed among the CSS, fix, can load external web page by this kind mode.But because various terminals are incomplete to the support of iframe and fixed, the situation of layout entanglement can appear in the interface after causing loading.Adopt the mode in the present embodiment, use WebView to load external web page, the webpage load-on module onPageFinished that transfers WebViewClient among the WebView externally inserts the webpage assembly in the webpage, because various terminal operating systems all have complete support for WebView, adopt therefore that the insertion technology layout entanglement occurs after can avoiding loading in the present embodiment.
Step S440 arranges the Action Events of webpage assembly in the application interface in operation file, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finish described Action Events.
The application interface of generating web page form among the above-mentioned steps S430 only is the appearance style that has produced application interface.Have various Action Events in each assembly in the application interface, for example button has the clicking operation event, and text box has input operation event etc.Therefore, at operation file, javaScrip file for example, the middle Action Events that webpage assembly in the application interface is set.Because Webview is the calling system resource directly, therefore, when the Action Events of webpage assembly is triggered, use PhoneGap as the agency, finish WebView calling system resource.
On the other hand, the present invention is and the compatibility between the interface assembly of the interface assembly of supported web page assembly simulation and terminal this locality.Various terminals are classified by used operating system in the terminal among the present invention, and various operating systems all provide self distinctive application interface implementation.The interface assembly that the interface assembly of described terminal this locality is realized for the interface assembly implementation that provides by operating system in the terminal.
Especially for can not by the interface assembly of webpage assembly simulation, realizing in the following way in some special application.
Described step S410 also comprises operation, and that determines to comprise in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation.
Described step S420 also comprises operation, and the interface assembly implementation that adopts terminal this locality to provide generates this interface assembly, and the Action Events of this interface assembly is set.For example, realize application interface in the Android terminal, the interface assembly implementation of then using Android operating system to provide generates this interface assembly, and the Action Events of interface assembly is set according to the implementation that Android operating system provides.
Described step S430 also comprises operation, and universal container loaded this interface assembly during use was used.
Described step S440 also comprises operation, when the Action Events of interface assembly is triggered, directly calls the system resource of terminal and finishes this Action Events.
Wherein, the system resource of directly calling terminal and aforementioned use PhoneGap call terminal as intermediate the mode of system resource is different, the system resource of directly calling terminal refers to that terminal this locality provides interface for the Action Events of described interface assembly, just can call the system resource of terminal by this interface, need not to realize calling the system resource of terminal by intermediate.
For example, comprise interface assembly " painting canvas " in the application interface, this interface assembly can not be by the simulation of webpage assembly, and the interface assembly implementation that then provides by terminal this locality generates this painting canvas, and uses universal container to load.When the Action Events of painting canvas is triggered, directly calls the system resource of terminal and finish this Action Events.
The embodiment of the invention can be used for the realization of the application interface of various application, is preferred for the realization to the application interface of following application:
The application lower to requirement of real-time for example, requires lower application to interface refresh rate, calculating strength or file operation frequency etc.;
Browse the application of type or network-type, for example, to the browse application of webpage; And
Cross-platform for example, requires the application that realizes in the multiple terminal that uses different operating system.
Technical scheme possesses following beneficial effect in the embodiment of the invention.
The first, reduced the application and development cost.In the prior art in terminal of exploitation application interface need a large amount of early stages and learn to grasp application interface implementation in the various terminals, use the interface assembly at webpage assembly simulation application interface in the present embodiment, therefore, only adopt a kind of general HTML+CSS mode just can realize exploitation, simplify performance history, saved cost of development.
The second, realized the cross-platform use of application interface.Use the interface assembly at webpage assembly simulation application interface in the present embodiment, load this webpage assembly by WebView, because various terminals are to the generally support of WebView, so that the application interface of the form web page that primary development is finished can use in various terminals, and the application interface effect that presents in each terminal is identical.
The 3rd, strengthened and system resource between mutual.Because HTML supports more operation to system resource, and can pass through PhoneGap calling system resource, has further strengthened the access to system resource, can better realize the operation of application interface median surface assembly.
Intrinsic not relevant with any certain computer, virtual system or miscellaneous equipment with demonstration at this algorithm that provides.Various general-purpose systems also can be with using based on the teaching at this.According to top description, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.Should be understood that and to utilize various programming languages to realize content of the present invention described here, and the top description that language-specific is done is in order to disclose preferred forms of the present invention.
In the instructions that provides herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can be put into practice in the situation of these details not having.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the description to exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or the description to it sometimes in the above.Yet the method for the disclosure should be construed to the following intention of reflection: namely the present invention for required protection requires the more feature of feature clearly put down in writing than institute in each claim.Or rather, as following claims reflected, inventive aspect was to be less than all features of the disclosed single embodiment in front.Therefore, follow claims of embodiment and incorporate clearly thus this embodiment into, wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and can adaptively change and they are arranged in one or more equipment different from this embodiment the module in the equipment among the embodiment.Can be combined into a module or unit or assembly to the module among the embodiment or unit or assembly, and can be divided into a plurality of submodules or subelement or sub-component to them in addition.In such feature and/or process or unit at least some are mutually repelling, and can adopt any combination to disclosed all features in this instructions (comprising claim, summary and the accompanying drawing followed) and so all processes or the unit of disclosed any method or equipment make up.Unless in addition clearly statement, disclosed each feature can be by providing identical, being equal to or the alternative features of similar purpose replaces in this instructions (comprising claim, summary and the accompanying drawing followed).
In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included among other embodiment, the combination of the feature of different embodiment means and is within the scope of the present invention and forms different embodiment.For example, in the following claims, the one of any of embodiment required for protection can be used with array mode arbitrarily.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation of the scope that does not break away from claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed in element or step in the claim.Being positioned at word " " before the element or " one " does not get rid of and has a plurality of such elements.The present invention can realize by means of the hardware that includes some different elements and by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to come imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title with these word explanations.
Claims (10)
1. method that in terminal, realizes application interface, described method comprises:
That determines to comprise in the application interface to be achieved can be by the interface assembly of webpage assembly simulation;
Generate the webpage assembly that is used for simulating described interface assembly by HTML (Hypertext Markup Language) HTML and style design table CSS;
Use the Web page-container WebView that uses to load described webpage assembly, the application interface of generating web page form;
The Action Events of webpage assembly in the application interface is set in operation file, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finish described Action Events.
2. method according to claim 1, wherein,
The Web page-container WebView that described use is used loads described webpage assembly and specifically comprises:
When not loading external web page in the described application interface, generate the webpage that is used for the simulation application interface according to described webpage assembly, use described WebView to load the webpage of this generation.
3. method according to claim 1, wherein,
The Web page-container WebView that described use is used loads described webpage assembly and specifically comprises:
When loading external web page in the described application interface, use described WebView to load described external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of described WebView inserts described webpage assembly in described external web page.
4. according to claim 1 to 3 each described methods, wherein, described method also comprises:
That determines to comprise in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation;
The interface assembly implementation that adopts terminal this locality to provide generates described interface assembly, and the Action Events of described interface assembly is set, and universal container loaded described interface assembly during use was used;
When the Action Events of interface assembly is triggered, directly calls the system resource of terminal and finish described Action Events.
5. according to claim 1 to 3 each described methods, wherein,
Describedly can comprise at least one of following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
6. system that in terminal, realizes application interface, described system comprises:
The assembly determination module, what be suitable for determining comprising in the application interface to be achieved can be by the interface assembly of webpage assembly simulation;
The assembly generation module is suitable for generating the webpage assembly that is used for simulating described interface assembly by HTML (Hypertext Markup Language) HTML and style design table CSS;
The assembly load-on module is suitable for using the Web page-container WebView of application to load described webpage assembly, the application interface of generating web page form;
Action Events is finished module, is suitable for arranging in operation file the Action Events of webpage assembly in the application interface, when the Action Events of webpage assembly is triggered, calls the system resource of terminal by terminal application platform PhoneGap and finishes described Action Events.
7. system according to claim 6, wherein,
Described assembly load-on module specifically is suitable for when not loading external web page in the described application interface, generates the webpage that is used for the simulation application interface according to described webpage assembly, uses described WebView to load the webpage of this generation.
8. system according to claim 6, wherein,
Described assembly load-on module, specifically be suitable for when loading external web page in the described application interface, use described WebView to load described external web page, the webpage load-on module onPageFinished that transfers the virtual browser client WebViewClient of described WebView inserts described webpage assembly in described external web page.
9. according to claim 6 to 8 each described systems, wherein,
Described assembly determination module, what also be suitable for determining comprising in the application interface to be achieved can not be by the interface assembly of webpage assembly simulation;
Described assembly generation module, the interface assembly implementation that also is suitable for adopting terminal this locality to provide generates described interface assembly, and the Action Events of described interface assembly is set;
Described assembly load-on module, universal container loads described interface assembly in also being suitable for use using;
Described Action Events is finished module, also is suitable for when the Action Events of interface assembly is triggered, and directly calls the system resource of terminal and finishes described Action Events.
10. according to claim 6 to 8 each described systems, wherein,
Describedly can comprise at least one of following assembly by the interface assembly of webpage assembly simulation: text box, label, button, form, picture, menu bar and progress bar.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012104692943A CN103019538A (en) | 2012-11-19 | 2012-11-19 | Method and system for implementing application interface in terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012104692943A CN103019538A (en) | 2012-11-19 | 2012-11-19 | Method and system for implementing application interface in terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103019538A true CN103019538A (en) | 2013-04-03 |
Family
ID=47968196
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012104692943A Pending CN103019538A (en) | 2012-11-19 | 2012-11-19 | Method and system for implementing application interface in terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103019538A (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102999336A (en) * | 2012-11-19 | 2013-03-27 | 北京奇虎科技有限公司 | Application interface realizing method and application interface realizing system |
| CN103442142A (en) * | 2013-08-28 | 2013-12-11 | 冯立光 | Method for rapidly handing over applications of mobile phone client terminal |
| CN103440107A (en) * | 2013-09-04 | 2013-12-11 | 北京奇虎科技有限公司 | Method and device for processing touch operation of electronic device |
| CN104426967A (en) * | 2013-08-30 | 2015-03-18 | 中国石油天然气股份有限公司 | Cross-platform and cross-equipment mobile application construction method |
| CN104714830A (en) * | 2015-04-03 | 2015-06-17 | 普元信息技术股份有限公司 | System and method for achieving cross-platform application development based on native development language |
| CN104965722A (en) * | 2014-07-29 | 2015-10-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying information |
| CN104991710A (en) * | 2015-06-29 | 2015-10-21 | 北京金山安全软件有限公司 | Webpage view control method and device |
| CN106227517A (en) * | 2016-07-13 | 2016-12-14 | 北京智网易联科技有限公司 | Primary mobile APP software auto generating method and equipment |
| CN106339391A (en) * | 2015-07-09 | 2017-01-18 | 腾讯科技（深圳）有限公司 | Method for displaying webpage and terminal device |
| CN106445518A (en) * | 2016-09-22 | 2017-02-22 | 中国传媒大学 | Method and system for developing cross-platform mobile terminal application |
| CN107577509A (en) * | 2017-08-28 | 2018-01-12 | 深圳市金立通信设备有限公司 | A kind of method, terminal and computer-readable recording medium for loading application interface |
| CN107729074A (en) * | 2017-09-25 | 2018-02-23 | 百富计算机技术（深圳）有限公司 | A kind of loading method and device of the user interface of POS applications |
| CN107943478A (en) * | 2017-11-29 | 2018-04-20 | 厦门市美亚柏科信息股份有限公司 | A kind of exploitation of Web page application program and loading method, device, terminal and medium |
| CN109670129A (en) * | 2018-11-27 | 2019-04-23 | 广东耐思智慧科技有限公司 | A kind of method and device for switching to html web page to be adapted to MIP format |
| CN111258569A (en) * | 2020-01-09 | 2020-06-09 | 卓望数码技术（深圳）有限公司 | Webpage component editing method, device, equipment and computer readable storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1627257A (en) * | 2003-06-19 | 2005-06-15 | 微软公司 | Framework for creating modular web applications |
| CN1696896A (en) * | 2004-05-10 | 2005-11-16 | 华为技术有限公司 | Method and system for unifying users'interface |
| CN101526942A (en) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | Component implementation technology for automatically generating dynamic web page on line in real time |
| CN102314427A (en) * | 2010-06-30 | 2012-01-11 | 上海视加信息科技有限公司 | Method for distributively creating webpage |
| CN102999336A (en) * | 2012-11-19 | 2013-03-27 | 北京奇虎科技有限公司 | Application interface realizing method and application interface realizing system |
-
2012
- 2012-11-19 CN CN2012104692943A patent/CN103019538A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1627257A (en) * | 2003-06-19 | 2005-06-15 | 微软公司 | Framework for creating modular web applications |
| CN1696896A (en) * | 2004-05-10 | 2005-11-16 | 华为技术有限公司 | Method and system for unifying users'interface |
| CN101526942A (en) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | Component implementation technology for automatically generating dynamic web page on line in real time |
| CN102314427A (en) * | 2010-06-30 | 2012-01-11 | 上海视加信息科技有限公司 | Method for distributively creating webpage |
| CN102999336A (en) * | 2012-11-19 | 2013-03-27 | 北京奇虎科技有限公司 | Application interface realizing method and application interface realizing system |
Non-Patent Citations (1)
| Title |
|---|
| 佚名: "PhoneGap工作原理及需改进的地方", 《HTTP://MOBILE.51CTO.COM/WEB-330900.HTM》 * |
Cited By (22)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102999336A (en) * | 2012-11-19 | 2013-03-27 | 北京奇虎科技有限公司 | Application interface realizing method and application interface realizing system |
| CN103442142A (en) * | 2013-08-28 | 2013-12-11 | 冯立光 | Method for rapidly handing over applications of mobile phone client terminal |
| CN103442142B (en) * | 2013-08-28 | 2015-07-15 | 冯立光 | Method for rapidly handing over applications of mobile phone client terminal |
| CN104426967A (en) * | 2013-08-30 | 2015-03-18 | 中国石油天然气股份有限公司 | Cross-platform and cross-equipment mobile application construction method |
| CN104426967B (en) * | 2013-08-30 | 2019-02-15 | 中国石油天然气股份有限公司 | A kind of cross-platform and striding equipment mobile application development system |
| CN103440107A (en) * | 2013-09-04 | 2013-12-11 | 北京奇虎科技有限公司 | Method and device for processing touch operation of electronic device |
| CN104965722B (en) * | 2014-07-29 | 2018-09-18 | 腾讯科技（深圳）有限公司 | A kind of method and device of display information |
| CN104965722A (en) * | 2014-07-29 | 2015-10-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying information |
| CN104714830A (en) * | 2015-04-03 | 2015-06-17 | 普元信息技术股份有限公司 | System and method for achieving cross-platform application development based on native development language |
| CN104714830B (en) * | 2015-04-03 | 2018-03-30 | 普元信息技术股份有限公司 | The system and method for cross-platform exploitation is realized based on primary development language |
| CN104991710A (en) * | 2015-06-29 | 2015-10-21 | 北京金山安全软件有限公司 | Webpage view control method and device |
| CN106339391B (en) * | 2015-07-09 | 2020-06-23 | 腾讯科技（深圳）有限公司 | Webpage display method and terminal equipment |
| CN106339391A (en) * | 2015-07-09 | 2017-01-18 | 腾讯科技（深圳）有限公司 | Method for displaying webpage and terminal device |
| US10713414B2 (en) | 2015-07-09 | 2020-07-14 | Tencent Technology (Shenzhen) Company Limited | Web page display method, terminal, and storage medium |
| CN106227517A (en) * | 2016-07-13 | 2016-12-14 | 北京智网易联科技有限公司 | Primary mobile APP software auto generating method and equipment |
| CN106445518A (en) * | 2016-09-22 | 2017-02-22 | 中国传媒大学 | Method and system for developing cross-platform mobile terminal application |
| CN107577509A (en) * | 2017-08-28 | 2018-01-12 | 深圳市金立通信设备有限公司 | A kind of method, terminal and computer-readable recording medium for loading application interface |
| CN107729074A (en) * | 2017-09-25 | 2018-02-23 | 百富计算机技术（深圳）有限公司 | A kind of loading method and device of the user interface of POS applications |
| CN107729074B (en) * | 2017-09-25 | 2021-02-23 | 百富计算机技术（深圳）有限公司 | Method and device for loading user interface of POS application |
| CN107943478A (en) * | 2017-11-29 | 2018-04-20 | 厦门市美亚柏科信息股份有限公司 | A kind of exploitation of Web page application program and loading method, device, terminal and medium |
| CN109670129A (en) * | 2018-11-27 | 2019-04-23 | 广东耐思智慧科技有限公司 | A kind of method and device for switching to html web page to be adapted to MIP format |
| CN111258569A (en) * | 2020-01-09 | 2020-06-09 | 卓望数码技术（深圳）有限公司 | Webpage component editing method, device, equipment and computer readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103019538A (en) | Method and system for implementing application interface in terminal | |
| CN102999336A (en) | Application interface realizing method and application interface realizing system | |
| CN101122921B (en) | Method forming tree-shaped display structure based on ajax and html | |
| CN102495855B (en) | Automatic login method and device | |
| US9063740B2 (en) | Web widget component for a rapid application development tool | |
| US20180095604A1 (en) | Rendering components based on screen size | |
| CN103823841B (en) | Improve the method and its device of mobile terminal client terminal surfing | |
| CN102999578A (en) | Method and device for processing page element | |
| CN103268331A (en) | Automatic login method and automatic login device | |
| CN103164541A (en) | Image presentation method and equipment | |
| CN109960491A (en) | Application program generation method, generating means, electronic equipment and storage medium | |
| CN102520966A (en) | Method for prompting codes and device | |
| CN104021016A (en) | Method and browser for loading browser plug-in icons | |
| CN104063484A (en) | Webpage presenting method and device and electronic device | |
| CN114996619A (en) | Page display method and device, computer equipment and storage medium | |
| CN102981844A (en) | Browser treating webpage main body element and method treating the webpage main body element | |
| CN104850498A (en) | Filling information testing method and filling information testing system | |
| CN102981845A (en) | Page elements processing method of browser and page elements processing device of browser | |
| CN101470591B (en) | Method and apparatus for producting hyper text markup language code through Java service page label | |
| CN102981853A (en) | Method of long text submission through web page text input box and device thereof | |
| CN103034723A (en) | Page presenting method and equipment | |
| CN108897889A (en) | A kind of front page optimization method, front page optimization device and computer equipment | |
| CN102981847A (en) | Browser treating page textbox and method treating the page textbox | |
| CN102981852B (en) | This commit method of long article and device | |
| CN102915349A (en) | Method for displaying webpage in browser and webpage component displayed in browser |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130403 |
|
| RJ01 | Rejection of invention patent application after publication |