CN110096277A - A kind of dynamic page methods of exhibiting, device, electronic equipment and storage medium - Google Patents
A kind of dynamic page methods of exhibiting, device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN110096277A CN110096277A CN201910209673.0A CN201910209673A CN110096277A CN 110096277 A CN110096277 A CN 110096277A CN 201910209673 A CN201910209673 A CN 201910209673A CN 110096277 A CN110096277 A CN 110096277A
- Authority
- CN
- China
- Prior art keywords
- control
- dynamic page
- bitmap
- information
- page
- 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 dynamic page methods of exhibiting provided in the embodiment of the present disclosure, belongs to field of computer technology, helps to improve performance when showing dynamic page.The dynamic page methods of exhibiting that the embodiment of the present disclosure provides includes: the page info by the target dynamic page described according to DSL, determine displaying logical message tree of each control for including in the target dynamic page in target bitmap, wherein, the target bitmap is the bitmap for showing the target dynamic page, the displaying logical message tree stores the control information of corresponding control using tree structure according to the displaying logic for the control for including in the target dynamic page；After the interface zone for needing to show in determining the target dynamic page, the corresponding bitmap of interface zone for needing to show is drawn according to the control information stored in the displaying logical message tree；And the bitmap drawn is shown according to the position and hierarchical information of the control stored in the displaying logical message tree, facilitate the performance for promoting dynamic page display systems.
Description
Technical field
This disclosure relates to field of computer technology, more particularly to a kind of dynamic page methods of exhibiting, device, electronic equipment
And storage medium.
Background technique
Dynamic page refers to the page of the displaying content dynamic change of the page, and for electric business, social activity etc. needs iteratively faster, reality
When the strong operation class business that adjusts be of great significance.The displaying content of dynamic page is not usually to write in program code,
But the displaying of dynamic page is realized by the technology of the mobilism real-time update page.Existing client dynamic Rendering master
It to include following four: 1, the web page mobilism load based on webview；2, multiple template built in local supports dynamic to cut
It changes；3, support the layout engine of DSL language；And 4, the mobilism solution based on virtual machine.
Web page mobilism based on webview is substantially based on browser execution webpage, and the page draws low efficiency, fortune
Line efficiency is poor, and overhead is big.Then three kinds of solutions, be substantially by establish mapping table, layout engine and virtual machine with
The communication of client rendering engine and call relation, realize page rendering.And to be then based on client operating system primary for rendering engine
UI control builds the mobilism page.Since UI ActiveX drafting/layout that operating system provides only supports main thread to access, great Liang Yuan
Over-burden by the CPU/GPU of equipment where raw UI control operation leads to client, although portion of techniques scheme is in U in the prior art
In I render process, it will be removed without the UI control operation for being placed on main thread, minimize building view to the property of main thread
It can be lost, when showing the complicated mobilism page, however it remains efficiency and performance bottleneck.
Summary of the invention
The embodiment of the present disclosure provides a kind of dynamic page methods of exhibiting, facilitates the property for promoting dynamic page display systems
Can, the embodiment of the present disclosure provides a kind of dynamic page methods of exhibiting, comprising:
According to the page info of the target dynamic page of DSL description, each control for including in the target dynamic page is determined
Displaying logical message tree of the part in target bitmap, wherein the target bitmap is the bitmap for showing the target dynamic page,
The displaying logical message tree is stored according to the displaying logic for the control for including in the target dynamic page using tree structure
The control information of corresponding control, the control information includes corresponding control: spatial cue, location information, dimension information and layer
Grade information；
Determine the interface zone for needing to show in the target dynamic page；
According to the spatial cue of control stored in the displaying logical message tree and dimension information drafting is described needs to open up
The corresponding bitmap of the interface zone shown；
In screen, according to the location information of the control stored in the displaying logical message tree and hierarchical information exhibition
Show the corresponding bitmap of interface zone that the needs of drafting are shown.
Second aspect, the embodiment of the present disclosure provide a kind of dynamic page displaying device, comprising:
Show logical message determining module, the page info of the target dynamic page for being described according to DSL, determine described in
Displaying logical message tree of each control for including in the target dynamic page in target bitmap, wherein the target bitmap is exhibition
Show the bitmap of the target dynamic page, the displaying logical message tree is according to the control for including in the target dynamic page
It shows logic, the control information of corresponding control is stored using tree structure, the control information includes the wash with watercolours of the corresponding control
Contaminate information, location information, dimension information and hierarchical information；
Interface zone determining module to be presented, for determining the interface area for needing to show in the target dynamic page
Domain；
Interface zone bitmap drafting module, for the spatial cue according to the control stored in the displaying logical message tree
It is drawn with dimension information and described needs the corresponding bitmap of the interface zone that shows；
Interface zone display module is used in screen, according to the control stored in the displaying logical message tree
Location information and hierarchical information show draw the needs show the corresponding bitmap of interface zone.
The third aspect, the embodiment of the present disclosure additionally provide a kind of electronic equipment, including memory, processor and are stored in institute
The computer program that can be run on memory and on a processor is stated, the processor realizes this when executing the computer program
Dynamic page methods of exhibiting described in open embodiment.
Fourth aspect, the embodiment of the present disclosure provide a kind of computer readable storage medium, are stored thereon with computer journey
Sequence, when which is executed by processor described in the embodiment of the present disclosure the step of dynamic page methods of exhibiting.
The embodiment of the present disclosure provides a kind of dynamic page methods of exhibiting, passes through the target dynamic page described according to DSL
Page info, determine displaying logical message tree of each control for including in the target dynamic page in target bitmap,
In, the target bitmap is the bitmap for showing the target dynamic page, and the displaying logical message tree is dynamic according to the target
The displaying logic for the control for including in the state page stores the control information of corresponding control, the control information using tree structure
Including corresponding control: spatial cue, location information, dimension information and hierarchical information；Determining needs in the target dynamic page
The interface zone to be shown；Institute is drawn according to the spatial cue of the control stored in the displaying logical message tree and dimension information
State the corresponding bitmap of interface zone for needing to show；In screen, according to the control stored in the displaying logical message tree
The location information and hierarchical information of part show the corresponding bitmap of interface zone that the needs drawn are shown, help to be promoted dynamic
The performance of state page presentation system.
Detailed description of the invention
It, below will be in embodiment or description of the prior art in order to illustrate more clearly of the technical solution of the embodiment of the present disclosure
Required attached drawing is briefly described, it should be apparent that, the accompanying drawings in the following description is only some realities of the disclosure
Example is applied, it for those of ordinary skill in the art, without any creative labor, can also be attached according to these
Figure obtains other attached drawings.
Fig. 1 is the dynamic page methods of exhibiting flow chart of the embodiment of the present disclosure one；
Fig. 2 is a page schematic diagram of the displaying of the embodiment of the present disclosure one；
Fig. 3 is the page info schematic diagram that DSL is described in the embodiment of the present disclosure one；
Fig. 4 is displaying logical message tree schematic diagram in the embodiment of the present disclosure one；
Fig. 5 is the dynamic page methods of exhibiting flow diagram of the embodiment of the present disclosure two；
Fig. 6 is that thread runs time diagram in the dynamic page methods of exhibiting of the embodiment of the present disclosure three；
Fig. 7 is that the dynamic page of the embodiment of the present disclosure four shows one of the structural schematic diagram of device；
Fig. 8 is that the dynamic page of the embodiment of the present disclosure four shows the second structural representation of device.
Specific embodiment
Below in conjunction with the attached drawing in the embodiment of the present disclosure, the technical solution in the embodiment of the present disclosure is carried out clear, complete
Site preparation description, it is clear that described embodiment is disclosure a part of the embodiment, instead of all the embodiments.Based on this public affairs
Embodiment in opening, every other implementation obtained by those of ordinary skill in the art without making creative efforts
Example belongs to the range of disclosure protection.
Embodiment one
The embodiment of the present disclosure provide a kind of dynamic page methods of exhibiting, as shown in Figure 1, this method comprises: step 110 to
Step 140.
Step 110, it according to the page info of the target dynamic page of DSL description, determines and is wrapped in the target dynamic page
Displaying logical message tree of each control included in target bitmap.
Wherein, the target bitmap is the bitmap for showing the target dynamic page, the displaying logical message tree according to
The displaying logic for the control for including in the target dynamic page stores the control information of corresponding control, institute using tree structure
State spatial cue, location information, dimension information and the hierarchical information and event response side that control information includes the corresponding control
Method information.When it is implemented, can be according to the top-down arrangement position from left to right of control in the target dynamic page
Relationship successively stores the control information of each control from front to back.
DSL (domain-specific language, field language-specific) refers to being absorbed in some application program neck
The computer language in domain, and translations Domain Specific Language can be used to describe the design information at interface.
Designer can design the interfaces of many finenesses, finally give programmer go with written in code into beautiful webpage or
Person App.If each interface is pure to use written in code, a large amount of code operation amount can be all faced, may be more one here
A little duplicate mechanical code operations.Such as: length and width are arranged in some element, and setting is placed in the middle, and text is arranged, and are arranged apart from last
Element XX pixel, N number of element is longitudinal together, lateral mean array etc..In the prior art, in order to improve working efficiency, occur
Length and width of some designer's outputs, color value, text, placed in the middle, away from first-class design metadata (markup information etc. of design), with
A kind of succinct language rule (i.e. DSL) of agreement inputs to program code, automatic by program and code (such as layout engine)
Analysis and processing, to generate the application of real interface development code, can be greatly reduced size of code and workload.
In the embodiment of the present disclosure, the target dynamic page based on acquisition by DSL describe page info, further into
Row layout and rendering, determine the spatial cue of the target dynamic page, are used for subsequent carry out page presentation.When it is implemented,
DSL can be such as XML, JSON, js, lua structured language.In the embodiment of the present disclosure only with structured language be XML citing
Instruction page exhibition scheme.
In order to promote page presentation efficiency, it is deployed in necessarily in the code that main thread executes in the embodiment of the present disclosure different
It is executed in step thread.For example, the asynchronous threads such as creation network thread, layout thread and drafting thread, pass through above-mentioned asynchronous thread
Execute the codes such as dynamic page data acquisition, page layout, drafting.
In the embodiments of the present disclosure, in the page info of the target dynamic page according to DSL description, the mesh is determined
Before the step of marking displaying logical message tree of each control for including in dynamic page in target bitmap, comprising: in asynchronous line
The page info of the target dynamic page of DSL description is obtained in journey.For example, main thread is getting the displaying target dynamic page
After instruction, page info required parameter is constructed, and create network request task, which is added network thread
Task queue in.Network thread obtains DSL by server and describes the target after getting the network request task
The page info of dynamic page, and the page info is added in the layout task queue of layout thread.With mesh shown in Fig. 2
Dynamic page citing is marked, will acquire page info as shown in Figure 3.The target dynamic page in Fig. 2 includes 210,220 and
230 3 parts, the page info for describing the target dynamic page are accordingly divided into three parts (Section).The page letter
Breath is usually such as controlled according to preset format using the relevant information for the control that preset keyword describes to include in the target dynamic page
Part type, icon file title, Title, description text, column width etc..
In some embodiments of the present disclosure, the page info of the target dynamic page according to DSL description determines institute
The step of stating displaying logical message tree of each control for including in the target dynamic page in target bitmap, comprising: in asynchronous line
The page info of the target dynamic page of the DSL description of acquisition is parsed in journey, determines the target dynamic page
In include control and each control at least partly control information；Believe in asynchronous thread according at least partly control
The default layout information of breath and the target dynamic page carries out cloth to each control for including in the target dynamic page
Office's processing, determines the control information of each control, wherein the control information includes: in the target dynamic page
Layout information (such as location information, dimension information), hierarchical information, spatial cue, event response method；Exist according to each control
It shows the displaying logic in the target bitmap of the target dynamic page, is believed using the control that tree structure stores each control
Breath, generates the displaying logical message tree of the target dynamic page.Wherein, the target bitmap is the target dynamic page
Virtual view bitmap.The target bitmap is the virtual bitmap of the full view of the target dynamic page.
Thread is laid out after taking out the layout task including the DSL page info described in layout task queue, is called
Preset layout engine carries out interface layout, and the DSL page info described, which is parsed into, can be rendered what engine was directly handled, wraps
Data structure containing control informations such as layout information, hierarchical information, spatial cue, event response methods.In some of the disclosure
In embodiment, preset keyword word can be passed through by traversing each keyword from front to back from the page info that DSL is described
The control that allusion quotation determination includes from the page info that DSL is described, and further parse the corresponding control identified by preset keyword
The control information (such as: icon file title, column width, event response method) of part.Further, according to the target dynamic page
The default layout information (such as page size, list items height) in face, the control obtained in conjunction with the page info described by DSL
Information determines the specific control information for each control for including in the target dynamic page, such as layout information (including the position of control
Confidence breath, dimension information, hierarchical information etc.), spatial cue (the font pride of such as background colour, displaying, transparency, frame control
Part perceptual property), event response method (how such as control responds corresponding control event, such as click event).Later, according to
Position of each control in the target dynamic page from top to bottom, by left-to-right sequence, is sequentially recorded each control
The control information of part generates the inforamtion tree for describing the displaying logic of each control in the target dynamic page.When it is implemented, can
To show logical message tree using the description of the structured languages such as DSL, as shown in Figure 4；It can also be deposited using preset data structure
Store up each control information.
In the prior art, logical view tree is rendering, necessary data structure needed for layout view, as rendering engine
Input.Rendering engine can understand the layout, level and spatial cue of each control according to logical view tree, and it is each to determine how drafting
Control.Due to using the ViewSystem drawing view of system, logical view tree and render view tree complete one in the prior art
It causes, Views tree is all sub- view physical control set for constituting view, is the upper layer operation interface of system ViewSystem
Encapsulation is stored according to the level membership of control, and system ViewSystem can direct render view tree.And the embodiment of the present disclosure
In, it realizes that bitmap is drawn since the display area of the target dynamic page uses calling system to draw interface completely, does not deposit
Displaying logical message tree in this physical structure of render view tree, the embodiment of the present disclosure is virtual " Views tree ", essence
On be control information in memory tree structure, contain the letter such as position, size, level, spatial cue, event response method
Breath, and do not include any control.Asynchronous rendering engine can draw out view (i.e. a Zhang Weitu) according to logical message tree is shown.Such as
Fruit draws the bitmap of a displaying target dynamic page, then the information shown in logical message tree is shown in the bitmap
The information such as the position in this bitmap of each control, size, level, spatial cue, event response method.
Step 120, the interface zone for needing to show in the target dynamic page is determined.
By taking the dynamic page of client as an example, when user start client or by click customer terminal webpage link,
When sliding customer terminal webpage, require to update the interface in display screen.When it is implemented, according to the operation of user customer
The page presentation of generation instructs, and determines the interface zone for needing to show in the target dynamic page relative to the target dynamic
Then the coordinate shift on page top determines institute according to effective screen size of terminal where the coordinate shift and client
State the interface zone for needing to show in the target dynamic page.
Step 130, institute is drawn according to the spatial cue of the control stored in the displaying logical message tree and dimension information
State the corresponding bitmap of interface zone for needing to show.
In some embodiments of the present disclosure, the spatial cue according to the control stored in the displaying logical message tree
It is drawn with dimension information and described needs the corresponding bitmap of the interface zone that shows, comprising: according in the displaying logical message tree
The control information of storage determines the control for needing to include in the interface zone shown；By the drafting interface of calling system,
The interface zone for needing to show is drawn according to the spatial cue for each control for including in the interface zone and dimension information
Bitmap.
Firstly, further determining that the control that the interface zone includes according to determining interface zone.When it is implemented, exhibition
Show the control information in logical message tree according to each control the top-down position from left to right in the target dynamic page
Relationship stores from front to back, shows logical message tree by traversing from front to back, that is, can determine and wrap in interface zone to be presented
The control information of each control being arranged successively included.The displaying relative position of control in logical message tree is such as shown by matching,
Determine the control that interface zone to be presented includes.
Then, the control for the control that the interface zone includes in the displaying logical message tree of the target dynamic page is believed
Breath is added in the drafting task queue for drawing thread.The sequence that asynchronous drafting thread is joined the team according to drafting task is successively taken out
Drafting task, and drafting task is executed according to the corresponding control information of the drafting task: i.e. context is drawn in creation, according to control
The information such as the dimension information, the spatial cue that include in information, the drafting interface that calling system provides carry out drafting work.Draw knot
Shu Hou, output one contain the bitmap of page graph-text content, and notice main thread drafting finishes.
Step 140, in screen, according to the location information and layer of the control stored in the displaying logical message tree
Grade information shows the corresponding bitmap of interface zone that the needs drawn are shown.
Later, main thread receives after drafting finishes information, and the needs that abovementioned steps are drawn are shown in screen
The corresponding bitmap of the interface zone of displaying, bitmap as shown in Figure 2.
In some embodiments of the present disclosure, the information for answering control can store in the displaying logical message tree, it can also
To store the information of multiple controls.The interface zone that the needs are shown may be some screen area, it is also possible to for all screens
Curtain region；The bitmap for needing the interface zone shown to show may be the pop-up picture for being shown in top layer, it is also possible to for back
Scape picture.Therefore, it when showing the bitmap drawn, needs according to the control stored in the displaying logical message tree
Location information (location information for the control for including in the i.e. described bitmap) determine display location of the bitmap in screen, so
Afterwards, further the aforementioned display location according to the hierarchical information of the control in corresponding figure layer shows the bitmap.
The dynamic page methods of exhibiting that the embodiment of the present disclosure provides, passes through the page of the target dynamic page described according to DSL
Face information determines displaying logical message tree of each control for including in the target dynamic page in target bitmap, wherein institute
Stating target bitmap is the bitmap for showing the target dynamic page, and the displaying logical message tree is according to the target dynamic page
In include control displaying logic, the control information of corresponding control is stored using tree structure, the control information includes phase
Answer control: spatial cue, location information, dimension information and hierarchical information；It determines and needs to show in the target dynamic page
Interface zone；The needs are drawn according to the spatial cue of the control stored in the displaying logical message tree and dimension information
The corresponding bitmap of the interface zone of displaying；In screen, according to the position of the control stored in the displaying logical message tree
Confidence breath bitmap corresponding with the interface zone that the needs that hierarchical information displaying is drawn are shown, helps to promote dynamic page
The performance of display systems.The dynamic page methods of exhibiting that the embodiment of the present disclosure provides, passes through the interface for describing structured language
Information carries out pretreatment and generates spatial cue being stored, then will need the ActiveX drafting for including in interface zone to be shown at
Bitmap is shown, by opening bitmap instead of traditional by control " splicing ", " addition " with body calling system interface renderings one
Several controls are drawn in client end interface, have been abstracted underlying operating system tenability, the offer of call operation system is provided
The number of primary UI control operation, improves the display performance of dynamic page.
The dynamic page methods of exhibiting that the embodiment of the present disclosure provides realizes the page by the way of drawing control into bitmap
Building, does not depend on system ViewSystem (view system), and a small amount of test pattern of system is used only and draws interface renderings surface chart
Piece finally shows interface images by main thread.The user interface picture of final output is a Zhang Weitu, and view level, quantity are big
Width reduces, performance consumption category Constant Grade.Therefore, for the disclosure during showing user interface, only few operation is necessary
It is executed by host process, reduces the operation that host process executes, be particularly suitable for building dynamic user interface, facilitated promotion interface and draw
Performance processed reduces system interface and draws bottleneck.Also, interface is drawn (in such as Fig. 2 since a small amount of test pattern of system is used only
User interface only used picture and draw interface and text drafting interface) draw interface images, also, the standard drawing of different platform
Shape drafting interface is essentially identical, helps to realize dynamic page methods of exhibiting to the compatibility of different platform.
Embodiment two
A kind of dynamic page methods of exhibiting that another embodiment of the disclosure provides, the control information further include: thing
Part response method, location information, as shown in figure 5, it is described in screen, according to being stored in the displaying logical message tree
After the location information and hierarchical information of control show the step of interface zone that the needs drawn are shown corresponding bitmap,
Further include: step 150 to step 190.
Step 150, the trigger action to the bitmap shown in screen is received.
In some embodiments of the present disclosure, when some key in the page that user triggers displaying, or perform
After the operation for dragging the page shown, terminal needs to refresh the page shown in screen.
Step 160, the position for the bitmap being directed to according to the trigger action, the corresponding target of the bitmap are dynamic
The position of the state page and location information, dimension information and the hierarchical information for showing the control stored in logical message tree, really
The event response method of control and the control that the fixed trigger action is directed to.
Further, according to the trigger action received, the position of bitmap shown in the page that trigger action is directed to is obtained
It sets.For example, when showing bitmap as shown in Figure 2 in screen, if user clicks the cuisines icon in 210, terminal
Screen will switch to the page of display cuisines column.When it is implemented, can according to the type of the trigger action and coordinate information
Bit map location shown in the screen being directed to the determination trigger action.Further, the bitmap phase according to shown in screen
Bit map location and size shown in the screen being directed to for the position of the dynamic page, the trigger action, determine the touching
Then the candidate control in the dynamic page that hair operation is directed to determines the touching further according to the hierarchical information of candidate's control
What hair operation was directed to is located at the candidate control of page top layer.For example, by bitmap shown in screen relative to the dynamic page
Position of the bit map location relative to the bitmap top shown in the screen that the positional shift on face top and the trigger action are directed to
Offset addition is set, the positional shift on the top for the dynamic page being directed to using obtained sum as the trigger action.Time then,
The control stored in the displaying logical message tree is gone through, and according to the location information and dimension information of each control, determines the touching
One or more controls at the positional shift on the top for the dynamic page that hair operation is directed to；Finally, determining that hierarchical information refers to
The control for the top shown is the control that trigger action is directed to, and determines the event response method of the control.
Step 170, the spatial cue of modifying the control that the trigger action is directed to repaints and needs to show with described
The corresponding bitmap of interface zone simultaneously refreshes display, to update the display effect for the control that the trigger action is directed to.
After a certain control shown in the page is triggered (as clicked), the display state of the usual control needs to occur
Variation, such as it is highlighted the control being clicked.Therefore, after determining the control that the trigger action is directed to, basis is needed
Preset exhibition method modifies the spatial cue for the control that the trigger action is directed to.In some embodiments of the present disclosure, weight
New the step of drawing bitmap corresponding with the interface zone that the needs are shown and refreshing display, comprising: the weight in asynchronous thread
It is new to draw bitmap corresponding with the interface zone for needing to show, and bitmap described in main thread is notified after the completion of repainting
It completes；The bitmap for repainting completion is refreshed into display into screen in main thread.It is based on for example, drawing thread
Modified spatial cue repaints bitmap corresponding with the interface zone for needing to show, and notifies main thread dynamic page
The corresponding bitmap in face is completed.The bitmap repainted is refreshed display into screen by main thread, to update the triggering behaviour
Make the display effect for the control being directed to.
Step 180, the event response method of the control is executed.
During asynchronous drafting thread repaints bitmap shown in screen, main thread executes the thing of the control
Part response method, for example, jumping to the corresponding interface of cuisines column.
Step 190, the spatial cue for restoring the control that the trigger action is directed to repaints and needs to open up with described
The corresponding bitmap of the interface zone shown simultaneously refreshes display, to restore the display effect for the control that the trigger action is directed to.
After the event response method that main thread has executed the control, main thread restores what the trigger action was directed to
The spatial cue of the control.Later, it draws thread and is repainted based on spatial cue after recovery and need to show with described
The corresponding bitmap of interface zone, and the corresponding bitmap of main thread dynamic page is notified to complete.Main thread repaints and institute
It states and needs the corresponding bitmap of interface zone that shows and refresh display, to restore showing for the control that the trigger action is directed to
Show effect.
The dynamic page methods of exhibiting that the embodiment of the present disclosure provides passes through when the page of displaying receives trigger action
The position of trigger action and the control information for showing the storage of logical message tree, can quickly determine the control of operation, and execute phase
The event response method answered, meanwhile, update the bandwagon effect of the control.The dynamic page displaying side that the embodiment of the present disclosure provides
Method executes the event response method of control, Ke Yiti by drawing the interface bitmap of variation in asynchronous thread in main thread
The response speed for rising user's operation can promote the utilization rate of terminal resource for the terminal of multiprocessor.
Embodiment three
Based on embodiment one and embodiment two, interactive process between the present embodiment combination main thread and asynchronous thread, into
The dynamic page methods of exhibiting that the embodiment of the present disclosure provides is described in detail in one step.In the present embodiment, using main thread, asynchronous thread
It is combined with task queue, completes the layout and rendering of dynamic page, task is laid out by asynchronous execution, draws task, is drawn
The bitmap for the page area for needing to show.Task queue is as the data transmission channel between thread.As shown in fig. 6, for moving
The asynchronous thread of state page presentation includes at least: network thread, draws thread at layout thread, wherein the network thread, cloth
Exchange line journey, drafting thread respectively correspond network task queue, layout task queue and draw task queue.
In the following, the client in conjunction with mobile terminal shows that dynamic page is described in detail in the application scenarios of dynamic page and Fig. 6
The technical solution of displaying.As shown in fig. 6, a kind of dynamic page methods of exhibiting that the embodiment of the present disclosure provides include step 610 to
Step 6110.
Step 610, the data request parameter of the target dynamic page is constructed in main thread, and is created and the target dynamic page
Then request task is put into the corresponding network task queue of network thread, by network by corresponding request task
Thread obtains the data of the target dynamic page to server by executing the request task.
Step 620, the network thread obtains request task by network task queue, and successively executes each data
Request task obtains the page info of the DSL description of the target dynamic page, and generates layout task.
In some embodiments of the present disclosure, according to the required parameter of carrying, access backstage takes the request task
Business device, to obtain the data of the target dynamic page.
The data got include in the target dynamic page using the page info number including each business model of DSL description
According to.
The network thread further generates layout task according to each business model data, and the layout task of generation is pressed
Layout task queue is sequentially placed into according to the displaying sequence of business model.The layout task carries the data of each business model.
Step 630, the target is determined according to the page info of the target dynamic page of DSL description in layout thread
Displaying logical message tree of each control for including in dynamic page in target bitmap.
Wherein, described to show that logical message tree stores the mesh according to the positional relationship of control in the target dynamic page
The control information for including in mark dynamic page, the control information includes: spatial cue, location information, dimension information and level
Information.When it is implemented, being laid out processing to the data of each business model in the target dynamic page in layout thread, determine
The corresponding control information of each business model, and by determining control information according to control in each business model in the dynamic page
Displaying sequence, determine displaying logical message tree of each control for including in the target dynamic page in target bitmap.
In some embodiments of the present disclosure, the data of business model include this shown in the target dynamic page
The data of the control of business model, by the default displaying attribute in layout thread according to the target dynamic page, to this
The control of business model carries out imposition layout's processing, determines the rendering parameter of each control.Further, in layout thread
According to the rendering parameter of the control of the business model, determine that information is drawn at the interface of the business model, wherein draw information in interface
It is made of the spatial cue of each control.Draw the exhibition that information further constitutes the target dynamic page in the interface of each business model
Show logical message tree.
After layout thread completes the imposition layout of the target dynamic page, the displaying for generating the target dynamic page is patrolled
Inforamtion tree is collected, later, layout thread sends layout to main thread and completes message.
Step 640, the interface zone for needing to show in the target dynamic page is determined in main thread.
Main thread determines the target dynamic page for needing to show according to user's operation after receiving layout and completing information
Interface zone.And create draw the interface zone drafting task be added to draw task queue.
Step 650, according to the spatial cue and ruler of the control stored in the displaying logical message tree in drawing thread
Very little information draws the corresponding bitmap of interface zone for needing to show.
It draws thread and executes the drafting task drawn in task queue, according to the control stored in the displaying logical message tree
The spatial cue of part, the corresponding bitmap of interface zone that needs to show described in the drafting interface renderings that calling system provides.And
It completes after drawing bitmap, is sent to main thread and draw ending message.
Step 660, main thread is believed in screen according to the position of the control stored in the displaying logical message tree
Cease bitmap corresponding with the interface zone that the needs that hierarchical information displaying is drawn are shown.
After the drafting that main thread receives drafting thread transmission terminates, show that drawing thread draws in the screen of terminal
Bitmap.
Step 670, the trigger action to the bitmap shown in screen is received in main thread.
After target dynamic page presentation is completed, main thread receives user to the trigger action of the interface zone of displaying, e.g.,
Click the operation of the icon in the interface shown.
Step 680, the position for the bitmap being directed in main thread according to the trigger action, the bitmap are corresponding
The position of the target dynamic page and location information, dimension information and the layer for showing the control stored in logical message tree
Grade information, determines the event response method for the control and the control that the trigger action is directed to.
The position of main thread bitmap according to shown in the screen that the trigger action is directed to, the i.e. phase of the target dynamic page
The level for answering position, size and display determines the control and the control that the trigger action is directed to by displaying logical message tree
The event response method of part.
Step 690, the spatial cue for the control that the trigger action is directed to is modified in main thread, creates layout task.
Later, main thread notice layout thread modifies the spatial cue for showing the control in logical message tree (such as
The bandwagon effect of the control is revised as highlighting).Later, main thread creates layout task, so that after layout thread is based on modification
Displaying logical message tree, re-start interface layout, update spatial cue.
Step 6100, it is updated in layout thread and shows logical message tree.
Asynchronous layout thread updates displaying logical message tree by executing layout task.Displaying is updated in layout task to patrol
After collecting inforamtion tree, notice main thread shows that logical message tree updates and finishes.
Step 6101, the interface zone is created in main thread repaints task.
Step 6102, the bitmap of the interface zone is repainted in drawing thread.
Asynchronous drafting thread draws the interface zone based on updated spatial cue by executing drafting task
Updated bitmap.
Step 6103, the event response method of the control is executed in main thread.
During the asynchronous updated bitmap for drawing the interface zone, the synchronous execution control of main thread
Event response method.
Step 6104, thread is drawn after the bitmap for repainting the interface zone terminates, and notice main thread is completed
Bitmap is drawn.
Step 6105, the bitmap repainted is shown in main thread.
Step 6106, after the event response method of the control is finished, restore the triggering in main thread
The spatial cue for the control being directed to is operated, and creates layout task.
Step 6107, restore to show logical message tree in layout thread, and main thread is notified to show that logical message tree is extensive
It finishes again.
Step 6108, drafting task is created in main thread, triggering interface repaints.
Step 6109, the bitmap of the interface zone is repainted in drawing thread, and is drawing Inform when done master
Thread is completed bitmap and is drawn.
Step 6110, the bitmap repainted is shown, in main thread to restore the control that the trigger action is directed to
The display effect of part.
The embodiment of the present disclosure provides a kind of dynamic page methods of exhibiting, by that will execute in main thread in the prior art
The layout of dynamic page, rendering and show that operation splits into different tasks, and each task is executed by corresponding asynchronous thread,
Completely asynchronousization for realizing entire dynamic page drawing process, other schemes in the prior art that solve are constructing complex page
When the performance bottleneck that still has.The disclosure shows that logical message tree stores control information by introducing, and then, passes through
The asynchronous mode for drawing bitmap realizes rendering, is laid out, and interface is drawn and event response completely asynchronousization, helps to promote dynamic page
The performance of face display systems.
Example IV
The embodiment of the present disclosure provides a kind of dynamic page displaying device, as shown in fig. 7, described device includes:
Show logical message determining module 710, the page info of the target dynamic page for describing according to DSL determines
Displaying logical message tree of each control for including in the target dynamic page in target bitmap, wherein the target bitmap
For the bitmap for showing the target dynamic page, the displaying logical message tree is according to the control for including in the target dynamic page
The displaying logic of part, the control information of corresponding control is stored using tree structure, and the control information includes the corresponding control
Spatial cue, location information, dimension information and hierarchical information；
Interface zone determining module 720 to be presented, for determining the interface for needing to show in the target dynamic page
Region；
Interface zone bitmap drafting module 730, for the rendering according to the control stored in the displaying logical message tree
Information and dimension information draw the corresponding bitmap of interface zone for needing to show；
Interface zone display module 740 is used in screen, according to the control stored in the displaying logical message tree
The location information and hierarchical information of part show the corresponding bitmap of interface zone that the needs drawn are shown.
As shown in figure 8, in other embodiments of the disclosure, the control information further include: event response method, institute
State device further include:
Trigger action receiving module 750, for receiving the trigger action to the bitmap shown in screen；
Control and response events determining module 760, the position of the bitmap for being directed to according to the trigger action, institute
The location information of the control stored in the position of the corresponding target dynamic page of rheme figure and the displaying logical message tree,
Dimension information and hierarchical information determine the event response method for the control and the control that the trigger action is directed to；
Control display effect update module 770, for modifying the spatial cue for the control that the trigger action is directed to, again
It draws bitmap corresponding with the interface zone that shows of needs and simultaneously refreshes display, to update described in the trigger action is directed to
The display effect of control；
Event response module 780, for executing the event response method of the control；
Control display effect recovery module 790, for restoring the spatial cue for the control that the trigger action is directed to,
It repaints and needs the corresponding bitmap of the interface zone that shows with described and refresh display, be directed to restore the trigger action
The display effect of the control.
As shown in figure 8, in the other embodiment of the disclosure, described device further include:
Page info acquisition module block 700, the page letter of the target dynamic page for obtaining DSL description in asynchronous thread
Breath.
In some embodiments of the present disclosure, the displaying logical message determining module 710 is further used for:
The page info of the target dynamic page of the DSL description of acquisition is parsed in asynchronous thread, is determined
At least partly control information of the control and each control that include in the target dynamic page；
According to the default layout information of at least partly control information and the target dynamic page in asynchronous thread,
Processing is laid out to each control for including in the target dynamic page, determines the control information of each control,
In, the control information include: in the target dynamic page location information, dimension information, hierarchical information, spatial cue,
Event response method；
According to displaying logic of each control in the target bitmap for showing the target dynamic page, using tree-like knot
Structure stores the control information of each control, generates the displaying logical message tree of the target dynamic page.
In some embodiments of the present disclosure, the interface zone bitmap drafting module 730 is further used for:
According to the control information that stores in the displaying logical message tree, determines and wrapped in interface zone that the needs are shown
The control included；
By the drafting interface of calling system, according to the spatial cue and size of each control for including in the interface zone
Information draws the bitmap of the interface zone for needing to show.
The dynamic page that the embodiment of the present disclosure provides shows device, for realizing the embodiment of the present disclosure one into embodiment three
Each step of the dynamic page methods of exhibiting, the specific embodiment of each module of device is referring to corresponding steps, herein not
It repeats again.
The embodiment of the present disclosure provides a kind of dynamic page displaying device, passes through the target dynamic page described according to DSL
Page info, determine displaying logical message tree of each control for including in the target dynamic page in target bitmap,
In, the target bitmap is the bitmap for showing the target dynamic page, and the displaying logical message tree is dynamic according to the target
The displaying logic for the control for including in the state page stores the control information of corresponding control, the control information using tree structure
Including corresponding control: spatial cue, location information, dimension information and hierarchical information；Determining needs in the target dynamic page
The interface zone to be shown；Institute is drawn according to the spatial cue of the control stored in the displaying logical message tree and dimension information
State the corresponding bitmap of interface zone for needing to show；In screen, according to the control stored in the displaying logical message tree
The location information and hierarchical information of part show the corresponding bitmap of interface zone that the needs drawn are shown, help to be promoted dynamic
The performance of state page presentation system.
Specifically, the dynamic page that the embodiment of the present disclosure provides shows device, pass through the interface for describing structured language
Information carries out pretreatment and generates spatial cue being stored, then will need the ActiveX drafting for including in interface zone to be shown at
Bitmap is shown, by opening bitmap instead of traditional by control " splicing ", " addition " with body calling system interface renderings one
Several controls are drawn in client end interface, have been abstracted underlying operating system tenability, the offer of call operation system is provided
The number of primary U I control operation, improves the display performance of dynamic page.
Further, the dynamic page that the embodiment of the present disclosure provides shows device, when the page of displaying receives triggering behaviour
When making, by the position of trigger action and the control information of displaying logical message tree storage, the control of operation can be quickly determined,
And corresponding event response method is executed, meanwhile, update the bandwagon effect of the control.The dynamic page that the embodiment of the present disclosure provides
Face shows device, and by drawing the interface bitmap of variation in asynchronous thread, the event response side of control is executed in main thread
Method can promote the response speed of user's operation, for the terminal of multiprocessor, can promote the utilization rate of terminal resource.
The embodiment of the present disclosure provides a kind of dynamic page displaying device, by that will execute in main thread in the prior art
The layout of dynamic page, rendering and draw operation and split into different tasks, and each task is executed by asynchronous thread, realized
Completely asynchronousization of entire interface drawing process, other schemes in the prior art that solve still have when constructing complex page
Performance bottleneck.
Correspondingly, the disclosure additionally provides a kind of electronic equipment, including memory, processor and it is stored in the memory
Computer program that is upper and can running on a processor, the processor are realized when executing the computer program as the disclosure is real
Apply dynamic page methods of exhibiting described in example one to embodiment three.The electronic equipment can be PC machine, mobile terminal, a number
Word assistant, tablet computer etc..
The disclosure additionally provides a kind of computer readable storage medium, is stored thereon with computer program, which is located
Manage the step of realizing the dynamic page methods of exhibiting as described in the embodiment of the present disclosure one to embodiment three when device executes.
All the embodiments in this specification are described in a progressive manner, the highlights of each of the examples are with
The difference of other embodiments, the same or similar parts between the embodiments can be referred to each other.For Installation practice
For, since it is basically similar to the method embodiment, so being described relatively simple, referring to the portion of embodiment of the method in place of correlation
It defends oneself bright.
A kind of dynamic page methods of exhibiting and device provided above to the disclosure is described in detail, used herein
Specific case is expounded the principle and embodiment of the disclosure, and the above embodiments are only used to help understand
Disclosed method and its core concept；At the same time, for those skilled in the art is having according to the thought of the disclosure
There will be changes in body embodiment and application range, in conclusion the content of the present specification should not be construed as to the disclosure
Limitation.
Through the above description of the embodiments, those skilled in the art can be understood that each embodiment can
It realizes by means of software and necessary general hardware platform, naturally it is also possible to pass through hardware realization.Based on such reason
Solution, substantially the part that contributes to existing technology can embody above-mentioned technical proposal in the form of software products in other words
Come, which may be stored in a computer readable storage medium, such as ROM/RAM, magnetic disk, CD, including
Some instructions are used so that a computer equipment (can be personal computer, server or the network equipment etc.) executes respectively
Method described in certain parts of a embodiment or embodiment.
Claims (12)
1. a kind of dynamic page methods of exhibiting characterized by comprising
According to the page info of the target dynamic page of DSL description, determine that each control for including in the target dynamic page exists
Displaying logical message tree in target bitmap, wherein the target bitmap is the bitmap for showing the target dynamic page, described
Show that logical message tree according to the displaying logic for the control for including in the target dynamic page, is stored corresponding using tree structure
The control information of control, the control information include spatial cue, location information, dimension information and the level of the corresponding control
Information；
Determine the interface zone for needing to show in the target dynamic page；
Draw what the needs were shown according to the spatial cue of the control stored in the displaying logical message tree and dimension information
The corresponding bitmap of interface zone；
In screen, drawn according to the location information of the control stored in the displaying logical message tree and hierarchical information displaying
The corresponding bitmap of interface zone that the needs of system are shown.
2. the method according to claim 1, wherein the control information further include: event response method, it is described
In screen, drafting is shown according to the location information of the control stored in the displaying logical message tree and hierarchical information
After described the step of needing the interface zone that shows corresponding bitmap, further includes:
Receive the trigger action to the bitmap shown in screen；
The position of the bitmap being directed to according to the trigger action, the corresponding target dynamic page of the bitmap position
With location information, dimension information and the hierarchical information of the control stored in the displaying logical message tree, the triggering behaviour is determined
Make the event response method of the control and the control that are directed to；
The spatial cue for modifying the control that the trigger action is directed to repaints corresponding with the interface zone for needing to show
Bitmap and refresh display, to update the display effect for the control that the trigger action is directed to；
Execute the event response method of the control；
The spatial cue for restoring the control that the trigger action is directed to repaints and the interface zone for needing to show
Corresponding bitmap simultaneously refreshes display, to restore the display effect for the control that the trigger action is directed to.
3. method according to claim 1 or 2, which is characterized in that the page of the target dynamic page according to DSL description
Face information, the step of determining displaying logical message tree of each control for including in the target dynamic page in target bitmap it
Before, comprising:
The page info of the target dynamic page of DSL description is obtained in asynchronous thread.
4. method according to claim 1 or 2, which is characterized in that the page of the target dynamic page according to DSL description
Face information, the step of determining displaying logical message tree of each control for including in the target dynamic page in target bitmap,
Include:
The page info of the target dynamic page of the DSL description of acquisition is parsed in asynchronous thread, described in determination
At least partly control information of the control and each control that include in the target dynamic page；
According to the default layout information of at least partly control information and the target dynamic page in asynchronous thread, to institute
It states each control for including in the target dynamic page and is laid out processing, determine the control information of each control, wherein institute
Stating control information includes: location information, dimension information, hierarchical information, spatial cue, event sound in the target dynamic page
Induction method；
According to displaying logic of each control in the target bitmap for showing the target dynamic page, deposited using tree structure
The control information for storing up each control generates the displaying logical message tree of the target dynamic page.
5. method according to claim 1 or 2, which is characterized in that described to be stored according in the displaying logical message tree
Control spatial cue and dimension information draw described the step of needing the interface zone that shows corresponding bitmap, comprising:
According to the control information that stores in the displaying logical message tree, determines in interface zone that the needs are shown and include
Control；
By the drafting interface of calling system, according to the spatial cue and dimension information of each control for including in the interface zone
Draw the bitmap of the interface zone for needing to show.
6. a kind of dynamic page shows device characterized by comprising
Show logical message determining module, the page info of the target dynamic page for describing according to DSL determines the target
Displaying logical message tree of each control for including in dynamic page in target bitmap, wherein the target bitmap is displaying institute
The bitmap of the target dynamic page is stated, it is described to show logical message tree according to the displaying for the control for including in the target dynamic page
Logic, the control information of corresponding control is stored using tree structure, and the control information includes the rendering letter of the corresponding control
Breath, location information, dimension information and hierarchical information；
Interface zone determining module to be presented, for determining the interface zone for needing to show in the target dynamic page；
Interface zone bitmap drafting module, for the spatial cue and ruler according to the control stored in the displaying logical message tree
Very little information draws the corresponding bitmap of interface zone for needing to show；
Interface zone display module is used in screen, according to the position of the control stored in the displaying logical message tree
Confidence breath bitmap corresponding with the interface zone that the needs that hierarchical information displaying is drawn are shown.
7. device according to claim 6, which is characterized in that the control information further include: event response method, it is described
Device further include:
Trigger action receiving module, for receiving the trigger action to the bitmap shown in screen；
Control and response events determining module, the position of the bitmap for being directed to according to the trigger action, the bitmap
The position of the corresponding target dynamic page and the location information for showing the control stored in logical message tree, size letter
Breath and hierarchical information, determine the event response method for the control and the control that the trigger action is directed to；
Control display effect update module, for modifying the spatial cue for the control that the trigger action is directed to, repaint with
It is described to need the corresponding bitmap of interface zone that shows and refresh display, to update the control that the trigger action is directed to
Display effect；
Event response module, for executing the event response method of the control；
Control display effect recovery module is drawn again for restoring the spatial cue for the control that the trigger action is directed to
It makes bitmap corresponding with the interface zone that the needs are shown and refreshes display, to restore the control that the trigger action is directed to
The display effect of part.
8. device according to claim 6 or 7, which is characterized in that described device further include:
Page info acquisition module block, the page info of the target dynamic page for obtaining DSL description in asynchronous thread.
9. device according to claim 6 or 7, which is characterized in that the displaying logical message determining module is further used
In:
The page info of the target dynamic page of the DSL description of acquisition is parsed in asynchronous thread, described in determination
At least partly control information of the control and each control that include in the target dynamic page；
According to the default layout information of at least partly control information and the target dynamic page in asynchronous thread, to institute
It states each control for including in the target dynamic page and is laid out processing, determine the control information of each control, wherein institute
Stating control information includes: location information, dimension information, hierarchical information, spatial cue, event sound in the target dynamic page
Induction method；
According to displaying logic of each control in the target bitmap for showing the target dynamic page, deposited using tree structure
The control information for storing up each control generates the displaying logical message tree of the target dynamic page.
10. device according to claim 6 or 7, which is characterized in that the interface zone bitmap drafting module, further
For:
According to the control information that stores in the displaying logical message tree, determines in interface zone that the needs are shown and include
Control；
By the drafting interface of calling system, according to the spatial cue and dimension information of each control for including in the interface zone
Draw the bitmap of the interface zone for needing to show.
11. a kind of electronic equipment, including memory, processor and it is stored on the memory and can runs on a processor
Computer program, which is characterized in that the processor realizes claim 1 to 5 any one when executing the computer program
The dynamic page methods of exhibiting.
12. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the program is by processor
The step of dynamic page methods of exhibiting described in claim 1 to 5 any one is realized when execution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910209673.0A CN110096277B (en) | 2019-03-19 | 2019-03-19 | Dynamic page display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910209673.0A CN110096277B (en) | 2019-03-19 | 2019-03-19 | Dynamic page display method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110096277A true CN110096277A (en) | 2019-08-06 |
| CN110096277B CN110096277B (en) | 2020-06-12 |
Family
ID=67443369
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910209673.0A Active CN110096277B (en) | 2019-03-19 | 2019-03-19 | Dynamic page display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110096277B (en) |
Cited By (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110221889A (en) * | 2019-05-05 | 2019-09-10 | 北京三快在线科技有限公司 | A kind of page display method, device, electronic equipment and storage medium |
| CN110647704A (en) * | 2019-09-20 | 2020-01-03 | 北京思维造物信息科技股份有限公司 | Page updating method, device and equipment |
| CN110837589A (en) * | 2019-11-08 | 2020-02-25 | 北京字节跳动网络技术有限公司 | Information display method and device |
| CN111026317A (en) * | 2019-11-28 | 2020-04-17 | 爱钱进(北京)信息科技有限公司 | Method, device and storage medium for determining user operation |
| CN111177635A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Webpage display height determining method and device, storage medium and equipment |
| CN111506372A (en) * | 2020-04-07 | 2020-08-07 | 口碑(上海)信息技术有限公司 | Object visualization processing method and device |
| CN111736834A (en) * | 2020-06-24 | 2020-10-02 | 全球能源互联网研究院有限公司 | DSL-based user interface generation method, device and storage medium |
| CN111813469A (en) * | 2020-05-21 | 2020-10-23 | 摩拜(北京)信息技术有限公司 | Information display method and terminal equipment |
| CN112558970A (en) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | Rendering generation method and device for front-end page, front-end equipment and storage medium |
| CN112905938A (en) * | 2021-02-24 | 2021-06-04 | 上海二三四五网络科技有限公司 | Control method and device for dynamically adjusting H5 page height |
| CN113254131A (en) * | 2021-05-20 | 2021-08-13 | 北京有竹居网络技术有限公司 | Page background display method and device |
| CN113434138A (en) * | 2021-06-23 | 2021-09-24 | 网易（杭州）网络有限公司 | Information display method and device and electronic equipment |
| CN113779435A (en) * | 2021-08-16 | 2021-12-10 | 盒马(中国)有限公司 | Category navigation method and electronic equipment |
| CN113835605A (en) * | 2020-06-24 | 2021-12-24 | Oppo（重庆）智能科技有限公司 | Dial display control method and device, wearable device and storage medium |
| CN114077466A (en) * | 2020-08-12 | 2022-02-22 | 北京智邦国际软件技术有限公司 | Automatic layout algorithm for multiple rows and multiple columns of fields in Web interface form |
| WO2023142998A1 (en) * | 2022-01-27 | 2023-08-03 | 京东方科技集团股份有限公司 | Page configuration method, page configuration system, electronic device and readable storage medium |
| WO2024078111A1 (en) * | 2022-10-14 | 2024-04-18 | 华为技术有限公司 | Interface rendering method and electronic device |
| CN111813469B (en) * | 2020-05-21 | 2024-05-31 | 摩拜(北京)信息技术有限公司 | Information display method and terminal equipment |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040061714A1 (en) * | 2002-09-30 | 2004-04-01 | Microsoft Corporation | Logical element tree and method |
| WO2010076562A1 (en) * | 2008-12-30 | 2010-07-08 | British Telecommunications | Multimedia generator |
| CN105988816A (en) * | 2015-03-05 | 2016-10-05 | 北京邮电大学 | Regulation method and device of software interface layout |
| CN106991096A (en) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | Dynamic page rendering intent and device |
| CN107391465A (en) * | 2017-07-26 | 2017-11-24 | 郑州云海信息技术有限公司 | A kind of method and device that dendrogram bottom element is positioned in the form of element group |
| CN107729094A (en) * | 2017-08-29 | 2018-02-23 | 口碑(上海)信息技术有限公司 | The method and device that a kind of user interface renders |
| CN107870672A (en) * | 2017-11-22 | 2018-04-03 | 腾讯科技(成都)有限公司 | Virtual reality scenario realizes the method, apparatus and readable storage medium storing program for executing of menuboard |
| CN109254910A (en) * | 2018-08-08 | 2019-01-22 | 北京城市网邻信息技术有限公司 | A kind of test method of application program, device, electronic equipment and storage medium |
| CN109324796A (en) * | 2018-08-01 | 2019-02-12 | 浙江口碑网络技术有限公司 | Quick interface arrangement method and device |
-
2019
- 2019-03-19 CN CN201910209673.0A patent/CN110096277B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040061714A1 (en) * | 2002-09-30 | 2004-04-01 | Microsoft Corporation | Logical element tree and method |
| WO2010076562A1 (en) * | 2008-12-30 | 2010-07-08 | British Telecommunications | Multimedia generator |
| CN105988816A (en) * | 2015-03-05 | 2016-10-05 | 北京邮电大学 | Regulation method and device of software interface layout |
| CN106991096A (en) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | Dynamic page rendering intent and device |
| CN107391465A (en) * | 2017-07-26 | 2017-11-24 | 郑州云海信息技术有限公司 | A kind of method and device that dendrogram bottom element is positioned in the form of element group |
| CN107729094A (en) * | 2017-08-29 | 2018-02-23 | 口碑(上海)信息技术有限公司 | The method and device that a kind of user interface renders |
| CN107870672A (en) * | 2017-11-22 | 2018-04-03 | 腾讯科技(成都)有限公司 | Virtual reality scenario realizes the method, apparatus and readable storage medium storing program for executing of menuboard |
| CN109324796A (en) * | 2018-08-01 | 2019-02-12 | 浙江口碑网络技术有限公司 | Quick interface arrangement method and device |
| CN109254910A (en) * | 2018-08-08 | 2019-01-22 | 北京城市网邻信息技术有限公司 | A kind of test method of application program, device, electronic equipment and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| TAN X等: "Research and implement of tree structure based graphic user interface editor", 《INTERNATIONAL CONFERENCE ON AUDIO, LANGUAGE AND IMAGE PROCESSING.IEEE》 * |
| 申新鹏等: "基于动态领域模型的页面设计模式", 《计算机工程与设计》 * |
Cited By (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110221889B (en) * | 2019-05-05 | 2020-09-25 | 北京三快在线科技有限公司 | Page display method and device, electronic equipment and storage medium |
| CN110221889A (en) * | 2019-05-05 | 2019-09-10 | 北京三快在线科技有限公司 | A kind of page display method, device, electronic equipment and storage medium |
| CN110647704B (en) * | 2019-09-20 | 2022-05-24 | 北京思维造物信息科技股份有限公司 | Page updating method, device and equipment |
| CN110647704A (en) * | 2019-09-20 | 2020-01-03 | 北京思维造物信息科技股份有限公司 | Page updating method, device and equipment |
| CN110837589A (en) * | 2019-11-08 | 2020-02-25 | 北京字节跳动网络技术有限公司 | Information display method and device |
| CN111026317A (en) * | 2019-11-28 | 2020-04-17 | 爱钱进(北京)信息科技有限公司 | Method, device and storage medium for determining user operation |
| CN111177635A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Webpage display height determining method and device, storage medium and equipment |
| CN111177635B (en) * | 2020-01-06 | 2024-01-02 | 北京字节跳动网络技术有限公司 | Webpage display height determining method, device, storage medium and equipment |
| CN111506372B (en) * | 2020-04-07 | 2023-09-26 | 口碑(上海)信息技术有限公司 | Object visualization processing method and device |
| CN111506372A (en) * | 2020-04-07 | 2020-08-07 | 口碑(上海)信息技术有限公司 | Object visualization processing method and device |
| CN111813469A (en) * | 2020-05-21 | 2020-10-23 | 摩拜(北京)信息技术有限公司 | Information display method and terminal equipment |
| CN111813469B (en) * | 2020-05-21 | 2024-05-31 | 摩拜(北京)信息技术有限公司 | Information display method and terminal equipment |
| CN113835605B (en) * | 2020-06-24 | 2024-02-13 | Oppo（重庆）智能科技有限公司 | Dial display control method and device, wearable device and storage medium |
| CN111736834A (en) * | 2020-06-24 | 2020-10-02 | 全球能源互联网研究院有限公司 | DSL-based user interface generation method, device and storage medium |
| CN113835605A (en) * | 2020-06-24 | 2021-12-24 | Oppo（重庆）智能科技有限公司 | Dial display control method and device, wearable device and storage medium |
| CN114077466A (en) * | 2020-08-12 | 2022-02-22 | 北京智邦国际软件技术有限公司 | Automatic layout algorithm for multiple rows and multiple columns of fields in Web interface form |
| CN112558970A (en) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | Rendering generation method and device for front-end page, front-end equipment and storage medium |
| CN112558970B (en) * | 2020-12-24 | 2024-04-19 | 贵阳货车帮科技有限公司 | Rendering generation method and device of front-end page, front-end equipment and storage medium |
| CN112905938A (en) * | 2021-02-24 | 2021-06-04 | 上海二三四五网络科技有限公司 | Control method and device for dynamically adjusting H5 page height |
| CN113254131A (en) * | 2021-05-20 | 2021-08-13 | 北京有竹居网络技术有限公司 | Page background display method and device |
| CN113434138A (en) * | 2021-06-23 | 2021-09-24 | 网易（杭州）网络有限公司 | Information display method and device and electronic equipment |
| CN113779435A (en) * | 2021-08-16 | 2021-12-10 | 盒马(中国)有限公司 | Category navigation method and electronic equipment |
| WO2023142998A1 (en) * | 2022-01-27 | 2023-08-03 | 京东方科技集团股份有限公司 | Page configuration method, page configuration system, electronic device and readable storage medium |
| WO2024078111A1 (en) * | 2022-10-14 | 2024-04-18 | 华为技术有限公司 | Interface rendering method and electronic device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110096277B (en) | 2020-06-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110096277A (en) | A kind of dynamic page methods of exhibiting, device, electronic equipment and storage medium | |
| US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| CN106062705B (en) | Cross-platform rendering engine | |
| US20200073920A1 (en) | Systems and methods for remote dashboard image generation | |
| US8665274B2 (en) | Method and system for generating and displaying an interactive dynamic view of bi-directional impact analysis results for multiply connected objects | |
| CN104216691B (en) | A kind of method and device for creating application | |
| US20210141523A1 (en) | Platform-independent user interface system | |
| US8810576B2 (en) | Manipulation and management of links and nodes in large graphs | |
| US8711148B2 (en) | Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
| CN110221889B (en) | Page display method and device, electronic equipment and storage medium | |
| CN106547534A (en) | The device and method of displayed page extension point | |
| CN103577030B (en) | Browser interface window exhibiting method and system | |
| CN106484394A (en) | A kind of fast software development system with double engines | |
| CN109634603B (en) | Method and device for making H5 page based on Canvas | |
| US9886465B2 (en) | System and method for rendering of hierarchical data structures | |
| CN111651079A (en) | Handwriting display method, device, equipment and computer storage medium | |
| CN103473041B (en) | A kind of visual data processing method and system | |
| US20150370439A1 (en) | Gpu-optimized scrolling systems and methods | |
| US20240160410A1 (en) | Application Development Platform, Micro-program Generation Method, and Device and Storage Medium | |
| CN106815880B (en) | Animation multiplexing method and system | |
| CN106846431B (en) | Unified Web graph drawing system supporting multiple expression forms | |
| CN114895891A (en) | Graphic software processing method and device, electronic equipment and storage medium | |
| CN114816380A (en) | Low-code platform for medical institution | |
| CN108536425A (en) | A kind of three-layer structure implementation method based on WEB project developments | |
| US10614158B2 (en) | Methods and systems for state-based web framework architecture |
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 |