CN110018826A - User interface creating method and relevant device - Google Patents
User interface creating method and relevant device Download PDFInfo
- Publication number
- CN110018826A CN110018826A CN201910191328.9A CN201910191328A CN110018826A CN 110018826 A CN110018826 A CN 110018826A CN 201910191328 A CN201910191328 A CN 201910191328A CN 110018826 A CN110018826 A CN 110018826A
- Authority
- CN
- China
- Prior art keywords
- user interface
- markup information
- control
- interface controls
- target
- 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
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000011156 evaluation Methods 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 14
- 238000004891 communication Methods 0.000 claims description 11
- 238000012545 processing Methods 0.000 claims description 11
- 239000013643 reference control Substances 0.000 claims description 11
- 239000004744 fabric Substances 0.000 claims description 7
- 239000012141 concentrate Substances 0.000 claims description 4
- 230000015572 biosynthetic process Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 6
- 241000208340 Araliaceae Species 0.000 description 5
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 5
- 235000003140 Panax quinquefolius Nutrition 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 235000008434 ginseng Nutrition 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000000151 deposition Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000007717 exclusion Effects 0.000 description 1
- 238000004880 explosion Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present application discloses a kind of user interface creating method and relevant device, and wherein method includes: the Target Photo for receiving input；Text identification is carried out to obtain multiple control markup informations and multiple layout markup informations to the Target Photo；Classify to the multiple control markup information and the multiple layout markup information to obtain the corresponding target widget markup information collection of each user interface controls in multiple user interface controls and target layout markup information collection；Target user interface library is generated according to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls and pre-set user interface create-rule；Target user interface is generated according to the corresponding target layout markup information collection of user interface controls each in the multiple user interface controls and the target user interface library.Using the application, the formation efficiency of user interface can be improved.
Description
Technical field
This application involves field of computer technology, a kind of user interface creating method and relevant device have been related generally to.
Background technique
With the development of the communication technology and Internet technology, internet usage amount develops in explosion type.In existing front end
In development process, front end developer need to edit satisfactory user interface (User Interface, UI) code.And it is above-mentioned
Editing process requires a great deal of time and energy, and therefore, how to improve the generating rate of user interface is art technology
Personnel's technical problem to be solved.
Summary of the invention
The embodiment of the present application provides a kind of user interface creating method and relevant device, and the generation of user interface can be improved
Rate.
In a first aspect, the embodiment of the present application provides a kind of user interface creating method, in which:
The Target Photo of input is received, the Target Photo includes multiple user interface controls, multiple control markup informations
With multiple layout markup informations；
Text identification is carried out to the Target Photo, to obtain the multiple control markup information and the multiple layout mark
Infuse information；
Classify to the multiple control markup information and the multiple layout markup information, to obtain the multiple use
The corresponding target widget markup information collection of each user interface controls and target layout markup information collection in the interface control of family；
According to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls and
Pre-set user interface create-rule generates target user interface library；
According to the corresponding target layout markup information collection of user interface controls each in the multiple user interface controls and
The target user interface library generates target user interface.
Second aspect, the embodiment of the present application provide a kind of user interface generating means, in which:
Communication unit, Target Photo for receiving input, the Target Photo includes multiple user interface controls, multiple
Control markup information and multiple layout markup informations；
Processing unit, for the Target Photo carry out text identification, with obtain the multiple control markup information and
The multiple layout markup information；Classify to the multiple control markup information and the multiple layout markup information, with
Obtain the corresponding target widget markup information collection of each user interface controls in the multiple user interface controls and target layout
Markup information collection；According to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls
Target user interface library is generated with pre-set user interface create-rule；According to user circle each in the multiple user interface controls
The corresponding target layout markup information collection of face control and the target user interface library generate target user interface.
The third aspect, the embodiment of the present application provide a kind of electronic equipment, including processor, memory, communication interface and
One or more programs, wherein said one or multiple programs are stored in above-mentioned memory, and are configured by above-mentioned
It manages device to execute, described program includes the instruction for the step some or all of as described in first aspect.
Fourth aspect, the embodiment of the present application provide a kind of computer readable storage medium, wherein described computer-readable
Storage medium stores computer program, wherein the computer program makes computer execute such as the embodiment of the present application first party
Step some or all of described in face.
5th aspect, the embodiment of the present application provide a kind of computer program product, wherein the computer program product
Non-transient computer readable storage medium including storing computer program, the computer program are operable to make to calculate
Machine executes the step some or all of as described in the embodiment of the present application first aspect.The computer program product can be one
A software installation packet.
Implement the embodiment of the present application, will have the following beneficial effects:
After above-mentioned user interface creating method and relevant device, electronic equipment receives the target figure of input
Piece carries out text identification to the Target Photo, to obtain multiple control markup informations and the multiple layouts in the Target Photo
Markup information.Then, classify to the multiple control markup information and the multiple layout markup information, to obtain the mesh
The corresponding target widget markup information collection of each user interface controls and target layout markup information collection marked on a map in piece, i.e. electronics
Equipment has determined the control information and layout information of each user interface controls in Target Photo.Then, according to multiple users circle
The corresponding target widget markup information collection of each user interface controls and pre-set user interface create-rule generate mesh in the control of face
User interface library is marked, further according to the corresponding target layout mark letter of user interface controls each in the multiple user interface controls
Breath collection and the target user interface library generate target user interface, then electronic equipment automatically generates the corresponding target of Target Photo
User interface library and target user interface are operated without human-edited, to improve the formation efficiency of user interface.
Detailed description of the invention
In order to illustrate the technical solutions in the embodiments of the present application or in the prior art more clearly, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Some embodiments of application for those of ordinary skill in the art without creative efforts, can be with
It obtains other drawings based on these drawings.
Wherein:
Fig. 1 is a kind of flow diagram of user interface creating method provided by the embodiments of the present application；
Fig. 2 is a kind of Target Photo provided by the embodiments of the present application；
Fig. 3 is another Target Photo provided by the embodiments of the present application；
Fig. 4 is a kind of structural schematic diagram of user interface generating means provided by the embodiments of the present application；
Fig. 5 is the structural schematic diagram of a kind of electronic equipment provided by the embodiments of the present application.
Specific embodiment
In order to make those skilled in the art more fully understand application scheme, below in conjunction in the embodiment of the present application
Attached drawing, the technical scheme in the embodiment of the application is clearly and completely described, it is clear that described embodiment is only
Some embodiments of the present application, instead of all the embodiments.According to the embodiment in the application, those of ordinary skill in the art
Every other embodiment obtained without creative efforts, shall fall in the protection scope of this application.
The description and claims of this application and term " first " in above-mentioned attached drawing, " second " etc. are for distinguishing
Different objects, are not use to describe a particular order.In addition, term " includes " and " having " and their any deformations, it is intended that
It is to cover and non-exclusive includes.Such as the process, method, system, product or equipment for containing a series of steps or units do not have
It is defined in listed step or unit, but optionally further comprising the step of not listing or unit, or optionally also wrap
Include other step or units intrinsic for these process, methods, product or equipment.
Referenced herein " embodiment " is it is meant that a particular feature, structure, or characteristic described can wrap in conjunction with the embodiments
It is contained at least one embodiment of the application.Each position in the description occur the phrase might not each mean it is identical
Embodiment, nor the independent or alternative embodiment with other embodiments mutual exclusion.Those skilled in the art explicitly and
Implicitly understand, embodiment described herein can be combined with other embodiments.
It describes in detail below to the embodiment of the present application.
Fig. 1 is please referred to, the embodiment of the present application provides a kind of flow diagram of user interface creating method.The user interface
Generation method is applied to electronic equipment.Electronic equipment involved by the embodiment of the present application may include various with wireless communication
The handheld device of function, calculates equipment or is connected to other processing equipments of radio modem wearable device, and each
The user equipment (user equipment, UE) of kind form, mobile station (mobile station, MS), terminal device
(terminal device) etc..For convenience of description, apparatus mentioned above is referred to as electronic equipment.
Specifically, as shown in Figure 1, a kind of user interface creating method, is applied to electronic equipment, in which:
S101: receiving the Target Photo of input, and the Target Photo includes multiple user interface controls, multiple controls mark
Information and multiple layout markup informations.
In this application, multiple user interface (User Interface, UI) controls can include: button, text label, text
This input frame, picture show, rolls control, table, nine grids, navigation bar, paging control, date picker, bottom bullet frame,
Pop-up etc., it is not limited here.
Multiple control markup informations are used to describe the attribute of UI control, comprising: color, transparency, font size, lines,
Spacing, position, event etc.；Multiple page layouts for being laid out markup informations and being used to describe UI control, the i.e. length and width of the UI control are somebody's turn to do
UI control and boundary or the distance between the UI control and other UI controls.
It is illustrated with Fig. 2, introduces the english abbreviation occurred in Fig. 2 first, wherein a is custom variable, a=
Screen width/60；Px is the abbreviation of Pixel, is the minimum unit for constituting image；Color is used to describe the color of UI control；
Opacity is used to describe the opacity of UI control；Font is used to describe the word attribute in UI control, and Font-size is used for
The font size of text in UI control, i.e. font size are described, Font-face is used to describe the font of text in UI control；
Character is used to describe the retraction of text in UI control；The row that Line is used to describe UI control is high；Layer-name is the mark
Infuse the name of information.In conjunction with foregoing description, it can be seen that include 3 UI controls, i.e., the first text in Target Photo shown in Fig. 2
This label 101, the first button 102 and the second button 103.It further include multiple control markup informations in the Target Photo, i.e., first
Control markup information 201, the second control markup information 202 and third control markup information 203.It further include more in the Target Photo
A layout markup information, i.e., the first layout markup information 301, second is laid out markup information 302, third is laid out markup information 303,
4th layout markup information the 304, the 5th is laid out markup information the 305, the 6th and is laid out the layout markup information of markup information the 306, the 7th
307 and the 8th are laid out markup information 308.
S102: carrying out text identification to the Target Photo, to obtain the multiple control markup information and the multiple
It is laid out markup information.
In this application, the corresponding relationship of attribute and value is not present in the text in UI control；Text in control markup information
Word includes the corresponding relationship between the attribute of control and value；The text being laid out in markup information includes numerical value and length unit.Example
Such as: in Fig. 2, the text in the first text label 101 is that the account is locked, please give cryptogram decoding for change；First control mark
Text in information 201 includes Opacity:100%, wherein Opacity is for describing the opaque of the first text label 101
Degree, 100% is the value of the opacity of the first text label 101；Text in first layout markup information 301 includes 5a, i.e.,
The distance between first text label 101 and coboundary are the sixtieth of 5 times of screen widths.It is appreciated that being controlled according to UI
The particularity of text, carries out text identification to the Target Photo, to obtain in part, control markup information and layout markup information
The multiple control markup information and the multiple layout markup information, in this way, each UI control in Target Photo can be obtained
Design requirement, to generate corresponding target user interface according to markup information.
S103: classifying to the multiple control markup information and the multiple layout markup information, described to obtain
The corresponding target widget markup information collection of each user interface controls and target layout markup information in multiple user interface controls
Collection.
In this application, classify to the multiple control markup information and the multiple layout markup information, it can be true
The corresponding target widget markup information collection of each UI control and target layout markup information collection are determined, in this way, as unit of UI control
Produce corresponding target user interface.
The application for target widget markup information and target layout markup information classification method without limitation, can basis
The distance between markup information and UI control are judged in Target Photo, i.e., the markup information on or near the UI control is true
It is set to the markup information of the UI control.
In one embodiment, described that the multiple control markup information and the multiple layout markup information are divided
Class, to obtain the corresponding target widget markup information collection of each user interface controls in the multiple user interface controls and target
It is laid out markup information collection, comprising: according to the multiple user interface controls, the multiple control markup information and the multiple cloth
Office's markup information determines each user interface controls pair in the multiple user interface controls in the position in the Target Photo
The reference control markup information collection and reference layout markup information collection answered；If corresponding with reference to control mark with reference to user interface controls
Note information collection lacks with reference to control markup information, then is determined according to the Target Photo each in the multiple user interface controls
Corresponding concentrate with reference to control markup information of user interface controls refers to the matched target widget mark of control markup information with described
Infuse information, it is described with reference to user interface controls be the multiple user interface controls in any user interface control；Determine institute
The target widget markup information collection stated with reference to user interface controls refers to control mark for the reference user interface controls are corresponding
Infuse information collection and the target widget markup information；If described with reference to the corresponding reference layout markup information collection of user interface controls
Lack reference layout markup information, then each user interface in the multiple user interface controls is determined according to the Target Photo
The corresponding reference layout markup information of control is concentrated and the matched target layout markup information of the reference layout markup information；Really
The fixed target layout markup information collection with reference to user interface controls is described corresponding with reference to cloth with reference to user interface controls
Office's markup information collection and the target layout markup information；If described corresponding with reference to control mark letter with reference to user interface controls
Breath includes the first control markup information, it is determined that the target widget markup information collection with reference to user interface controls is institute
It states corresponding with reference to control markup information collection with reference to user interface controls；If described corresponding with reference to cloth with reference to user interface controls
Office's markup information includes the first layout markup information, it is determined that the target layout with reference to user interface controls marks letter
Breath collection is described with reference to the corresponding reference layout markup information collection of user interface controls.
In this application, according to the multiple user interface controls, the multiple control markup information and the multiple cloth
Office's markup information determines that every UI control is corresponding with reference to control in the multiple UI control in the position in the Target Photo
Markup information collection and reference layout markup information collection, that is to say, that the markup information on or near the UI control is determined as this
The corresponding markup information of UI control, and it is corresponding with reference to control markup information collection and reference to obtain the UI control further to classify
It is laid out markup information collection.
In this application, with reference to any user interface control that user interface controls are in the multiple user interface controls
Part includes multiple with reference to control markup information, the first control mark letter with reference to the corresponding control markup information collection that refers to of UI control
It ceases to include with reference to the corresponding reference layout markup information collection of UI control with reference to the reference control markup information lacked in UI control
Multiple reference layout markup informations, the first layout markup information is with reference to the reference layout markup information lacked in UI control.
Determination method of the application for lacking layout markup information and control markup information without limitation, is implemented at one
In example, the method also includes: it determines described with reference to the corresponding necessary layout attributes of user interface controls and necessary control property；
If the reference layout markup information collection with reference to user interface controls lacks the necessary layout attributes, it is determined that the reference
The corresponding reference layout markup information collection of user interface controls lacks the first layout markup information, and the first layout mark
Infusing information is the corresponding layout markup information of the necessary layout attributes；If the reference control mark with reference to user interface controls
Note information collection lacks the necessary control property, it is determined that described corresponding with reference to control markup information with reference to user interface controls
Collection lacks the first control markup information, and the first control markup information is the corresponding control of the necessary control property
Markup information.
Wherein, UI control or boundary the distance between of the necessary layout attributes between UI control and upper and lower, left and right；It must
Control property is wanted to describe essential attribute required for the UI control, such as: pattern.
It is appreciated that first determining with reference to the corresponding necessary layout attributes of UI control and necessary control property, if this refers to UI
The reference layout markup information collection of control lacks necessity layout attributes, it is determined that the reference layout markup information collection lacks this must
The corresponding first layout markup information of layout attributes is wanted, if the reference control markup information collection with reference to UI control lacks the necessity
Control property, it is determined that this lacks the corresponding first control markup information of necessity control property with reference to control markup information collection.
In this way, improving the markup information of UI control by same type of markup information, can avoid omitting control markup information and layout
Markup information improves the accuracy of identification.
How the application is for according to Target Photo determination and the matched second control mark letter of the first control markup information
Breath without limitation, can obtain each control markup information in multiple control markup informations and look for and the first control mark in Target Photo
The matching value of information is to obtain multiple matching values, then using the corresponding control markup information of the maximum value in multiple matching values as
Two control markup informations；It can also search with the matched user interface controls of reference user interface controls in Target Photo, then it should
The corresponding target widget markup information of user interface controls is concentrated to be believed with the matched target widget mark of the first control markup information
Breath is used as the second control markup information.It is marked for being determined according to Target Photo with matched second layout of the first layout markup information
Note information can refer to above-mentioned method, and details are not described herein.
For example, as shown in Fig. 2, the first control markup information 201 is used to describe the control letter of the first text label 101
Breath, the first layout markup information 301 is for describing the distance between the first text label 101 and coboundary, the second control mark
Information 202 and third control markup information 203 are used to describe the control information of the first button 102, and third is laid out markup information 303
Description the distance between the first button 102 and two sides boundary, the 5th layout mark are respectively used to the 4th layout markup information 304
Information 305 and the 6th layout markup information 306 are respectively used to the width and length of the first button 102 of description, the 7th layout mark
Information 307 is for describing the distance between the first button 102 and the second button 103, and the 8th layout markup information 308 is for describing
The distance between second button 103 and lower boundary can determine that the first text label 101 is corresponding with reference to control by image recognition
Part markup information collection is the first control markup information 201, and reference layout markup information collection is the first layout markup information 301, the
Two layout markup informations 302；The corresponding reference control markup information collection of first button 102 is 202 He of the second control markup information
Third control markup information 203, reference layout markup information collection are the second layout markup information 302, third layout markup information
303, the 4th layout markup information the 304, the 5th is laid out markup information 305 and the 6th layout markup information 306；Second button 103
Corresponding reference layout markup information collection is the 7th layout markup information 307 and the 8th layout markup information 308, and determines second
Button 103 lacks with reference to control markup information collection, and the first text label 101 and the second button 103 lack between the boundary of two sides
Distance layout markup information, then the corresponding target widget markup information of the first button 102 be the corresponding ginseng of the first button 102
Control markup information is examined, the corresponding target layout markup information of the first button 102 is the corresponding reference layout mark of the first button 102
Infuse information.Determine that the second button 103 and the control type of the first button 102 match according to the Target Photo, thus according to
The target widget markup information collection of one button 102 determines the second control markup information 202 and third control mark of the second button 103
Infuse information 203.The layout in the first text label 101 and the second button 103 between the boundary of two sides is determined according to Target Photo
It is matched with the first button 102, it is determined that the first layout markup information of the first text label 101 and the second button 103 is third
It is laid out markup information 303 and the 4th layout markup information 304.In this way, the target layout mark of perfect first text label 101
The target widget markup information collection and target layout markup information collection of information collection and the second button 102, improve picture recognition
Accuracy.
S104: according to the corresponding target widget markup information of user interface controls each in the multiple user interface controls
Collection and pre-set user interface create-rule generate target user interface library.
The application without limitation, can directly generate corresponding pre-set user interface create-rule according to each UI control
Then code is integrated；Target Photo can also be divided to obtain region picture, determine each region picture pair respectively
The code answered, is then integrated；Pre-generated user interface library can be also obtained, is then modified.
In one embodiment, the method also includes: determine each user interface in the multiple user interface controls
The corresponding control type of control；It is true according to the corresponding control type of user interface controls each in the multiple user interface controls
Determine the corresponding pre-set user interface create-rule of the Target Photo.
Wherein, the control that control type, that is, foregoing button, text label, Text Entry, picture show, roll
Part, table, nine grids, navigation bar, paging control, date picker, bottom bullet frame, pop-up etc..
It is appreciated that the corresponding control type of each UI control is first determined, then since different control types is corresponding
Attribute is different, therefore, the default create-rule of every UI control is determined according to the corresponding code of each attribute, so, it may be determined that
The corresponding pre-set user interface create-rule of Target Photo improves the accuracy for generating pre-set user interface create-rule, just
In the accuracy for improving generation target user interface library.
The application for determine control type method without limitation, in one embodiment, the determination is the multiple
The corresponding control type of each user interface controls in user interface controls, comprising: image recognition is carried out to the Target Photo,
To obtain the corresponding control features of each user interface controls in the multiple user interface controls；According to the multiple user circle
The corresponding control features of each user interface controls determine each user interface in the multiple user interface controls in the control of face
At least one reftype of control, to obtain multiple first reftypes；According to each in the multiple user interface controls
The corresponding target widget markup information collection of user interface controls determines each user interface control in the multiple user interface controls
At least one reftype of part, to obtain multiple second reftypes；According to the multiple first reftype and described more
A second reftype determines the corresponding control type of each user interface controls in the multiple user interface controls.
Wherein, whether control features may include whether comprising frame, comprising underscore, control shape, control size, group
Part type etc., such as: it include character, navigation bar includes underscore, paging control that Text Entry, which includes at least a box, button,
Part include corresponding paging icon, pop-up text include text and button, pop-up margin column include amplification, reduce and close
Button.In this way, in this embodiment, to Target Photo progress image recognition to obtain the corresponding control features of each UI control,
Then at least one possible reftype is determined to obtain multiple first reftypes according to the control features of each UI control.
Then, since control markup information is used to describe the attribute information of UI control, then pass through the attribute of each UI control
Feature determines at least one possible reftype to obtain multiple second reftypes.Finally, according to multiple first reference classes
Type and multiple second reftypes determine the control type of corresponding UI control.In this way, special from the characteristics of image of UI control and description
It levies and determines control type, further improve the accuracy of determining control type.
The application for determine pre-set user interface create-rule method without limitation, it is in one embodiment, described
Determine that pre-set user interface generates according to the corresponding control type of user interface controls each in the multiple user interface controls
Rule, comprising: the Target Photo is divided, to obtain multiple regions picture；In determining and the multiple region picture
The corresponding demand type of each region picture, to obtain multiple demand types；From pre-generated multiple user interface libraries, obtain
Take it is corresponding with the multiple demand type with reference to user interface library, it is multiple with reference to user interface library to obtain；From the multiple
With reference to the code for extracting corresponding with corresponding region picture user interface controls with reference to user interface library each in user interface library,
To obtain pre-set user interface create-rule.
Wherein, the division of Target Photo can be divided according to the typesetting of Target Photo, for example, as shown in figure 3, root
Target Photo can be divided into first area picture 310, second area picture 320, third region picture 330 and according to the Fig. 3
Four region pictures 440.
Demand type be the region picture type, it may include topic Types, navigation type, search-type, show type,
Promote type, log in type, play type etc., it is not limited here.For example, as shown in figure 3, first area picture 310
Demand type be topic Types, second area picture 320 demand type be the need of navigation type, third region picture 330
Seeking type is search-type, and the demand type of the fourth region picture 440 is to show type.
It is appreciated that Target Photo is first divided into multiple regions picture, the need of each region picture are then determined respectively
Type is sought, acquisition is corresponding with each demand type from pre-generated multiple user interface libraries refers to user interface library, most
Afterwards, it is obtained from each with reference to the code for extracting corresponding user interface controls in the picture of corresponding region in user interface library with this
Pre-set user interface create-rule improves the efficiency and accuracy rate of determining pre-set user interface create-rule.
S105: according to the corresponding target layout markup information of user interface controls each in the multiple user interface controls
Collection and the target user interface library generate target user interface.
In this application, target layout markup information collection is used to describe the page layout of each UI control, target user circle
Face library includes the code information of each UI control, then target can be obtained according to target layout markup information and target user interface library
The corresponding code information of picture, the corresponding code information of the Target Photo produce target user interface by editing.
In user interface creating method as shown in Figure 1, electronic equipment receives the Target Photo of input, to the target
Picture carries out text identification, to obtain the multiple control markup informations and multiple layout markup informations in the Target Photo.Then,
Classify to the multiple control markup information and the multiple layout markup information, it is each in the Target Photo to obtain
The corresponding target widget markup information collection of user interface controls and target layout markup information collection, i.e. electronic equipment have determined target
The control information and layout information of each user interface controls in picture.Then, according to use each in multiple user interface controls
The corresponding target widget markup information collection of family interface control and pre-set user interface create-rule generate target user interface library, then
According to the corresponding target layout markup information collection of user interface controls each in the multiple user interface controls and the target
User interface library generate target user interface, then electronic equipment automatically generate the corresponding target user interface library of Target Photo and
Target user interface is operated without human-edited, to improve the formation efficiency of user interface.
In one embodiment, the method also includes: multiple first users are generated according to the target user interface library
Interface, the multiple first user interface include the target user interface, and the typesetting type of every one first user interface is different；
The corresponding evaluation of estimate of every one first user interface in the multiple first user interface is obtained, to obtain multiple evaluations of estimate；Output
The corresponding reference page of evaluation of estimate of every one first user interface in the multiple first user interface；It receives and is directed to the reference
The first user interface of target in the page chooses instruction；If first user interface of target is not target user circle
Face then exports first user interface of target.
Wherein, the method for obtaining the corresponding evaluation of estimate of the first user interface, can pass through network voting or counting user interface
Number of users；It can also be accustomed to giving a mark by meeting the browsing of public online friend, that is, improve online friend and operate the user interface
Convenience etc..
It is appreciated that the first user interface of multiple and different typesetting types is generated according to the target user interface library, and
First user interface be include the target user interface, the evaluation of estimate of each first user interface is determined, then with reference page
The form in face is exported to developer, then developer is for the evaluation of estimate of each first user interface in the reference page to electricity
Instruction is chosen in sub- equipment transmission, and when choosing corresponding the first user interface of target of instruction is not target user interface, output
First user interface of target.In this way, directly target user interface library can be modified by user interface, and improve user interface
Operation ease.
Consistent with the embodiment of Fig. 1, referring to figure 4., Fig. 4 is that a kind of user interface provided by the embodiments of the present application generates dress
The structural schematic diagram set, described device are applied to electronic equipment.As shown in figure 4, above-mentioned user interface generating means 400 include:
Communication unit 401, Target Photo for receiving input, the Target Photo include multiple user interface controls,
Multiple control markup informations and multiple layout markup informations；
Processing unit 402, for carrying out text identification to the Target Photo, to obtain the multiple control markup information
With the multiple layout markup information；Classify to the multiple control markup information and the multiple layout markup information,
To obtain the corresponding target widget markup information collection of each user interface controls in the multiple user interface controls and target cloth
Office's markup information collection；According to the corresponding target widget markup information of user interface controls each in the multiple user interface controls
Collection and pre-set user interface create-rule generate target user interface library；According to user each in the multiple user interface controls
The corresponding target layout markup information collection of interface control and the target user interface library generate target user interface.
It is appreciated that electronic equipment receives the Target Photo of input, text identification is carried out to the Target Photo, to obtain
Multiple control markup informations and multiple layout markup informations in the Target Photo.Then, to the multiple control markup information
Classify with the multiple layout markup information, to obtain the corresponding target of each user interface controls in the Target Photo
Control markup information collection and target layout markup information collection, i.e. electronic equipment have determined each user interface controls in Target Photo
Control information and layout information.Then, according to the corresponding target control of user interface controls each in multiple user interface controls
Part markup information collection and pre-set user interface create-rule generate target user interface library, further according to the multiple user interface control
Each corresponding target layout markup information collection of user interface controls and the target user interface library generate target user in part
Interface, then electronic equipment automatically generates the corresponding target user interface library of Target Photo and target user interface, without people
Work edit operation, to improve the formation efficiency of user interface.
In a possible example, described to the multiple control markup information and the multiple layout markup information
Classify, to obtain the corresponding target widget markup information collection of each user interface controls in the multiple user interface controls
In terms of target layout markup information collection, the processing unit 402 is specifically used for according to the multiple user interface controls, described
The position of multiple control markup informations and the multiple layout markup information in the Target Photo determines the multiple user
Each user interface controls are corresponding in interface control refers to control markup information collection and reference layout markup information collection；If with reference to
User interface controls are corresponding to lack the first control markup information with reference to control markup information collection, then true according to the Target Photo
Each user interface controls are corresponding in fixed the multiple user interface controls concentrates and described first with reference to control markup information
The matched second control markup information of control markup information, the reference user interface controls are the multiple user interface controls
In any user interface control；Determine that the target widget markup information collection with reference to user interface controls is described with reference to use
Family interface control is corresponding to refer to control markup information collection and the second control markup information；If described refer to user interface control
The corresponding reference layout markup information collection of part lacks the first layout markup information, then is determined according to the Target Photo the multiple
Each corresponding reference layout markup information concentration of user interface controls and the first layout mark letter in user interface controls
Cease matched second layout markup information；Determine that the target layout markup information collection with reference to user interface controls is the ginseng
Examine the corresponding reference layout markup information collection of user interface controls and the second layout markup information；If described refer to user circle
Control corresponding reference control markup information in face includes the first control markup information, it is determined that described to refer to user interface control
The target widget markup information collection of part is described corresponding with reference to control markup information collection with reference to user interface controls；If the ginseng
Examining the corresponding reference layout markup information of user interface controls includes the first layout markup information, it is determined that described with reference to use
The target layout markup information collection of family interface control is described with reference to the corresponding reference layout markup information collection of user interface controls.
In a possible example, the processing unit 402 is also used to determine described corresponding with reference to user interface controls
Necessary layout attributes and necessary control property；If the reference layout markup information collection with reference to user interface controls lacks institute
State necessary layout attributes, it is determined that described to lack described first with reference to the corresponding reference layout markup information collection of user interface controls
It is laid out markup information, and the first layout markup information is the corresponding layout markup information of the necessary layout attributes；If institute
The reference control markup information collection stated with reference to user interface controls lacks the necessary control property, it is determined that described to refer to user
Interface control is corresponding to lack the first control markup information, and first control mark letter with reference to control markup information collection
Breath is the corresponding control markup information of the necessary control property.
In a possible example, the processing unit 402 is also used to determine in the multiple user interface controls often
The corresponding control type of one user interface controls；It is corresponding according to user interface controls each in the multiple user interface controls
Control type determines pre-set user interface create-rule.
In a possible example, each user interface controls pair in the multiple user interface controls of the determination
In terms of the control type answered, the processing unit 402 is specifically used for carrying out image recognition to the Target Photo, described to obtain
The corresponding control features of each user interface controls in multiple user interface controls；According to every in the multiple user interface controls
The corresponding control features of one user interface controls determine that each user interface controls are at least in the multiple user interface controls
One reftype, to obtain multiple first reftypes；According to user interface control each in the multiple user interface controls
The corresponding target widget markup information collection of part determines at least one of each user interface controls in the multiple user interface controls
A reftype, to obtain multiple second reftypes；According to the multiple first reftype and the multiple second reference
Type determines the corresponding control type of each user interface controls in the multiple user interface controls.
In a possible example, described according to user interface controls pair each in the multiple user interface controls
In terms of the control type answered determines pre-set user interface create-rule, the processing unit 402 is specifically used for the mesh
Piece of marking on a map is divided, to obtain multiple regions picture；Determination is corresponding with each region picture in the multiple region picture
Demand type, to obtain multiple demand types；From pre-generated multiple user interface libraries, obtain and the multiple demand class
Type is corresponding to refer to user interface library, multiple with reference to user interface library to obtain；From the multiple with reference to every in user interface library
One extracts the code of user interface controls corresponding with corresponding region picture with reference to user interface library, to obtain the pre-set user
Interface create-rule.
In a possible example, the processing unit 402 is also used to be generated according to the target user interface library more
A first user interface, the multiple first user interface include the target user interface, the row of every one first user interface
Version type is different；The corresponding evaluation of estimate of every one first user interface in the multiple first user interface is obtained, it is multiple to obtain
Evaluation of estimate；The communication unit 401 is also used to export the evaluation of every one first user interface in the multiple first user interface
It is worth corresponding reference page；It receives and chooses instruction for the first user interface of target in the reference page；If the mesh
Marking the first user interface not is the target user interface, then exports first user interface of target.
Consistent with the embodiment of Fig. 1, referring to figure 5., Fig. 5 is the structure of a kind of electronic equipment provided by the embodiments of the present application
Schematic diagram.As shown in figure 5, the electronic equipment 500 includes processor 510, memory 520, communication interface 530 and one or more
A program 540, wherein said one or multiple programs 540 are stored in above-mentioned memory 520, and are configured by above-mentioned
Processor 510 executes, and above procedure 540 includes the instruction for executing following steps:
The Target Photo of input is received, the Target Photo includes multiple user interface controls, multiple control markup informations
With multiple layout markup informations；
Text identification is carried out to the Target Photo, to obtain the multiple control markup information and the multiple layout mark
Infuse information；
Classify to the multiple control markup information and the multiple layout markup information, to obtain the multiple use
The corresponding target widget markup information collection of each user interface controls and target layout markup information collection in the interface control of family；
According to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls and
Pre-set user interface create-rule generates target user interface library；
According to the corresponding target layout markup information collection of user interface controls each in the multiple user interface controls and
The target user interface library generates target user interface.
It is appreciated that electronic equipment receives the Target Photo of input, text identification is carried out to the Target Photo, to obtain
Multiple control markup informations and multiple layout markup informations in the Target Photo.Then, to the multiple control markup information
Classify with the multiple layout markup information, to obtain the corresponding target of each user interface controls in the Target Photo
Control markup information collection and target layout markup information collection, i.e. electronic equipment have determined each user interface controls in Target Photo
Control information and layout information.Then, according to the corresponding target control of user interface controls each in multiple user interface controls
Part markup information collection and pre-set user interface create-rule generate target user interface library, further according to the multiple user interface control
Each corresponding target layout markup information collection of user interface controls and the target user interface library generate target user in part
Interface, then electronic equipment automatically generates the corresponding target user interface library of Target Photo and target user interface, without people
Work edit operation, to improve the formation efficiency of user interface.
In a possible example, described to the multiple control markup information and the multiple layout markup information
Classify, to obtain the corresponding target widget markup information collection of each user interface controls in the multiple user interface controls
In terms of target layout markup information collection, described program 540 is specifically used for executing the instruction of following steps:
Existed according to the multiple user interface controls, the multiple control markup information and the multiple layout markup information
Position in the Target Photo determines that each user interface controls are corresponding with reference to control in the multiple user interface controls
Markup information collection and reference layout markup information collection；
If lacking the first control markup information, basis with reference to the corresponding control markup information collection that refers to of user interface controls
The Target Photo determines that each user interface controls are corresponding with reference to control markup information in the multiple user interface controls
It concentrates and the matched second control markup information of the first control markup information, the reference user interface controls is described more
Any user interface control in a user interface controls；Determine the target widget markup information with reference to user interface controls
Collection is described corresponding with reference to control markup information collection and the second control markup information with reference to user interface controls；
If described lack the first layout markup information with reference to the corresponding reference layout markup information collection of user interface controls,
The corresponding reference layout mark of each user interface controls in the multiple user interface controls is determined according to the Target Photo
Information is concentrated and the matched second layout markup information of the first layout markup information；It determines described with reference to user interface controls
Target layout markup information collection be described with reference to the corresponding reference layout markup information collection of user interface controls and described second
It is laid out markup information；
If the corresponding reference control markup information of user interface controls that refers to includes the first control markup information,
Then determine that the target widget markup information collection with reference to user interface controls is described with reference to the corresponding ginseng of user interface controls
Examine control markup information collection；
If the corresponding reference layout markup information of user interface controls that refers to includes the first layout markup information,
Then determine that the target layout markup information collection with reference to user interface controls is described with reference to the corresponding ginseng of user interface controls
Examine layout markup information collection.
In a possible example, described program 540 is also used to execute the instruction of following steps:
It determines described with reference to the corresponding necessary layout attributes of user interface controls and necessary control property；
If the reference layout markup information collection with reference to user interface controls lacks the necessary layout attributes, it is determined that
It is described to lack the target layout markup information, and the mesh with reference to the corresponding reference layout markup information collection of user interface controls
Mark layout markup information is the corresponding layout markup information of the necessary layout attributes；
If the reference control markup information collection with reference to user interface controls lacks the necessary control property, it is determined that
It is described to lack the target widget markup information, and the mesh with reference to the corresponding control markup information collection that refers to of user interface controls
Marking control markup information is the corresponding control markup information of the necessary control property.
In a possible example, described program 540 is also used to execute the instruction of following steps:
Determine the corresponding control type of each user interface controls in the multiple user interface controls；
It is determined according to the corresponding control type of user interface controls each in the multiple user interface controls described default
User interface create-rule.
In a possible example, each user interface controls pair in the multiple user interface controls of the determination
In terms of the control type answered, described program 540 is specifically used for executing the instruction of following steps:
Image recognition is carried out to the Target Photo, to obtain each user interface control in the multiple user interface controls
The corresponding control features of part；
It is determined according to the corresponding control features of user interface controls each in the multiple user interface controls the multiple
At least one reftype of each user interface controls in user interface controls, to obtain multiple first reftypes；
It is true according to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls
At least one reftype of each user interface controls in fixed the multiple user interface controls, to obtain multiple second references
Type；
The multiple user interface control is determined according to the multiple first reftype and the multiple second reftype
The corresponding control type of each user interface controls in part.
In a possible example, described according to user interface controls pair each in the multiple user interface controls
In terms of the control type answered determines pre-set user interface create-rule, described program 540 is specifically used for executing following steps
Instruction:
The Target Photo is divided, to obtain multiple regions picture；
Demand type corresponding with region picture each in the multiple region picture is determined, to obtain multiple demand class
Type；
From pre-generated multiple user interface libraries, obtain corresponding with the multiple demand type with reference to user interface
Library, it is multiple with reference to user interface library to obtain；
From the multiple with reference to each corresponding with corresponding region picture with reference to user interface library extraction in user interface library
The code of user interface controls, to obtain pre-set user interface create-rule.
In a possible example, described program 540 is also used to execute the instruction of following steps:
Multiple first user interfaces are generated according to the target user interface library, the multiple first user interface includes institute
Target user interface is stated, the typesetting type of every one first user interface is different；
The corresponding evaluation of estimate of every one first user interface in the multiple first user interface is obtained, to obtain multiple evaluations
Value；
Export the corresponding reference page of evaluation of estimate of every one first user interface in the multiple first user interface；
It receives and chooses instruction for the first user interface of target in the reference page；
If first user interface of target is not the target user interface, first user circle of target is exported
Face.
The embodiment of the present application also provides a kind of computer storage medium, wherein the computer storage medium is stored for depositing
Computer program is stored up, which makes computer execute either record part of method or complete in such as embodiment of the method
Portion's step, computer include electronic equipment.
The embodiment of the present application also provides a kind of computer program product, and computer program product includes storing computer journey
The non-transient computer readable storage medium of sequence, computer program are operable to execute computer as remembered in embodiment of the method
Some or all of either load method step.The computer program product can be a software installation packet, and computer includes
Electronic equipment.
It should be noted that for the various method embodiments described above, for simple description, therefore, it is stated as a series of
Combination of actions, but those skilled in the art should understand that, the application is not limited by the described action sequence because
According to the application, some steps may be performed in other sequences or simultaneously.Secondly, those skilled in the art should also know
It knows, the embodiments described in the specification are all preferred embodiments, related movement and mode not necessarily the application
It is necessary.
In the above-described embodiments, it all emphasizes particularly on different fields to the description of each embodiment, there is no the portion being described in detail in some embodiment
Point, reference can be made to the related descriptions of other embodiments.
In several embodiments provided herein, it should be understood that disclosed device, it can be by another way
It realizes.For example, the apparatus embodiments described above are merely exemplary, such as the division of unit, only a kind of logic
Function division, there may be another division manner in actual implementation, such as multiple units or components can combine or can collect
At another system is arrived, or some features can be ignored or not executed.Another point, shown or discussed mutual coupling
It closes or direct-coupling or communication connection can be through some interfaces, the indirect coupling or communication connection of device or unit can be with
It is electrical or other forms.
Unit may or may not be physically separated as illustrated by the separation member, shown as a unit
Component may or may not be physical unit, it can and it is in one place, or may be distributed over multiple networks
On unit.It can some or all of the units may be selected to achieve the purpose of the solution of this embodiment according to the actual needs.
It, can also be in addition, each functional unit in each embodiment of the application can integrate in one processing unit
It is that each unit physically exists alone, can also be integrated in one unit with two or more units.Above-mentioned integrated list
Member both can take the form of hardware realization, can also be realized in the form of software program mode.
If integrated unit is realized and when sold or used as an independent product in the form of software program mode, can
To be stored in a computer-readable access to memory.According to such understanding, the technical solution of the application is substantially in other words
The all or part of the part that contributes to existing technology or the technical solution can embody in the form of software products
Come, which is stored in a memory, including some instructions are used so that a computer equipment (can be
Personal computer, server or network equipment etc.) execute each embodiment method of the application all or part of the steps.And it is preceding
The memory stated includes: USB flash disk, read-only memory (read-only memory, ROM), random access memory (random
Access memory, RAM), mobile hard disk, the various media that can store program code such as magnetic or disk.
Those of ordinary skill in the art will appreciate that all or part of the steps in the various methods of above-described embodiment is can
It is completed with instructing relevant hardware by program, which can store in a computer-readable memory, memory
It may include: flash disk, ROM, RAM, disk or CD etc..
The embodiment of the present application is described in detail above, specific case used herein to the principle of the application and
Embodiment is expounded, the description of the example is only used to help understand the method for the present application and its core ideas；
At the same time, for those skilled in the art can in specific embodiments and applications according to the thought of the application
There is change place, to sum up, the contents of this specification should not be construed as limiting the present application.
Claims (10)
1. a kind of user interface creating method characterized by comprising
The Target Photo of input is received, the Target Photo includes multiple user interface controls, multiple control markup informations and more
A layout markup information；
Text identification is carried out to the Target Photo, to obtain the multiple control markup information and the multiple layout mark letter
Breath；
Classify to the multiple control markup information and the multiple layout markup information, to obtain the multiple user circle
The corresponding target widget markup information collection of each user interface controls and target layout markup information collection in the control of face；
According to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls and preset
User interface create-rule generates target user interface library；
According to the corresponding target layout markup information collection of user interface controls each in the multiple user interface controls and described
Target user interface library generates target user interface.
2. the method according to claim 1, wherein described to the multiple control markup information and the multiple
Layout markup information is classified, to obtain the corresponding target control of each user interface controls in the multiple user interface controls
Part markup information collection and target layout markup information collection, comprising:
According to the multiple user interface controls, the multiple control markup information and the multiple layout markup information described
Position in Target Photo determines that each user interface controls are corresponding with reference to control mark in the multiple user interface controls
Information collection and reference layout markup information collection；
If lacking the first control markup information with reference to the corresponding control markup information collection that refers to of user interface controls, according to
Target Photo determines that each user interface controls are corresponding with reference to control markup information concentration in the multiple user interface controls
With the matched second control markup information of the first control markup information, the reference user interface controls are the multiple use
Any user interface control in the interface control of family；Determine that the target widget markup information collection with reference to user interface controls is
It is described corresponding with reference to control markup information collection and the second control markup information with reference to user interface controls；
If described lack the first layout markup information, basis with reference to the corresponding reference layout markup information collection of user interface controls
The Target Photo determines the corresponding reference layout markup information of each user interface controls in the multiple user interface controls
It concentrates and the matched second layout markup information of the first layout markup information；Determine the mesh with reference to user interface controls
Mark layout markup information collection is described with reference to the corresponding reference layout markup information collection of user interface controls and second layout
Markup information；
If the corresponding reference control markup information of user interface controls that refers to includes the first control markup information, really
The fixed target widget markup information collection with reference to user interface controls is described corresponding with reference to control with reference to user interface controls
Part markup information collection；
If the corresponding reference layout markup information of user interface controls that refers to includes the first layout markup information, really
The fixed target layout markup information collection with reference to user interface controls is described corresponding with reference to cloth with reference to user interface controls
Office's markup information collection.
3. according to the method described in claim 2, it is characterized in that, the method also includes:
It determines described with reference to the corresponding necessary layout attributes of user interface controls and necessary control property；
If the reference layout markup information collection with reference to user interface controls lacks the necessary layout attributes, it is determined that described
Lack the first layout markup information, and first cloth with reference to the corresponding reference layout markup information collection of user interface controls
Office's markup information is the corresponding layout markup information of the necessary layout attributes；
If the reference control markup information collection with reference to user interface controls lacks the necessary control property, it is determined that described
Lack the first control markup information, and first control with reference to the corresponding control markup information collection that refers to of user interface controls
Part markup information is the corresponding control markup information of the necessary control property.
4. the method according to claim 1, wherein the method also includes:
Determine the corresponding control type of each user interface controls in the multiple user interface controls；
The pre-set user is determined according to the corresponding control type of user interface controls each in the multiple user interface controls
Interface create-rule.
5. according to the method described in claim 4, it is characterized in that, each use in the multiple user interface controls of the determination
The corresponding control type of family interface control, comprising:
Image recognition is carried out to the Target Photo, to obtain each user interface controls pair in the multiple user interface controls
The control features answered；
The multiple user is determined according to the corresponding control features of user interface controls each in the multiple user interface controls
At least one reftype of each user interface controls in interface control, to obtain multiple first reftypes；
Institute is determined according to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls
At least one reftype of each user interface controls in multiple user interface controls is stated, to obtain multiple second reference classes
Type；
It is determined in the multiple user interface controls according to the multiple first reftype and the multiple second reftype
The corresponding control type of each user interface controls.
6. method according to claim 4 or 5, which is characterized in that described according to every in the multiple user interface controls
The corresponding control type of one user interface controls determines pre-set user interface create-rule, comprising:
The Target Photo is divided, to obtain multiple regions picture；
Demand type corresponding with region picture each in the multiple region picture is determined, to obtain multiple demand types；
From pre-generated multiple user interface libraries, acquisition is corresponding with the multiple demand type to refer to user interface library,
It is multiple with reference to user interface library to obtain；
User corresponding with corresponding region picture is extracted with reference to user interface library with reference to each in user interface library from the multiple
The code of interface control, to obtain pre-set user interface create-rule.
7. method according to claim 1-6, which is characterized in that the method also includes:
Multiple first user interfaces are generated according to the target user interface library, the multiple first user interface includes the mesh
User interface is marked, the typesetting type of every one first user interface is different；
The corresponding evaluation of estimate of every one first user interface in the multiple first user interface is obtained, to obtain multiple evaluations of estimate；
Export the corresponding reference page of evaluation of estimate of every one first user interface in the multiple first user interface；
It receives and chooses instruction for the first user interface of target in the reference page；
If first user interface of target is not the target user interface, first user interface of target is exported.
8. a kind of user interface generating means characterized by comprising
Communication unit, Target Photo for receiving input, the Target Photo include multiple user interface controls, multiple controls
Markup information and multiple layout markup informations；
Processing unit, for carrying out text identification to the Target Photo, to obtain the multiple control markup information and described
Multiple layout markup informations；Classify to the multiple control markup information and the multiple layout markup information, to obtain
The corresponding target widget markup information collection of each user interface controls and target layout mark in the multiple user interface controls
Information collection；According to the corresponding target widget markup information collection of user interface controls each in the multiple user interface controls and in advance
If user interface create-rule generates target user interface library；According to user interface control each in the multiple user interface controls
The corresponding target layout markup information collection of part and the target user interface library generate target user interface.
9. a kind of electronic equipment, which is characterized in that including processor, memory, communication interface and one or more program,
In, one or more of programs are stored in the memory, and are configured to be executed by the processor, described program
Include the steps that requiring the instruction in any one of 1-7 method for perform claim.
10. a kind of computer readable storage medium, which is characterized in that it is used to store computer program, wherein the computer
Program makes computer execute the method according to claim 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910191328.9A CN110018826A (en) | 2019-03-12 | 2019-03-12 | User interface creating method and relevant device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910191328.9A CN110018826A (en) | 2019-03-12 | 2019-03-12 | User interface creating method and relevant device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110018826A true CN110018826A (en) | 2019-07-16 |
Family
ID=67189552
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910191328.9A Pending CN110018826A (en) | 2019-03-12 | 2019-03-12 | User interface creating method and relevant device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110018826A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110554865A (en) * | 2019-09-10 | 2019-12-10 | 联想(北京)有限公司 | Visual programming method, device, computing equipment and medium |
| CN111208998A (en) * | 2019-12-27 | 2020-05-29 | 深圳力维智联技术有限公司 | Method and device for automatically laying out data visualization large screen and storage medium |
| CN112328250A (en) * | 2020-11-17 | 2021-02-05 | 中国平安财产保险股份有限公司 | User interface generation method and device, computer equipment and storage medium |
| CN112363721A (en) * | 2020-10-27 | 2021-02-12 | 北京达佳互联信息技术有限公司 | User interface processing method and device |
| CN112631588A (en) * | 2020-12-28 | 2021-04-09 | 北京五八信息技术有限公司 | File generation method and device, electronic equipment and computer readable medium |
| CN113157310A (en) * | 2021-04-01 | 2021-07-23 | 北京三快在线科技有限公司 | Configuration information acquisition method, device, equipment and computer readable storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1867894A (en) * | 2003-10-15 | 2006-11-22 | 皇家飞利浦电子股份有限公司 | Automatic generation of user interface descriptions through sketching |
| US20160147840A1 (en) * | 2014-11-21 | 2016-05-26 | International Business Machines Corporation | System for retrieving, visualizing and editing semantic annotations |
| CN105930159A (en) * | 2016-04-20 | 2016-09-07 | 中山大学 | Image-based interface code generation method and system |
| CN106844217A (en) * | 2017-01-26 | 2017-06-13 | 网易（杭州）网络有限公司 | Control to applying bury method and device, readable storage medium storing program for executing a little |
| WO2017113732A1 (en) * | 2015-12-28 | 2017-07-06 | 乐视控股（北京）有限公司 | Layout method and system for user interface control, and control method and system therefor |
| CN107992304A (en) * | 2017-12-29 | 2018-05-04 | 北京远特科技股份有限公司 | A kind of method and apparatus for generating display interface |
| CN108897541A (en) * | 2018-07-03 | 2018-11-27 | 腾讯科技（深圳）有限公司 | Vision restoring method, device, storage medium and the terminal of application program |
| CN109117228A (en) * | 2018-08-01 | 2019-01-01 | 浙江口碑网络技术有限公司 | The generation method and device of graphical interfaces |
| CN109240687A (en) * | 2018-08-01 | 2019-01-18 | 浙江口碑网络技术有限公司 | Graphical interfaces describes the generation method and device of file |
-
2019
- 2019-03-12 CN CN201910191328.9A patent/CN110018826A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1867894A (en) * | 2003-10-15 | 2006-11-22 | 皇家飞利浦电子股份有限公司 | Automatic generation of user interface descriptions through sketching |
| US20070130529A1 (en) * | 2003-10-15 | 2007-06-07 | Paul Shrubsole | Automatic generation of user interface descriptions through sketching |
| US20160147840A1 (en) * | 2014-11-21 | 2016-05-26 | International Business Machines Corporation | System for retrieving, visualizing and editing semantic annotations |
| WO2017113732A1 (en) * | 2015-12-28 | 2017-07-06 | 乐视控股（北京）有限公司 | Layout method and system for user interface control, and control method and system therefor |
| CN105930159A (en) * | 2016-04-20 | 2016-09-07 | 中山大学 | Image-based interface code generation method and system |
| CN106844217A (en) * | 2017-01-26 | 2017-06-13 | 网易（杭州）网络有限公司 | Control to applying bury method and device, readable storage medium storing program for executing a little |
| CN107992304A (en) * | 2017-12-29 | 2018-05-04 | 北京远特科技股份有限公司 | A kind of method and apparatus for generating display interface |
| CN108897541A (en) * | 2018-07-03 | 2018-11-27 | 腾讯科技（深圳）有限公司 | Vision restoring method, device, storage medium and the terminal of application program |
| CN109117228A (en) * | 2018-08-01 | 2019-01-01 | 浙江口碑网络技术有限公司 | The generation method and device of graphical interfaces |
| CN109240687A (en) * | 2018-08-01 | 2019-01-18 | 浙江口碑网络技术有限公司 | Graphical interfaces describes the generation method and device of file |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110554865A (en) * | 2019-09-10 | 2019-12-10 | 联想(北京)有限公司 | Visual programming method, device, computing equipment and medium |
| CN110554865B (en) * | 2019-09-10 | 2021-05-18 | 联想(北京)有限公司 | Visual programming method, device, computing equipment and medium |
| CN111208998A (en) * | 2019-12-27 | 2020-05-29 | 深圳力维智联技术有限公司 | Method and device for automatically laying out data visualization large screen and storage medium |
| CN111208998B (en) * | 2019-12-27 | 2024-03-05 | 深圳力维智联技术有限公司 | Method, device and storage medium for automatic layout of data visualization large screen |
| CN112363721A (en) * | 2020-10-27 | 2021-02-12 | 北京达佳互联信息技术有限公司 | User interface processing method and device |
| CN112328250A (en) * | 2020-11-17 | 2021-02-05 | 中国平安财产保险股份有限公司 | User interface generation method and device, computer equipment and storage medium |
| CN112328250B (en) * | 2020-11-17 | 2024-04-05 | 中国平安财产保险股份有限公司 | User interface generation method and device, computer equipment and storage medium |
| CN112631588A (en) * | 2020-12-28 | 2021-04-09 | 北京五八信息技术有限公司 | File generation method and device, electronic equipment and computer readable medium |
| CN113157310A (en) * | 2021-04-01 | 2021-07-23 | 北京三快在线科技有限公司 | Configuration information acquisition method, device, equipment and computer readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110018826A (en) | User interface creating method and relevant device | |
| CN106126521B (en) | The social account method for digging and server of target object | |
| Abello et al. | A modular degree-of-interest specification for the visual analysis of large dynamic networks | |
| US20120102390A1 (en) | Method and apparatus for generating widget | |
| CN116070053B (en) | Cross-platform RPA browser data acquisition method and system for information creation system | |
| CN109032720A (en) | Folder icon display methods, system, readable storage medium storing program for executing and terminal | |
| CN101359285B (en) | Apparatus and method for inserting control into document | |
| CN110309405A (en) | A kind of item recommendation method, device and storage medium | |
| CN112099778B (en) | Data acquisition method based on xpath, electronic equipment and storage medium | |
| CN113014476B (en) | Group creation method and device | |
| CN107578659A (en) | Electronic title generation method and device and terminal | |
| CN113360619A (en) | Form generation method, device, equipment and medium | |
| CN106407199A (en) | Network article comment processing method and apparatus | |
| CN113194024B (en) | Information display method and device and electronic equipment | |
| CN107797963A (en) | Processing method, device and the terminal of expression formula | |
| CN112667120A (en) | Display method and device of interactive icon and electronic equipment | |
| CN109325220A (en) | Chart generation method, device, storage medium and electronic equipment | |
| EP2717171A1 (en) | Electronic device including mind-map user interface and method for manipulating mind-map using the same | |
| CN105959474A (en) | Short message editing method and terminal | |
| CN113238686B (en) | Document processing method and device and electronic equipment | |
| CN112333084B (en) | File sending method and device and electronic equipment | |
| CN108874977B (en) | Page data extraction method and device, storage medium and electronic equipment | |
| CN104750609B (en) | Determine the method and device of interface layout compatibility | |
| CN115543288A (en) | Code information generation method, device, equipment and storage medium | |
| CN109492249A (en) | Rapid generation, device and the terminal device of design drawing |
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 |