CN112783493A - Style configuration method and device for interface theme, electronic equipment and medium - Google Patents
Style configuration method and device for interface theme, electronic equipment and medium Download PDFInfo
- Publication number
- CN112783493A CN112783493A CN202110129860.5A CN202110129860A CN112783493A CN 112783493 A CN112783493 A CN 112783493A CN 202110129860 A CN202110129860 A CN 202110129860A CN 112783493 A CN112783493 A CN 112783493A
- Authority
- CN
- China
- Prior art keywords
- style
- target
- component
- configuration
- interface theme
- 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
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000004044 response Effects 0.000 claims abstract description 11
- 238000004590 computer program Methods 0.000 claims description 12
- 238000012545 processing Methods 0.000 claims description 11
- 238000009877 rendering Methods 0.000 claims description 5
- 238000013473 artificial intelligence Methods 0.000 abstract description 13
- 238000013135 deep learning Methods 0.000 abstract description 6
- 238000005516 engineering process Methods 0.000 description 13
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000010801 machine learning Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000003924 mental process Effects 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a style configuration method and device for an interface theme, electronic equipment and a medium, and relates to the technical field of artificial intelligence, in particular to the technical field of artificial intelligence such as deep learning and cloud computing. The specific implementation scheme is as follows: displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme; determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among a plurality of configurable styles in response to a configuration instruction of a user; and configuring the components to be configured according to the target style and the corresponding style value to obtain the target components, so that the user-defined configuration of the interface theme style can be realized, the flexibility of the configuration of the interface theme style is improved, and the interface theme style is expandable.
Description
Technical Field
The application relates to the technical field of artificial intelligence, in particular to the technical field of artificial intelligence such as deep learning and cloud computing, and particularly relates to a style configuration method and device for an interface theme, electronic equipment and a medium.
Background
Artificial intelligence is the subject of research that makes computers simulate some human mental processes and intelligent behaviors (such as learning, reasoning, thinking, planning, etc.), both at the hardware level and at the software level. Artificial intelligence hardware technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing, and the like; the artificial intelligence software technology mainly comprises a computer vision technology, a voice recognition technology, a natural language processing technology, a machine learning technology, a deep learning technology, a big data processing technology, a knowledge map technology and the like.
Generally, a browser interface presets a plurality of sets of interface themes at the beginning and provides interface themes with styles selectable by a user, so that the use requirements of the user are met.
Disclosure of Invention
A style configuration method and apparatus for an interface theme, an electronic device, a storage medium, and a computer program product are provided.
According to a first aspect, there is provided a style configuration method for an interface theme, comprising: displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme; in response to a configuration instruction of a user, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; and configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.
According to a second aspect, there is provided a style configuration apparatus for an interface theme, comprising: the first display module is used for displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme; a first determining module, configured to determine, in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; and the configuration module is used for configuring the component to be configured according to the target pattern and the corresponding pattern value so as to obtain the target component.
According to a third aspect, there is provided an electronic device comprising: at least one processor; and a memory communicatively coupled to the at least one processor; the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the style configuration method for the interface theme according to the embodiment of the application.
According to a fourth aspect, a non-transitory computer-readable storage medium is presented having stored thereon computer instructions for causing a computer to perform the method for style configuration of an interface theme disclosed in embodiments of the present application.
According to a fifth aspect, a computer program product is proposed, comprising a computer program which, when executed by a processor, implements the style configuration method for interface themes disclosed in embodiments of the present application.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present application, nor do they limit the scope of the present application. Other features of the present application will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is a schematic diagram according to a first embodiment of the present application;
FIG. 2 is a schematic diagram according to a second embodiment of the present application;
FIG. 3 is a schematic illustration according to a third embodiment of the present application;
FIG. 4 is a schematic illustration according to a fourth embodiment of the present application;
FIG. 5 is a schematic illustration according to a fifth embodiment of the present application;
fig. 6 is a block diagram of an electronic device for implementing a style configuration method for an interface theme according to an embodiment of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
Fig. 1 is a schematic diagram according to a first embodiment of the present application.
It should be noted that an execution main body of the style configuration method for the interface theme according to this embodiment is a style configuration device for the interface theme, the device may be implemented by software and/or hardware, the device may be configured in an electronic device, and the electronic device may include, but is not limited to, a terminal, a server, and the like.
The embodiment of the application relates to the technical field of artificial intelligence such as deep learning and cloud computing.
Wherein, Artificial Intelligence (Artificial Intelligence), english is abbreviated as AI. The method is a new technical science for researching and developing theories, methods, technologies and application systems for simulating, extending and expanding human intelligence.
Deep learning is the intrinsic law and expression level of the learning sample data, and the information obtained in the learning process is very helpful for the interpretation of data such as characters, images and sounds. The final goal of deep learning is to make a machine capable of human-like analytical learning, and to recognize data such as characters, images, and sounds.
And Cloud computing (Cloud computing) refers to a technology architecture that accesses a flexibly extensible shared physical or virtual resource pool through a network, where the resources may include servers, operating systems, networks, software, applications, storage devices, and the like, and may be deployed and managed in an on-demand, self-service manner. Through the cloud computing technology, high-efficiency and strong data processing capacity can be provided for technical application and model training of artificial intelligence, block chains and the like.
As shown in fig. 1, the style configuration method for an interface theme includes:
s101: and displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme.
The method and the device for configuring the browser interface theme can be particularly applied to the process of custom configuration of the browser interface style, and the interface theme of the style which needs to be configured currently can be called as an initial interface theme.
Typically, an interface theme includes a plurality of components, and a component can be understood as an abstraction of the units that make up the interface theme, which are the elements that make up the interface theme.
The components may include, for example, a general component, a text component, a picture component, and the like, wherein the components may specifically be, for example, a button, a text box, a positioning component, an engine component, and the interface theme of the style may be implemented by the style configuration and the style layout of different components.
The style that the component can configure is referred to as a configurable style, and the configurable style may include: the name of the configurable style, the style value corresponding to the name, such as component a, may be configured by setting the length-width ratio of component a to 1: 2, setting the length-width ratio of the component A as 2: and 3, setting the length-width ratio of the component A to be 5: 3, these patterns that can be set are all referred to as configurable patterns, and the value corresponding to a configurable pattern is referred to as a pattern value.
For another example, the configurable style may also be a length of the component, a frame of the component, a color of the component, a size of the component, etc., and a style value to which it may be set, without limitation.
In the embodiment of the application, each component in the interface theme can be set to be customizable by a project developer in advance, that is, after a certain component is set to be customizable, the front end of the browser interface can support a user to perform customized configuration of a corresponding style on the component based on the self use requirement, which is not limited.
For example, the browser interface may be run on an electronic device, and the electronic device may provide a style configuration interface for a user, and when it is detected that the style configuration interface is triggered by the user, may obtain a customizable component that is configured by a project developer in advance for an initial interface theme, and accordingly, obtain various configurable styles of the customizable components, and then display various configurable styles corresponding to components to be configured in the initial interface theme, without limitation.
For example, the style configuration interface may be associated with a customizable component in the initial interface theme, and when it is detected that a user triggers the style configuration interface associated with one customizable component, multiple configurable styles of the triggered customizable component may be obtained and provided to the user, which is not limited thereto.
The various configurable styles corresponding to the components to be configured in the initial interface theme are displayed in order to assist in supporting the user-defined configuration.
S102: in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style are determined from among a plurality of configurable styles.
After the various configurable styles corresponding to the components to be configured are displayed in the configuration interface, whether a configuration instruction of a user is received or not can be monitored in real time (the configuration instruction is used for triggering the selection of a required target style and a corresponding style value from the various configurable styles).
The configurable style configured by the configuration instruction of the user may be referred to as a target style, and the style value selected by the trigger instruction of the user may be referred to as a style value corresponding to the target style.
Assuming component a, its configurable style may be that the length-width ratio of component a is set to 1: 2, setting the length-width ratio of the component A as 2: and 3, setting the length-width ratio of the component A to be 5: 3, the target style corresponding to the configuration instruction may be the length-width ratio of the custom setting component a, and the style value corresponding to the target style may be the ratio of the length-width of the component a to be set to 1: 2, this is not limiting.
That is to say, in the embodiment of the present application, all configurable styles in a general file can be provided to a user for configuration, and after the user configures, a target style configured by the user and a style value corresponding to the target style may be sent to a server or stored locally in an electronic device, which is not limited to this.
S103: and configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.
After the target style corresponding to the configuration instruction and the style value corresponding to the target style are determined from the plurality of configurable styles in response to the configuration instruction of the user, the component to be configured can be directly configured according to the target style and the corresponding style value to obtain the target component.
For example, the style value corresponding to the current style of the component to be configured (the current style corresponds to the target style) may be directly adjusted to the style value configured according to the configuration instruction, which is not limited herein.
For another example, the component to be configured may be configured according to the target style and the corresponding style value in real time, or a prompt message may be generated, the user is prompted to confirm based on the prompt message, and if the user confirms the configuration, the configuration of the component to be configured according to the target style and the corresponding style value may be triggered, which is not limited.
In the embodiment, by displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme, responding to the configuration instruction of the user, determining the target style corresponding to the configuration instruction and the style value corresponding to the target style from the plurality of configurable styles, and configuring the components to be configured according to the target style and the corresponding style value, the target components are obtained, the user-defined configuration of the interface theme style can be realized, the flexibility of the configuration of the interface theme style is improved, and the interface theme style is expandable.
Fig. 2 is a schematic diagram according to a second embodiment of the present application.
Before displaying a plurality of configurable styles corresponding to components to be configured in the initial interface theme as shown in fig. 2, the method may further include:
s201: displaying a style configuration interface, the style configuration interface comprising: and (4) a style configuration control.
That is to say, in the embodiment of the present application, a style configuration interface may be provided for an initial interface theme, for example, a style configuration interface may be displayed in the initial interface theme, when a user triggers the style configuration interface, the initial interface theme may be switched to display the style configuration interface, and a style configuration control is provided in the style configuration interface.
S202: and responding to an operation instruction of the user on the style configuration control, and determining the identifier of the component to be configured selected by the operation instruction.
The method includes the steps that a style configuration control is provided in a style configuration interface, operation behaviors of a user can be monitored based on the style configuration control, and if an operation instruction of the user on the style configuration control is monitored, an identifier of a component to be configured selected by the operation instruction can be determined in response to the operation instruction of the user on the style configuration control.
For example, in the style configuration interface, a plurality of customizable components may be displayed in a navigation form, for example, all the customizable components are arranged on the left side in the navigation form, an associated style configuration control is configured for the customizable component, and then, when an operation instruction of the user for the style configuration control is detected, the configuration interface of the current component is entered.
S203: and acquiring a plurality of configurable styles corresponding to the identification of the component to be configured from the server.
After the various configurable styles corresponding to the identifiers of the components to be configured are obtained from the server, the various configurable styles corresponding to the components to be configured can be displayed in the configuration interface.
That is to say, in the embodiment of the application, it is supported that multiple configurable styles of a customizable component are written into one file in advance, for example, when a project developer initially develops and implements all components, the configurable styles of all components are implemented through a uniform rule, the configurable styles are written into the file, then, identifiers of all the customizable components and the configurable styles thereof can be associated in the file, and the file is stored in an electronic device locally or in a cloud server, so that the browser front end is supported to directly obtain corresponding multiple configurable styles based on the identifier of the component to be configured selected by a user.
In this embodiment, by displaying the style configuration interface, the style configuration interface includes: the style configuration control responds to an operation instruction of a user on the style configuration control, the identifier of the component to be configured selected by the operation instruction is determined, multiple configurable styles corresponding to the identifier of the component to be configured are obtained from the server, a finer-grained style setting mode is provided, the multiple configurable styles are generated in advance, accordingly, the front end of the browser is supported to directly obtain the corresponding multiple configurable styles based on the identifier of the component to be configured selected by the user, the timeliness of obtaining the configurable styles is improved, and the overall style customization experience is improved.
Fig. 3 is a schematic diagram according to a third embodiment of the present application.
As shown in fig. 3, the style configuration method for the interface theme includes:
s301: and displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme.
S302: in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style are determined from among a plurality of configurable styles.
S303: and configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.
For the examples of S301 to S303, reference may be made to the above embodiments, which are not described herein again.
Optionally, in some embodiments, when the component to be configured is configured according to the target style and the corresponding style value to obtain the target component, an initial style value of the component to be configured corresponding to the target style may be determined, the initial style value is adjusted to the corresponding style value, and the adjusted component to be configured is used as the target component, so that the component to be configured is rapidly and conveniently configured, the configuration timeliness is guaranteed, and the consistency of the browser interface style display is improved.
S304: and determining an initial style layout corresponding to the component to be configured.
The initial style layout is used for describing a relative position layout situation between the component to be configured and other components in the initial interface theme, and the initial style layout may be, for example, a relative distance, a relative position, and the like between the component to be configured and other components in the initial interface theme.
After the target component value is obtained, the relative position layout situation of the configuration component among the initial interface theme and other components can be combined to generate a new interface theme.
For example, an interface configuration file of an initial interface theme may be obtained, and relative distances, relative positions, and the like between the component to be configured and other components may be determined from the interface configuration file and may be used as an initial style layout.
S305: a target interface theme is generated from the initial style layout and the target component.
After the initial style layout corresponding to the component to be configured is determined, the target interface theme can be generated according to the initial style layout and the target component.
For example, a preset interface theme generation interface may be invoked to generate a target interface theme based on the initial style layout and the target style of the target component and the corresponding style value.
S306: and updating the initial interface theme according to the target interface theme.
The target interface theme is generated according to the initial style layout and the target component, and the initial interface theme can be updated according to the target interface theme, that is, in this embodiment, not only can the custom configuration of the component style in the interface theme be realized, but also a new target interface theme can be formed according to the target component after the custom configuration and the initial style layout, and after the target interface theme is formed, the target interface theme can be supplemented with other application scenes, so that a better application effect is achieved.
For example, the target interface theme may be presented in a form of preview on a front-end browser interface of the electronic device, and when receiving confirmation of the preview effect from the user, the initial interface theme may be updated according to the target interface theme.
S307: and acquiring user information.
The user information may be identity information of the user triggering the custom style configuration, and the user information may be, for example, a user account, or may also be information of a third-party user specified by the user triggering the custom style configuration, which is not limited herein.
S308: and generating an incidence relation between the user information and the target interface theme, and storing the incidence relation.
After the user information is obtained, the user information and the target interface theme can be associated, an association relation between the user information and the target interface theme is generated, and the association relation is stored, so that the subsequent user-defined interface theme can be rapidly obtained on the basis of the association relation in an auxiliary manner.
When the association relationship is stored, the association relationship may be specifically stored in a background database corresponding to the electronic device, or may also be stored in other storage devices, which is not limited to this.
S309: and if the trigger information of the interface theme is detected to be reloaded and the trigger information carries the user information, directly adopting the target interface theme which has an association relation with the user information to render the browser interface.
After storing the association relationship between the user information and the target interface theme, monitoring whether the trigger information of the reloading interface theme is received in real time, for example, when the user unloads the browser, the corresponding browser is reloaded and operated, and when the browser is initially started, monitoring whether the trigger information of the reloading interface theme is received, and if the trigger information of the reloading interface theme is detected and the trigger information carries the user information, directly rendering the browser interface by using the target interface theme having the association relationship with the user information.
The method comprises the steps of obtaining user information, generating an incidence relation between the user information and a target interface theme, storing the incidence relation, and directly adopting the target interface theme which has the incidence relation with the user information to render a browser interface when detecting that the trigger information of the interface theme is reloaded and the trigger information carries the user information, so that the configuration effect of a user is stored in a database in advance, the user can set the personalized interface theme required by the user, the user can be assisted to automatically obtain the personalized interface theme required by the user from the database when the user triggers the interface theme to be reloaded, and fine-grained and efficient style configuration of the component is effectively realized.
In the embodiment, by displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme, responding to the configuration instruction of the user, determining the target style corresponding to the configuration instruction and the style value corresponding to the target style from the plurality of configurable styles, and configuring the components to be configured according to the target style and the corresponding style value, the target components are obtained, the user-defined configuration of the interface theme style can be realized, the flexibility of the configuration of the interface theme style is improved, and the interface theme style is expandable. The target interface theme can be supplemented with other application scenes after the target interface theme is formed, so that a better application effect is achieved. The configuration effect of a user is stored in the database in advance, so that the user can set the personalized interface theme required by the user, the user can automatically acquire the personalized interface theme required by the user from the database when the user triggers to reload the interface theme, fine-grained and efficient style configuration of the component is effectively realized, the technical problem that the configuration of the interface theme in the related technology is not flexible enough is solved, and when the current browser product is delivered to different business parties, the appropriate customized interface theme can be provided by combining with the business field of the business party, so that the application scene of the interface theme can be effectively expanded.
Fig. 4 is a schematic diagram according to a fourth embodiment of the present application.
As shown in fig. 4, the style configuration apparatus 40 for an interface theme includes:
the first display module 401 is configured to display a plurality of configurable styles corresponding to components to be configured in the initial interface theme.
A first determining module 402, configured to determine, in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles.
The configuration module 403 is configured to configure the component to be configured according to the target style and the corresponding style value, so as to obtain the target component.
In some embodiments of the present application, as shown in fig. 5, fig. 5 is a schematic diagram according to a fifth embodiment of the present application, and the style configuration apparatus 50 for an interface theme includes: the first display module 501, the first determination module 502, and the configuration module 503 further include:
a second display module 504, configured to display a style configuration interface, where the style configuration interface includes: and (4) a style configuration control.
And a second determining module 505, configured to determine, in response to an operation instruction of the style configuration control by the user, an identifier of the component to be configured selected by the operation instruction.
An obtaining module 506, configured to obtain, from the server, a plurality of configurable styles corresponding to the identifier of the component to be configured.
In some embodiments of the present application, the configuration module 503 is specifically configured to:
determining an initial style value corresponding to a target style of a component to be configured;
and adjusting the initial style value to a corresponding style value, and taking the adjusted component to be configured as a target component.
In some embodiments of the present application, as shown in fig. 5, further comprising:
the generating module 507 is configured to determine an initial style layout corresponding to the component to be configured, generate a target interface theme according to the initial style layout and the target component, and update the initial interface theme according to the target interface theme.
In some embodiments of the present application, as shown in fig. 5, further comprising:
and the association processing module 508 is configured to obtain the user information, generate an association relationship between the user information and the target interface theme, and store the association relationship.
In some embodiments of the present application, as shown in fig. 5, further comprising:
and a rendering module 509, configured to render the browser interface with a target interface theme having an association relationship with the user information when it is detected that the trigger information of the interface theme is reloaded and the trigger information carries the user information.
It is understood that the style configuration device 50 for the interface theme in fig. 5 of this embodiment may have the same functions and structures as the style configuration device 40 for the interface theme in the above embodiment, the first display module 501 may have the same functions and structures as the first display module 401 in the above embodiment, the first determination module 502 may have the same functions and structures as the first determination module 402 in the above embodiment, and the configuration module 503 may have the same structures as the configuration module 403 in the above embodiment.
It should be noted that the foregoing explanation on the style configuration method for the interface theme is also applicable to the style configuration apparatus for the interface theme in this embodiment, and details are not repeated here.
In the embodiment, by displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme, responding to the configuration instruction of the user, determining the target style corresponding to the configuration instruction and the style value corresponding to the target style from the plurality of configurable styles, and configuring the components to be configured according to the target style and the corresponding style value, the target components are obtained, the user-defined configuration of the interface theme style can be realized, the flexibility of the configuration of the interface theme style is improved, and the interface theme style is expandable.
There is also provided, in accordance with an embodiment of the present application, an electronic device, a readable storage medium, and a computer program product.
Fig. 6 is a block diagram of an electronic device for implementing a style configuration method for an interface theme according to an embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 6, the apparatus 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a Read Only Memory (ROM)602 or a computer program loaded from a storage unit 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the device 600 can also be stored. The calculation unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
A number of components in the device 600 are connected to the I/O interface 605, including: an input unit 606 such as a keyboard, a mouse, or the like; an output unit 607 such as various types of displays, speakers, and the like; a storage unit 608, such as a magnetic disk, optical disk, or the like; and a communication unit 609 such as a network card, modem, wireless communication transceiver, etc. The communication unit 609 allows the device 600 to exchange information/data with other devices via a computer network such as the internet and/or various telecommunication networks.
The computing unit 601 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various dedicated Artificial Intelligence (AI) computing chips, various computing units running machine learning model algorithms, a Digital Signal Processor (DSP), and any suitable processor, controller, microcontroller, and so forth. The calculation unit 601 performs the respective methods and processes described above, for example, a style configuration method for an interface theme.
For example, in some embodiments, the style configuration method for interface themes may be implemented as a computer software program tangibly embodied in a machine-readable medium, such as storage unit 608. In some embodiments, part or all of the computer program may be loaded and/or installed onto the device 600 via the ROM 602 and/or the communication unit 609. When the computer program is loaded into RAM 603 and executed by the computing unit 601, one or more steps of the style configuration method for interface themes described above may be performed. Alternatively, in other embodiments, the computing unit 601 may be configured by any other suitable means (e.g., by means of firmware) to perform the style configuration method for the interface theme.
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), system on a chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
Program code for implementing the style configuration method for interface themes of the present application may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this application, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), the internet, and blockchain networks.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The Server can be a cloud Server, also called a cloud computing Server or a cloud host, and is a host product in a cloud computing service system, so as to solve the defects of high management difficulty and weak service expansibility in the traditional physical host and VPS service ("Virtual Private Server", or simply "VPS"). The server may also be a server of a distributed system, or a server incorporating a blockchain.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (15)
1. A style configuration method for an interface theme, comprising:
displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme;
in response to a configuration instruction of a user, determining a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; and
and configuring the component to be configured according to the target style and the corresponding style value to obtain the target component.
2. The method of claim 1, prior to said displaying a plurality of configurable styles corresponding to components to be configured from an initial interface theme, further comprising:
displaying a style configuration interface, the style configuration interface comprising: a style configuration control;
responding to an operation instruction of a user on the style configuration control, and determining an identifier of a component to be configured selected by the operation instruction;
and acquiring a plurality of configurable styles corresponding to the identification of the component to be configured from a server.
3. The method according to claim 1, wherein the configuring the component to be configured according to the target style and the corresponding style value to obtain a target component comprises:
determining an initial style value of the component to be configured, which corresponds to the target style;
and adjusting the initial style value to the corresponding style value, and taking the adjusted component to be configured as the target component.
4. The method of claim 1, further comprising, after said configuring the component to be configured according to the target style and the corresponding style value:
determining an initial style layout corresponding to the component to be configured;
generating a target interface theme according to the initial style layout and the target component; and
and updating the initial interface theme according to the target interface theme.
5. The method according to claim 4, further comprising, after the configuring the component to be configured according to the target style and the corresponding style value to obtain a target component:
acquiring user information;
and generating an incidence relation between the user information and the target interface theme, and storing the incidence relation.
6. The method of claim 5, further comprising, after the saving of the association of the user information and the target interface theme:
and if the trigger information of the interface theme is detected to be reloaded and the trigger information carries the user information, rendering the browser interface by adopting the target interface theme which has an association relation with the user information.
7. A style configuration apparatus for an interface theme, comprising:
the first display module is used for displaying a plurality of configurable styles corresponding to the components to be configured in the initial interface theme;
a first determining module, configured to determine, in response to a configuration instruction of a user, a target style corresponding to the configuration instruction and a style value corresponding to the target style from among the plurality of configurable styles; and
and the configuration module is used for configuring the component to be configured according to the target pattern and the corresponding pattern value so as to obtain the target component.
8. The apparatus of claim 7, further comprising:
a second display module for displaying a style configuration interface, the style configuration interface comprising: a style configuration control;
the second determining module is used for responding to an operation instruction of the user on the style configuration control and determining the identifier of the component to be configured selected by the operation instruction;
and the acquisition module is used for acquiring a plurality of configurable styles corresponding to the identification of the component to be configured from the server.
9. The apparatus of claim 7, wherein the configuration module is specifically configured to:
determining an initial style value of the component to be configured, which corresponds to the target style;
and adjusting the initial style value to the corresponding style value, and taking the adjusted component to be configured as the target component.
10. The apparatus of claim 7, further comprising:
and the generating module is used for determining an initial style layout corresponding to the component to be configured, generating a target interface theme according to the initial style layout and the target component, and updating the initial interface theme according to the target interface theme.
11. The apparatus of claim 10, further comprising:
and the association processing module is used for acquiring the user information, generating the association relationship between the user information and the target interface theme and storing the association relationship.
12. The apparatus of claim 11, further comprising:
and the rendering module is used for rendering the browser interface by adopting the target interface theme which has an association relation with the user information when the triggering information of the interface theme is detected to be reloaded and the user information is carried in the triggering information.
13. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-6.
14. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-6.
15. A computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110129860.5A CN112783493A (en) | 2021-01-29 | 2021-01-29 | Style configuration method and device for interface theme, electronic equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110129860.5A CN112783493A (en) | 2021-01-29 | 2021-01-29 | Style configuration method and device for interface theme, electronic equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112783493A true CN112783493A (en) | 2021-05-11 |
Family
ID=75759982
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110129860.5A Pending CN112783493A (en) | 2021-01-29 | 2021-01-29 | Style configuration method and device for interface theme, electronic equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112783493A (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102207872A (en) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | Method and system for customizing Web UI (User Interface) control according to user requirements |
| CN105117469A (en) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | Method and apparatus for personalized replacement of webpage theme |
| CN108228677A (en) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | Switch the method and apparatus of subject of Web site style |
| CN109358785A (en) * | 2018-09-26 | 2019-02-19 | 北京小米移动软件有限公司 | Theme method for previewing and device |
| CN111694549A (en) * | 2020-04-28 | 2020-09-22 | 中国平安人寿保险股份有限公司 | Data processing method, device, terminal and medium |
| CN111782310A (en) * | 2019-11-29 | 2020-10-16 | 北京沃东天骏信息技术有限公司 | Method, device and equipment for adjusting interface typesetting style and storage medium |
| CN112099790A (en) * | 2020-09-10 | 2020-12-18 | 北京百度网讯科技有限公司 | Method, device and equipment for determining page theme and storage medium |
-
2021
- 2021-01-29 CN CN202110129860.5A patent/CN112783493A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102207872A (en) * | 2011-06-04 | 2011-10-05 | 中国移动通信集团内蒙古有限公司 | Method and system for customizing Web UI (User Interface) control according to user requirements |
| CN105117469A (en) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | Method and apparatus for personalized replacement of webpage theme |
| CN108228677A (en) * | 2016-12-22 | 2018-06-29 | 北京国双科技有限公司 | Switch the method and apparatus of subject of Web site style |
| CN109358785A (en) * | 2018-09-26 | 2019-02-19 | 北京小米移动软件有限公司 | Theme method for previewing and device |
| CN111782310A (en) * | 2019-11-29 | 2020-10-16 | 北京沃东天骏信息技术有限公司 | Method, device and equipment for adjusting interface typesetting style and storage medium |
| CN111694549A (en) * | 2020-04-28 | 2020-09-22 | 中国平安人寿保险股份有限公司 | Data processing method, device, terminal and medium |
| CN112099790A (en) * | 2020-09-10 | 2020-12-18 | 北京百度网讯科技有限公司 | Method, device and equipment for determining page theme and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113240778B (en) | Method, device, electronic equipment and storage medium for generating virtual image | |
| CN113377614B (en) | Call chain information generation method and device, electronic equipment and storage medium | |
| CN113220367B (en) | Method and device for running applet, electronic equipment and storage medium | |
| CN112527281A (en) | Operator upgrading method and device based on artificial intelligence, electronic equipment and medium | |
| CN115185434A (en) | Vehicle application scene processing method, device, equipment and storage medium | |
| CN113325954A (en) | Method, apparatus, device, medium and product for processing virtual objects | |
| CN112947916B (en) | Method, apparatus, device and storage medium for implementing online canvas | |
| CN115575931A (en) | Calibration method, calibration device, electronic equipment and storage medium | |
| CN114398023A (en) | File generation method and page configuration method and device | |
| CN112783493A (en) | Style configuration method and device for interface theme, electronic equipment and medium | |
| CN113448668B (en) | Method and device for skipping popup window and electronic equipment | |
| CN113361575B (en) | Model training method and device and electronic equipment | |
| CN114743586B (en) | Mirror image storage implementation method and device of storage model and storage medium | |
| CN112799642B (en) | Method, apparatus, device and storage medium for processing data | |
| CN115102948A (en) | Automatic downloading method, device and equipment of map tiles and storage medium | |
| CN114443197A (en) | Interface processing method and device, electronic equipment and storage medium | |
| CN113900734A (en) | Application program file configuration method, device, equipment and storage medium | |
| CN116521199B (en) | Component upgrading method, device, equipment and storage medium | |
| CN112817463A (en) | Method, equipment and storage medium for acquiring audio data by input method | |
| CN117742711A (en) | Low-code-oriented page rendering method and device, electronic equipment and storage medium | |
| CN113961263B (en) | Applet distribution method, device, apparatus and storage medium | |
| CN115761094A (en) | Image rendering method, device and equipment and storage medium | |
| CN117742862A (en) | Application page display method and device, electronic equipment and storage medium | |
| CN114416194A (en) | Picture loading method and device based on ImageView aggregation function component | |
| CN114897259A (en) | Method and device for generating online prediction service |
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 |