CN104932877A - Method for designing application program interface for intelligent terminal - Google Patents
Method for designing application program interface for intelligent terminal Download PDFInfo
- Publication number
- CN104932877A CN104932877A CN201510200647.3A CN201510200647A CN104932877A CN 104932877 A CN104932877 A CN 104932877A CN 201510200647 A CN201510200647 A CN 201510200647A CN 104932877 A CN104932877 A CN 104932877A
- Authority
- CN
- China
- Prior art keywords
- interface
- application program
- intelligent terminal
- operating system
- program 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
Abstract
The present invention provides a method for designing an application program interface for a intelligent terminal. The method comprises the following steps: 1, preliminarily designing an application program interface distribution graph, compiling an interface configuration file by using a software language according to the distribution graph, and sending the interface configuration file to primary applications in different operating systems; and 2, parsing the interface configuration file and generating a display and control interface supporting different operating systems; wherein step 2 comprises the following substeps: 21, loading the interface configuration file; 22, parsing an interface element; 23, arranging the interface; 24, setting the interface to adapt to the size of the screen; and in step 1, the primary applications are incomplete application programs which complete data acquisition, processing, and operation in the operating system to form interface configuration information but fail to parse the formed interface configuration information. The method according to the present invention can prevent repeated development of the application program interface, and reduce the development cost.
Description
Technical field
The present invention relates to intelligent terminal field, particularly relate to a kind of intelligent terminal Application Program Interface method for designing.
Background technology
The Develop Application System field of current intelligent terminal is carved up by several large operating system, the exploitation of such as android operating system, the exploitation etc. of iSO operating system.As shown in Figure 1, a same application program needs to develop respectively in order to different operating system, such as, and the application of the application that mobile phone QQ should develop android version development support iSO version again; And the application of the different editions developed also needs on interface is arranged consistent as much as possible, keep the application program outward appearance of identical function and operational consistance.At this moment the exploitation that arranges for the interface in different operating system is doing overlapping development exactly, and extra adds cost of development.
Summary of the invention
The technical problem to be solved in the present invention is: provide a kind of only just can the intelligent terminal Application Program Interface method for designing of compatible different operating system through primary development for different operating system, the Application Program Interface through the method exploitation has identical outward appearance and operation in each operating system.
For achieving the above object, the invention provides a kind of intelligent terminal Application Program Interface method for designing.
Described intelligent terminal Application Program Interface method for designing comprises the following steps:
Step 1: primary design Application Program Interface distribution plan, uses software language to write interface configurations document, by described interface configurations document distribution to the primary application under different operating system according to described distribution plan;
Step 2: described interface configurations document is resolved, and generate the display and control inerface of supporting different operating system;
Described step 2 comprises the following steps:
Step 21: load described interface configurations document;
Step 22: interface element is resolved;
Step 23: layout is carried out to interface;
Step 24: interface adaptation screen size is set;
In step 1, described primary application is complete data acquisition, process, computing formation interface configuration information on an operating system, but also not to the incomplete application program that the interface configuration information formed is resolved.
Further, described operating system comprises Android system, iSO system, Symbian system, Windows Phone system and BlackBerry OS system.
Further, when obtaining described interface configuration information and be incorporated into an interface configurations document, JSON or XML language form is adopted to write; The attribute of the size of multiple interface element, value, ID and background color is provided with in described interface configurations document.
Further, after having loaded described interface configurations document, call the base class corresponding to described Application Program Interface, and carried out resolving and configuring from base class.
Further, during described interface layout, adopt from top to bottom, streaming layout from left to right; The lowest-rank element of list is multiple form line, observes layout pattern from top to bottom.Element in form line observes from left to right layout pattern, also can nested list in form line, constructs the various interfacial effects required for intelligent terminal application program.
Beneficial effect of the present invention:
Intelligent terminal Application Program Interface method for designing provided by the invention is only through the primary development just compatible different operating system of energy, and the method can avoid the overlapping development of Application Program Interface, reduces cost of development; Application Program Interface through the method exploitation has identical outward appearance and operation in each operating system.
Accompanying drawing explanation
Below in conjunction with accompanying drawing, by the specific embodiment of the present invention describe in detail, will make technical scheme of the present invention and other beneficial effect apparent.
In accompanying drawing,
Fig. 1 is the schematic diagram of current different operating operating system exploitation with money application program;
Fig. 2 is the principle schematic of intelligent terminal Application Program Interface method for designing of the present invention;
Fig. 3 is the interface configurations document body structural drawing of intelligent terminal Application Program Interface method for designing of the present invention;
Fig. 4 is the interface configurations document first order structural drawing of intelligent terminal Application Program Interface method for designing of the present invention;
Fig. 5 is the process flow diagram of intelligent terminal Application Program Interface method for designing of the present invention;
Fig. 6 is the concrete programming flow diagram of the different operating system of intelligent terminal Application Program Interface method for designing of the present invention when resolving interface configurations document.
Embodiment
For further setting forth the technological means and effect thereof that the present invention takes, be described in detail below in conjunction with the preferred embodiments of the present invention and accompanying drawing thereof.What the specific embodiment of the invention provided the invention provides a kind of intelligent terminal Application Program Interface method for designing.
Refer to Fig. 2, Fig. 5 and Fig. 6, under this ultimate principle, described intelligent terminal Application Program Interface method for designing provided by the invention comprises the following steps:
Step 1: primary design Application Program Interface distribution plan, uses software language to write interface configurations document, by described interface configurations document distribution to the primary application under different operating system according to described distribution plan.
First in step 1, different operating system comprises Android system, iSO system, Symbian system, Windows Phone system and BlackBerry OS system, incompatible between these systems.
In step 1, primary application is not a complete application program, but completes data acquisition, process, computing formation interface configuration information on an operating system, but also not to the incomplete application program that the interface configuration information formed is resolved.Such as when developing the application of Mobile phone instant messaging, this primary application refers to, the other side's data can be accepted and carry out the basic encoding and decoding of data, process, conversion the data after process are sent to the application layer of application software, the data that self sends can also be carried out inputting simultaneously, process, convert and be sent to bottom layer driving, thus send in network and even the other side's application program; But primary application does not comprise data in the display of application program application layer and control, and the input of data and the event of transmission, and the layout at interface.
In the present embodiment, further, interface configurations document adopts JSON or XML language form to write in step 1; Each attribute such as the size of each interface element, value, ID and background color are provided with in described interface configurations document.
Below for JSON language format to interface configurations document preparation, the interface configurations document body structure after writing as shown in Figure 3, in Fig. 3 the first order launch after structural drawing as shown in Figure 4.
Wherein, the JOSN examples of language after all launching interface configurations document is as follows:
In the present embodiment, when after completing steps 1, continuous execution step 2.
Described step 2 comprises resolves described interface configurations document, and generates the display and control inerface of supporting different operating system.
In the present embodiment, display and control inerface institute according to data come from each attribute such as the size of each interface element in interface configurations document, value, ID and background color.Concrete, described step 2 comprises the following steps:
Step 21: load described interface configurations document;
Step 22: interface element is resolved;
Step 23: layout is carried out to interface;
Step 24: interface adaptation screen size is set.
In the present embodiment, when performing step 21, adopt the code of swift language to be loaded as example to interface configurations document, concrete is:
In the present embodiment, further, when performing step 22, after having loaded described interface configurations document, having called the base class corresponding to described Application Program Interface, and having carried out resolving and configuring from base class.This base class is present in different operating system, and in each operating system, base class there are differences.
Wherein, when attribute configuration, need the every attribute realizing specifying in interface configurations document.Such as in the viewDidLoad event of classes of pages, the rendering method that can call base class carrys out the property content in configuration interface configuration documentation, concrete:
For the analytic method corresponding to above-mentioned " button " be:
Further, when performing step 23, when to interface layout, adopt from top to bottom, streaming layout from left to right; The lowest-rank element of list is multiple form line, observes layout pattern from top to bottom.Element in form line observes from left to right layout pattern.
It should be noted that, adopting the mode of such page layout to be that most application program adopted, is also people's layout type that prolonged application get used to, but, if there is special requirement can change the mode of page layout.
Further, when performing step 24, for the rate respectively setting the interface of acquiescence as 320*480 is described.Need on the equipment of actual motion, according to actual screen width and 320 ratio to width and the convergent-divergent highly carrying out equal proportion.
Wherein, if in the page, run into content height when exceeding screen height, a container that can roll should be increased for content.
Sometimes the region of screen occupied by interface element is relevant to screen base, can specify its highly for " screen height-fixed value ".Such as: " highly " in configuration file: "-60 ", represent that the height of element equals: " screen height-60 ".
Sometimes the region of screen occupied by interface element is relevant to screen the right and left, can specify its width for " screen width-fixed value ".
After achieved unified interface design by above method, event handling can also be carried out to interface element, mainly be positioned by the ID value of element.Such as in iSO system, the element of different ID can formulate different tag integers, then locates the element of assigned I D according to the tag specified, thus can bind event handling further.
Claims (5)
1. an intelligent terminal Application Program Interface method for designing, is characterized in that, comprises the following steps:
Step 1: primary design Application Program Interface distribution plan, uses software language to write interface configurations document, by described interface configurations document distribution to the primary application under different operating system according to described distribution plan;
Step 2: described interface configurations document is resolved, and generate the display and control inerface of supporting different operating system;
Described step 2 comprises the following steps:
Step 21: load described interface configurations document;
Step 22: interface element is resolved;
Step 23: layout is carried out to interface;
Step 24: interface adaptation screen size is set;
In step 1, described primary application is complete data acquisition, process, computing formation interface configuration information on an operating system, but also not to the incomplete application program that the interface configuration information formed is resolved.
2. intelligent terminal Application Program Interface method for designing according to claim 1, is characterized in that, described operating system comprises Android system, iSO system, Symbian system, Windows Phone system and BlackBerry OS system.
3. intelligent terminal Application Program Interface method for designing according to claim 1, is characterized in that, when writing interface configurations document, adopts JSON or XML language form to write; Each attribute such as the size of each interface element, value, ID and background color are provided with in described interface configurations document.
4. intelligent terminal Application Program Interface method for designing according to claim 1, is characterized in that, after having loaded described interface configurations document, calls the base class corresponding to described Application Program Interface, and carries out resolving and configuring from base class.
5. intelligent terminal Application Program Interface method for designing according to claim 1, is characterized in that, during described interface layout, adopts from top to bottom, streaming layout from left to right; The lowest-rank element of list is multiple form line, observes layout pattern from top to bottom.Element in form line observes from left to right layout pattern, also can nested list in form line, constructs the various interfacial effects required for intelligent terminal application program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510200647.3A CN104932877A (en) | 2015-04-24 | 2015-04-24 | Method for designing application program interface for intelligent terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510200647.3A CN104932877A (en) | 2015-04-24 | 2015-04-24 | Method for designing application program interface for intelligent terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104932877A true CN104932877A (en) | 2015-09-23 |
Family
ID=54120054
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510200647.3A Pending CN104932877A (en) | 2015-04-24 | 2015-04-24 | Method for designing application program interface for intelligent terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104932877A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106708531A (en) * | 2016-12-30 | 2017-05-24 | 上海亿账通互联网科技有限公司 | Updating method of mobile end procedure interface and device thereof |
| CN108121584A (en) * | 2017-12-20 | 2018-06-05 | 北京酷我科技有限公司 | A kind of method shown from right to left |
-
2015
- 2015-04-24 CN CN201510200647.3A patent/CN104932877A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106708531A (en) * | 2016-12-30 | 2017-05-24 | 上海亿账通互联网科技有限公司 | Updating method of mobile end procedure interface and device thereof |
| CN108121584A (en) * | 2017-12-20 | 2018-06-05 | 北京酷我科技有限公司 | A kind of method shown from right to left |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107577459B (en) | Dragging type cross-platform application development system and method based on componentization | |
| CN102981855A (en) | Template-based interface autogeneration method and system | |
| CN105760162A (en) | Development method for hybrid APP software | |
| US20190102201A1 (en) | Component invoking method and apparatus, and component data processing method and apparatus | |
| US20170286068A1 (en) | Development support system | |
| CN105630939B (en) | A kind of general painting canvas input interface design method and device | |
| US10120660B2 (en) | Systems and methods for producing launchers for a mobile terminal | |
| US9823908B2 (en) | Apparatus for providing framework to develop client application executed on multiple platforms, and method using the same | |
| CN106802804B (en) | Method and system for visualizing variable association component of human-computer interface | |
| CN106126284B (en) | The method and device shown for application program UI | |
| CN104995927A (en) | Systems and methods for building and using hybrid mobile applications | |
| CN105955731B (en) | A kind of quick write method of mobile phone games and system | |
| CN101226479A (en) | Method for implementing dynamic collocation of mobile phone menu | |
| CN105867944B (en) | Web front end data operation layer and its implementation | |
| CN101957756A (en) | System and method for rapidly generating intelligent mobile terminal program | |
| CN102999336A (en) | Application interface realizing method and application interface realizing system | |
| CN103605525A (en) | Achievement method and device of desktop application program | |
| CN104517307A (en) | Method and device for animation producing | |
| CN102693238B (en) | Widget application process, system and multimedia terminal | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| WO2013109858A1 (en) | Design canvas | |
| CN104932877A (en) | Method for designing application program interface for intelligent terminal | |
| CN103500099A (en) | Method for achieving quick software secondary development through expansion points and expansion | |
| WO2016005886A2 (en) | Self-referencing of running script elements in asychronously loaded dom modules | |
| CN104063219A (en) | Form development method and system for WEB system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150923 |