CN108572821A - The generation method and plug-in unit of user interface code - Google Patents

The generation method and plug-in unit of user interface code Download PDF

Info

Publication number
CN108572821A
CN108572821A CN201810322382.8A CN201810322382A CN108572821A CN 108572821 A CN108572821 A CN 108572821A CN 201810322382 A CN201810322382 A CN 201810322382A CN 108572821 A CN108572821 A CN 108572821A
Authority
CN
China
Prior art keywords
common component
instruction
unit
plug
user 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
Application number
CN201810322382.8A
Other languages
Chinese (zh)
Inventor
连向辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Individual
Original Assignee
Individual
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Individual filed Critical Individual
Priority to CN201810322382.8A priority Critical patent/CN108572821A/en
Publication of CN108572821A publication Critical patent/CN108572821A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Abstract

The invention discloses a kind of generation method of user interface code and plug-in units.Method includes that plug-in unit loads successful operation in the drawing platform of opening API;According to the page assembly selection instruction of reception by description components library page assembly corresponding with page assembly selection instruction include drawing platform workspace on;To common component corresponding with common component selection instruction include on page assembly in description components library according to the common component selection instruction of reception;According to position of the layout setting instruction adjustment common component of reception on page assembly;Drawing platform is marked slice according to the slice flag bit setting instruction received in common component, to form the user interface under drawing platform;Plug-in unit is instructed according to the code building of reception, preset Code Template generates the user interface code under terminal operating with the user interface under interface description file template and drawing platform.Energy improvement flow of the invention, reduces repeated work, promotes development efficiency.

Description

The generation method and plug-in unit of user interface code
Technical field
The invention belongs to field of computer technology, more particularly to the generation method and plug-in unit of a kind of user interface code.
Background technology
User interface is the medium between user and terminal, and user carries out information exchange by user interface and terminal.Cause This, can the performance that the quality of user interface is directly related to application program in terminal give full play to, make user accurate, high It imitates, is light, giocoso using.And the development process of user interface is to realize the important link of high quality user interface.
In the prior art, the development process of user interface is typically UI (User Interface, user interface) designer All information about UI, such as the color of component, font information are described one time in the platform that charts, then generate UI marks Note figure, and design and cut figure, it is then provided to application developer.After application developer receives UI marks figure and cuts figure, According to UI marks figure and cut figure carry out terminal platform (such as IOS, Android) UI program development, that is, need UI designer to exist In all message compositions to code about UI charted described in platform, the UI for operating in corresponding terminal platform is realized, i.e., in fact The reduction of existing UI, which is equivalent to describes same a information one time again.The usually same interface can be distinguished simultaneously It is respectively realized at IOS and Android platform, which is equivalent to describes same a information one time again, in this way, in order to Realize that the reduction of UI, same portion information need to be described three times, the work repeatability of development process is strong.
In order to restore the design of UI designer, application developer need to meticulously work, due to needing meticulously to work, institute Take very much the energy of application developer with the reduction of UI, while development process belongs to and is not difficult but work that is cumbersome, lacking originality, For good application developer, this kind of work is easy to make one fatigue, to reduce the development efficiency of UI.
Invention content
To solve the above-mentioned problems, the present invention provides a kind of generation methods of user interface code comprising:Plug-in unit exists It loads successfully and runs in the drawing platform of open applications Program Interfaces API;According to the page assembly selection instruction of reception, By in description components library page assembly corresponding with the page assembly selection instruction include it is described drawing platform work Qu Shang;According to the common component selection instruction of reception, will in the description components library with the common component selection instruction pair The common component answered is shown on the page assembly, is not contained in the common component mark that the common component selection instruction includes There is page assembly mark;Position of the common component on the page assembly is adjusted according to the layout setting instruction of reception, The layout setting instruction includes relative placement's information;The drawing platform is according to the slice mark received in the common component The setting instruction of will position is marked the slice of the slice flag bit setting instruction operation, to form the drawing platform Under user interface;The plug-in unit instructs according to the code building of reception, preset Code Template and interface description file template, With the user interface under the drawing platform, the user interface code under terminal operating is generated, the code building instruction includes Code Template identifies.
In generation method as described above, it is preferable that the common component selection instruction includes multiple common component marks Know, multiple common component marks are divided into the first common component mark and other common components identify, described first common group Part is identified is identified as set membership with other described common components.
In generation method as described above, it is preferable that instruction is set according to the attribute of reception, the common component is set Attribute, attribute setting instruction includes type, presses color, presses and redirect type.
In generation method as described above, it is preferable that receive mobile terminal operating system simulator or mobile terminal The instruction for previewing that application program is sent, the instruction for previewing trigger the plug-in unit and generate the user interface under the drawing platform Interpreted language code simultaneously downloads in the application program so that the user interface actual motion under the drawing platform is in institute State mobile terminal operating system simulator or mobile terminal.
The present invention also provides a kind of plug-in units, load in the drawing platform of opening API interface and run, including:Page Face component selecting unit will be in description components according to the page assembly selection instruction for receiving page assembly selection instruction Page assembly corresponding with the page assembly selection instruction is shown on the workspace of the drawing platform in library;Common component Selecting unit will be in the description components library according to the common component selection instruction for receiving common component selection instruction In common component corresponding with the common component selection instruction be shown on the page assembly, common component selection refers to Do not contain page assembly in the common component mark that order includes to identify;Layout setting unit, for receiving layout setting instruction, root Position of the common component on the page assembly is adjusted according to the layout setting instruction, the layout setting instruction includes Relative placement's information;Receiving unit is marked, it is general on the page assembly in being shown in for receiving the drawing platform action The slice flag bit setting instruction of the slice of logical component, the slice flag bit setting instruction to described for being sliced into rower Note;Code generating unit, for according to the instruction of the code building of reception, preset Code Template and interface description file template, With the user interface under the drawing platform, the user interface code under terminal operating is generated, the code building instruction includes Code Template identifies.
In plug-in unit as described above, it is preferable that the common component selection instruction includes multiple common component marks, more A common component mark is divided into the first common component mark and other common components mark, the first common component mark It is identified as set membership with other described common components.
In plug-in unit as described above, it is preferable that the plug-in unit further includes:Attribute setting unit is set for receiving attribute Instruction is set, the attribute that the common component is arranged in instruction is arranged according to the attribute, the attribute setting instruction includes type, presses Lower color is pressed and redirects type.
In plug-in unit as described above, it is preferable that the plug-in unit further includes:Preview unit, for receiving mobile terminal behaviour Make the instruction for previewing of the application program transmission of system simulator or mobile terminal, the instruction for previewing triggers the plug-in unit will be described User interface under drawing platform generates interpreted language code and downloads in application program so that under the drawing platform User interface actual motion is in the mobile terminal operating system simulator or mobile terminal.
The advantageous effect that technical solution provided in an embodiment of the present invention is brought is:
Workflow is improved, repeated work is reduced, improves development efficiency.
Description of the drawings
Fig. 1 is a kind of flow diagram of the generation method of user interface code provided in an embodiment of the present invention.
Specific implementation mode
To make the object, technical solutions and advantages of the present invention clearer, below in conjunction with attached drawing to embodiment party of the present invention Formula is described in further detail.
Referring to Fig. 1, an embodiment of the present invention provides a kind of generation methods of user interface code comprising following steps:
Step 101, plug-in unit is loaded successfully and is run in the drawing platform of open applications Program Interfaces API.
Specifically, opening API (Application Programming Interface, application programming interface) Drawing platform can be the Sketch drawing platforms designed for UI (User Interface, user interface), with technology Development can also be other drawing platforms, and the present embodiment is to this without limiting.The drawing platform is first run, then load is inserted Part application program, after loading successfully, you can carry out subsequent step operation.
Step 102, according to the page assembly selection instruction of reception, will in description components library with page assembly selection instruction Corresponding page assembly is shown on the workspace of drawing platform.
Specifically, user can be to click page assembly button or input page component Name or pull the page on plug-in unit The mode input page component selection instruction of component, the instruction contain page assembly mark.Plug-in unit obtains after receiving the instruction It takes the page assembly of the instruction to identify, is searched, will be found and page in description components library according to page assembly mark Face component identifies corresponding page assembly and is shown on the workspace of drawing platform.Page assembly has adaptive terminal screen The attribute of curtain size, so as to change with the change of terminal screen size.Preferably, on the page assembly that plug-in unit is shown Navigation bar can also be shown.
In other examples, can also be referred to by the selection of user's input page component on the drawing platform of opening API It enables, and page assembly corresponding with page assembly selection instruction is shown by the drawing platform.
Step 103, according to the common component selection instruction of reception, will in description components library with common component selection instruction Corresponding common component is shown on page assembly, does not contain the page in the common component mark that common component selection instruction includes Component identifies.
Specifically, (component selection panel of such as plug-in unit) can be to click common component button or input on plug-in unit by user Common component title or the mode for pulling common component input common component selection instruction, which contains common component mark, But it is identified without containing page assembly, i.e., page assembly is not belonging to one kind of common component in the present embodiment, and plug-in unit is receiving After the instruction, is searched, will be found corresponding with common component mark according to common component mark in description components library Common component show.
It should be noted that step 103 and the component involved in step 102 design on plug-in unit or drawing platform, It is the component part of user interface, can not be interacted at this time with user.Page assembly is the root of all common components, Relationship positioned at top layer and with common component is set membership.
Step 104, the position according to the layout setting instruction adjustment common component of reception on page assembly, layout setting Instruction includes relative placement's information.
Specifically, after common component is shown on page assembly, position of the common component on page assembly need to be carried out Constraint.User the setting instruction of input layout, the instruction on layout panel contain relative placement's information.Plug-in unit is arranged according to layout Instruction is adjusted the position of common component so that when realizing user interface, various types resolution ratio and In the case of horizontal, vertical screen, it can ensure there is correct display effect.In practical application, which is equivalent to UI designer to general The process that logical position and spacing of the component on page assembly is labeled.
Step 105, instruction is arranged according to the slice flag bit received in common component in drawing platform, to being sliced flag bit The slice that instruction operation is arranged is marked, to form the user interface under drawing platform;
Slice can be icon, can also be picture, the present embodiment is to this without limiting.
User's selection slice flag bit setting instruction on drawing platform, then to the slice in common component into line flag Position setting, to show to need to cut figure herein.
It should be noted that generating the user interface under drawing platform by above step.The present embodiment is not to step 104, the sequence of step 105 is defined, and can be step 104 preceding, and step 105 can also be step 105 preceding rear, Step 104 is rear.When common component selection instruction is multiple, the present embodiment is not to step step 103, step 104, step 105 sequence is defined, and first can execute step 103,104 and 105 successively to a common component, then again to another common Component executes step 103,104 and 105 successively;The step of can also be by common component the step of and another common component Rapid interspersed execution, such as first executes step 103 to a common component, executes step 104, is then held to the instruction of another common component Row step 103 executes step 104, then executes step 105 to a common component, is finally executed to another common component Step 105.
Step 106, plug-in unit according to the instruction of the code building of reception, preset Code Template and interface description file template, With the user interface under drawing platform, the user interface code under terminal operating is generated, code building instruction includes Code Template Mark.
Specifically, according to the demand of different user, preset code masterplate can be divided into the Code Template run under IOS With run on the Code Template under Android.Such as run on Objective-C Code Templates under IOS, Swift Code Templates;Fortune Java code template, Kotlin Code Template of the row under Android.Preset interface description file template is divided into:It runs on Interface description file template under IOS and run on the interface description file template under Android.Below with generation input by user Code generation illustrates for instructing the Code Template for including mark corresponding with the Java code template under Android:
After plug-in unit receives code building instruction, then the component in the user interface under drawing platform, securing component are traversed Type, and corresponded to the corresponding assembly in the Java code template under Android and interface description file template, according to Constraint specification is generated in interface description file relative placement's information so that each component and its relative position are accurately presented, to Generate Java code file of the user interface at Android and interface description file.
In practice, color, font, textcolor and the size of each component, plug-in unit time can also be set by the platform that charts When going through component, aforementioned attributes information can be also obtained, and is generated in code (or in description file).
UI designer carries out the design of user interface by using this plug-in unit so that application developer reduces repeatability Labour, reduces the work of application developer and UI designer's tune interface, the time is all saved for both sides, in addition, phase Code is write for application developer oneself, bug is reduced, that is to say, that reduces the time of debugging bug.In order to facilitate user's reality Existing diversified design, common component selection instruction include multiple common component marks, and multiple common component marks are divided into first Common component identifies and other common components mark, and the first common component mark is identified as set membership with other common components, The hierarchical relationship between each common component so may be implemented, other common components mark includes at least a common component mark Know.
In practical application, when plug-in unit traverse component, aforementioned hierarchical relationship can be also obtained, and it is corresponded to preset Corresponding assembly in Code Template, and generate level and about beam code (or description file) with aforementioned relative placement's information.
In other examples, other common components mark includes multiple common component marks, multiple common component marks Contain the common component mark for being identified as set membership in knowledge.
Common component selection instruction can only include that a common component identifies.
In order to enrich the setting information of user, according to the common component selection instruction of reception, will in description components library with After the corresponding common component of common component selection instruction is shown on the workspace of drawing platform, further include:Plug-in unit is according to connecing The attribute of the attribute setting instruction setting common component of receipts, attribute setting instruction include type, press color, press jump class Type, can also include can click, target pages, the information that the present embodiment does not include to attribute setting instruction is defined, practical It can adaptively be adjusted according to the different type of common component in.
In order to verify whether the operation of oneself is correct, after the user interface code under generating terminal operating, further include: The instruction for previewing of the application program transmission of mobile terminal operating system simulator or mobile terminal is received, instruction for previewing triggers plug-in unit The user interface charted under platform is generated into interpreted language code and is downloaded in application program so that the use charted under platform Family interface actual motion is in mobile terminal operating system simulator or mobile terminal.Code can be made not have to using interpreted language Compiling can be quickly obtained operational effect, and user is facilitated quickly to check operational effect.This plug-in unit is particularly suitable for UI designer Use, by this plug-in unit UI designer can reduce with developer's interworking, by preview i.e. can verify that actual motion imitate Whether fruit is the design result of oneself, moreover, it is also possible to by carrying out corresponding operating in plug-in unit come dissatisfied to preview effect Or be adjusted with the place of oneself different design, improve development efficiency.
The embodiment of the present invention additionally provides a kind of plug-in unit, loads in the drawing platform of opening API interface and runs, and inserts Part includes:
Page assembly selecting unit will be pre- according to page assembly selection instruction for receiving page assembly selection instruction If page assembly corresponding with page assembly selection instruction is shown on the workspace of drawing platform in Component Gallery;
Common component selecting unit will be pre- according to common component selection instruction for receiving common component selection instruction If common component corresponding with common component selection instruction is shown on page assembly in Component Gallery, common component selection instruction packet Do not contain page assembly in the common component mark included to identify;
Instruction adjustment common component is arranged in the page according to layout for receiving layout setting instruction in layout setting unit Position on component, layout setting instruction includes relative placement's information;
Receiving unit is marked, for receiving the platform action that charts in the slice of the common component that is shown on page assembly It is sliced flag bit setting instruction, slice flag bit setting instruction is for being marked slice;
Code generating unit, for according to the instruction of the code building of reception, preset Code Template and interface description file User interface under template and drawing platform generates the user interface code under terminal operating, and code building instruction includes code Template identification.
It should be noted that passing through page assembly selecting unit, common component selecting unit, layout setting unit and label The relevant operation of receiving unit is, it can be achieved that the user interface charted under platform.
Preferably, common component selection instruction includes multiple common component marks, and multiple common component marks are divided into first Common component identifies and other common components mark, and the first common component mark is identified as set membership with other common components.
Preferably, plug-in unit further includes:Attribute setting unit is arranged according to attribute and instructs for receiving attribute setting instruction The attribute of common component is set, and attribute setting instruction includes type, presses color, presses and redirect type.
Preferably, plug-in unit further includes:Preview unit, for receiving mobile terminal operating system simulator or mobile terminal The instruction for previewing that application program is sent, instruction for previewing trigger plug-in unit and will chart the generation interpreted language generation of the user interface under platform Code simultaneously downloads in application program so that the user interface actual motion to chart under platform is in mobile terminal operating system simulator Or mobile terminal.
Wherein, page assembly selecting unit, common component selecting unit, layout setting unit, label receiving unit, code Generation unit, attribute setting unit, preview unit processing mode for details, reference can be made to the associated description in above-described embodiment, this Place no longer repeats one by one.
As known by the technical knowledge, the present invention can pass through the embodiment party of other essence without departing from its spirit or essential feature Case is realized.Therefore, embodiment disclosed above, all things considered are all merely illustrative, not the only.Institute Have within the scope of the present invention or is included in the invention in the change being equal in the scope of the present invention.

Claims (8)

1. a kind of generation method of user interface code, which is characterized in that the generation method includes:
Plug-in unit is loaded successfully and is run in the drawing platform of open applications Program Interfaces API;
According to the page assembly selection instruction of reception, will in description components library page corresponding with the page assembly selection instruction Face component is shown on the workspace of the drawing platform;
It, will be corresponding with the common component selection instruction in the description components library according to the common component selection instruction of reception Common component be shown on the page assembly, do not contain in common component that the common component selection instruction includes mark Page assembly identifies;Position of the common component on the page assembly, institute are adjusted according to the layout setting instruction of reception It includes relative placement's information to state layout setting instruction;The drawing platform is according to the slice mark received in the common component Position setting instruction is marked the slice of the slice flag bit setting instruction operation, to be formed under the drawing platform User interface;
The plug-in unit is according to the instruction of the code building of reception, preset Code Template and interface description file template and the system User interface under figure platform generates the user interface code under terminal operating, and the code building instruction includes Code Template Mark.
2. generation method according to claim 1, which is characterized in that the common component selection instruction includes multiple common Component identifies, and multiple common component marks are divided into the first common component mark and other common components identify, and described first Common component is identified is identified as set membership with other described common components.
3. generation method according to claim 1, which is characterized in that the common component selection instruction according to reception, By in the description components library common component corresponding with the common component selection instruction include in the drawing platform After on workspace, further include:
The attribute that the common component is arranged in instruction is arranged according to the attribute of reception for plug-in unit, and the attribute setting instruction includes class Type presses color, presses and redirect type.
4. generation method according to claim 1, which is characterized in that the generation method further includes:
Receive the instruction for previewing of the application program transmission of mobile terminal operating system simulator or mobile terminal, the instruction for previewing The plug-in unit is triggered the user interface under the drawing platform is generated interpreted language code and downloads to the application program Above so that the user interface actual motion under the drawing platform is in the mobile terminal operating system simulator or mobile terminal.
5. a kind of plug-in unit, which is characterized in that the plug-in unit loads in the drawing platform of open applications Program Interfaces API simultaneously Operation, the plug-in unit include:
Page assembly selecting unit will be pre- according to the page assembly selection instruction for receiving page assembly selection instruction If page assembly corresponding with the page assembly selection instruction is shown on the workspace of the drawing platform in Component Gallery;
Common component selecting unit will be in institute according to the common component selection instruction for receiving common component selection instruction Common component corresponding with the common component selection instruction in description components library is stated to be shown on the page assembly, it is described general Do not contain page assembly in the common component mark that logical component selection instruction includes to identify;
Layout setting unit is laid out setting instruction for receiving, and the instruction adjustment common component, which is arranged, according to the layout exists Position on the page assembly, the layout setting instruction includes relative placement's information;
Receiving unit is marked, for receiving drawing platform action the cutting in the common component being shown on the page assembly The setting instruction of piece flag bit, the slice flag bit setting instruction is for being marked slice;
Code generating unit, for according to the instruction of the code building of reception, preset Code Template and interface description file template, With the user interface under the drawing platform, the user interface code under terminal operating is generated, the code building instruction includes Code Template identifies.
6. plug-in unit according to claim 5, which is characterized in that the common component selection instruction includes multiple common components Mark, multiple common component marks are divided into the first common component mark and other common components mark, and described first is common Component is identified is identified as set membership with other described common components.
7. plug-in unit according to claim 5, which is characterized in that the plug-in unit further includes:
Attribute setting unit is arranged instruction according to the attribute and the common component is arranged for receiving attribute setting instruction Attribute, attribute setting instruction includes type, presses color, presses and redirect type.
8. plug-in unit according to claim 5, which is characterized in that the plug-in unit further includes:
Preview unit, the preview that the application program for receiving mobile terminal operating system simulator or mobile terminal is sent refer to Enable, the instruction for previewing trigger the plug-in unit by it is described drawing platform under user interface generate interpreted language code and under It is downloaded in the application program so that the user interface actual motion under the drawing platform is in the mobile terminal operating system Simulator or mobile terminal.
CN201810322382.8A 2018-04-11 2018-04-11 The generation method and plug-in unit of user interface code Pending CN108572821A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810322382.8A CN108572821A (en) 2018-04-11 2018-04-11 The generation method and plug-in unit of user interface code

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810322382.8A CN108572821A (en) 2018-04-11 2018-04-11 The generation method and plug-in unit of user interface code

Publications (1)

Publication Number Publication Date
CN108572821A true CN108572821A (en) 2018-09-25

Family

ID=63574730

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810322382.8A Pending CN108572821A (en) 2018-04-11 2018-04-11 The generation method and plug-in unit of user interface code

Country Status (1)

Country Link
CN (1) CN108572821A (en)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109656558A (en) * 2018-12-19 2019-04-19 四川虹美智能科技有限公司 A kind of method and device generating UI plug-in unit
CN110297685A (en) * 2019-06-28 2019-10-01 百度在线网络技术(北京)有限公司 User interface description document generating method, device, equipment and storage medium
CN110968309A (en) * 2019-10-15 2020-04-07 京东数字科技控股有限公司 Template generation method and device, electronic equipment and storage medium
CN111142847A (en) * 2019-12-31 2020-05-12 杭州涂鸦信息技术有限公司 System automatic generation method and system
CN111352625A (en) * 2019-07-09 2020-06-30 鸿合科技股份有限公司 Interface self-assembly method and device and electronic equipment
CN112181416A (en) * 2020-10-12 2021-01-05 上海赛可出行科技服务有限公司 Method and device for directly generating UI (user interface) codes from visual draft
CN112487331A (en) * 2020-11-26 2021-03-12 北京有竹居网络技术有限公司 Page generation method and device, storage medium and electronic equipment
CN112540747A (en) * 2019-09-23 2021-03-23 南宁富桂精密工业有限公司 Platform development method, device and computer readable storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009140250A1 (en) * 2008-05-12 2009-11-19 Raytheon Company Framework-based model-driven software development
CN105677308A (en) * 2014-11-18 2016-06-15 大唐电信科技股份有限公司 Integrated system and method of application interfaces
CN106293760A (en) * 2016-08-19 2017-01-04 成都卓影科技股份有限公司 The view dynamic layout system of a kind of EPG and method thereof
US9596223B1 (en) * 2016-05-10 2017-03-14 Logmein, Inc. Cross-site, TOTP-based two factor authentication
CN107844299A (en) * 2017-12-01 2018-03-27 浪潮软件股份有限公司 A kind of implementation method of Web application development tools

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009140250A1 (en) * 2008-05-12 2009-11-19 Raytheon Company Framework-based model-driven software development
CN105677308A (en) * 2014-11-18 2016-06-15 大唐电信科技股份有限公司 Integrated system and method of application interfaces
US9596223B1 (en) * 2016-05-10 2017-03-14 Logmein, Inc. Cross-site, TOTP-based two factor authentication
CN106293760A (en) * 2016-08-19 2017-01-04 成都卓影科技股份有限公司 The view dynamic layout system of a kind of EPG and method thereof
CN107844299A (en) * 2017-12-01 2018-03-27 浪潮软件股份有限公司 A kind of implementation method of Web application development tools

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
(美)MICHAEL AMUNDSEN: "《实用Visual InterDev 6教程》", 31 August 2008 *
CHADWICK: "告别切图标注-Sketch/PS+Zeplin", 《HTTPS://WWW.ZCOOL.COM.CN/ARTICLE/ZNDIWMJM2.HTML》 *
搬运临时工: "微信团队打造Sketch插件:WeSketch", 《HTTP://YANG16.COM/12392.HTML》 *

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109656558A (en) * 2018-12-19 2019-04-19 四川虹美智能科技有限公司 A kind of method and device generating UI plug-in unit
CN109656558B (en) * 2018-12-19 2022-04-19 四川虹美智能科技有限公司 Method and device for generating UI plug-in
CN110297685A (en) * 2019-06-28 2019-10-01 百度在线网络技术(北京)有限公司 User interface description document generating method, device, equipment and storage medium
CN111352625A (en) * 2019-07-09 2020-06-30 鸿合科技股份有限公司 Interface self-assembly method and device and electronic equipment
CN112540747A (en) * 2019-09-23 2021-03-23 南宁富桂精密工业有限公司 Platform development method, device and computer readable storage medium
CN110968309A (en) * 2019-10-15 2020-04-07 京东数字科技控股有限公司 Template generation method and device, electronic equipment and storage medium
CN110968309B (en) * 2019-10-15 2021-11-12 京东数字科技控股有限公司 Template generation method and device, electronic equipment and storage medium
CN111142847A (en) * 2019-12-31 2020-05-12 杭州涂鸦信息技术有限公司 System automatic generation method and system
CN112181416A (en) * 2020-10-12 2021-01-05 上海赛可出行科技服务有限公司 Method and device for directly generating UI (user interface) codes from visual draft
CN112487331A (en) * 2020-11-26 2021-03-12 北京有竹居网络技术有限公司 Page generation method and device, storage medium and electronic equipment

Similar Documents

Publication Publication Date Title
CN108572821A (en) The generation method and plug-in unit of user interface code
CN107544806B (en) Visualize list method for drafting
US7743331B1 (en) Viewing and modifying content slide navigation properties
US20030193521A1 (en) Rapid GUI refacing of a legacy application
US20130272679A1 (en) Video Generator System
CN108984172B (en) Interface file generation method and device
US20080120543A1 (en) Visual resource profiler for graphical applications
WO2011082072A2 (en) Gesture-based web site design
US20110167360A1 (en) Incoming web traffic conversion
JP2008269554A (en) Source code generating device
CN111862699B (en) Method and device for visually editing teaching courses, storage medium and electronic device
CN108984171A (en) Scene based on Unity3D continues construction method, storage medium
CN106933518A (en) A kind of printing equipment and Method of printing
US20090106646A1 (en) Layout and line routing composition
CN113010168B (en) User interface generation method based on scene tree
US20170039037A1 (en) Live mobile application visual editor demo
CN108399156B (en) The composition method and device of formula in a kind of pdf document
CN107133035A (en) Response type webpage generating method and device
Parkkinen et al. Spectral representation of color images
CN103605521A (en) Method and device for realizing interface apposition
CN113608706A (en) Method for printing tickets in government affair hall and storage medium
CN108563560A (en) Calabash-based client application program demand drive test method
WO2013156066A1 (en) A computer implemented method for changing a first site s into a second site s'
CN107391116A (en) A kind of component helps pop-up rendering intent and device
CN111522546B (en) Page generation method, related device and front-end page

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20180925