CN115878247A - Front-end element adaptive display method, device, storage medium and system - Google Patents
Front-end element adaptive display method, device, storage medium and system Download PDFInfo
- Publication number
- CN115878247A CN115878247A CN202211594661.2A CN202211594661A CN115878247A CN 115878247 A CN115878247 A CN 115878247A CN 202211594661 A CN202211594661 A CN 202211594661A CN 115878247 A CN115878247 A CN 115878247A
- Authority
- CN
- China
- Prior art keywords
- display
- displayed
- adaptive
- converter
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
The invention discloses a front-end element adaptive display method, a front-end element adaptive display device, a front-end element adaptive display storage medium and a front-end element adaptive display system.
Description
Technical Field
The present invention relates to the field of front-end element adaptive display, and in particular, to a front-end element adaptive display method, apparatus, computer-readable storage medium, and system.
Background
Enterprise management software, such as Jin Dieyun starry sky, may run on different sides, including a browser side in addition to a GUI client. Because the client has higher adaptability with the windows operating system in technical architecture, the client has inherent advantages in operation, performance and big data processing, the corresponding user size is huge, and the visual display requirement is individualized, therefore, providing the individualized zooming-in and zooming-out display function based on the client is necessary to meet various requirements of user groups.
In the prior art, the enlargement and reduction of Jin Dieyun starry sky GUI client interface characters are realized by adopting the self-contained personalized interface enlargement and reduction setting of a windows system.
However, the prior art still has the following defects: 1. the font size adjustment can cause the overlapping of the fonts of the whole interface, the incomplete display of the fonts and poor adaptive display effect; 2. the inability to adapt to stability of the front-end elements.
Therefore, there is a need for a front-end element adaptive display method, apparatus, computer-readable storage medium and system that overcome the above-mentioned deficiencies in the prior art.
Disclosure of Invention
The embodiment of the invention provides a front-end element adaptive display method, a front-end element adaptive display device, a computer readable storage medium and a front-end element adaptive display system, so that the effect and the stability of front-end element adaptive display are improved.
An embodiment of the present invention provides a front-end element adaptive display method, where the display method includes: acquiring a server side metadata set corresponding to an operation request sent by a user, and correspondingly generating a front-end display agent model according to the operation request and the server side metadata set; the operation request comprises a display scale; the server side metadata set comprises a front end interface to be displayed, and the front end interface to be displayed comprises a plurality of elements to be displayed; sequentially calculating an adaptive display data set of each element to be displayed according to the display scale, the front-end display agent model, a preset converter set and a preset front-end layout position; the adaptive display data set comprises the display size and the display position of each element to be displayed; and rendering a front-end interface to be displayed according to the display size, the display position and the front-end display proxy model.
As an improvement of the above scheme, sequentially calculating an adaptive display data set of the to-be-displayed element according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position specifically includes: determining currently calculated elements to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence; calculating the display size of the currently corresponding calculated element to be displayed according to the display proportion and a preset converter group; and calculating the display position of the currently corresponding calculated element to be displayed according to the preset front end layout position, the display size and the display scale.
As an improvement of the above scheme, calculating the display size of the currently corresponding element to be displayed according to the display scale and a preset converter group specifically includes: judging the element type of the element to be displayed which is calculated currently; when the element type is a window, injecting a first proxy model corresponding to the element to be displayed which is to be calculated currently into a window proxy converter so that the window proxy converter calculates the display size according to the display proportion; the converter group comprises a form converter and a container control proxy converter; when the element type is a container, injecting a second proxy model corresponding to the currently calculated element to be displayed into a container control proxy converter so as to enable the container control proxy converter to calculate the display size according to the display proportion; and when the element type is the control, injecting a third proxy model corresponding to the element to be displayed which is calculated currently into the container control proxy converter so that the container control proxy converter calculates the display size according to the display scale.
As an improvement of the above scheme, determining the currently calculated element to be displayed according to the hierarchical relationship of the front-end display proxy model and a preset calculation hierarchical sequence specifically includes: acquiring a hierarchical relationship among the window agent model, the container agent model and the control agent model from the front-end display agent model; sequencing all elements to be displayed according to the hierarchical relation and the sequence from the outer layer to the inner layer to obtain a calculation processing sequence; and determining the elements to be displayed which should be calculated currently according to the calculation processing sequence.
As an improvement of the above scheme, before sequentially calculating the adaptive display data sets of the respective elements to be displayed according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position, the display method further includes: judging whether adaptive display processing is needed or not according to the display proportion; if the adaptive display processing is required, the subsequent steps are performed.
As an improvement of the above solution, after rendering the front-end interface to be displayed according to the display size, the display position, and the front-end display proxy model, the display method further includes: the converter group is unloaded to stop adaptive display calculations.
As an improvement of the above scheme, judging whether adaptive display processing is required according to the display scale specifically includes: when the display proportion is equal to a preset display proportion standard value, adaptive display processing is not required; otherwise, adaptive display processing is required.
Another embodiment of the present invention correspondingly provides a front-end element adaptive display device, which includes a frame generating unit, an adaptive computing unit, and a rendering display unit, where the frame generating unit is configured to obtain a service-end metadata group corresponding to an operation request sent by a user, and generate a front-end display proxy model according to the operation request and the service-end metadata group; the operation request comprises a display scale; the server side metadata set comprises a front end interface to be displayed, and the front end interface to be displayed comprises a plurality of elements to be displayed; the adaptive calculation unit is used for sequentially calculating an adaptive display data set of each element to be displayed according to the display scale, the front-end display proxy model, a preset converter set and a preset front-end layout position; the adaptive display data set comprises the display size and the display position of each element to be displayed; and the rendering display unit is used for rendering the front-end interface to be displayed according to the display size, the display position and the front-end display proxy model.
As an improvement of the above, the adaptive computing unit is further configured to: determining currently calculated elements to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence; calculating the display size of the currently calculated element to be displayed according to the display proportion and a preset converter group; and calculating the display position of the currently corresponding calculated element to be displayed according to the preset front end layout position, the display size and the display scale.
As an improvement of the above, the adaptive computing unit is further configured to: judging the element type of the element to be displayed which is calculated currently; when the element type is a window, injecting a first proxy model corresponding to the element to be displayed which is to be calculated currently into a window proxy converter so that the window proxy converter calculates the display size according to the display proportion; the converter group comprises a form converter and a container control proxy converter; when the element type is a container, injecting a second proxy model corresponding to the element to be displayed which is required to be calculated currently into a container control proxy converter so that the container control proxy converter calculates the display size according to the display proportion; and when the element type is the control, injecting a third proxy model corresponding to the element to be displayed which is calculated currently into the container control proxy converter so that the container control proxy converter calculates the display size according to the display scale.
As an improvement of the above, the adaptive computing unit is further configured to: acquiring a hierarchical relationship among the window agent model, the container agent model and the control agent model from the front-end display agent model; sequencing all elements to be displayed according to the hierarchical relationship from the outer layer to the inner layer to obtain a calculation processing sequence; and determining the elements to be displayed which should be calculated currently according to the calculation processing sequence.
As an improvement of the above, the display device further includes a judgment processing unit configured to: judging whether adaptive display processing is needed or not according to the display proportion; if the adaptive display processing is required, the subsequent steps are performed.
As a refinement of the above, the display apparatus further comprises a termination calculation unit for uninstalling the converter group to stop the adaptive display calculation.
As an improvement of the above, the determination processing unit is further configured to: when the display proportion is equal to a preset display proportion standard value, adaptive display processing is not needed; otherwise, adaptive display processing is required.
Another embodiment of the present invention provides a computer-readable storage medium, which includes a stored computer program, where the computer program, when executed, controls an apparatus in which the computer-readable storage medium is located to execute the front-end element adaptive display method as described above.
Another embodiment of the present invention provides a front-end element adaptive display system, which includes a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor, and when the processor executes the computer program, the front-end element adaptive display method as described above is implemented.
Compared with the prior art, the technical scheme has the following beneficial effects:
the invention provides a front-end element adaptive display method, a front-end element adaptive display device, a computer readable storage medium and a front-end element adaptive display system.
Drawings
FIG. 1 is a flowchart illustrating a method for adaptive display of front-end elements according to an embodiment of the present invention;
fig. 2 is a schematic structural diagram of a front-end element adaptive display device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Detailed description of the preferred embodiment
The embodiment of the invention first describes a front-end element adaptive display method. Fig. 1 is a schematic flowchart of a front-end element adaptive display method according to an embodiment of the present invention, which is applied to a software client.
As shown in fig. 1, the display method includes:
s1, a server metadata group corresponding to an operation request sent by a user is obtained, and a front-end display agent model is correspondingly generated according to the operation request and the server metadata group.
After a user triggers (sends an operation request) to open a purchase order (or other interfaces) through a User Interface (UI), server-side metadata is acquired, then normal front-end frame logics such as a form and a control proxy model are dynamically generated through a front-end message calling mechanism, and when the proxy model is dynamically created, whether personalized configuration exists in the user is detected, so that the proportion (described as a preset display proportion standard value) needing zooming is preferentially determined, the default is 100%, and any mounted conversion algorithm object is not triggered.
In an embodiment, before sequentially calculating the adaptive display data set of each element to be displayed according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position, the display method further includes: judging whether adaptive display processing is needed or not according to the display proportion; if the adaptive display processing is required, the subsequent steps are performed.
In one embodiment, judging whether adaptive display processing is required according to the display scale specifically includes: when the display proportion is equal to a preset display proportion standard value, adaptive display processing is not required; otherwise, adaptive display processing is required.
The operation request comprises a display scale; the server-side metadata group comprises a front-end interface to be displayed, and the front-end interface to be displayed comprises a plurality of elements to be displayed.
And S2, sequentially calculating the adaptive display data set of each element to be displayed according to the display proportion, the front-end display agent model, a preset converter set and a preset front-end layout position.
After the zoom display requirements are determined, the algorithm can begin to build the wrapper. The core of the algorithm is that the WPF technology is MVC model architecture, WPF (Windows Presentation Foundation) is Windows-based user interface framework launched by Microsoft, UI component view of the WPF is bidirectionally bound with the ScalSize model, and converters are injected to trigger execution in the converters according to different proportional values, and the converters injected in different types are different, such as: in the framework packaging process, UIScale EszeinbrilbonWindowConver converter is injected into the Form window agent at the outermost layer, UIScale Eszeieconver converter is injected into the container in the middle and other control agents, the function of the converter is to convert the current rendered size into a scaled size, when the size is changed, the change of the bottom layer layout is triggered, when the bottom layer container layout is operated, the scaled value is converted, so that the injected converter is triggered, and the operation is circulated. The controls of the WPF technology are written in styles (xmal), each element of the styles is an independent object, and it is ensured that extra objects cannot be added to consume memory, so that the starting point of the injection algorithm is realized by adopting the WPF core MVC model binding technology of the converter.
In addition to size conversion, the core of the algorithm also comprises position layout conversion, the core of the size conversion is in a converter, position operation is an algorithm in a control, and because the position of the control is determined during design (the principle is explained at the beginning), the positions of the changed positions are different, and the position calculation needs to be triggered according to the change of the scaling ratio, so that the integral aesthetic property of the rendered result of the whole UI cannot be influenced.
The adaptive display data set includes display sizes and display positions of respective elements to be displayed.
In one embodiment, sequentially calculating an adaptive display data set of the to-be-displayed element according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position specifically includes: determining currently calculated elements to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence; calculating the display size of the currently corresponding calculated element to be displayed according to the display proportion and a preset converter group; and calculating the display position of the currently calculated element to be displayed according to the preset front end layout position, the display size and the display scale.
In one embodiment, the calculating the display size of the currently calculated element to be displayed according to the display scale and a preset converter group specifically includes: judging the element type of the element to be displayed which is calculated currently; when the element type is a window, injecting a first proxy model corresponding to the element to be displayed which is to be calculated currently into a window proxy converter so that the window proxy converter calculates the display size according to the display proportion; the converter group comprises a form converter and a container control proxy converter; when the element type is a container, injecting a second proxy model corresponding to the element to be displayed which is required to be calculated currently into a container control proxy converter so that the container control proxy converter calculates the display size according to the display proportion; and when the element type is the control, injecting a third proxy model corresponding to the currently calculated element to be displayed into the container control proxy converter so that the container control proxy converter calculates the display size according to the display scale.
In one embodiment, determining the currently calculated element to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence specifically includes: acquiring a hierarchical relationship among the window agent model, the container agent model and the control agent model from the front-end display agent model; sequencing all elements to be displayed according to the hierarchical relationship from the outer layer to the inner layer to obtain a calculation processing sequence; and determining the elements to be displayed which should be calculated currently according to the calculation processing sequence.
And S3, rendering a front-end interface to be displayed according to the display size, the display position and the front-end display agent model.
In one embodiment, after rendering the front-end interface to be displayed according to the display size, the display position and the front-end display proxy model, the display method further includes: the converter group is unloaded to stop adaptive display calculations.
After the UI rendering is finished in the whole process, when the original interface is required to be restored, each injected converter is unloaded, and the running of the core algorithm is stopped so as to prevent dead cycles of layout change.
The WPF product client side provides attributes by each control defined by the metadata, the front end completes a dynamic control generation model according to the control attributes and a layout position set during design according to the layout position, so that the whole UI is calculated and rendered, the font size and the position of the control are fixed at an absolute position of the layout relative to a container in the whole process, if the control is enlarged and displayed at a certain position, the whole layout is not attractive, and the problem of the whole layout is solved. The technical scheme of the invention needs to solve the problems that the whole dynamically generated interface driven by the whole metadata is from outside to inside, each control from a container to inside needs to be adaptively amplified and reduced, and the corresponding absolute layout operation needs to be combined with the amplified or reduced proportion to carry out proportional operation.
The embodiment of the invention discloses a front-end element adaptive display method, which comprises the steps of sequentially carrying out display adaptive calculation on elements in a front-end interface to be displayed according to the display size required by a user and from outside to inside to render according to the acquired display size and display position, and respectively injecting different types of single converters into each window, container or control element in the adaptive display calculation, wherein the display method improves the effect and stability of the front-end element adaptive display.
Detailed description of the invention
Besides the method, the embodiment of the invention also discloses a front-end element adaptive display device. Fig. 2 is a schematic structural diagram of a front-end element adaptive display device according to an embodiment of the present invention.
As shown in fig. 2, the display apparatus includes a frame generation unit 11, an adaptation calculation unit 12, and a rendering display unit 13.
The framework generation unit 11 is configured to obtain a service end metadata group corresponding to an operation request sent by a user, and generate a front-end display proxy model according to the operation request and the service end metadata group; the operation request comprises a display scale; the server-side metadata group comprises a front-end interface to be displayed, and the front-end interface to be displayed comprises a plurality of elements to be displayed.
The adaptive calculation unit 12 is configured to sequentially calculate an adaptive display data set of each element to be displayed according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position; the adaptive display data set includes display sizes and display positions of respective elements to be displayed.
In one embodiment, the adaptive computing unit 12 is further configured to: determining currently calculated elements to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence; calculating the display size of the currently corresponding calculated element to be displayed according to the display proportion and a preset converter group; and calculating the display position of the currently calculated element to be displayed according to the preset front end layout position, the display size and the display scale.
In one embodiment, the adaptive computing unit 12 is further configured to: judging the element type of the element to be displayed which is calculated currently; when the element type is a window, injecting a first proxy model corresponding to the element to be displayed which is to be calculated currently into a window proxy converter so that the window proxy converter calculates the display size according to the display proportion; the converter group comprises a form converter and a container control proxy converter; when the element type is a container, injecting a second proxy model corresponding to the element to be displayed which is required to be calculated currently into a container control proxy converter so that the container control proxy converter calculates the display size according to the display proportion; and when the element type is the control, injecting a third proxy model corresponding to the element to be displayed which is calculated currently into the container control proxy converter so that the container control proxy converter calculates the display size according to the display scale.
In one embodiment, the adaptive computing unit 12 is further configured to: acquiring a hierarchical relationship among the window agent model, the container agent model and the control agent model from the front-end display agent model; sequencing all elements to be displayed according to the hierarchical relationship from the outer layer to the inner layer to obtain a calculation processing sequence; and determining the elements to be displayed which should be calculated currently according to the calculation processing sequence.
The rendering display unit 13 is configured to render a front-end interface to be displayed according to the display size, the display position, and the front-end display proxy model.
In one embodiment, the display device further includes a judgment processing unit operable to: judging whether adaptive display processing is needed or not according to the display proportion; if the adaptive display processing is required, the subsequent steps are performed.
In one embodiment, the determination processing unit is further configured to: when the display proportion is equal to a preset display proportion standard value, adaptive display processing is not required; otherwise, adaptive display processing is required.
In one embodiment, the display device further comprises a termination calculation unit for offloading the converter group to stop the adaptive display calculation.
Wherein the display device integrated unit, if implemented in the form of a software functional unit and sold or used as a separate product, may be stored in a computer readable storage medium. Based on such understanding, all or part of the flow in the method according to the above embodiments may be implemented by a computer program, which may be stored in a computer readable storage medium and used by a processor to implement the steps of the above embodiments of the method. Another embodiment of the present invention provides a computer-readable storage medium, which includes a stored computer program, where when the computer program runs, a device on which the computer-readable storage medium is located is controlled to execute the method for adaptive display of front-end elements as described above.
Wherein the computer program comprises computer program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, usb disk, removable hard disk, magnetic disk, optical disk, computer Memory, read-Only Memory (ROM), random Access Memory (RAM), electrical carrier wave signals, telecommunications signals, software distribution medium, and the like. It should be noted that the computer readable medium may contain content that is subject to appropriate increase or decrease as required by legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer readable media does not include electrical carrier signals and telecommunications signals as is required by legislation and patent practice.
It should be noted that the above-described device embodiments are merely illustrative, where the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. In addition, in the drawings of the embodiment of the device provided by the invention, the connection relationship between the units indicates that the units have communication connection therebetween, and the connection relationship can be specifically implemented as one or more communication buses or signal lines. One of ordinary skill in the art can understand and implement it without inventive effort.
The embodiment of the invention discloses a front-end element adaptive display device and a computer readable storage medium, wherein elements in a front-end interface to be displayed are subjected to display adaptive calculation sequentially according to display sizes required by a user and from outside to inside so as to be rendered according to the acquired display sizes and display positions, and different types of single converters are respectively injected into each window, container or control element in the adaptive display calculation, so that the display device and the computer readable storage medium improve the effect and the stability of front-end element adaptive display.
Detailed description of the preferred embodiment
In addition to the above method and apparatus, a front-end element adaptive display system is also described in the embodiments of the present invention.
The display system comprises a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor, the processor implementing the front-end element adaptive display method as described above when executing the computer program.
The Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic, discrete hardware components, etc. The general purpose processor may be a microprocessor or the processor may be any conventional processor or the like, which is the control center for the device, with various interfaces and lines connecting the various parts of the overall device.
The memory may be used to store the computer programs and/or modules, and the processor may implement the various functions of the apparatus by running or executing the computer programs and/or modules stored in the memory, as well as by invoking data stored in the memory. The memory may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the cellular phone, and the like. In addition, the memory may include high speed random access memory, and may also include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other volatile solid state storage device.
The embodiment of the invention discloses a front-end element adaptive display system, which sequentially performs display adaptive calculation on elements in a front-end interface to be displayed according to the display size required by a user and from outside to inside to render according to the acquired display size and display position, and injects different types of single converters into each window, container or control element in the adaptive display calculation, so that the display system improves the effect and stability of the front-end element adaptive display.
While the foregoing is directed to the preferred embodiment of the present invention, it will be understood by those skilled in the art that various changes and modifications may be made without departing from the spirit and scope of the invention.
Claims (10)
1. A front-end element adaptive display method is characterized by comprising the following steps:
acquiring a server metadata group corresponding to an operation request sent by a user, and correspondingly generating a front-end display agent model according to the operation request and the server metadata group; the operation request comprises a display scale; the server side metadata set comprises a front end interface to be displayed, and the front end interface to be displayed comprises a plurality of elements to be displayed;
sequentially calculating an adaptive display data set of each element to be displayed according to the display scale, the front-end display agent model, a preset converter set and a preset front-end layout position; the adaptive display data set comprises the display size and the display position of each element to be displayed;
and rendering a front-end interface to be displayed according to the display size, the display position and the front-end display proxy model.
2. The method according to claim 1, wherein the sequentially calculating the adaptive display data set of the to-be-displayed element according to the display scale, the front-end display proxy model, a preset converter set, and a preset front-end layout position specifically includes:
determining currently calculated elements to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence;
calculating the display size of the currently corresponding calculated element to be displayed according to the display proportion and a preset converter group;
and calculating the display position of the currently corresponding calculated element to be displayed according to the preset front end layout position, the display size and the display scale.
3. The method according to claim 2, wherein calculating the display size of the currently corresponding element to be displayed according to the display scale and a preset converter group specifically comprises:
judging the element type of the element to be displayed which is calculated currently;
when the element type is a window, injecting a first proxy model corresponding to the element to be displayed which is to be calculated currently into a window proxy converter so that the window proxy converter calculates the display size according to the display proportion; the converter group comprises a form converter and a container control proxy converter;
when the element type is a container, injecting a second proxy model corresponding to the element to be displayed which is required to be calculated currently into a container control proxy converter so that the container control proxy converter calculates the display size according to the display proportion;
and when the element type is the control, injecting a third proxy model corresponding to the currently calculated element to be displayed into the container control proxy converter so that the container control proxy converter calculates the display size according to the display scale.
4. The method according to claim 3, wherein determining the currently-calculated element to be displayed according to the hierarchical relationship of the front-end display agent model and a preset calculation hierarchical sequence comprises:
acquiring a hierarchical relationship among a form agent model, a container agent model and a control agent model from the front-end display agent model;
sequencing all elements to be displayed according to the hierarchical relationship from the outer layer to the inner layer to obtain a calculation processing sequence;
and determining the elements to be displayed which should be calculated currently according to the calculation processing sequence.
5. The front-end element adaptive display method according to claim 4, wherein before sequentially calculating the adaptive display data sets of the respective elements to be displayed according to the display scale, the front-end display proxy model, a preset converter group, and a preset front-end layout position, the display method further comprises:
judging whether adaptive display processing is needed or not according to the display proportion;
if the adaptive display processing is required, the subsequent steps are performed.
6. The front-end element adaptive display method according to any one of claims 1 to 5, wherein after rendering a front-end interface to be displayed according to the display size, the display position and the front-end display proxy model, the display method further comprises:
the converter group is unloaded to stop adaptive display calculations.
7. The method for adaptively displaying front-end elements according to claim 6, wherein the determining whether adaptive display processing is required according to the display scale specifically includes:
when the display proportion is equal to a preset display proportion standard value, adaptive display processing is not required;
otherwise, adaptive display processing is required.
8. A front-end element adaptive display device, comprising a frame generation unit, an adaptation calculation unit, and a rendering display unit, wherein,
the frame generation unit is used for acquiring a server metadata group corresponding to an operation request sent by a user and correspondingly generating a front-end display proxy model according to the operation request and the server metadata group; the operation request comprises a display scale; the server end metadata set comprises a front end interface to be displayed, and the front end interface to be displayed comprises a plurality of elements to be displayed;
the adaptive calculation unit is used for sequentially calculating an adaptive display data set of each element to be displayed according to the display scale, the front-end display proxy model, a preset converter set and a preset front-end layout position; the adaptive display data set comprises the display size and the display position of each element to be displayed;
and the rendering display unit is used for rendering the front-end interface to be displayed according to the display size, the display position and the front-end display proxy model.
9. A computer-readable storage medium, comprising a stored computer program, wherein the computer program, when executed, controls an apparatus in which the computer-readable storage medium is located to perform the front-end element adaptive display method according to any one of claims 1 to 7.
10. A front-end-element-adaptive display system, comprising a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor, the processor implementing the front-end-element-adaptive display method according to any one of claims 1 to 7 when executing the computer program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211594661.2A CN115878247A (en) | 2022-12-13 | 2022-12-13 | Front-end element adaptive display method, device, storage medium and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211594661.2A CN115878247A (en) | 2022-12-13 | 2022-12-13 | Front-end element adaptive display method, device, storage medium and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115878247A true CN115878247A (en) | 2023-03-31 |
Family
ID=85767147
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211594661.2A Pending CN115878247A (en) | 2022-12-13 | 2022-12-13 | Front-end element adaptive display method, device, storage medium and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115878247A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116149520A (en) * | 2023-04-23 | 2023-05-23 | 深圳市微克科技有限公司 | Intelligent processing method, system and medium for intelligent watch interactive interface |
-
2022
- 2022-12-13 CN CN202211594661.2A patent/CN115878247A/en active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116149520A (en) * | 2023-04-23 | 2023-05-23 | 深圳市微克科技有限公司 | Intelligent processing method, system and medium for intelligent watch interactive interface |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108010112B (en) | Animation processing method, device and storage medium | |
| WO2017088509A1 (en) | Page customization method and device | |
| US10207190B2 (en) | Technologies for native game experience in web rendering engine | |
| CN110505511B (en) | Method, device and system for playing video in webpage and computing equipment | |
| WO2019056744A1 (en) | Screen capturing method, device, electronic apparatus, and readable storage medium | |
| CN107122398B (en) | Data display chart generation method and system | |
| WO2021008427A1 (en) | Image synthesis method and apparatus, electronic device, and storage medium | |
| US20190080017A1 (en) | Method, system, and device that invokes a web engine | |
| CN115878247A (en) | Front-end element adaptive display method, device, storage medium and system | |
| WO2023197762A1 (en) | Image rendering method and apparatus, electronic device, computer-readable storage medium, and computer program product | |
| CN111459501A (en) | SVG-based Web configuration picture storage and display system, method and medium | |
| CN110109423B (en) | Water power plant real-time data monitoring system based on Html5 technology | |
| CN110634174B (en) | Expression animation transition method and system and intelligent terminal | |
| CN109343770B (en) | Interactive feedback method, apparatus and recording medium | |
| CN108389153B (en) | View loading method and terminal equipment | |
| CN109144655B (en) | Method, device, system and medium for dynamically displaying image | |
| CN110599576A (en) | File rendering system and method and electronic equipment | |
| CN115391692A (en) | Video processing method and device | |
| WO2019114044A1 (en) | Image processing method and device, electronic apparatus, and computer readable storage medium | |
| CN114390307A (en) | Image quality enhancement method, device, terminal and readable storage medium | |
| US20150128029A1 (en) | Method and apparatus for rendering data of web application and recording medium thereof | |
| CN112328351A (en) | Animation display method, animation display device and terminal equipment | |
| CN112037309A (en) | Frame animation generation method, device, equipment and storage medium | |
| CN114896011B (en) | Method and device for playing dynamic content in page, electronic equipment and storage medium | |
| WO2021174538A1 (en) | Application processing method and related apparatus |
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 |