CN103176797B - Interface layout's device and quick interface arrangement method - Google Patents

Interface layout's device and quick interface arrangement method Download PDF

Info

Publication number
CN103176797B
CN103176797B CN201310055536.9A CN201310055536A CN103176797B CN 103176797 B CN103176797 B CN 103176797B CN 201310055536 A CN201310055536 A CN 201310055536A CN 103176797 B CN103176797 B CN 103176797B
Authority
CN
China
Prior art keywords
interface
contact surface
adjustment
layout
information
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.)
Active
Application number
CN201310055536.9A
Other languages
Chinese (zh)
Other versions
CN103176797A (en
Inventor
杨小强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yonyou Network Technology Co Ltd
Original Assignee
Yonyou Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yonyou Network Technology Co Ltd filed Critical Yonyou Network Technology Co Ltd
Priority to CN201310055536.9A priority Critical patent/CN103176797B/en
Publication of CN103176797A publication Critical patent/CN103176797A/en
Application granted granted Critical
Publication of CN103176797B publication Critical patent/CN103176797B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

The invention provides a kind of interface layout device, comprising: acquiring unit, select the target area in the first interface according to the selection instruction received, obtain the target widget in target area; The convert information of target widget is the information of preset model by conversion unit, according to layout in second contact surface the display-object control of target widget in the first interface; Adjustment unit, according to the adjustment instruction received, the layout of adjustment aim control in second contact surface, and/or container control is increased newly in second contact surface, preserve the second contact surface after adjustment; Representing unit, when loading the second contact surface after adjusting, representing the second contact surface after adjustment.The invention allows for a kind of quick interface arrangement method.By technical scheme of the present invention, streaming layout can be combined with free surface jet, user can put by the control as required in convection type layout, and interface can be applicable to various resolution, more can meet again different business customs.

Description

Interface layout's device and quick interface arrangement method
Technical field
The present invention relates to page layout's technical field, in particular to a kind of interface layout device and a kind of quick interface arrangement method.
Background technology
In prior art, two kinds of modes are mainly contained for interface layout: streaming layout and free surface jet (fixed width layout).
Wherein, streaming layout, main part applies number percent width, therefore can the resolution of adaptive user.As shown in Figure 1, be the profile of simple streaming (fluid) layout.Although some designer is provided with fixed width may to some element in fluid flow configuration, as long as main element is number percent width, layout self-adaptation just can be allowed to adapt to various resolution.
The advantage of streaming layout is that the page is more friendly to user, because the setting of its energy adaptive user.The white space of surrounding pages is all identical under all resolution and browser, visually more attractive in appearance.If design is good, fluid flow configuration can be avoided occurring HScrollBar under little resolution.
The shortcoming of streaming layout is, deviser's more difficult control user finding, and some mistakes may be neglected, because the picture seemed under specific resolution, video and other contents being provided with width may need multiple width to adapt to the user of different resolution.Under king-sized resolution, content can be drawn as long a line, becomes and is difficult to read.
For free surface jet, this layout has an outer wrapping being provided with fixed width, and the modules of the inside is also fixed width but not number percent.Importantly container (outer wrapping) element be set to irremovable.No matter the resolution of visitor's screen is how many, and interface is all shown as the width identical with other visitor.
As shown in Figure 2, displaying is the elementary contour of a free surface jet.Three row of the inside are 520px, 200px and 200px width respectively.960px has become the standard that modern web designs, because most of site users is assumed that use 1024 × 768 resolution.
Many devisers like fixed width layout to surpass fluid flow configuration, because it more easily realizes, and ensure that deviser's finding and user's finding.But it is the same with fluid flow configuration, has dual character.
The advantage of free surface jet is, the layout of fixed width more easily uses, and more easily customizes at design aspect.In all browsers, width is the same, so can not be subject to the trouble of picture, list, video and other fixed width contents.Do not need min-width and max-width, all browsers are all supported.Even if need the resolution that compatibility 800 × 600 is so little, the body matter at interface still has enough width to be easy to read.
The shortcoming of free surface jet is, for the high-resolution user of use, fixed width layout can leave very large blank.Therefore occurred " golden ratio ", " three points of laws ", overall equilbrium and other principle of design.Vertical scroll bar is needed when screen resolution is too small.Seamless texture, continuous print pattern needs to adapt to larger resolution.Fixed width layout generally in availability score lower.
Therefore, need a kind of new interface layout's technology, streaming layout can be combined with free surface jet, user can be put by the control as required in convection type layout, and interface can be applicable to various resolution, different business customs more can be met again.
Summary of the invention
The present invention is just based on the problems referred to above, propose a kind of interface layout technology, streaming layout can be combined with free surface jet, user can be put by the control as required in convection type layout, and interface can be applicable to various resolution, different business customs more can be met again.
In view of this, the present invention proposes a kind of interface layout device, comprising: acquiring unit, for selecting the target area in the first interface according to the selection instruction received, obtain the target widget in described target area; Conversion unit, for being the information of preset model by the convert information of described target widget, shows described target widget according to the layout of described target widget in described first interface in second contact surface; Adjustment unit, for according to the adjustment instruction received, adjusts the layout of described target widget in described second contact surface, and/or increases container control newly in described second contact surface, preserves the second contact surface after adjustment; Representing unit, for when loading the second contact surface after described adjustment, representing the second contact surface after described adjustment.
In this technical scheme, first interface can be the interface of streaming layout, second contact surface can be the interface of free surface jet, by being the information of preset model by the convert information of target widget, make different interfaces, there is unified model, the control relevant information at different interface can be converted into preset model information, thus it is adaptive only need to adjust interface input information, just the adjustment function in free surface jet interface can be used, adjust the control in streaming layout interface, thus make user can according to different service needed, the position of control is adjusted in the interface of streaming layout, but also can container control be increased newly, relevant control is put in a vessel.
In technique scheme, preferably, described preset model is for determining the structure of the layout of described target widget in described first interface, and the structure of the layout of described target widget in described second contact surface, and corresponding visualization status.
In technique scheme, preferably, described in represent unit also for according to the instruction for previewing that receives, represent the second contact surface after described adjustment; Described adjustment unit is used for, according to holding instruction of receiving, preserving the second contact surface after described adjustment.
In this technical scheme, after user completes the adjustment of control, can preview adjustment rear interface whole structure, if whole structure is unsatisfied with, then can continue to adjust control, until whole structure is satisfied, then preserve the interface after adjustment, avoid and just can check whole structure behind preservation interface, improve the efficiency of interface layout.
In above-mentioned arbitrary technical scheme, preferably, represent unit and comprise described in: resolve subelement, during for second contact surface after loading described adjustment, the second contact surface of resolving after described adjustment obtains newly-added information and adjustment information; Create subelement, for according to described newly-added information dynamic creation container control; Determine subelement, for determining the coordinate information of described target widget according to described adjustment information.
In this technical scheme, the adjustment operation of user and newly-increased operation can be resolved, according to the information adjustment control of adjustment operation, and create container control according to newly-increased operation information, relevant control is arranged in a container control.
In technique scheme, preferably, described parsing subelement also obtains hierarchical information for the second contact surface after resolving described adjustment; The described unit that represents also comprises: level adjustment subelement, for adjusting the hierarchical relationship of described target widget and/or described container control according to described hierarchical information.
In this technical scheme, according to hierarchical information adjustment hierarchical relationship, hierarchical relationship correct between multiple controls such as the container control of the one or more control after adjusting and establishment can be ensured.
The invention allows for a kind of quick interface arrangement method, comprising: step 202, select the target area in the first interface according to the selection instruction received, obtain the target widget in described target area; The convert information of described target widget is the information of preset model by step 204, shows described target widget according to the layout of described target widget in described first interface in second contact surface; Step 206, according to the adjustment instruction received, adjusts the layout of described target widget in described second contact surface, and/or increases container control newly in described second contact surface, preserves the second contact surface after adjustment; Step 208, when loading the second contact surface after described adjustment, represents the second contact surface after described adjustment.
In this technical scheme, first interface can be the interface of streaming layout, second contact surface can be the interface of free surface jet, by being the information of preset model by the convert information of target widget, make different interfaces, there is unified model, the control relevant information at different interface can be converted into preset model information, thus it is adaptive only need to adjust interface input information, just the adjustment function in free surface jet interface can be used, adjust the control in streaming layout interface, thus make user can according to different service needed, the position of control is adjusted in the interface of streaming layout, but also can container control be increased newly, relevant control is put in a vessel.
In technique scheme, preferably, described preset model is for determining the structure of the layout of described target widget in described first interface, and the structure of the layout of described target widget in described second contact surface, and corresponding visualization status.
In technique scheme, preferably, described step 206 also comprises: according to the instruction for previewing received, and represents the second contact surface after described adjustment; According to holding instruction of receiving, preserve the second contact surface after described adjustment.
In this technical scheme, after user completes the adjustment of control, can preview adjustment rear interface whole structure, if whole structure is unsatisfied with, then can continue to adjust control, until whole structure is satisfied, then preserve the interface after adjustment, avoid and just can check whole structure behind preservation interface, improve the efficiency of interface layout.
In above-mentioned arbitrary technical scheme, preferably, described step 208 comprises: when loading the second contact surface after described adjustment, the second contact surface of resolving after described adjustment obtains newly-added information and adjustment information, according to described newly-added information dynamic creation container control, determine the coordinate information of described target widget according to described adjustment information.
In this technical scheme, the adjustment operation of user and newly-increased operation can be resolved, according to the information adjustment control of adjustment operation, and create container control according to newly-increased operation information, relevant control is arranged in a container control.
In technique scheme, preferably, described step 208 also comprises: the second contact surface of resolving after described adjustment obtains hierarchical information, adjusts the hierarchical relationship of described target widget and/or described container control according to described hierarchical information.
In this technical scheme, according to hierarchical information adjustment hierarchical relationship, hierarchical relationship correct between multiple controls such as the container control of the one or more control after adjusting and establishment can be ensured.
By above technical scheme, streaming layout can be combined with free surface jet, user can be put by the control as required in convection type layout, and interface can be applicable to various resolution, more can meet again different business customs.
Accompanying drawing explanation
Fig. 1 shows the schematic diagram of streaming layout;
Fig. 2 shows the schematic diagram of free surface jet;
Fig. 3 shows the block diagram of interface layout's device according to an embodiment of the invention;
Fig. 4 shows the process flow diagram of quick interface arrangement method according to an embodiment of the invention;
Fig. 5 shows the class figure of polynary according to an embodiment of the invention counter;
Fig. 6 shows the particular flow sheet of interface layout according to an embodiment of the invention;
Fig. 7 shows the schematic diagram that container control according to an embodiment of the invention creates;
Fig. 8 A to Fig. 8 C shows the schematic diagram of interface layout according to an embodiment of the invention;
Fig. 9 A and Fig. 9 B shows the interface schematic diagram carried out according to an embodiment of the invention before and after interface layout.
Embodiment
In order to more clearly understand above-mentioned purpose of the present invention, feature and advantage, below in conjunction with the drawings and specific embodiments, the present invention is further described in detail.It should be noted that, when not conflicting, the feature in the embodiment of the application and embodiment can combine mutually.
Set forth a lot of detail in the following description so that fully understand the present invention; but; the present invention can also adopt other to be different from other modes described here and implement, and therefore, protection scope of the present invention is not by the restriction of following public specific embodiment.
Fig. 3 shows the block diagram of interface layout's device according to an embodiment of the invention.
As shown in Figure 3, interface layout's device 100 comprises according to an embodiment of the invention: acquiring unit 102, for selecting the target area in the first interface according to the selection instruction received, obtains the target widget in target area; Conversion unit 104, for being the information of preset model by the convert information of target widget, according to layout in second contact surface the display-object control of target widget in the first interface; Adjustment unit 106, for the adjustment instruction that basis receives, the layout of adjustment aim control in second contact surface, and/or container control is increased newly in second contact surface, preserve the second contact surface after adjustment; Representing unit 108, for when loading the second contact surface after adjusting, representing the second contact surface after adjustment.
First interface can be the interface of streaming layout, second contact surface can be the interface of free surface jet, by being the information of preset model by the convert information of target widget, make different interfaces, there is unified model, the control relevant information at different interface can be converted into preset model information, thus it is adaptive only need to adjust interface input information, just the adjustment function in free surface jet interface can be used, adjust the control in streaming layout interface, thus make user can according to different service needed, the position of control is adjusted in the interface of streaming layout, but also can container control be increased newly, relevant control is put in a vessel.
Preferably, preset model is for determining the structure of the layout of target widget in the first interface, and the structure of the layout of target widget in second contact surface, and corresponding visualization status.
Preferably, represent unit 108 also for according to the instruction for previewing received, represent the second contact surface after adjustment; Adjustment unit 106, for according to holding instruction of receiving, preserves the second contact surface after adjustment.
After user completes the adjustment of control, can preview adjustment rear interface whole structure, if whole structure is unsatisfied with, then can continue to adjust control, until whole structure is satisfied, preserve the interface after adjustment again, avoid and just can check whole structure behind preservation interface, improve the efficiency of interface layout.
Preferably, represent unit 108 and comprise: resolve subelement 1082, for when loading the second contact surface after adjusting, the second contact surface of resolving after adjustment obtains newly-added information and adjustment information; Create subelement 1084, for according to newly-added information dynamic creation container control; Determine subelement 1086, for the coordinate information according to adjustment information determination target widget.
The adjustment operation of user and newly-increased operation can be resolved, according to the information adjustment control of adjustment operation, and create container control according to newly-increased operation information, relevant control is arranged in a container control.
Preferably, resolve subelement 1082 and also obtain hierarchical information for resolving the second contact surface after adjustment; Represent unit 108 also to comprise: level adjustment subelement 1088, for the hierarchical relationship according to hierarchical information adjustment aim control and/or container control.
According to hierarchical information adjustment hierarchical relationship, hierarchical relationship correct between multiple controls such as the container control of the one or more control after adjusting and establishment can be ensured.
Fig. 4 shows the process flow diagram of quick interface arrangement method according to an embodiment of the invention.
As shown in Figure 4, quick interface arrangement method comprises according to an embodiment of the invention: step 202, selects the target area in the first interface according to the selection instruction received, and obtains the target widget in target area; The convert information of target widget is the information of preset model by step 204, according to layout in second contact surface the display-object control of target widget in the first interface; Step 206, according to the adjustment instruction received, the layout of adjustment aim control in second contact surface, and/or container control is increased newly in second contact surface, preserve the second contact surface after adjustment; Step 208, when loading the second contact surface after adjusting, represents the second contact surface after adjustment.
First interface can be the interface of streaming layout, second contact surface can be the interface of free surface jet, by being the information of preset model by the convert information of target widget, make different interfaces, there is unified model, the control relevant information at different interface can be converted into preset model information, thus it is adaptive only need to adjust interface input information, just the adjustment function in free surface jet interface can be used, adjust the control in streaming layout interface, thus make user can according to different service needed, the position of control is adjusted in the interface of streaming layout, but also can container control be increased newly, relevant control is put in a vessel.
Preferably, preset model is for determining the structure of the layout of target widget in the first interface, and the structure of the layout of target widget in second contact surface, and corresponding visualization status.
Preferably, step 206 also comprises: according to the instruction for previewing received, and represents the second contact surface after adjustment; According to holding instruction of receiving, preserve the second contact surface after adjustment.
After user completes the adjustment of control, can preview adjustment rear interface whole structure, if whole structure is unsatisfied with, then can continue to adjust control, until whole structure is satisfied, preserve the interface after adjustment again, avoid and just can check whole structure behind preservation interface, improve the efficiency of interface layout.
Preferably, step 208 comprises: when loading the second contact surface after adjusting, the second contact surface of resolving after adjustment obtains newly-added information and adjustment information, according to newly-added information dynamic creation container control, according to the coordinate information of adjustment information determination target widget.
The adjustment operation of user and newly-increased operation can be resolved, according to the information adjustment control of adjustment operation, and create container control according to newly-increased operation information, relevant control is arranged in a container control.
Preferably, step 208 also comprises: the second contact surface of resolving after adjustment obtains hierarchical information, according to the hierarchical relationship of hierarchical information adjustment aim control and/or container control.
According to hierarchical information adjustment hierarchical relationship, hierarchical relationship correct between multiple controls such as the container control of the one or more control after adjusting and establishment can be ensured.
Fig. 5 shows the class figure of polynary according to an embodiment of the invention counter.
As shown in Figure 5, the functional realiey of interface layout's device 100 according to an embodiment of the invention, can based on MVC(MultipleVariateCounter, polynary counter) framework, by the layout of control on mouse and the visual adjustment interface of keyboard, again corresponding change is reflected on model, accordingly, the change on model is also reflected in layout.
Can the control layout at the interface concept of being used as a figure process, wherein unit is as the base class of control, comprises container control and simple controls, all inherits from unit.Graph model is the kernel templates of the structure of description figure, and the amendment of graph structure, increase, deletion are occurred by the application programming interfaces of graph model, and this model defines the structure that certain methods removes decision figure, also provide certain methods simultaneously and go to arrange visualization status.Main common application interface is realized by figure class.Make it more intuitively: the method in model and unit also has portion in the drawings, and the method in figure class is considered to main common application interface, but graph model is the basic object of storage figure data structure.And container is for his father's control, just one of them unit, container also records the information of its child control by graph model simultaneously, therefore can process the nested model of control well.
Master library UI: figure layout part, for displaying interface and receive mouse, KeyEvent and be transmitted to various processor go process.For the model having child control under control, be also by reflecting this structure really containing sub-master library UI in master library UI.The paintComponent method of the CellRendererPane class of employing Java in this control, achieves the mapping of model to view various Swing ActiveX draftings corresponding in model.
Unit maker: representing of the control chosen processes mainly in this type of.
Various processor (illustrate only figure processor, selection unit processor, keyboard processor and transfer processing device in Fig. 5): master library UI is transmitted to corresponding processor process relevant various operations, final result is shown on interface, and is stored on graph model.
Fig. 6 shows the particular flow sheet of interface layout according to an embodiment of the invention.
As shown in Figure 6, carry out layout by interface layout's device 100 pairs of original interface (being equivalent to the first interface, can be the interface of streaming layout) as shown in Figure 1 and can be divided into design state and run mode.
When designing state, original interface control relevant information can be converted into graph model information, different interfaces, because there has been unified graph model, only needed simple adjustment interface input information adaptive, just can use free surface jet interface adjustment function.User can be reflected in graph model the adjustment at interface, and is saved in database by user.
When run mode, existing control in original interface can be adjusted according to analysis result, for establishment container control, only need insert in the container control of regional area and add the position that new layout manager carrys out control in analytic model, and the non-existent container control of original interface is created, this does not affect the mechanism that original interface represents, and concrete constructive process as shown in Figure 7
Fig. 8 A to Fig. 8 C shows the schematic diagram of interface layout according to an embodiment of the invention.
As shown in Figure 8 A, first when interface layout's device 100 is when designing state, by original interface (i.e. the first interface, can be the interface of streaming layout) relevant information as input, need in streaming layout table single choice a certain region (gauge outfit of such as list) according to user, by the control on assay surface, what it can be used as free surface jet treats selected control.Control size and location simultaneously in original streaming layout interface, as the foundation of free surface jet default layout.
As shown in figs. 8 b and 8 c, because different interfaces has unified table model, in the interface of streaming layout, therefore can adjust the control in interface in the mode of free surface jet.Particularly, according to user instruction by towing control, optional position can be placed in.Also can add container control from self-defined control, relevant control is placed in together.Can also by alignment, equidistant, etc. the batch operation function adjustment in batches controls such as size.The position of spinner control can also be come by pinning ctrl key+left and right, upper and lower key, pinning the size that Alt key+left and right, upper and lower key carrys out spinner control.Finally also adjust interface by the attribute of control in amendment property box, the amendment of attribute is also be reflected at once on interface.
After interface is adjusted according to demand, can the overall once interfacial effect of preview, if satisfied, then can preserve, so that run mode comes into force and next time adjusts again.
When interface layout's device 100 is at run mode, first loading the interface result that free surface jet is preserved, when beating nodal interface, being gone to load free surface jet model according to nodal interface template ID by layout manager.Then resolve, for container control newly-increased in free surface jet model, created dynamically by layout manager, and ensure correct control level, relevant attribute is set.For the control adjusting position and size, only need according to the value recorded in model again assignment, mainly position and size information, also needs to adjust its control hierarchical relationship for some control.Finally carry out displaying interface, after correct parsing, interfacial energy shows by appearance seen by design state.
Fig. 9 A and Fig. 9 B shows the interface schematic diagram carried out according to an embodiment of the invention before and after interface layout.
As shown in Figure 9 A, in traditional streaming interface, list can be presented in interface according to streaming layout, but this ways of presentation might not meet business custom, when user needs to search certain control, each field must be searched successively in interface, determine required control, extremely lose time.
As shown in Figure 9 B, after carrying out layout by interface layout's device 100, user can adjust the layout of control in interface as required, makes it meet business custom, very conveniently searches required control.
Visible, by interface layout's device 100 carry out free surface jet process after, the mode of the control of script streaming according to properer client's user demand can be controlled, the design at whole interface is no longer only meet applicable this dimension of various resolution to consider.
By adopting interface streaming layout to be main, local free surface jet, for this part of free surface jet, the resolution that its size meets main flow is thought about when interface, and adopt and occupy principle of design left or placed in the middle, such interface can be applicable to various resolution, business custom more can be met again.
More than be described with reference to the accompanying drawings technical scheme of the present invention, considered in correlation technique, due to streaming layout interface and free surface jet interface shortcoming separately, made list representing in interface be difficult to meet user's needs, the arrangement of control is also unreasonable.By technical scheme of the present invention, streaming layout can be combined with free surface jet, user can be put by the control as required in convection type layout, and interface can be applicable to various resolution, more can meet again different business customs.
In the present invention, term " first ", " second " only for describing object, and can not be interpreted as instruction or hint relative importance.Term " multiple " refers to two or more, unless otherwise clear and definite restriction.
The foregoing is only the preferred embodiments of the present invention, be not limited to the present invention, for a person skilled in the art, the present invention can have various modifications and variations.Within the spirit and principles in the present invention all, any amendment done, equivalent replacement, improvement etc., all should be included within protection scope of the present invention.

Claims (6)

1. interface layout's device, is characterized in that, comprising:
Acquiring unit, for selecting the target area in the first interface according to the selection instruction received, obtains the target widget in described target area;
Conversion unit, for being the information of preset model by the convert information of described target widget, shows described target widget according to the layout of described target widget in described first interface in second contact surface;
Adjustment unit, for according to the adjustment instruction received, adjusts the layout of described target widget in described second contact surface, and/or increases container control newly in described second contact surface, preserves the second contact surface after adjustment;
Representing unit, for when loading the second contact surface after described adjustment, representing the second contact surface after described adjustment;
Described preset model is for determining the structure of the layout of described target widget in described first interface, with the structure of the layout of described target widget in described second contact surface, and corresponding visualization status, wherein visualization status comprises: design state and run mode;
Wherein, described first interface is the interface of streaming layout, and described second contact surface is the interface of free surface jet;
The described unit that represents comprises:
Resolve subelement, for when loading the second contact surface after described adjustment, the second contact surface of resolving after described adjustment obtains newly-added information and adjustment information;
Create subelement, for according to described newly-added information dynamic creation container control;
Determine subelement, for determining the coordinate information of described target widget according to described adjustment information.
2. interface layout according to claim 1 device, is characterized in that, described in represent unit also for according to the instruction for previewing that receives, represent the second contact surface after described adjustment; Described adjustment unit is used for, according to holding instruction of receiving, preserving the second contact surface after described adjustment.
3. interface layout according to claim 1 device, is characterized in that, described parsing subelement also obtains hierarchical information for the second contact surface after resolving described adjustment;
The described unit that represents also comprises:
Level adjustment subelement, for adjusting the hierarchical relationship of described target widget and/or described container control according to described hierarchical information.
4. a quick interface arrangement method, is characterized in that, comprising:
Step 202, selects the target area in the first interface according to the selection instruction received, and obtains the target widget in described target area;
The convert information of described target widget is the information of preset model by step 204, shows described target widget according to the layout of described target widget in described first interface in second contact surface;
Step 206, according to the adjustment instruction received, adjusts the layout of described target widget in described second contact surface, and/or increases container control newly in described second contact surface, preserves the second contact surface after adjustment;
Step 208, when loading the second contact surface after described adjustment, represents the second contact surface after described adjustment;
Described preset model is for determining the structure of the layout of described target widget in described first interface, with the structure of the layout of described target widget in described second contact surface, and corresponding visualization status, wherein visualization status comprises: design state and run mode;
Wherein, described first interface is the interface of streaming layout, and described second contact surface is the interface of free surface jet;
Described step 208 comprises: when loading the second contact surface after described adjustment, the second contact surface of resolving after described adjustment obtains newly-added information and adjustment information, according to described newly-added information dynamic creation container control, determine the coordinate information of described target widget according to described adjustment information.
5. quick interface arrangement method according to claim 4, is characterized in that, described step 206 also comprises: according to the instruction for previewing received, and represents the second contact surface after described adjustment; According to holding instruction of receiving, preserve the second contact surface after described adjustment.
6. quick interface arrangement method according to claim 4, it is characterized in that, described step 208 also comprises: the second contact surface of resolving after described adjustment obtains hierarchical information, adjusts the hierarchical relationship of described target widget and/or described container control according to described hierarchical information.
CN201310055536.9A 2013-02-21 2013-02-21 Interface layout's device and quick interface arrangement method Active CN103176797B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310055536.9A CN103176797B (en) 2013-02-21 2013-02-21 Interface layout's device and quick interface arrangement method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310055536.9A CN103176797B (en) 2013-02-21 2013-02-21 Interface layout's device and quick interface arrangement method

Publications (2)

Publication Number Publication Date
CN103176797A CN103176797A (en) 2013-06-26
CN103176797B true CN103176797B (en) 2015-12-09

Family

ID=48636702

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310055536.9A Active CN103176797B (en) 2013-02-21 2013-02-21 Interface layout's device and quick interface arrangement method

Country Status (1)

Country Link
CN (1) CN103176797B (en)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105574909A (en) * 2014-10-11 2016-05-11 北京金山安全软件有限公司 Picture combination template processing method and device and terminal
CN104391703B (en) * 2014-11-21 2017-11-07 用友网络科技股份有限公司 It is rapidly completed the apparatus and method of page layout
CN104978195A (en) * 2015-06-26 2015-10-14 浪潮软件集团有限公司 Interface configuration device and method
CN105912310A (en) * 2015-12-04 2016-08-31 乐视致新电子科技(天津)有限公司 Method and device for realizing user interface control based on virtual reality application
CN108182067B (en) * 2017-12-28 2021-08-13 广州芯德通信科技股份有限公司 Method for SWING optimization and beautification
CN111831387B (en) * 2018-05-14 2024-01-02 创新先进技术有限公司 Page processing method, device and equipment
CN109446352B (en) * 2018-11-07 2022-05-27 深圳市天诺泰安健康信息技术有限公司 Model display method, device, client and storage medium
CN109753333B (en) * 2019-01-11 2022-07-08 广州视源电子科技股份有限公司 Interface layout method, device, equipment and medium
CN111290810B (en) * 2020-01-19 2021-10-15 维沃移动通信有限公司 Image display method and electronic equipment
CN111443884A (en) * 2020-04-23 2020-07-24 华为技术有限公司 Screen projection method and device and electronic equipment
CN111651161B (en) * 2020-07-16 2023-04-18 深圳市易鸿达软件开发有限公司 Graphical interface construction method and device, computer equipment and storage medium
CN114077429A (en) * 2020-08-18 2022-02-22 华为技术有限公司 Display interface layout method and electronic equipment

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1716252A (en) * 2004-06-30 2006-01-04 微软公司 Aligned behavior in templated lists
US7275210B2 (en) * 2003-03-21 2007-09-25 Fuji Xerox Co., Ltd. Systems and methods for generating video summary image layouts
CN101158972A (en) * 2007-11-19 2008-04-09 腾讯科技(深圳)有限公司 Setting method and setting system of page layout
CN101344879A (en) * 2008-08-28 2009-01-14 北大方正集团有限公司 Method and apparatus for gang adjustment of page object
US7656543B2 (en) * 2004-11-12 2010-02-02 Hewlett-Packard Development Company, L.P. Albuming images
CN101847079A (en) * 2010-04-30 2010-09-29 中兴通讯股份有限公司 Method and device for regulating control button layout

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7275210B2 (en) * 2003-03-21 2007-09-25 Fuji Xerox Co., Ltd. Systems and methods for generating video summary image layouts
CN1716252A (en) * 2004-06-30 2006-01-04 微软公司 Aligned behavior in templated lists
US7656543B2 (en) * 2004-11-12 2010-02-02 Hewlett-Packard Development Company, L.P. Albuming images
CN101158972A (en) * 2007-11-19 2008-04-09 腾讯科技(深圳)有限公司 Setting method and setting system of page layout
CN101344879A (en) * 2008-08-28 2009-01-14 北大方正集团有限公司 Method and apparatus for gang adjustment of page object
CN101847079A (en) * 2010-04-30 2010-09-29 中兴通讯股份有限公司 Method and device for regulating control button layout

Also Published As

Publication number Publication date
CN103176797A (en) 2013-06-26

Similar Documents

Publication Publication Date Title
CN103176797B (en) Interface layout's device and quick interface arrangement method
KR102007005B1 (en) Device, system, and method of website building by utilizing data lists
US20190114308A1 (en) Optimizing a document based on dynamically updating content
CN104978317B (en) Webpage generation method and device, website generation method and website establishment server
JP5851607B2 (en) Kanji composition method and apparatus, character composition method and apparatus, and font library construction method
CN105260420B (en) A kind of method and apparatus for the offer target pages in mobile application
US8667405B2 (en) Browser-based development tools and methods for developing the same
CN102609256A (en) Motion chart generating method based on webpages
CN106528741A (en) Visualization implementation method based on big data
JP2004005568A (en) Updating of high-speed gui style of legacy application
CA2773152A1 (en) A method for users to create and edit web page layouts
CN102063475A (en) Webpage user terminal presenting method of three-dimensional model
CN101620530A (en) Menu editing system
CN106294301A (en) Report form generation method and device
CN107391656B (en) Web form design method based on masking-out
WO2017026146A1 (en) Information processing device, information processing method, and program
CN109992580A (en) Processing method and processing device, storage medium, the computer equipment of table data
US20150160792A1 (en) Dynamically-generated selectable option icons
US20220414325A1 (en) Universal content for email template
JP4992399B2 (en) Document editing apparatus and program
JP2008140158A (en) Document editing device and program
CN104133608A (en) Method and device for opening new tab
CN107515913A (en) A kind of multivariate data model integrated construction method and its virtual interactive interface system
US20230045229A1 (en) Method and System for Conflict Resolution in Multi-User Document Collaboration
JP5817957B2 (en) Information processing apparatus, information processing method, and program

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100094 Haidian District North Road, Beijing, No. 68

Applicant after: Yonyou Network Technology Co., Ltd.

Address before: 100094 Beijing city Haidian District North Road No. 68, UFIDA Software Park

Applicant before: UFIDA Software Co., Ltd.

COR Change of bibliographic data
C14 Grant of patent or utility model
GR01 Patent grant