CN109656557A - User interface creating method and device - Google Patents
User interface creating method and device Download PDFInfo
- Publication number
- CN109656557A CN109656557A CN201811552375.3A CN201811552375A CN109656557A CN 109656557 A CN109656557 A CN 109656557A CN 201811552375 A CN201811552375 A CN 201811552375A CN 109656557 A CN109656557 A CN 109656557A
- Authority
- CN
- China
- Prior art keywords
- prefabricated component
- sliding
- added
- control
- area
- 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.)
- Granted
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 embodiment of the present application provides a kind of user interface creating method and device, is related to UI design field.Wherein, the method is by carrying out unified encapsulation for control needed for multiple user interfaces, sliding control and functionality controls needed for searching interface to be generated in preconfigured list of controls when generating user interface, then the functionality controls are combined according to pre-set typesetting rule, obtain prefabricated component；The prefabricated component is finally added to the predeterminable area in the sliding control, and the corresponding position in the prefabricated component is written into data information to be shown, generates user interface.In this way, to improve the development efficiency of user interface, the maintenance cost in later period can be reduced in order to avoid being made respectively to control needed for various user interfaces.
Description
Technical field
This application involves UI design fields, in particular to a kind of user interface creating method and device.
Background technique
During most of game making, UI (User Interface, user interface) design is usually constructed with sliding circle
Stage property list in the demand in face, such as buddy list, task list and store.In the process of development, modules are usual
It is responsible for by different developers, and UI control needed for modules is generally also to be made respectively by each developer, this
Not only development efficiency is low for sample, can also greatly increase maintenance cost in the later period.
Therefore, to those skilled in the art, studying one kind can be improved user interface development efficiency, and can be with
The method for reducing later maintenance cost is of great significance.
Summary of the invention
In order to overcome above-mentioned deficiency in the prior art, the application provides a kind of user interface creating method and device, with
It improves the development efficiency of user interface and reduces the maintenance cost in later period.
To achieve the goals above, the application preferred embodiment the technical solution adopted is as follows:
In a first aspect, the embodiment of the present application provides a kind of user interface creating method, which comprises
The target widget needed for searching interface to be generated in preconfigured list of controls, the target widget include sliding
Dynamic control and several functionality controls；
The functionality controls are combined according to pre-set typesetting rule, obtain prefabricated component；
Obtain data information to be shown；
The prefabricated component is added to the predeterminable area in the sliding control, and the data information to be shown is write
Enter the corresponding position in the prefabricated component, generates user interface.
Optionally, in the embodiment of the present application, the sliding control includes sliding area, described to add the prefabricated component
To it is described sliding control in predeterminable area the step of, comprising:
Determine the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control；
Total height needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height；
The sliding area of the sliding control is determined according to the total height；
The prefabricated component to be added to sliding control is added to the sliding area.
Optionally, in the embodiment of the present application, the method also includes:
Detect whether the total height is greater than preset threshold；
When the total height is greater than preset threshold, the sliding area is determined according to preset height, and from described wait add
Being added in the prefabricated component of sliding control selects the prefabricated component of preset quantity to be added to the sliding area.
Optionally, in the embodiment of the present application, the method also includes:
Receive the slip instruction of user's operation；
Position of the prefabricated component in the sliding area is adjusted according to the slip instruction.
Optionally, in the embodiment of the present application, described that the prefabricated component is adjusted in the sliding according to the slip instruction
The step of position in region, comprising:
The slip instruction is parsed, corresponding offset is obtained；
The target position after the offset of each prefabricated component is calculated according to the height of the prefabricated component and the offset；
Judge the corresponding target position of each prefabricated component whether in the sliding area；
If prefabricated component is moved to corresponding target position in the sliding area；If not in the sliding area,
Cache pool is added in prefabricated component.
Optionally, in the embodiment of the present application, the method also includes:
Receive the instruction for deleting prefabricated component；
The corresponding prefabricated component of described instruction is removed from the sliding area, and the prefabricated component of removal is added and is cached
Pond.
Second aspect, the embodiment of the present application also provide a kind of user interface generating means, and described device includes:
Searching module, it is described for the target widget needed for searching interface to be generated in preconfigured list of controls
Target widget includes sliding control and several functionality controls；
Composite module obtains prefabricated component for being combined according to pre-set typesetting rule to the functionality controls；
Module is obtained, for obtaining data information to be shown；
Generation module, the predeterminable area for being added to the prefabricated component in the sliding control, and will be described to aobvious
The corresponding position in the prefabricated component is written in the data information shown, generates user interface.
Optionally, in the embodiment of the present application, the sliding control includes sliding area, and the generation module is specifically used
In:
Determine the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control；
Total height needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height；
The sliding area of the sliding control is determined according to the total height；
The prefabricated component to be added to sliding control is added to the sliding area.
Optionally, in the embodiment of the present application, the generation module is also used to:
Detect whether the total height is greater than preset threshold；
When the total height is greater than preset threshold, the sliding area is determined according to preset height, and from described wait add
Being added in the prefabricated component of sliding control selects the prefabricated component of preset quantity to be added to the sliding area.
Optionally, in the embodiment of the present application, described device further includes sliding control module, and the sliding control module is used
In:
Receive the slip instruction of user's operation；
The slip instruction is parsed, corresponding offset is obtained；
The target position after the offset of each prefabricated component is calculated according to the height of the prefabricated component and the offset；
Judge the corresponding target position of each prefabricated component whether in the sliding area；
If prefabricated component is moved to corresponding target position in the sliding area；If not in the sliding area,
Cache pool is added in prefabricated component.
In terms of existing technologies, the application has the advantages that
User interface creating method and device provided by the embodiments of the present application, by by control needed for multiple user interfaces
Carry out unified encapsulation, the sliding control needed for searching interface to be generated in preconfigured list of controls when generating user interface
Then part and functionality controls are combined the functionality controls according to pre-set typesetting rule, obtain prefabricated component；Finally
The prefabricated component is added to the predeterminable area in the sliding control, and the prefabricated component is written into data information to be shown
In corresponding position, generate user interface.By this method and device, can in order to avoid to control needed for various user interfaces into
Row makes respectively, to improve the development efficiency of user interface, reduces the maintenance cost in later period.
Detailed description of the invention
Technical solution in ord to more clearly illustrate embodiments of the present application, below will be to needed in the embodiment attached
Figure is briefly described, it should be understood that the following drawings illustrates only some embodiments of the application, therefore is not construed as pair
The restriction of range for those of ordinary skill in the art without creative efforts, can also be according to this
A little attached drawings obtain other relevant attached drawings.
Fig. 1 is the structural schematic diagram of electronic equipment provided by the embodiments of the present application；
Fig. 2 is the first step flow diagram of user interface creating method provided by the embodiments of the present application；
Fig. 3 is the sub-step flow diagram of step S40 in Fig. 2；
Fig. 4 is the second step flow diagram of user interface creating method provided by the embodiments of the present application；
Fig. 5 is the third step flow diagram of user interface creating method provided by the embodiments of the present application；
Fig. 6 is the sub-step flow diagram of step S60 in Fig. 5；
Fig. 7 is the module diagram of user interface generating means provided by the embodiments of the present application.
Icon: 100- electronic equipment；111- memory；112- storage control；113- processor；70- user interface is raw
At device；701- searching module；702- composite module；703- obtains module；704- generation module；705- slides control module.
Specific embodiment
To keep the purposes, technical schemes and advantages of the embodiment of the present application clearer, below in conjunction with the embodiment of the present application
In attached drawing, the technical scheme in the embodiment of the application is clearly and completely described, it is clear that described embodiment is
Some embodiments of the present application, instead of all the embodiments.The application being usually described and illustrated herein in the accompanying drawings is implemented
The component of example can be arranged and be designed with a variety of different configurations.
Therefore, the detailed description of the embodiments herein provided in the accompanying drawings is not intended to limit below claimed
Scope of the present application, but be merely representative of the selected embodiment of the application.Based on the embodiment in the application, this field is common
Technical staff's all other embodiment obtained without creative efforts belongs to the model of the application protection
It encloses.
It should also be noted that similar label and letter indicate similar terms in following attached drawing, therefore, once a certain Xiang Yi
It is defined in a attached drawing, does not then need that it is further defined and explained in subsequent attached drawing.
With reference to the accompanying drawing, it elaborates to some embodiments of the application.In the absence of conflict, following
Feature in embodiment and embodiment can be combined with each other.
Fig. 1 is please referred to, is a kind of electronic equipment 100 provided by the embodiments of the present application.The electronic equipment 100 includes user
Interface generating means 70, memory 111, storage control 112 and processor 113.
The memory 111, storage control 112 and each element of processor 113 are directly or indirectly electrical between each other
Connection, to realize the transmission or interaction of data.For example, these elements can pass through one or more communication bus or letter between each other
Number line, which is realized, to be electrically connected.The user interface generating means 70 may include that at least one can be with software or firmware
(firmware) form is stored in the memory 111 or is solidificated in the operating system of the electronic equipment 100
Software function module in (operating system, OS).The processor 113 is deposited in the memory 111 for executing
The executable module of storage, such as software function module and computer program etc. included by the user interface generating means 70.
Wherein, the memory 111 may be, but not limited to, random access memory (Random Access
Memory, RAM), read-only memory (Read Only Memory, ROM), programmable read only memory (Programmable
Read-Only Memory, PROM), erasable read-only memory (Erasable Programmable Read-Only
Memory, EPROM), electricallyerasable ROM (EEROM) (Electric Erasable Programmable Read-Only
Memory, EEPROM) etc..Wherein, memory 111 is for storing program, the processor 113 after receiving and executing instruction,
Execute described program.The processor 113 and other possible components can control the access of memory 111 in the storage
It is carried out under the control of device 112.
The processor 113 may be a kind of IC chip, the processing capacity with signal；It is also possible to general place
Manage device, including central processing unit (Central Processing Unit, CPU), network processing unit (Network
Processor, NP) etc.；It can also be digital signal processor (DSP), specific integrated circuit (ASIC), field-programmable gate array
Arrange (FPGA) either other programmable logic device, discrete gate or transistor logic, discrete hardware components etc., Ke Yishi
Now or execute the embodiment of the present application in disclosed each method, step and logic diagram.
It should be understood that structure shown in FIG. 1 is only schematic diagram, the electronic equipment 100 may also include than institute in Fig. 1
Show more perhaps less component or with the configuration different from shown in Fig. 1.Each component shown in Fig. 1 can be using hard
Part, software or combinations thereof are realized.
It is the step flow diagram of user interface creating method provided by the embodiments of the present application, this method can referring to Fig. 2
To be applied to electronic equipment 100 shown in FIG. 1, user interface systematic function is provided for the electronic equipment 100.
User interface creating method provided by the embodiments of the present application is described in detail below with reference to Fig. 2, in the application
In embodiment, which comprises
Step S10, the target widget needed for searching interface to be generated in preconfigured list of controls, the target control
Part includes sliding control and several functionality controls.
In the embodiment of the present application, in order to improve the producing efficiency of interface, the side of UI control is shared using multiple solutions
Formula is developed, thus to a variety of use such as buddy list, task list, mailing list, stage property lists in interface
Family interface is individually developed.
Specifically, i.e. in the process of development by a variety of use such as buddy list, task list, mailing list, stage property lists
Control needed for the interface of family has carried out unified encapsulation, is then pre-configured with packaged list of controls.When having configured
It, can be according to the relevant target widget of type search at interface to be generated after stating list of controls.
Specifically, in a kind of embodiment of the application, since interface to be generated has the demand of sliding, in institute
State in target widget includes ScrollView sliding control and several other function controls.Wherein, several functionality controls are used
In the multiple component parts, such as head portrait, role name, game state in buddy list etc. that generate user interface；The sliding
Control for realizing user interface sliding, to show different data informations in fixed interface region.
Further, with continued reference to Fig. 2, after step slo, the method also includes:
Step S20 is combined the functionality controls according to pre-set typesetting rule, obtains prefabricated component.
In the embodiment of the present application, the prefabricated component can according to the type at interface to be generated and it is pre-set with
The corresponding typesetting rule in interface to be generated is combined to obtain to the functionality controls searched in the above process.
It for example, can be by head portrait control, role name control, game state when interface to be generated is buddy list
Control is combined, and obtains the corresponding prefabricated component of each game good friend in buddy list interface.And when interface to be generated is to appoint
When business list, mission number control, task names control, Task Progress control can be combined, obtain task list circle
The corresponding prefabricated component of each task in face.It should be noted that in the embodiment of the present application, the prefabricated component can also be simultaneously
Including multiple friend informations or multiple tasks information.
It should be noted that in the embodiment of the present application, different types of user interface can share the same control (i.e.
The same control can be called from preconfigured list of controls when generating different user interface).For example, for above-mentioned
For buddy list interface and task list interface, the head portrait control and mission number control can call the same control,
The role name control and task names control can call the same control, the game state control and Task Progress control
The same control can be called.
Further, with continued reference to Fig. 2, after the step S20, the method also includes:
Step S30 obtains data information to be shown.
In the embodiment of the present application, the data information to be shown indicates the number for needing to be shown in the user interface
According to.For example, when detecting that game player opens buddy list (when needing to show buddy list), it can be from game server
Obtain (including the online, game of head portrait, role name corresponding to each good friend and game state added by current player
In, it is offline etc.)；It, can be from game garment when detecting that game player opens task list (when needing to show task list)
Business device obtains mission number, task names, Task Progress corresponding to each task that current player is received etc..
Further, with continued reference to Fig. 2, after the step S30, the method also includes:
The prefabricated component is added to the predeterminable area in the sliding control by step S40, and by the number to be shown
It is believed that the corresponding position in the prefabricated component is written in breath, user interface is generated.
It in the embodiment of the present application, will after obtaining the prefabricated component and data information to be shown through the above steps
The prefabricated component is added to the predeterminable area in the scroll control, and the data information write-in to be shown is described prefabricated
The user interface of required display can be obtained in corresponding position in part.
Specifically, referring to figure 3., the process that the prefabricated component is added to the predeterminable area in the scroll control can
To include:
Sub-step S41 determines the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control.
Sub-step S42, needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height
Total height.
Sub-step S43 determines the sliding area of the sliding control according to the total height.
The prefabricated component to be added to sliding control is added to the sliding area by sub-step S44.
In the embodiment of the present application, in order to make interface to be generated according to content adjust automatically interfacial level to be shown, because
This needs basis is calculated to be added to the quantity of prefabricated component and the height of each prefabricated component of sliding control and is accommodated to aobvious
Total height needed for showing content.It, then can be with for example, when needing to show 5 good friends in game player's buddy list
Total height needed for calculating 5 good friends of display according to the height of the corresponding prefabricated component of 5 good friends.
Further, after calculating the total height, it can determine sliding area in sliding control according to the total height
The specific size in domain, so that the sliding area be made to adapt to content to be displayed automatically.
Further, after the specific size for determining the sliding area, by prefabricated component to be shown according to required
Typesetting rule is added to the corresponding position of the sliding area, and data information to be shown is written in corresponding control, i.e.,
Produce user interface.
Referring to Fig. 4, it is contemplated that can have UI list in practical applications can not show the feelings of all data to be displayed simultaneously
Condition, therefore, in the embodiment of the present application, the method also includes following steps:
Step S45, detects whether the total height is greater than preset threshold.
Step S46 determines the sliding area according to preset height when the total height is greater than preset threshold, and from
The prefabricated component of preset quantity is selected to be added to the sliding area in the prefabricated component to be added to sliding control.
For example, when the maximum capacity of the sliding control is 10 prefabricated components, and content to be shown is 15 pre-
When product, then preset maximum value is set by the height of the sliding area of the sliding control, and according to above-mentioned to be shown
The sequence of 15 prefabricated components selects 10 prefabricated components and is added to the sliding area.It, can be by it for remaining 5 prefabricated component
Cache pool is added, in order to directly be called when user slides user interface to show.
Further, referring to figure 5., it is contemplated that need when content to be displayed is greater than sliding control maximum capacity to user
Interface is slided, therefore, in the embodiment of the present application, the method also includes:
Step S50 receives the slip instruction of user's operation.
Step S60 adjusts position of the prefabricated component in the sliding area according to the slip instruction.
Specifically, in the embodiment of the present application, the slip instruction may include, but is not limited to user and is grasped by touch screen
The slip signals of work and the dragging signal inputted by mouse or keyboard.
Referring to Fig. 6, the specific implementation process of the step S60 may include:
Sub-step S61 parses the slip instruction, obtains corresponding offset.
Sub-step S62 calculates the mesh after the offset of each prefabricated component according to the height of the prefabricated component and the offset
Cursor position.
Whether sub-step S63 judges the corresponding target position of each prefabricated component in the sliding area.
Sub-step S64, if prefabricated component is moved to corresponding target position in the sliding area；If not described
In sliding area, cache pool is added in prefabricated component.
In the embodiment of the present application, all prefabricated components to be shown can be arranged in vertical direction, by each
The height and serial number of a prefabricated component obtain the corresponding initial coordinate of each prefabricated component, and (initial coordinate may be in the scrollable area
In domain, it is also possible to outside scroll zones).Then it is calculated by the offset that the initial coordinate and parsing obtain
Target position after obtaining the offset of each prefabricated component.
Since the target position may be in the scroll zones, it is also possible to outside the scroll zones, therefore, obtain
After the target position, need to judge the corresponding target position of each prefabricated component whether in the scroll zones.Wherein, right
In prefabricated component of the target position in the scroll zones, it is directly moved to corresponding target position, and for target position
The prefabricated component outside the scroll zones is set, then is added into cache pool, in order to directly be adjusted when needing to show it
With.
Further, it is contemplated that game player will do it in game process to delete good friend or deletes task dispatching operation, and
The player may will do it and add again after deletion, therefore, in order to reduce data processing amount in this case, improve user circle
Face formation efficiency, in the embodiment of the present application, the method also includes:
Receive the instruction for deleting prefabricated component；
The corresponding prefabricated component of described instruction is removed from the sliding area, and the prefabricated component of removal is added and is cached
Pond.
Cache pool is added by the data that will be deleted, quickly it can be called when needing to show again,
To dramatically improve the production efficiency of user interface.
Referring to Fig. 7, the embodiment of the present application also provides a kind of user interface generating means 70, and described device can be applied to figure
Electronic equipment 100 shown in 1 provide user interface systematic function for the electronic equipment 100, and specifically, described device includes:
Searching module 701, for the target widget needed for searching interface to be generated in preconfigured list of controls, institute
Stating target widget includes sliding control and several functionality controls；
Composite module 702 obtains prefabricated for being combined according to pre-set typesetting rule to the functionality controls
Part；
Module 703 is obtained, for obtaining data information to be shown；
Generation module 704, the predeterminable area for being added to the prefabricated component in the sliding control, and will it is described to
The corresponding position in the prefabricated component is written in the data information of display, generates user interface.
Optionally, in the embodiment of the present application, the sliding control includes sliding area, and the generation module 704 is specific
For:
Determine the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control；
Total height needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height；
The sliding area of the sliding control is determined according to the total height；
The prefabricated component to be added to sliding control is added to the sliding area.
Optionally, in the embodiment of the present application, the generation module 704 is also used to:
Detect whether the total height is greater than preset threshold；
When the total height is greater than preset threshold, the sliding area is determined according to preset height, and from described wait add
Being added in the prefabricated component of sliding control selects the prefabricated component of preset quantity to be added to the sliding area.
Optionally, in the embodiment of the present application, described device further includes sliding control module 705, and the sliding controls mould
Block 705 is used for:
Receive the slip instruction of user's operation；
The slip instruction is parsed, corresponding offset is obtained；
The target position after the offset of each prefabricated component is calculated according to the height of the prefabricated component and the offset；
Judge the corresponding target position of each prefabricated component whether in the sliding area；
If prefabricated component is moved to corresponding target position in the sliding area；If not in the sliding area,
Cache pool is added in prefabricated component.
In conclusion the embodiment of the present application provides a kind of user interface creating method and device, by by a variety of users circle
Control needed for face carries out unified encapsulation, and interface to be generated is searched from preconfigured list of controls when generating user interface
Then required sliding control and functionality controls are combined the functionality controls according to pre-set typesetting rule, obtain
To prefabricated component；The prefabricated component is finally added to the predeterminable area in the sliding control, and by data information to be shown
The corresponding position in the prefabricated component is written, generates user interface.It, can be in order to avoid to various users circle by this method and device
Control needed for face is made respectively, to improve the development efficiency of user interface, reduces the maintenance cost in later period.
It should be noted that the device and method disclosed by the embodiment of the present application, it can also be by another way
It realizes.The apparatus embodiments described above are merely exemplary, for example, the flow chart and block diagram in the drawings show bases
The architecture, function and operation in the cards of the devices of multiple embodiments of the application, method and computer program product.
In this regard, each box in flowchart or block diagram can represent a part of a module, section or code, the mould
A part of block, program segment or code includes one or more executable instructions for implementing the specified logical function.Also it answers
When note that function marked in the box can also be to be different from being marked in attached drawing in some implementations as replacement
The sequence of note occurs.For example, two continuous boxes can actually be basically executed in parallel, they sometimes can also be by opposite
Sequence execute, this depends on the function involved.It is also noted that each box in block diagram and or flow chart and
The combination of box in block diagram and or flow chart can use the dedicated hardware based system for executing defined function or movement
System is to realize, or can realize using a combination of dedicated hardware and computer instructions.
In addition, each functional module in each embodiment of the application can integrate one independent portion of formation together
Point, it is also possible to modules individualism, an independent part can also be integrated to form with two or more modules.
Embodiment described above, the only specific embodiment of the application, to illustrate the technical solution of the application, rather than
It is limited, the protection scope of the application is not limited thereto, although having carried out with reference to the foregoing embodiments to the application detailed
Illustrate, those skilled in the art should understand that: anyone skilled in the art discloses in the application
In technical scope, it can still modify to technical solution documented by previous embodiment or variation can be readily occurred in, or
Person's equivalent replacement of some of the technical features；And these modifications, variation or replacement, do not make corresponding technical solution
Essence is detached from the spirit and scope of the embodiment of the present application technical solution, should all cover within the scope of protection of this application.Therefore,
The protection scope of the application should be based on the protection scope of the described claims.
Claims (10)
1. a kind of user interface creating method, which is characterized in that the described method includes:
The target widget needed for searching interface to be generated in preconfigured list of controls, the target widget include sliding control
Part and several functionality controls；
The functionality controls are combined according to pre-set typesetting rule, obtain prefabricated component；
Obtain data information to be shown；
The prefabricated component is added to the predeterminable area in the sliding control, and institute is written into the data information to be shown
The corresponding position in prefabricated component is stated, user interface is generated.
2. the method as described in claim 1, which is characterized in that the sliding control includes sliding area, it is described will be described pre-
Product is added to the step of predeterminable area in the sliding control, comprising:
Determine the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control；
Total height needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height；
The sliding area of the sliding control is determined according to the total height；
The prefabricated component to be added to sliding control is added to the sliding area.
3. method according to claim 2, which is characterized in that the method also includes:
Detect whether the total height is greater than preset threshold；
When the total height is greater than preset threshold, the sliding area is determined according to preset height, and from it is described to be added to
Sliding in the prefabricated component of control selects the prefabricated component of preset quantity to be added to the sliding area.
4. method as claimed in claim 2 or claim 3, which is characterized in that the method also includes:
Receive the slip instruction of user's operation；
Position of the prefabricated component in the sliding area is adjusted according to the slip instruction.
5. method as claimed in claim 4, which is characterized in that described to adjust the prefabricated component in institute according to the slip instruction
The step of stating the position in sliding area, comprising:
The slip instruction is parsed, corresponding offset is obtained；
The target position after the offset of each prefabricated component is calculated according to the height of the prefabricated component and the offset；
Judge the corresponding target position of each prefabricated component whether in the sliding area；
If prefabricated component is moved to corresponding target position in the sliding area；If, will be pre- not in the sliding area
Cache pool is added in product.
6. method as claimed in claim 5, which is characterized in that the method also includes:
Receive the instruction for deleting prefabricated component；
The corresponding prefabricated component of described instruction is removed from the sliding area, and cache pool is added in the prefabricated component of removal.
7. a kind of user interface generating means, which is characterized in that described device includes:
Searching module, for the target widget needed for searching interface to be generated in preconfigured list of controls, the target
Control includes sliding control and several functionality controls；
Composite module obtains prefabricated component for being combined according to pre-set typesetting rule to the functionality controls；
Module is obtained, for obtaining data information to be shown；
Generation module, the predeterminable area for being added to the prefabricated component in the sliding control, and will be described to be shown
The corresponding position in the prefabricated component is written in data information, generates user interface.
8. device as claimed in claim 7, which is characterized in that the sliding control includes sliding area, the generation module
It is specifically used for:
Determine the height of the quantity and each prefabricated component to be added to the prefabricated component of sliding control；
Total height needed for calculating the prefabricated component described in accommodated to be added to sliding control according to the quantity and height；
The sliding area of the sliding control is determined according to the total height；
The prefabricated component to be added to sliding control is added to the sliding area.
9. device as claimed in claim 8, which is characterized in that the generation module is also used to:
Detect whether the total height is greater than preset threshold；
When the total height is greater than preset threshold, the sliding area is determined according to preset height, and from it is described to be added to
Sliding in the prefabricated component of control selects the prefabricated component of preset quantity to be added to the sliding area.
10. device as claimed in claim 8 or 9, which is characterized in that described device further includes sliding control module, the cunning
Dynamic control module is used for:
Receive the slip instruction of user's operation；
The slip instruction is parsed, corresponding offset is obtained；
The target position after the offset of each prefabricated component is calculated according to the height of the prefabricated component and the offset；
Judge the corresponding target position of each prefabricated component whether in the sliding area；
If prefabricated component is moved to corresponding target position in the sliding area；If, will be pre- not in the sliding area
Cache pool is added in product.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811552375.3A CN109656557B (en) | 2018-12-19 | 2018-12-19 | User interface generation method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811552375.3A CN109656557B (en) | 2018-12-19 | 2018-12-19 | User interface generation method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109656557A true CN109656557A (en) | 2019-04-19 |
| CN109656557B CN109656557B (en) | 2022-08-05 |
Family
ID=66114635
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811552375.3A Active CN109656557B (en) | 2018-12-19 | 2018-12-19 | User interface generation method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109656557B (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140108997A1 (en) * | 2012-10-11 | 2014-04-17 | Apple Inc. | System and method for interacting with a displayed work space |
| CN106201280A (en) * | 2016-07-07 | 2016-12-07 | 北京京东尚科信息技术有限公司 | The method and device that display of sliding controls |
| CN108196920A (en) * | 2016-12-08 | 2018-06-22 | 武汉斗鱼网络科技有限公司 | A kind of display processing method and device at UI interfaces |
| CN108228287A (en) * | 2016-12-15 | 2018-06-29 | 龙芯中科技术有限公司 | The generation method and device of user interface controls based on QT |
| CN108829331A (en) * | 2018-05-25 | 2018-11-16 | 北京五八信息技术有限公司 | The method for processing interception and terminal device of slip event |
-
2018
- 2018-12-19 CN CN201811552375.3A patent/CN109656557B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140108997A1 (en) * | 2012-10-11 | 2014-04-17 | Apple Inc. | System and method for interacting with a displayed work space |
| CN106201280A (en) * | 2016-07-07 | 2016-12-07 | 北京京东尚科信息技术有限公司 | The method and device that display of sliding controls |
| CN108196920A (en) * | 2016-12-08 | 2018-06-22 | 武汉斗鱼网络科技有限公司 | A kind of display processing method and device at UI interfaces |
| CN108228287A (en) * | 2016-12-15 | 2018-06-29 | 龙芯中科技术有限公司 | The generation method and device of user interface controls based on QT |
| CN108829331A (en) * | 2018-05-25 | 2018-11-16 | 北京五八信息技术有限公司 | The method for processing interception and terminal device of slip event |
Non-Patent Citations (2)
| Title |
|---|
| YOUNGERDEV: "Scrolllview与ListView滑动冲突解决", 《HTTPS://WWW.JIANSHU.COM/P/4CBE7515EF12》 * |
| 一个有故事的程序员: "Android Scroll滑动分析", 《HTTPS://WWW.JIANSHU.COM/P/64A1CF4C4184》 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109656557B (en) | 2022-08-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101016585B1 (en) | A windowing and controlling system thereof comprising a computer device | |
| CN109690481A (en) | The customization of dynamic function row | |
| US10846110B2 (en) | User interface usage measurement and user interface design using machine learning | |
| CN111475246A (en) | Applet page display method, device, terminal and storage medium | |
| CN108647052A (en) | Application program preloads method, apparatus, storage medium and terminal | |
| CN112114734B (en) | Online document display method, device, terminal and storage medium | |
| CN111190882B (en) | Target template creation method and device, electronic equipment and storage medium | |
| CN112558824A (en) | Page display method and device and computer storage medium | |
| JP6183099B2 (en) | Input support device, input support method, and input support program | |
| CN112774192A (en) | Game scene jumping method and device, electronic equipment and storage medium | |
| CN110413161A (en) | Arrrangement method, device and electronic equipment | |
| CN103809954A (en) | Method and device for realizing interface element selection | |
| CN106066966B (en) | Frozen application display method, frozen application display device and terminal | |
| CN109656557A (en) | User interface creating method and device | |
| CN110442400A (en) | Browser control method and device | |
| EP3374860B1 (en) | Communicating information about an update of an application | |
| CN114860131A (en) | Control method, device, equipment, medium and product for vehicle-mounted multimedia application | |
| CN113110846A (en) | Method and device for acquiring environment variable | |
| CN106022022B (en) | A kind of method and terminal of terminal unlocking | |
| US10997341B1 (en) | System editing plugin | |
| JP2015219740A (en) | Information processor, information processing method and program | |
| CN109766093A (en) | Cooperate with method, apparatus, electronic equipment and the storage medium of real-time edition | |
| US11880554B2 (en) | Overflow application tool for computing devices | |
| CN113282795B (en) | Data structure diagram generation and updating method and device, electronic equipment and storage medium | |
| CN115202538A (en) | Menu configuration method and device, electronic equipment and storage medium |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |