CN108829393A - A kind of skin file generation method, device and equipment for realizing interface layout - Google Patents
A kind of skin file generation method, device and equipment for realizing interface layout Download PDFInfo
- Publication number
- CN108829393A CN108829393A CN201810621945.3A CN201810621945A CN108829393A CN 108829393 A CN108829393 A CN 108829393A CN 201810621945 A CN201810621945 A CN 201810621945A CN 108829393 A CN108829393 A CN 108829393A
- Authority
- CN
- China
- Prior art keywords
- control
- skin file
- file
- interface layout
- tree construction
- 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
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/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)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a kind of skin file generation method, device and equipment for realizing interface layout, utilizes each control in tree construction administration view in visualization interface editing area.It receives first and is directed to the edit operation of any control in visualization interface editing area；Then, it is updated according to control property and/or typesetting attribute of the edit operation to the control in tree construction；Effect is laid out according to the tree construction display interface after update control；Finally after receiving preset skin file and generating instruction, skin file is generated according to each control in the tree construction after update control, for realizing the interface layout of application software.Since skin file can exist independently of business function code, when therefore realizing the interface layout of various applications using the skin file, it can be avoided the coupling of view logical code Yu business function code, skin file need to be only changed when the interface layout of application need to be adjusted, and reduce dependence of the interface layout change to application version updating publication.
Description
Technical field
This application involves internet areas, and in particular to a kind of skin file generation method for realizing interface layout,
Device and equipment.
Background technique
Various application (English：Application；Referred to as：APP in), in order to show content abundant to user and mention
For good usage experience, the interface layout of application is often by as one of the important element for attracting user, usual various applications
Interface layout have diversity.
Currently, the developer of application is the interface layout that application is realized by way of writing view logical code, this
Kind implementation is had to will be for realizing the view logical code of interface layout and for realizing the code of Application Service Function
Mix it is miscellaneous together so that the two degree of coupling is high.Since the interface layout of application can constantly adjust update with the demand of user,
To attract the concern of more users, when it come to arrive application interface layout adjustment, then developer need to for realizing
The view logical code of interface layout is modified.And the coupling between view logical code and business function code, it is desirable that
While changing view logical code, it is also desirable to be adjusted to business function code, issue answering for entire new version again
With rear, it is finally completed the update to interface layout.
As it can be seen that the adjustment process of the above-mentioned interface layout to application is relative complex, and relies on the adjustment of business function code,
And the entire publication for applying new version.
Summary of the invention
To solve the above problems, this application provides a kind of skin file generation methods for realizing interface layout, dress
It sets and equipment, specific technical solution is as follows：
In a first aspect, being visualized this application provides a kind of skin file generation method for realizing interface layout
Interface editing area, using each control in tree construction administration view, the control has control property and typesetting attribute, described
Method includes：
It receives and is directed to the edit operation of any control in the visualization interface editing area, the edit operation includes control
Attributes edit operation and/or the operation of typesetting attributes edit；
According to the edit operation, the control in the tree construction is updated；
According to the tree construction after update control, display interface is laid out effect；
After receiving preset skin file and generating instruction, according to each control in the tree construction after the update control
Part generate skin file, the skin file for realizing application software interface layout.
Optionally, described after receiving preset skin file and generating instruction, according to each control in the tree construction
Before part generates skin file, further include：
Receive the bindings for being directed to any control；The bindings carry event identifier；
The control and the event identifier are bound, to respond the event mark after the control is triggered
Know corresponding event.
Optionally, described after receiving preset skin file and generating instruction, according to each control in the tree construction
After part generates skin file, further include：
The skin file is stored in target application software in the form of resource file, to realize that the target application is soft
The interface layout of part.
Optionally, the method also includes：
The change to the skin file is received to operate；
It is operated according to the change, the skin file of the target application software is updated.
Optionally, described after receiving preset skin file and generating instruction, according to each control in the tree construction
Part generate skin file, the skin file for realizing application software interface layout, including：
After receiving preset skin file and generating instruction, in a recursive manner by each control in the tree construction
Control property and typesetting attribute save as expandable mark language XML file, the XML file is for realizing application software
Interface layout skin file.
Second aspect, this application provides a kind of skin file generating means for realizing interface layout, are visualizing
Interface editing area, using each control in tree construction administration view, the control has control property and typesetting attribute, described
Device includes：
First receiving unit is directed to the edit operation of any control, institute in the visualization interface editing area for receiving
Stating edit operation includes control property edit operation and/or the operation of typesetting attributes edit；
First updating unit, for being updated to the control in the tree construction according to the edit operation；
Display unit, for according to the tree construction after update control, display interface to be laid out effect；
Generation unit, for after receiving preset skin file and generating instruction, according to the tree after the update control
Each control in structure generates skin file, the skin file for realizing application software interface layout.
Optionally, described device further includes：
Second receiving unit, for receiving the bindings for being directed to any control；The bindings carry event identifier；
Binding unit, for binding the control and the event identifier, so as to after the control is triggered
Respond the corresponding event of the event identifier.
Optionally, described device further includes：
Storage unit, for the skin file to be stored in target application software in the form of resource file, to realize
The interface layout of the target application software.
Optionally, described device further includes：
Third receiving unit, for receiving the operation of the change to the skin file；
Second updating unit carries out more the skin file of the target application software for being operated according to the change
Newly.
Optionally, the generation unit includes：
Recurrence subelement, for after receiving preset skin file and generating instruction, in a recursive manner by the tree
The control property and typesetting attribute of each control in structure save as expandable mark language XML file, and the XML file is
For realizing the skin file of the interface layout of application software.
The third aspect, this application provides a kind of skin file generating devices for realizing interface layout.The equipment packet
Memory and processor are included,
Program code is transferred to processor for storing program code by memory；
Processor is used to execute any one of above-mentioned first aspect offer according to the instruction in program code for realizing boundary
The skin file generation method of face layout.
Skin file generation method provided by the present application for realizing interface layout, in visualization interface editing area, benefit
With each control in tree construction administration view, this method receives first is directed to the volume of any control in visualization interface editing area
Collect operation；Then, according to edit operation, control property or typesetting attribute to the control in tree construction are updated；According to more
Tree construction after new control, shows newest interface layout effect；Finally, after receiving preset skin file and generating instruction,
According to update control after tree construction in each control generate skin file, skin file for realizing application software interface
Layout.Can exist independently of business function code using the skin file for realizing interface layout that the application generates, because
This, when realizing the interface layout of various applications using the skin file, can be avoided view logical code and industry in the prior art
The coupling of business function code, only needs to change skin file when the interface layout of application needs to be adjusted, and reduces
Dependence of the interface layout change to application version updating publication.
Detailed description of the invention
In order to more clearly explain the technical solutions in the embodiments of the present application, make required in being described below to embodiment
Attached drawing is briefly described, it should be apparent that, the drawings in the following description are only some examples of the present application, for
For those of ordinary skill in the art, without any creative labor, it can also be obtained according to these attached drawings
His attached drawing.
Fig. 1 is that a kind of process of the skin file generation method for realizing interface layout provided by the embodiments of the present application is shown
It is intended to；
Fig. 2 is the schematic diagram provided by the embodiments of the present application that tree construction control is updated according to edit operation；
Fig. 3 is the flow chart that recursive views provided by the embodiments of the present application generate XML file；
Fig. 4 is that a kind of structure of the skin file generating means for realizing interface layout provided by the embodiments of the present application is shown
It is intended to；
Fig. 5 is that a kind of structure of the skin file generating device for realizing interface layout provided by the embodiments of the present application is shown
It is intended to.
Specific embodiment
By way of interface layout due to realizing application writing view logical code at present, there are view logical codes
The excessively high problem of the degree of coupling between the code of realization Application Service Function, thus the update or adjustment of interface layout can not be independent
It is carried out in the business function of application.That is, being every time while updating application interface distributing adjustment view logical code, also
Business function code is adjusted accordingly.In addition to this, being updated by application developer and issue new application version could be real
Existing updated business function and interface layout, therefore cause dependence of the application interface layout updates to hair version with severe
Property.However, the interface layout of application is an important factor for attracting user's concern, the need that user updates application interface layout effect
It asks frequency to be often higher than the renewal frequency of application version, the flow of mobile terminal user is consumed in addition, updating application version
It is larger, therefore, the method for realizing application interface layout by writing view logical code is unfavorable for the popularization and development of application.
In view of this, the embodiment of the present application provides a kind of skin file generation method for realizing interface layout,
Visualization interface editing area, using each control in tree construction administration view, this method receives first to be compiled in visualization interface
Collect the edit operation that area is directed to any control；Then, control property or typesetting category according to edit operation, to control in tree construction
Property is updated；According to the tree construction after update control, newest interface layout effect is shown；Finally, receiving preset skin
After the instruction of skin file generated, skin file is generated according to each control in the tree construction after update control, skin file is used for
Realize the skin file of the interface layout of application software.The interface layout for realizing application software generated using the application
Skin file can exist independently of business function code, therefore, the interface layout of various applications be realized using the skin file
When, it can be avoided the coupling of view logical code and business function code in the prior art, needed in the interface layout of application
It only needs to change skin file when being adjusted, reduces dependence of the interface layout change to application version updating publication
Property.
Below in conjunction with the attached drawing in the embodiment of the present application, technical solutions in the embodiments of the present application carries out clear, complete
Site preparation description, it is clear that described embodiments are only a part of embodiments of the present application, instead of all the embodiments.It is based on
Embodiment in the application, it is obtained by those of ordinary skill in the art without making creative efforts every other
Embodiment shall fall in the protection scope of this application.
The embodiment of the present application provides a kind of skin file generation method for realizing interface layout.It is this referring to Fig. 1
Apply for the skin file generation method flow chart for realizing interface layout that embodiment provides, this method includes：
S101：It receives and is directed to the edit operation of any control in visualization interface editing area.
Control is graphic user interface (English：Graphical User Interface, abbreviation：GUI) element is included in
In application program, the related data of program processing is controlled and about the interactive operation with these data.For example, control can be with
Including button, menu, scroll bar, label, dialog box and text box etc..
The application generates skin file using human-computer interaction visual edit tool, in human-computer interaction visual edit tool
Visualization interface editing area, user can edit each control in view.Wherein, human-computer interaction visual edit
Tool include editable area and can not editing area, specifically, in the embodiment of the present application, human-computer interaction visual edit tool it is aobvious
Show on interface for realizing the area of visual edit be visualization interface editing area, and in view include various controls, each control
Part has control property and/or typesetting attribute, is edited actually control to the control property of control or typesetting category
Property is edited.
Control property includes that the appearance of control shows attribute and Custom Attributes.As an example, the appearance of control shows category
Property may include：Background colour, font size, font, fillet etc..Custom Attributes includes control type, control id and control touch_
id.Control type, that is, control concrete type, such as button, dialog box；Control id can be used as and distinguish same type of control
Foundation.The control of different control id is mutually bound with specific data and/or particular event respectively, for example, control id is the button of idA
Binding event A, and the button that control id is idC binds event C.Control touch_id is defined after control is triggered, and is responded
The identifier of event, such as function name etc..Wherein, control property edit operation is the edit operation to above-mentioned control property.
Typesetting attribute is to elasticity layout (English：Flexible Box, abbreviation：Flex) the encapsulation of typesetting rule.Typesetting
Attributes edit operation, i.e. the edit operation to typesetting attribute is substantially the size and location by edit control, realizes control
Typesetting.As an example, typesetting attribute may include the arragement direction of control, the positional relationship of control and other controls, control
With other control alignment thereofs, control puts in order.
It should be noted that in the present embodiment, being managed especially by tree construction to each control in view.Tree
Node and control in structure correspond.Visualization interface editing area can act on first for the edit operation of any control
The corresponding node of control in tree construction, then trigger control, makes control be in activated state.
S102：According to edit operation, the control in tree construction is updated.
It is the schematic diagram that tree construction control is updated according to edit operation referring to attached drawing 2.
If step S101 receives the control property edit operation for control, according to the edit operation, tree knot is updated
The control property of the corresponding control of the node that edit operation is acted in structure.
If step S101 receives the typesetting attributes edit operation for control, according to the edit operation, tree knot is updated
The corresponding control typesetting attribute of the node that edit operation is acted in structure.
Moreover, it is noted that edit operation in step S201 can include simultaneously control property edit operation and
The operation of typesetting attributes edit, i.e., realize the update of above two mode simultaneously.
It should be noted that the control with set membership is corresponding to the father in tree construction, child node.When father's control according to
The operation of typesetting attributes edit carries out the update of typesetting attribute, and child control is also required to be operated according to set membership and typesetting attributes edit
Particular content carry out typesetting attribute update.
S103：According to the tree construction after update control, display interface is laid out effect.
Control in tree construction is completed after updating according to edit operation, after visual edit area can show that control updates
The newest interface layout effect that is showed of attribute.Newest interface layout effect facilitates user interface (English：User
Interface, abbreviation：UI) designer carries out preview to interface layout, and according to display effect, it is determined whether needs to continue more
Change the attribute etc. of control in adjustment tree construction.
If interface layout effect meets requirement of the user to interface layout, generates and above-mentioned newest interface layout effect is presented
Skin file optionally preset skin file is triggered by UI designer and generates instruction.
S104：After receiving preset skin file and generating instruction, according to each in the tree construction after update control
Control generates skin file.
Since the present embodiment manages control using tree construction, as an example, raw receiving preset skin file
After instruction, select recursive mode that the control property of each control in tree construction and typesetting attribute are saved as expansible mark
Remember language XML document, XML file is the skin file for realizing interface layout.
The corresponding control of each node has control property and/or typesetting attribute in tree construction, and corresponding view can be presented
Figure.To be explained to part term at this convenient for being clearly understood that recursive views generate the process of XML file.Label is included by point
Number keyword surrounded is constituted, general to occur in pairs, such as starts label and end-tag.Start label and end-tag is distinguished
Start mark and end of identification as view properties.Printing, refers to the operation for writing information into file.
Recursive views generate the flow chart of XML file referring to attached drawing 3.Using Root View as active view CurrentView,
The beginning label of active view is printed, all properties that active view corresponds to control are then printed.Judge whether active view is gathered around
There is sub- view, starts label if so, printing again using sub- view as active view；If it is not, then printing the knot of active view
Beam label.And active view is judged with the presence or absence of the non-print attribution of sub- view, if it is, making with the sub- view of non-print attribution
It is printed again for active view and starts label, if it is not, then generating XML file.Since XML file generated is according to all
The all properties that view corresponds to control generate, and therefore, are implemented for newest interface layout effect shown in step S103
Fruit.
The above are the skin file generation methods provided by the embodiments of the present application for realizing interface layout, on visualization circle
Face editing area utilizes each control in tree construction administration view.This method receives be directed in visualization interface editing area first
The edit operation of any control；Then, according to edit operation, control property or typesetting attribute to the control in tree construction are carried out
It updates；According to the tree construction after update control, newest interface layout effect is shown；Finally, receiving preset skin file
Generate instruction after, according to update control after tree construction in each control generate skin file, skin file i.e. for realizing
The interface layout of application software.
Since the skin file of the interface layout for realizing application software of the application generation can be independently of business function
Energy code exists, and therefore, when realizing the interface layout of various applications using the skin file, can be avoided view in the prior art
The coupling of logical code and business function code only needs to change when the interface layout of application needs to be adjusted skin text
Part reduces interface layout change to the dependence of application version updating publication.
Optionally, the skin file generation method provided in this embodiment for realizing interface layout, step S104 it
Before further include：
A1, the bindings for being directed to any control are received.
Front once referred to, includes Custom Attributes in control property, can be distinguished according to the control id in Custom Attributes
The control of identical control type.Control id can mutually be bound with specific data and/or event.As an example, being received in this step
The bindings for any control, can be common click event and control bundle, can also will change control pattern
Operation and control bundle etc..
A2, control and event identifier are bound, so that response events identify corresponding event after control is triggered.
Since the bindings for control carry event identifier, after receiving the bindings for control,
Control and event identifier are bound, and then control and event correlation are got up.Control touch_ in control Custom Attributes
Id defines the corresponding identifier of event bound in the control.
For example, control is triggered if control and the event identifier change1 of change control pattern operation are bound
Afterwards, the operation of the corresponding change control pattern of response change1, can establish and be associated with control novel type file, call control
The novel type file of part.
For the service efficiency in target application software for improving skin file generated, have skin file more extensively
Applicability, optionally, the skin file generation method provided in this embodiment for realizing interface layout, step S104 it
After further include：
B1, skin file is stored in target application software, in the form of resource file to realize that the target application is soft
The interface layout of part.
By step S104 skin file export generated, then it is stored in target application software.It is soft as target application
A kind of resource file of part, skin file can be applied in multiple pages of the application software.
Further, for reduce interface layout to application version updating dependence, it is provided in this embodiment for realizing
The skin file generation method of interface layout further includes：
C1, the change received to skin file operate.
C2, it is operated according to the change, the skin file of the target application software is updated.
Since skin file is stored in target application software in the form of resource file, updating skin file can be real
The update of existing corresponding interface layout.It should be noted that update described herein, which refers to, is laid out effect relative to current interface
Different-effect, the new effects being not limited on temporal meaning.It will be below the first skin text with the skin file after changing
Part is example, is illustrated to the realization of step C1 and step C2.
A kind of specific implementation is that after receiving the operation of the change to the skin file of target application software, target is answered
It is deleted with skin file current in software such as Second Skin file, replaces with the first skin file.
Another specific implementation is after receiving the operation of the change to the skin file of target application software, to retain mesh
Skin file such as Second Skin file current in application software is marked, and the first skin file is also deposited in the form of resource file
It is stored in target application software.The user of target application software can choose Second Skin text according to itself hobby at any time in the application
The interface layout effect that part or the first skin file are realized, or Second Skin file or the first skin file are set in the application
The time interval that the interface layout effect of realization is alternately presented.Further, it is also possible to the first skin file and Second Skin file
The priority used is configured, to improve the experience of user.
The use of skin file is briefly described below.
Skin file in target application software needs to be parsed and rendered using UI engine.According in application software
Resolution rules, is obtained by the binding relationship of control and its attribute after parsing, is finally in for the parsing of the Dom tree of skin file
The view effect of existing interface layout.
Based on the skin file generation method provided by the embodiments of the present application for realizing interface layout, correspondingly, this Shen
Please embodiment additionally provide the skin file generating means for realizing interface layout.With reference to the accompanying drawing 4, the application is provided
The specific embodiments of the skin file generating means for realizing interface layout be introduced.
It referring to fig. 4, is the structure of the skin file generating means provided by the embodiments of the present application for realizing interface layout
Schematic diagram, the device can specifically include：
First receiving unit 41 is directed to the edit operation of any control, editor in visualization interface editing area for receiving
Operation includes that control property edit operation and/or typesetting attributes edit operate；
First updating unit 42, for being updated to the control in tree construction according to edit operation；
Display unit 43, for according to the tree construction after update control, display interface to be laid out effect；
Generation unit 44, for after receiving preset skin file and generating instruction, according to updating the tree knot after control
Each control in structure generates skin file, and skin file is for realizing interface layout.
The above are the skin file generating means provided by the embodiments of the present application for realizing interface layout, due to utilizing life
At the unit skin file generated for realizing interface layout, can exist independently of business function code, therefore, utilize
When the skin file realizes the interface layout of various applications, view logical code in the prior art and business function generation can be avoided
The coupling of code, only needs to change skin file when the interface layout of application needs to be adjusted, reduces interface cloth
Dependence of office's change to application version updating publication.
Optionally, above-mentioned apparatus can also include：
Second receiving unit 45, for receiving the bindings for being directed to any control；Bindings carry event identifier；
Binding unit 46, for binding control and event identifier, so as to the response events mark after control is triggered
Know corresponding event.
Since the bindings for control carry event identifier, the bindings for control are being received
Afterwards, control and event identifier are bound, and then control and event correlation is got up.
In addition, having skin file to improve the service efficiency in target application software of skin file generated
Wider applicability, optionally, the skin file generating means provided in this embodiment for realizing interface layout can be with
Including：
Storage unit 47, for skin file to be stored in target application software in the form of resource file, to realize
State the interface layout of target application software.
As a result, as a kind of resource file of target application software, skin file can be in multiple pages of the application software
It is applied in face.
Further, for reduce interface layout to application version updating dependence, it is provided in this embodiment for realizing
The skin file generating means of interface layout can also include：
Third receiving unit 48, for receiving the change operation to skin file；
Second updating unit 49, for being operated according to the change, to the skin of the target application software.
In addition, can specifically include for the generation unit 44 in above-mentioned apparatus：
Recurrence subelement 441, in a recursive manner tying tree after receiving preset skin file and generating instruction
The control property and typesetting attribute of each control in structure save as expandable mark language XML file, and XML file is for reality
The skin file of the interface layout of existing application software.
Correspondingly, the embodiment of the present application also provides a kind of skin file generating device for realizing interface layout, equipment
Including memory and processor, program code is transferred to processor for storing program code by memory；Processor is used for
According to the instruction in program code, the skin file generation method provided by the above embodiment for realizing interface layout is executed.
It is the structural schematic diagram of the skin file generating device provided by the embodiments of the present application for realizing interface layout referring to Fig. 5.It should
Equipment may include：
Processor 51, memory 52, input unit 53 and output device 54.It is raw for realizing the skin file of interface layout
The quantity of processor 51 in forming apparatus can be one or more, take a processor as an example in Fig. 5.In some realities of the invention
It applies in example, processor 51, memory 52, input unit 53 and output device 54 can be connected by bus or other means, wherein
In Fig. 5 for being connected by bus.
Memory 52 can be used for storing software program and module, and processor 51 is stored in the soft of memory 52 by operation
Part program and module, thereby executing the various function application and number of the skin file generating device for realizing interface layout
According to processing.Memory 52 can mainly include storing program area and storage data area, wherein storing program area can store operation system
Application program needed for system, at least one function etc..In addition, memory 52 may include high-speed random access memory, may be used also
To include nonvolatile memory, for example, at least a disk memory, flush memory device or other volatile solid-states
Part.Input unit 53 can be used for receiving the number or character information of input, and generate and the skin for realizing interface layout
The related signal input of the user setting and function control of file generation device.
Specifically in the present embodiment, processor 51 can be according to instruction, by the process of one or more application program
Corresponding executable file is loaded into memory 52, and the application journey being stored in memory 52 is run by processor 51
Sequence, to realize the various functions in the above-mentioned skin file generation method for realizing interface layout.
For device embodiment, since it corresponds essentially to embodiment of the method, so related place is referring to method reality
Apply the part explanation of example.The apparatus embodiments described above are merely exemplary, wherein described be used as separation unit
The unit of explanation may or may not be physically separated, and component shown as a unit can be or can also be with
It is not physical unit, it can it is in one place, or may be distributed over multiple network units.It can be according to actual
It needs that some or all of the modules therein is selected to achieve the purpose of the solution of this embodiment.Those of ordinary skill in the art are not
In the case where making the creative labor, it can understand and implement.
It should be noted that, in this document, relational terms such as first and second and the like are used merely to a reality
Body or operation are distinguished with another entity or operation, are deposited without necessarily requiring or implying between these entities or operation
In any actual relationship or order or sequence.Moreover, the terms "include", "comprise" or its any other variant are intended to
Non-exclusive inclusion, so that the process, method, article or equipment including a series of elements is not only wanted including those
Element, but also including other elements that are not explicitly listed, or further include for this process, method, article or equipment
Intrinsic element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that
There is also other identical elements in process, method, article or equipment including the element.
Above to a kind of for realizing the skin file generation method of interface layout, device provided by the embodiment of the present application
And equipment is described in detail, specific examples are used herein to illustrate the principle and implementation manner of the present application,
The description of the example is only used to help understand the method for the present application and its core ideas；Meanwhile for the one of this field
As technical staff, according to the thought of the application, there will be changes in the specific implementation manner and application range, to sum up institute
It states, the contents of this specification should not be construed as limiting the present application.
Claims (11)
1. a kind of skin file generation method for realizing interface layout, which is characterized in that in visualization interface editing area, benefit
With each control in tree construction administration view, the control has control property and typesetting attribute, the method includes：
It receives and is directed to the edit operation of any control in the visualization interface editing area, the edit operation includes control property
Edit operation and/or the operation of typesetting attributes edit；
According to the edit operation, the control in the tree construction is updated；
According to the tree construction after update control, display interface is laid out effect；
It is raw according to each control in the tree construction after the update control after receiving preset skin file and generating instruction
At skin file, the skin file for realizing application software interface layout.
2. the method according to claim 1, wherein described receiving preset skin file generation instruction
Afterwards, before generating skin file according to each control in the tree construction, further include：
Receive the bindings for being directed to any control；The bindings carry event identifier；
The control and the event identifier are bound, to respond the event identifier pair after the control is triggered
The event answered.
3. the method according to claim 1, wherein described receiving preset skin file generation instruction
Afterwards, after generating skin file according to each control in the tree construction, further include：
The skin file is stored in target application software in the form of resource file, to realize the target application software
Interface layout.
4. according to the method described in claim 3, it is characterized in that, the method also includes：
The change to the skin file is received to operate；
It is operated according to the change, the skin file of the target application software is updated.
5. method according to claim 1-4, which is characterized in that described to receive preset skin file life
After instruction, skin file is generated according to each control in the tree construction, the skin file is for realizing application software
Interface layout, including：
After receiving preset skin file and generating instruction, in a recursive manner by the control of each control in the tree construction
Part attribute and typesetting attribute save as expandable mark language XML file, and the XML file is the boundary for realizing application software
The skin file of face layout.
6. a kind of skin file generating means for realizing interface layout, which is characterized in that in visualization interface editing area, benefit
With each control in tree construction administration view, the control has control property and typesetting attribute, described device include：
First receiving unit is directed to the edit operation of any control, the volume in the visualization interface editing area for receiving
Collecting operation includes that control property edit operation and/or typesetting attributes edit operate；
First updating unit, for being updated to the control in the tree construction according to the edit operation；
Display unit, for according to the tree construction after update control, display interface to be laid out effect；
Generation unit, for after receiving preset skin file and generating instruction, according to the tree construction after the update control
In each control generate skin file, the skin file for realizing application software interface layout.
7. device according to claim 6, which is characterized in that described device further includes：
Second receiving unit, for receiving the bindings for being directed to any control；The bindings carry event identifier；
Binding unit, for binding the control and the event identifier, to be responded after the control is triggered
The corresponding event of the event identifier.
8. device according to claim 6, which is characterized in that described device further includes：
Storage unit, for the skin file to be stored in target application software in the form of resource file, described in realizing
The interface layout of target application software.
9. device according to claim 8, which is characterized in that described device further includes：
Third receiving unit, for receiving the operation of the change to the skin file；
Second updating unit is updated the skin file of the target application software for being operated according to the change.
10. according to the described in any item devices of claim 6-9, which is characterized in that the generation unit includes：
Recurrence subelement, for after receiving preset skin file and generating instruction, in a recursive manner by the tree construction
In each control control property and typesetting attribute save as expandable mark language XML file, the XML file be for
Realize the skin file of the interface layout of application software.
11. a kind of skin file generating device for realizing interface layout, which is characterized in that the equipment include memory and
Processor,
Said program code is transferred to the processor for storing program code by the memory；
The processor is used for according to the instruction in said program code, and perform claim requires to be used for described in any one of 1-5
Realize the skin file generation method of interface layout.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810621945.3A CN108829393A (en) | 2018-06-15 | 2018-06-15 | A kind of skin file generation method, device and equipment for realizing interface layout |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810621945.3A CN108829393A (en) | 2018-06-15 | 2018-06-15 | A kind of skin file generation method, device and equipment for realizing interface layout |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108829393A true CN108829393A (en) | 2018-11-16 |
Family
ID=64142251
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810621945.3A Pending CN108829393A (en) | 2018-06-15 | 2018-06-15 | A kind of skin file generation method, device and equipment for realizing interface layout |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108829393A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110442341A (en) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | Interface configuration method, device and the terminal device of application program |
| CN111857717A (en) * | 2020-07-29 | 2020-10-30 | 网易（杭州）网络有限公司 | UI editing method, device, equipment and computer readable storage medium |
| CN111857696A (en) * | 2019-04-30 | 2020-10-30 | 腾讯科技（深圳）有限公司 | Structure adjustment method, device, equipment and medium for visual manuscript |
| CN112269605A (en) * | 2020-11-12 | 2021-01-26 | 北京百度网讯科技有限公司 | Skin replacement method and device, electronic equipment and storage medium |
| CN112329413A (en) * | 2019-08-02 | 2021-02-05 | 阿里巴巴集团控股有限公司 | Template building method, file generation method, template system, device and computer equipment |
| CN113050930A (en) * | 2019-12-27 | 2021-06-29 | 北京华为数字技术有限公司 | User graphical interface modification method and related equipment |
| CN114911549A (en) * | 2021-02-08 | 2022-08-16 | 华为终端有限公司 | Page display method and device and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104915201A (en) * | 2015-05-29 | 2015-09-16 | 北京奇艺世纪科技有限公司 | Interface generating method and device |
| CN105653755A (en) * | 2015-07-21 | 2016-06-08 | 上海趣驾信息科技有限公司 | Automobile navigation interface designing tool based on SGE graphic base |
| CN106843904A (en) * | 2017-02-20 | 2017-06-13 | 深圳市医诺智能科技发展有限公司 | Interface Dynamic Distribution method and its system |
-
2018
- 2018-06-15 CN CN201810621945.3A patent/CN108829393A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104915201A (en) * | 2015-05-29 | 2015-09-16 | 北京奇艺世纪科技有限公司 | Interface generating method and device |
| CN105653755A (en) * | 2015-07-21 | 2016-06-08 | 上海趣驾信息科技有限公司 | Automobile navigation interface designing tool based on SGE graphic base |
| CN106843904A (en) * | 2017-02-20 | 2017-06-13 | 深圳市医诺智能科技发展有限公司 | Interface Dynamic Distribution method and its system |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111857696A (en) * | 2019-04-30 | 2020-10-30 | 腾讯科技（深圳）有限公司 | Structure adjustment method, device, equipment and medium for visual manuscript |
| CN110442341A (en) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | Interface configuration method, device and the terminal device of application program |
| CN110442341B (en) * | 2019-07-23 | 2023-06-16 | 深圳赛安特技术服务有限公司 | Interface configuration method and device of application program and terminal equipment |
| CN112329413A (en) * | 2019-08-02 | 2021-02-05 | 阿里巴巴集团控股有限公司 | Template building method, file generation method, template system, device and computer equipment |
| CN113050930A (en) * | 2019-12-27 | 2021-06-29 | 北京华为数字技术有限公司 | User graphical interface modification method and related equipment |
| CN111857717A (en) * | 2020-07-29 | 2020-10-30 | 网易（杭州）网络有限公司 | UI editing method, device, equipment and computer readable storage medium |
| CN111857717B (en) * | 2020-07-29 | 2023-09-12 | 网易（杭州）网络有限公司 | UI editing method, device, equipment and computer readable storage medium |
| CN112269605A (en) * | 2020-11-12 | 2021-01-26 | 北京百度网讯科技有限公司 | Skin replacement method and device, electronic equipment and storage medium |
| CN112269605B (en) * | 2020-11-12 | 2024-07-12 | 南京麒豹信息科技有限公司 | Skin replacement method and device, electronic equipment and storage medium |
| CN114911549A (en) * | 2021-02-08 | 2022-08-16 | 华为终端有限公司 | Page display method and device and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108829393A (en) | A kind of skin file generation method, device and equipment for realizing interface layout | |
| US8910113B2 (en) | Methods and systems for visual code refactoring | |
| CN102207872B (en) | Method and system for customizing Web UI (User Interface) control according to user requirements | |
| CN109634598A (en) | A kind of page display method, device, equipment and storage medium | |
| CN104020997B (en) | Extensible graphical rule application system | |
| CN107729003A (en) | Automatic generation method, device and the electronic equipment of code | |
| US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
| CN107329747A (en) | A kind of method and device for generating multi-threaded pattern | |
| CN105700925A (en) | APP interface implementation method and apparatus | |
| CN101196818A (en) | Fast graphical developing system | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| CN106027785A (en) | Voice processing method and terminal | |
| CN105242931A (en) | Method and system for editing and generating codes for game interface | |
| CN108182102A (en) | Management through figures method, apparatus and readable storage medium storing program for executing | |
| CN109558159B (en) | Method and device for updating user interface in game | |
| CN110018826A (en) | User interface creating method and relevant device | |
| CN111413876A (en) | Method for configuring control page of APP, cloud platform and terminal equipment | |
| CN112579048A (en) | Applet integration method, device, electronic equipment and storage medium | |
| CN101236558B (en) | Method and device for simulating IM client end interface based on web page | |
| CN108459800A (en) | Line selection editing method, device, equipment and storage medium of writing whiteboard | |
| CN103049260A (en) | Method and system for displaying user interface of software at client | |
| WO2024066825A1 (en) | Page project development method, apparatus, device, medium and product | |
| CN113536755A (en) | Method, device, electronic equipment, storage medium and product for generating poster | |
| CN112286554A (en) | Application program updating method and device, electronic equipment and readable storage medium | |
| CN104461893A (en) | Data processing method and data processing device |
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: 20181116 |