CN109408189B - Dynamic adjustment method, device, equipment and medium for client interface layout - Google Patents
Dynamic adjustment method, device, equipment and medium for client interface layout Download PDFInfo
- Publication number
- CN109408189B CN109408189B CN201811300584.9A CN201811300584A CN109408189B CN 109408189 B CN109408189 B CN 109408189B CN 201811300584 A CN201811300584 A CN 201811300584A CN 109408189 B CN109408189 B CN 109408189B
- Authority
- CN
- China
- Prior art keywords
- display
- template
- interface
- configuration parameters
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The embodiment of the disclosure discloses a method, a device, equipment and a medium for dynamically adjusting the layout of a client interface. The method comprises the following steps: receiving configuration parameters and data content of at least one interface display item pushed by a server, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object; locally acquiring a matched display template from a client according to the template configuration parameters; filling the data content of a display object in the interface display item into the display template according to the display item configuration parameters; and performing interface rendering on the display template filled with the data content and displaying. The technical scheme disclosed by the invention solves the problem that the mode for adjusting the display layout of the client interface has limitation, realizes dynamic adjustment of the display layout of the interface according to requirements, and does not need to change a client program code when the interface layout of the client is changed.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computer software application, in particular to a method, a device, equipment and a medium for dynamically adjusting the layout of a client interface.
Background
With the popularization of intelligent terminals, more and more application software for realizing various functions is provided. The client of the application software can design various beautiful and practical interfaces, thereby facilitating the operation of users and attracting the interest of the users.
In the prior art, a fixed interface display layout is determined by a native program, for example, in a home page interface of e-book software, a set display layout may include a title bar area and a list bar area. When the server pushes the data of the home page interface to the client, the data needs to be pushed according to the set formats of the title bar area and the list bar area. And the client fills the corresponding area after acquiring the data according to the set format. For example, the title bar area should be filled with "recommendations today" and the list bar area should be filled with the names of text types and picture types of several books to be recommended today. That is, in the prior art, which display areas are included in a certain interface, and the format of the data object to be filled in each display area are determined by the client program, and the server is only responsible for pushing the data content of a specific data object.
The technical scheme has the defect that when a business service provider wants to change the interface layout, the version of the client software is required to be upgraded, so that the interface display layout is not conveniently and flexibly adjusted.
BRIEF SUMMARY OF THE PRESENT DISCLOSURE
The embodiment of the disclosure provides a method, a device, equipment and a medium for dynamically adjusting client interface layout, so that interface layout display can be carried out dynamically without client software adjustment.
In a first aspect, an embodiment of the present disclosure provides a method for dynamically adjusting a layout of a client interface, where the method includes:
receiving configuration parameters and data content of at least one interface display item pushed by a server, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object;
acquiring a matched display template from a client locally according to the template configuration parameters;
filling the data content of a display object in the interface display item into the display template according to the display item configuration parameters;
and rendering and displaying the interface of the display template filled with the data content.
Optionally, the template configuration parameter includes a template identifier, or includes a template matching condition.
Optionally, the display item configuration parameters include at least one of: display object tags, and display object layout parameters.
Optionally, the displaying the object tag includes: at least one of a title, a jacket picture, a brief introduction, a confirm button, a cancel button, a preview picture, a preview video, and associated content.
Optionally, filling the data content of the display object in the interface display item into the display template according to the display item configuration parameter includes:
searching matched template tags from the display template according to the display object tags;
and taking the content data of the display object corresponding to the display object label as the data to be displayed in the matched template label area.
Optionally, the processing, with the content data of the display object corresponding to the display object tag as the data to be displayed in the matched template tag area, includes:
and if the matched template tags are multiple, sequentially configuring the matched template tags as the data to be displayed in the matched template tag area according to the receiving sequence of the content data of the multiple display objects or the set display sequence in the display item configuration parameters.
Optionally, the data types of the data content include: at least one of text, pictures, audio, video, links, tables, and controls.
Optionally, after the data content of the display object in the interface display item is filled into the display template according to the display item configuration parameter, the method further includes:
and if the display template is determined to have the unfilled display object, acquiring the associated content data from the local or remote according to a default rule, and filling the associated content data into the display object.
Optionally, the method for dynamically adjusting the layout of the client interface further includes:
and acquiring a new display template from the server, and storing the new display template in a file form locally at the client.
Optionally, filling the data content of the display object in the interface display item into the display template according to the display item configuration parameter includes:
filling the data content of the display object in each interface display item into a corresponding display template according to the display item configuration parameters; or
And filling the data content of the display object in the plurality of interface display items into the corresponding display template according to the display item configuration parameters.
In a second aspect, an embodiment of the present disclosure further provides a device for dynamically adjusting a layout of a client interface, where the device includes:
the data receiving module is used for receiving configuration parameters pushed by the server and data contents of at least one interface display item, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object;
the template matching module is used for locally acquiring a matched display template from the client according to the template configuration parameters;
the content filling module is used for filling the data content of the display object in the interface display item into the display template according to the display item configuration parameters;
and the display module is used for rendering and displaying the interface of the display template filled with the data content.
Optionally, the template configuration parameter includes a template identifier, or includes a template matching condition.
Optionally, the display item configuration parameters include at least one of: display object tags, and display object layout parameters.
Optionally, the displaying the object tag includes: at least one of a title, a jacket picture, a brief introduction, a confirm button, a cancel button, a preview picture, a preview video, and associated content.
Optionally, the content filling module includes:
the label matching unit is used for searching matched template labels from the display template according to the display object labels;
and the content filling unit is used for taking the content data of the display object corresponding to the display object label as the data to be displayed in the matched template label area.
Further, the content filling unit is specifically configured to:
and when the matched template tags are multiple, sequentially configuring the data to be displayed in the matched template tag area according to the receiving sequence of the content data of the multiple display objects or the set display sequence in the display item configuration parameters.
Optionally, the data types of the data content include: at least one of text, pictures, audio, video, links, tables, and controls.
Optionally, the dynamic adjustment apparatus for the layout of the client interface further includes: and the empty module filling module is used for acquiring the associated content data from local or remote according to a default rule and filling the associated content data into the display object when determining that the display object is not filled in the display template after filling the data content of the display object in the interface display item into the display template according to the display item configuration parameters.
Optionally, the dynamic adjustment apparatus for the layout of the client interface further includes: and the template storage module is used for acquiring a new display template from the server and storing the new display template in a file form at the local part of the client.
Optionally, the content filling module may be further configured to fill data content of a display object in each interface display item into a corresponding one of the display templates according to the display item configuration parameter; or
And filling the data content of the display object in the plurality of interface display items into the corresponding display template according to the display item configuration parameters.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including:
one or more processing devices;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processing devices, the one or more processing devices are caused to implement the method for dynamically adjusting the layout of the client interface according to any embodiment of the disclosure.
In a fourth aspect, an embodiment of the present disclosure provides a computer-readable medium, on which a computer program is stored, where the computer program, when executed by a processing apparatus, implements a method for dynamically adjusting a client interface layout according to any embodiment of the present disclosure.
According to the method and the device, the data content of the configuration parameters and the interface display items is received from the server, the server determines the template to be used when pushing data, then the matched display template is locally obtained from the client according to the configuration parameters, the data content of the display object in the interface display items is filled into the display template, and the display template filled with the data content is subjected to interface rendering and display, so that the problem that the mode for adjusting the interface display layout of the client is limited is solved, the interface display layout is dynamically adjusted according to requirements, and when the interface layout of the client is changed, a program code of the client does not need to be changed.
Drawings
Fig. 1 is a flowchart of a method for dynamically adjusting a layout of a client interface according to a first embodiment of the disclosure;
fig. 2 is a schematic structural diagram of a dynamic adjustment apparatus for a client interface layout according to a second embodiment of the disclosure;
fig. 3 is a schematic structural diagram of an electronic device in a third embodiment of the disclosure.
Detailed Description
To make the objects, technical solutions and advantages of the present disclosure clearer, the technical solutions of the present disclosure will be clearly and completely described below through embodiments with reference to the accompanying drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are some, but not all embodiments of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.
In the following embodiments, optional features and examples are provided in each embodiment, and various features described in the embodiments may be combined to form a plurality of alternatives, and each numbered embodiment should not be regarded as only one technical solution.
Example one
Fig. 1 is a flowchart of a method for dynamically adjusting a client interface layout according to an embodiment of the present disclosure, where the embodiment is applicable to a case of adjusting a client interface layout, and the method may be executed by a device for dynamically adjusting a client interface layout, where the device may be formed by hardware and/or software and is generally integrated in an electronic device.
As shown in fig. 1, the method for dynamically adjusting the layout of the client interface specifically includes the following steps:
s110, receiving configuration parameters and data content of at least one interface display item pushed by a server, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object.
Specifically, the template configuration parameter includes a template identifier, or includes a template matching condition. The template identifier may be a number or name of the template to indicate the role of each template. For example, if the identifier of a template is a title, it indicates that the object content of the template for filling is the title. The template matching condition is a matching condition between the template and the display object, and for example, the template identifier may be the same as the display object tag. The display template of different types of data may include a plurality, and the display template may further be configured with a tag to distinguish between them.
The display item configuration parameters include at least one of: display object tags and display object layout parameters. Wherein the display object tag includes: at least one of a title, a jacket picture, a brief introduction, a confirm button, a cancel button, a preview picture, a preview video, and associated content. The display object layout parameters include relative position relations of the display objects on the display interface, and/or parameters such as distances between the display objects and a frame of the display template or between the frame of the display template and the frame of the display interface, for example, relative position relations of a title above the content or a title on the left side of the content.
In addition, the configuration parameters may also include the number of filling boxes, the content of tags, the rendering mode of pictures, and the like.
And S120, locally acquiring a matched display template from the client according to the template configuration parameters.
Namely, the corresponding template is locally obtained at the client according to the identifier of the template. It should be noted here that the display template is stored locally in the client in the form of a file, and when any template is used, the template can be obtained in the form of a call file.
Further, when the business service provider wants to change the display interface layout and update the template, the new template file can be directly pushed to the client through the server. When the client acquires a new template file, the template file can be stored locally at the client, and when a new display template is used, the corresponding template file is directly called.
S130, filling the data content of the display object in the interface display item into the display template according to the display item configuration parameters.
Specifically, firstly, according to the display object label, searching a matched template label from the display template; then, the content data of the display object corresponding to the display object tag is used as the data to be displayed in the matched template tag area. For example, if the tag of the real-world object is a title, the template matching the tag of the template may be queried locally at the client, and then the data content of the display object is filled into the corresponding position of the display template. Wherein, the data type of the data content comprises: at least one of text, pictures, audio, video, links, tables, and controls.
When a plurality of display templates are matched for one display object, for example, a label with a plurality of templates is a title template, one of the display templates may be randomly selected as the display template of the display object, or a corresponding display template may be selected according to the display configuration parameters.
Further, when there are a plurality of display objects and a plurality of matched template tags, the display objects are sequentially configured to be the data to be displayed in the matched template tag area according to the receiving sequence of the content data of the plurality of display objects. For example, the leaderboard data is displayed prior to the present recommendation. Or the set display sequence in the display item configuration parameters is sequentially configured into the data to be displayed in the matched template label area.
In another embodiment, filling the data content of the display object in the interface display item into the display template according to the display item configuration parameter includes: filling the data content of the display object in each interface display item into a corresponding display template according to the display item configuration parameters; that is, when one display template includes one interface display item, the data content of the display object in each interface display item may be filled into the corresponding one display template. Or filling the data content of the display object in the plurality of interface display items into the corresponding display template according to the display item configuration parameters. That is, in a display template, when there are multiple display items, each display item has corresponding tag information, and the data content of the display object in the multiple interface display items can be filled into a corresponding display template according to the display item configuration parameters. For example, an interface of a home page of a client application includes three display items, namely a recommended book list, a today's line and my collection, and the three display items are in a display template. Specifically, the corresponding display template may be selected according to the display item configuration parameter, and the content data of the display object may be displayed.
And S140, performing interface rendering on the display template filled with the data content and displaying.
The method comprises the steps that a locally known template of a client determines a mode capable of rendering and displaying, and the client can actively pull data from data pushed by a server according to the template to perform rendering and displaying. And when the data contents of the display objects are all filled into the corresponding display templates, rendering and displaying the client interface so as to present a better visual effect.
Further, if it is determined that the display template has the unfilled display object, acquiring associated content data from a local or remote location according to a default rule, and filling the associated content data into the display object. The default rule may be a semantic recognition rule or a picture recognition rule, which recognizes the semantics of the displayed display object data, and then obtains the relevant content at the local or server end to fill in the area not filled with the display object. The related content may be text content, or may be content such as a theme picture or a background picture. For example, the display template needs to display pictures, but the server does not push picture content, but only text content, and the client can find a matching picture according to the text for display or fill the matching picture with a default picture according to the display template and a default rule.
According to the technical scheme, the server receives the configuration parameters and the data content of the interface display item from the server, the server determines the template to be used when pushing data, then the matched display template is locally obtained from the client according to the configuration parameters, the data content of the display object in the interface display item is filled into the display template, and the display template filled with the data content is subjected to interface rendering and display, so that the problem that the adjustment mode of the client interface display layout is limited is solved, the interface display layout is dynamically adjusted according to requirements, and when the client interface layout is changed, a client program code does not need to be changed.
Example two
Fig. 2 is a schematic structural diagram illustrating a dynamic adjustment apparatus for a client interface layout according to a second embodiment of the present disclosure, where the second embodiment of the present disclosure is applicable to dynamically determining a client interface layout situation.
As shown in fig. 2, the subject color dynamics determination apparatus in the embodiment of the present disclosure includes: a data receiving module 210, a template matching module 220, a content filling module 230, and a display module 240.
The data receiving module 210 is configured to receive configuration parameters pushed by a server and data content of at least one interface display item, where the configuration parameters at least include template configuration parameters and display item configuration parameters, and the interface display item includes at least one display object; the template matching module 220 is used for locally acquiring a matched display template from the client according to the template configuration parameters; the content filling module 230 is configured to fill data content of a display object in an interface display item into the display template according to the display item configuration parameter; and the display module 240 is configured to perform interface rendering on the display template filled with the data content and display the display template.
According to the technical scheme, the configuration parameters and the data content of the interface display item are received from the server, the server determines the template to be used when pushing data, then the matched display template is locally obtained from the client according to the configuration parameters, the data content of the display object in the interface display item is filled into the display template, and the display template filled with the data content is subjected to interface rendering and display, so that the problem that the adjustment mode of the client interface display layout is limited is solved, the interface display layout is dynamically adjusted according to requirements, and when the client interface layout is changed, a client program code does not need to be changed.
Optionally, the template configuration parameter includes a template identifier, or includes a template matching condition.
Optionally, the display item configuration parameters include at least one of: display object tags, and display object layout parameters.
Optionally, the displaying the object tag includes: at least one of a title, a jacket picture, a brief introduction, a confirm button, a cancel button, a preview picture, a preview video, and associated content.
Optionally, the content filling module includes:
the label matching unit is used for searching matched template labels from the display template according to the display object labels;
and the content filling unit is used for taking the content data of the display object corresponding to the display object label as the data to be displayed in the matched template label area.
Further, the content filling unit is specifically configured to:
and when the matched template tags are multiple, sequentially configuring the matched template tags as the data to be displayed in the matched template tag area according to the receiving sequence of the content data of the multiple display objects or the set display sequence in the display item configuration parameters.
Optionally, the data types of the data content include: at least one of text, pictures, audio, video, links, tables, and controls.
Optionally, the dynamic adjustment apparatus for the layout of the client interface further includes: and the empty module filling module is used for acquiring the associated content data from local or remote according to a default rule and filling the associated content data into the display object when determining that the display object is not filled in the display template after filling the data content of the display object in the interface display item into the display template according to the display item configuration parameters.
Optionally, the dynamic adjustment apparatus for the layout of the client interface further includes: and the template storage module is used for acquiring a new display template from the server and storing the new display template in a file form at the local part of the client.
Optionally, the content filling module may be further configured to fill data content of a display object in each interface display item into a corresponding one of the display templates according to the display item configuration parameter; or
And filling the data content of the display object in the plurality of interface display items into a corresponding display template according to the display item configuration parameters.
The product can execute the method provided by any embodiment of the disclosure, and has corresponding functional modules and beneficial effects of the execution method.
EXAMPLE III
Referring now to FIG. 3, a block diagram of an electronic device 300 suitable for use in implementing embodiments of the present disclosure is shown. The electronic device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like, or various forms of servers such as a stand-alone server or a server cluster. The electronic device shown in fig. 3 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 3, electronic device 300 may include a processing means (e.g., central processing unit, graphics processor, etc.) 301 that may perform various appropriate actions and processes in accordance with a program stored in a read-only memory device (ROM)302 or a program loaded from a storage device 305 into a random access memory device (RAM) 303. In the RAM 303, various programs and data necessary for the operation of the electronic apparatus 300 are also stored. The processing device 301, the ROM 302, and the RAM 303 are connected to each other via a bus 304. An input/output (I/O) interface 305 is also connected to bus 304.
Generally, the following devices may be connected to the I/O interface 305: input devices 306 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 307 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage devices 308 including, for example, magnetic tape, hard disk, etc.; and a communication device 309. The communication means 309 may allow the electronic device 300 to communicate wirelessly or by wire with other devices to exchange data. While fig. 3 illustrates an electronic device 300 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program containing program code for performing a method of displaying an operable control. In such an embodiment, the computer program may be downloaded and installed from a network through the communication means 309, or installed from the storage means 305, or installed from the ROM 302. The computer program, when executed by the processing device 301, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory device (RAM), a read-only memory device (ROM), an erasable programmable read-only memory device (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory device (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the processing device, cause the electronic device to: acquiring an operable control associated with the promotion content; determining target display information of an operable control; and if the display duration of the promotion content reaches the preset duration, adjusting the original display information of the operable control according to the target display information.
Computer program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of the module does not in some cases constitute a limitation of the module itself, for example, the obtaining module may also be described as a module for obtaining an operable control associated with promotion content.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present disclosure and the technical principles employed. Those skilled in the art will appreciate that the present disclosure is not limited to the particular embodiments described herein, and that various obvious changes, rearrangements and substitutions will now be apparent to those skilled in the art without departing from the scope of the disclosure. Therefore, although the present disclosure has been described in greater detail with reference to the above embodiments, the present disclosure is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present disclosure, the scope of which is determined by the scope of the appended claims.
Claims (10)
1. A dynamic adjustment method for client interface layout is characterized by comprising the following steps:
receiving configuration parameters and data content of at least one interface display item pushed by a server, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object;
locally acquiring a matched display template from a client according to the template configuration parameters;
filling the data content of a display object in the interface display item into the display template according to the display item configuration parameters;
rendering and displaying an interface of the display template filled with the data content;
the display item configuration parameters include: the display object layout parameters comprise the relative position relation of each display object on a display interface and/or the distance between each display object and a frame of the display template or between each display object and the frame of the display interface;
according to the display item configuration parameters, filling the data content of the display object in the interface display item into the display template, wherein the method comprises the following steps:
filling the data content of the display object in each interface display item into a corresponding display template according to the display item configuration parameters; or
And filling the data content of the display object in the plurality of interface display items into the corresponding display template according to the display item configuration parameters.
2. The method of claim 1, wherein the template configuration parameter comprises a template identifier or a template matching condition.
3. The method of claim 1, wherein displaying the object tag comprises: at least one of a title, a jacket picture, a brief introduction, a confirm button, a cancel button, a preview picture, a preview video, and associated content.
4. The method of claim 3, wherein populating the display template with data content of display objects in interface display items according to the display item configuration parameters comprises:
searching matched template tags from the display template according to the display object tags;
and taking the content data of the display object corresponding to the display object label as the data to be displayed in the matched template label area.
5. The method according to claim 4, wherein the using the content data of the display object corresponding to the display object tag as the data to be displayed in the matched template tag area comprises:
and if the matched template tags are multiple, sequentially configuring the matched template tags as the data to be displayed in the matched template tag area according to the receiving sequence of the content data of the multiple display objects or the set display sequence in the display item configuration parameters.
6. The method according to any one of claims 1-5, wherein after filling the data content of the display object in the interface display item into the display template according to the display item configuration parameter, further comprising:
and if the display template is determined to have the unfilled display object, acquiring the associated content data from the local or remote according to a default rule, and filling the associated content data into the display object.
7. The method of any of claims 1-5, further comprising:
and acquiring a new display template from the server, and storing the new display template in a file form locally at the client.
8. An apparatus for dynamically adjusting a layout of a client interface, comprising:
the data receiving module is used for receiving configuration parameters pushed by the server and data contents of at least one interface display item, wherein the configuration parameters at least comprise template configuration parameters and display item configuration parameters, and the interface display item comprises at least one display object;
the template matching module is used for locally acquiring a matched display template from the client according to the template configuration parameters;
the content filling module is used for filling the data content of the display object in the interface display item into the display template according to the display item configuration parameters;
the display module is used for rendering and displaying the interface of the display template filled with the data content;
the display item configuration parameters include: the display object layout parameters comprise the relative position relation of each display object on a display interface and/or the distance between each display object and a frame of the display template or between each display object and the frame of the display interface;
the content population module is further to:
filling the data content of the display object in each interface display item into a corresponding display template according to the display item configuration parameters; or
And filling the data content of the display object in the plurality of interface display items into the corresponding display template according to the display item configuration parameters.
9. An electronic device, characterized in that the electronic device comprises:
one or more processing devices;
storage means for storing one or more programs;
when executed by the one or more processing devices, cause the one or more processing devices to implement the method for dynamic adjustment of client interface layout of any of claims 1-7.
10. A computer-readable medium, on which a computer program is stored, which, when being executed by a processing means, carries out a method for dynamic adjustment of a client interface layout according to any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811300584.9A CN109408189B (en) | 2018-11-02 | 2018-11-02 | Dynamic adjustment method, device, equipment and medium for client interface layout |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811300584.9A CN109408189B (en) | 2018-11-02 | 2018-11-02 | Dynamic adjustment method, device, equipment and medium for client interface layout |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109408189A CN109408189A (en) | 2019-03-01 |
| CN109408189B true CN109408189B (en) | 2022-07-12 |
Family
ID=65471035
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811300584.9A Active CN109408189B (en) | 2018-11-02 | 2018-11-02 | Dynamic adjustment method, device, equipment and medium for client interface layout |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109408189B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111722890A (en) * | 2019-03-18 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Application interface display method, device, equipment and storage medium |
| CN110121094A (en) * | 2019-06-20 | 2019-08-13 | 广州酷狗计算机科技有限公司 | Video is in step with display methods, device, equipment and the storage medium of template |
| CN112446725B (en) * | 2019-09-03 | 2023-10-13 | 百度在线网络技术（北京）有限公司 | Information processing method, system, information server and information display client |
| CN113673211B (en) * | 2020-05-13 | 2023-09-29 | 百度在线网络技术（北京）有限公司 | Content tag setting method, device, electronic equipment and storage medium |
| CN112527172B (en) * | 2020-12-30 | 2022-12-16 | 网易（杭州）网络有限公司 | Interface display method and device, computer readable storage medium and electronic equipment |
| CN113190267B (en) * | 2021-05-27 | 2024-03-26 | 上海幻电信息科技有限公司 | Dynamic configuration method and system of interface layout |
| CN113687904B (en) * | 2021-10-26 | 2022-02-08 | 成都中科合迅科技有限公司 | Interface dynamic generation method based on configuration file |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101484869A (en) * | 2005-01-05 | 2009-07-15 | 希尔克瑞斯特实验室公司 | Scaling and layout methods and systems for handling one-to-many objects |
| CN106034247A (en) * | 2015-03-12 | 2016-10-19 | Tcl集团股份有限公司 | Configuration method and apparatus for smart television application |
| CN106250158A (en) * | 2016-08-01 | 2016-12-21 | 广州优视网络科技有限公司 | The layout method of a kind of client end interface, device and mobile device |
| CN106990950A (en) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | The method and apparatus of interface layout |
| CN107703476A (en) * | 2017-10-30 | 2018-02-16 | 深圳市江机实业有限公司 | A kind of method for carrying out three-phase intelligent electric-energy meter fault self-checking in erecting bed |
| CN107807833A (en) * | 2016-09-05 | 2018-03-16 | 中兴通讯股份有限公司 | One kind configuration display methods and terminal |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110004839A1 (en) * | 2009-07-02 | 2011-01-06 | Derek Cha | User-customized computer display method |
| CN103812888A (en) * | 2012-11-09 | 2014-05-21 | 阿里巴巴集团控股有限公司 | Information pushing, receiving and transmitting method, server, client and system |
| CN103345410B (en) * | 2013-06-28 | 2017-08-25 | 广东电网公司佛山供电局 | The mobile customized interface implementing method of operation business and system |
| CN103488479A (en) * | 2013-09-04 | 2014-01-01 | 用友软件股份有限公司 | Dynamic generating device for client end interface and dynamic generating method for client end interface |
| CN104391725B (en) * | 2014-12-08 | 2017-11-14 | 畅捷通信息技术股份有限公司 | Page display method and page presentation device |
| CN106406846B (en) * | 2015-08-03 | 2020-02-07 | 腾讯科技（深圳）有限公司 | Display interface creating method and device |
| CN107368487B (en) * | 2016-05-12 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Dynamic layout method, device and client for page components |
| CN106096064A (en) * | 2016-07-19 | 2016-11-09 | 百度在线网络技术（北京）有限公司 | For the method and apparatus generating the page |
| CN107391169A (en) * | 2017-06-09 | 2017-11-24 | 口碑控股有限公司 | The dynamic updating method and device of the Android page |
-
2018
- 2018-11-02 CN CN201811300584.9A patent/CN109408189B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101484869A (en) * | 2005-01-05 | 2009-07-15 | 希尔克瑞斯特实验室公司 | Scaling and layout methods and systems for handling one-to-many objects |
| CN106034247A (en) * | 2015-03-12 | 2016-10-19 | Tcl集团股份有限公司 | Configuration method and apparatus for smart television application |
| CN106250158A (en) * | 2016-08-01 | 2016-12-21 | 广州优视网络科技有限公司 | The layout method of a kind of client end interface, device and mobile device |
| CN107807833A (en) * | 2016-09-05 | 2018-03-16 | 中兴通讯股份有限公司 | One kind configuration display methods and terminal |
| CN106990950A (en) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | The method and apparatus of interface layout |
| CN107703476A (en) * | 2017-10-30 | 2018-02-16 | 深圳市江机实业有限公司 | A kind of method for carrying out three-phase intelligent electric-energy meter fault self-checking in erecting bed |
Non-Patent Citations (1)
| Title |
|---|
| 一种基于树状结构的布局动态调整方法;谢应涛;《通讯世界》;20150712(第13期);第87页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109408189A (en) | 2019-03-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109408189B (en) | Dynamic adjustment method, device, equipment and medium for client interface layout | |
| CN110046021B (en) | Page display method, device, system, equipment and storage medium | |
| CN111399956B (en) | Content display method and device applied to display equipment and electronic equipment | |
| CN109947512B (en) | Text adaptive display method, device, server and storage medium | |
| CN109976620B (en) | Method, device, equipment and storage medium for determining list item display attribute information | |
| CN109460233B (en) | Method, device, terminal equipment and medium for updating native interface display of page | |
| CN109857486B (en) | Method, device, equipment and medium for processing program page data | |
| US11711441B2 (en) | Method and apparatus for publishing video synchronously, electronic device, and readable storage medium | |
| CN109600656B (en) | Video list display method and device, terminal equipment and storage medium | |
| CN109491739B (en) | Theme color dynamic determination method and device, electronic equipment and storage medium | |
| CN111339418B (en) | Page display method, page display device, electronic equipment and computer readable medium | |
| CN114491349B (en) | Page display method, page display device, electronic device, storage medium and program product | |
| CN111625308B (en) | Information display method and device and electronic equipment | |
| CN110647369B (en) | Page dynamic display method and device, mobile terminal and storage medium | |
| CN114363686B (en) | Method, device, equipment and medium for publishing multimedia content | |
| CN111669620A (en) | Theme video generation method and device, electronic equipment and readable storage medium | |
| CN114817630A (en) | Card display method, card display device, electronic device, storage medium, and program product | |
| CN110851032A (en) | Display style adjustment method and device for target device | |
| CN110147283B (en) | Display content switching display method, device, equipment and medium | |
| US20220215482A1 (en) | User information processing method, apparatus, electronic device, and computer storage medium | |
| CN110647273B (en) | Method, device, equipment and medium for self-defined typesetting and synthesizing long chart in application | |
| CN110619101B (en) | Method and apparatus for processing information | |
| CN112492399B (en) | Information display method and device and electronic equipment | |
| CN110442416B (en) | Method, electronic device and computer-readable medium for presenting information | |
| CN111177634A (en) | Multi-language supporting file content loading method, device, equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |