Subject generation method and apparatus, electronic device, and storage medium
The theme generation method and device allow users to customize the theme style of the web page system, solving the problem of additional code changes required for theme development in the prior art, and achieving flexible configuration and efficient development.
Patent Information
- Application Number
- CN202411819447.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-11
- Publication Date
- 2025-10-10
- Estimated Expiration
- 2044-12-11
AI Technical Summary
The existing web system theme development requires additional code changes, which makes theme maintenance difficult, the development cycle long, and the efficiency low.
Provided is a theme generation method and device, which receives basic information input by the user through a theme configuration interface, generates and displays the theme to be configured, supports flexible configuration of custom theme styles, includes editable states of multiple theme modules and style items, and supports modification and adjustment of style content.
It enables flexible custom theme configuration, shortens the development cycle, improves development efficiency, and meets users' needs for personalized and diversified experience.
Smart Images

Figure CN119668608B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] Embodiments of the present application relate to the technical field of computer, and particularly relate to a theme generation method and device, electronic equipment and storage medium. BACKGROUND
[0002] With the continuous development of computer technology, the application scenarios of web page systems have become more and more extensive, covering various aspects of people's work, life and study, and the demand for personalized and diversified experience of web page systems is also increasing. Among them, the theme switching function of the web page system can provide users with user interfaces of different design styles and visual experiences, meet the personal aesthetic needs of users, and help improve the user experience.
[0003] However, in the existing theme development mode, the expansion of new themes often requires developers to develop by additionally changing the code, which cannot conveniently change different theme styles, causing theme maintenance difficulties, a long development cycle and low development efficiency. SUMMARY
[0004] The present application provides a theme generation method and device, electronic equipment and storage medium, to solve the problem that the expansion of new themes requires additional code changes for development, which cannot conveniently change different theme styles, causing theme maintenance difficulties, a long development cycle and low development efficiency. The present application realizes flexible custom theme configuration, shortens the development cycle and improves the development efficiency.
[0005] In a first aspect, the embodiments of the present application provide a theme generation method, comprising:
[0006] When a first trigger operation acting on a theme adding control in a theme configuration interface is received, a theme adding window is displayed in the current theme configuration interface, and a first theme to be configured is generated and displayed according to the basic theme information input in the theme adding window;
[0007] In the case where the first theme is in a selected state and a second trigger operation acting on a style configuration control in the theme configuration interface is received, a plurality of theme modules and a plurality of theme styles contained in each theme module are extracted from the pre-stored reference theme information, a style configuration window is displayed in the theme configuration interface, a module control corresponding to each theme module is generated, and the module control is displayed in a first preset area of the style configuration window;
[0008] When a first module control among the module controls is in a selected state and a third trigger operation acting on a style adding control in the style configuration window is received, a style adding window is displayed in the theme configuration interface, and a first theme style included in a first theme module corresponding to the first module control is displayed in the style adding window;
[0009] generating at least one corresponding style item according to at least one second theme style selected from the first theme style, and displaying the style item in a second preset area of the style configuration window, wherein each style item is in an editable state to accept content modification operations;
[0010] When a content modification operation acting on a target style item among the style items is received, the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation.
[0011] Before extracting a plurality of theme modules and a plurality of theme styles contained in each theme module from the pre-stored reference theme information, the method further includes:
[0012] Upon receiving a fourth trigger operation of a template adding control on the first information configuration interface, displaying a template adding window in the first information configuration interface, generating a first theme template according to the basic template information entered in the template adding window, and displaying the first theme template to be configured in the first setting area of the first information configuration interface;
[0013] When the first theme template is in a selected state and a fifth trigger operation of a module adding control of the first information configuration interface is received, a module adding window is displayed in the first information configuration interface, a theme module item is generated according to the basic module information input in the module adding window, the theme module item is displayed in a second setting area of the first information configuration interface, and theme module information corresponding to the first theme template is stored, the theme module information including basic information of multiple theme modules currently configured by the first theme template;
[0014] Upon receiving a sixth trigger operation of a theme template selection control acting on the second information configuration interface, displaying at least one currently selectable second theme template in the third setting area of the second information configuration interface, reading target theme template information corresponding to a target theme template in a selected state among the at least one second theme template, extracting multiple theme modules to be configured from the target theme template information, and generating and displaying theme module controls corresponding to the multiple theme modules to be configured in the fourth setting area of the second information configuration interface;
[0015] When the target theme module control in the theme module control is in a selected state and the seventh trigger operation of the style setting control acting on the second information configuration interface is received, a style setting window is displayed in the second information configuration interface, theme style items are generated according to the basic style information input in the style setting window, and the theme style items are displayed in the fifth setting area of the second information configuration interface, and the baseline theme information corresponding to the target theme template is stored, and the baseline theme information includes the theme module currently set by the target theme template and the basic information of the theme style corresponding to each theme module.
[0016] Wherein, after updating the style content corresponding to the target style item to the input content information corresponding to the content modification operation, the method further includes:
[0017] Rendering the theme style corresponding to the target style item in the theme configuration interface according to the updated style content corresponding to the target style item.
[0018] Wherein, there are multiple style items, and before displaying the style items in the second preset area of the style configuration window, the method further includes:
[0019] Get the historical modification data corresponding to the recorded theme style;
[0020] Performing modification frequency statistics of each second theme style on the historical modification data;
[0021] Correspondingly, displaying the style item in the second preset area of the style configuration window includes:
[0022] The style items are displayed in a second preset area of the style configuration window in descending order according to the modification frequency corresponding to the second theme style.
[0023] Wherein, after displaying the style item in the second preset area of the style configuration window, the method further includes:
[0024] Detecting whether a style design diagram associated with the first module control and corresponding style configuration information are stored;
[0025] In the case where it is detected that a style design drawing associated with the first module control pair is stored, displaying the style design drawing and the corresponding generated style setting control in a third preset area of the style configuration window;
[0026] In case of receiving an eighth triggering operation acting on the style setting control, the style content of the style item is modified based on the style configuration information.
[0027] Wherein, after displaying the style item in the second preset area of the style configuration window, the method further includes:
[0028] When an image input operation of the image import control acting on the style configuration window is detected, the image to be identified corresponding to the image input operation is obtained, color recognition is performed on the image to be identified to determine a target color code, and the target color code is displayed in the fourth preset area of the style configuration window.
[0029] After updating the style content corresponding to the target style item to the input content information corresponding to the content modification operation, the method further includes:
[0030] Adding the first theme to the set optional theme list;
[0031] In a case where a theme setting operation corresponding to the first theme is received, the theme configuration interface is rendered based on the first theme.
[0032] In a second aspect, an embodiment of the present application further provides a theme generation device, comprising:
[0033] A theme adding unit is configured to, upon receiving a first trigger operation acting on a theme adding control in a theme configuration interface, display a theme adding window in the current theme configuration interface, and generate and display a first theme to be configured based on basic theme information input in the theme adding window;
[0034] a theme module display unit configured to, when the first theme is selected and a second trigger operation acting on a style configuration control in the theme configuration interface is received, extract a plurality of theme modules and a plurality of theme styles contained in each of the theme modules from pre-stored baseline theme information, display a style configuration window in the theme configuration interface, generate a module control corresponding to each of the theme modules, and display the module control in a first preset area of the style configuration window;
[0035] a theme style display unit configured to, when a first module control in the module controls is in a selected state and a third trigger operation acting on a style adding control in the style configuration window is received, display a style adding window in the theme configuration interface, and display in the style adding window a first theme style included in a first theme module corresponding to the first module control;
[0036] a theme style selection unit configured to generate at least one corresponding style item based on at least one second theme style selected from the first theme style, and display the style item in a second preset area of the style configuration window, wherein each style item is in an editable state to accept content modification operations;
[0037] The style content adjustment unit is configured to, upon receiving a content modification operation acting on a target style item among the style items, update the style content corresponding to the target style item to input content information corresponding to the content modification operation.
[0038] The theme generating device further includes:
[0039] a baseline theme information generating unit configured to, upon receiving a fourth triggering operation of a template adding control acting on a first information configuration interface, display a template adding window in the first information configuration interface, generate a first theme template based on the basic template information input in the template adding window, and display the first theme template to be configured in a first setting area of the first information configuration interface;
[0040] When the first theme template is in a selected state and a fifth trigger operation of a module adding control of the first information configuration interface is received, a module adding window is displayed in the first information configuration interface, a theme module item is generated according to the basic module information input in the module adding window, the theme module item is displayed in a second setting area of the first information configuration interface, and theme module information corresponding to the first theme template is stored, the theme module information including basic information of multiple theme modules currently configured by the first theme template;
[0041] Upon receiving a sixth trigger operation of a theme template selection control acting on the second information configuration interface, displaying at least one currently selectable second theme template in the third setting area of the second information configuration interface, reading target theme template information corresponding to a target theme template in a selected state among the at least one second theme template, extracting multiple theme modules to be configured from the target theme template information, and generating and displaying theme module controls corresponding to the multiple theme modules to be configured in the fourth setting area of the second information configuration interface;
[0042] When the target theme module control in the theme module control is in a selected state and the seventh trigger operation of the style setting control acting on the second information configuration interface is received, a style setting window is displayed in the second information configuration interface, theme style items are generated according to the basic style information input in the style setting window, and the theme style items are displayed in the fifth setting area of the second information configuration interface, and the baseline theme information corresponding to the target theme template is stored, and the baseline theme information includes the theme module currently set by the target theme template and the basic information of the theme style corresponding to each theme module.
[0043] The theme generating device further includes:
[0044] The theme style rendering unit is configured to render the theme style corresponding to the target style item in the theme configuration interface according to the updated style content corresponding to the target style item.
[0045] Wherein, there are multiple style items, and the theme generating device further includes:
[0046] The modification frequency statistics unit is configured to obtain historical modification data corresponding to the recorded theme patterns, and perform modification frequency statistics of each second theme pattern on the historical modification data.
[0047] Correspondingly, the theme style selection unit is also configured as:
[0048] The style items are displayed in a second preset area of the style configuration window in descending order according to the modification frequency corresponding to the second theme style.
[0049] The theme generating device further includes:
[0050] A style content setting unit is configured to detect whether a style design drawing associated with the first module control and corresponding style configuration information are stored; when it is detected that a style design drawing associated with the first module control is stored, the style design drawing and the corresponding generated style setting control are displayed in the third preset area of the style configuration window; and when an eighth trigger operation acting on the style setting control is received, the style content of the style item is modified based on the style configuration information.
[0051] The theme generating device further includes:
[0052] The color code display unit is configured to, when a picture input operation of the picture import control acting on the style configuration window is detected, obtain the picture to be identified corresponding to the picture input operation, perform color recognition on the picture to be identified to determine the target color code, and display the target color code in the fourth preset area of the style configuration window.
[0053] The theme generating device further includes:
[0054] The configuration interface rendering unit is configured to add the first theme to a set selectable theme list; and render the theme configuration interface based on the first theme when a theme setting operation corresponding to the first theme is received.
[0055] In a third aspect, an embodiment of the present application further provides an electronic device, including:
[0056] one or more processors;
[0057] a memory for storing one or more computer programs;
[0058] When one or more computer programs are executed by one or more processors, the electronic device implements any method of the first aspect.
[0059] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium having a computer program stored thereon, which implements any of the methods of the first aspect when executed by a processor.
[0060] In the above, when a first trigger operation acting on a theme adding control in a theme configuration interface is received, a theme adding window is displayed in the current theme configuration interface, and a first theme to be configured is generated and displayed according to the basic theme information input in the theme adding window; when the first theme is in a selected state and a second trigger operation acting on a style configuration control in the theme configuration interface is received, a plurality of theme modules and a plurality of theme styles contained in each of the theme modules are extracted from pre-stored baseline theme information, a style configuration window is displayed in the theme configuration interface, a module control corresponding to each of the theme modules is generated, and the module control is displayed in a first preset area of the style configuration window; a first module control in the module control When it is in a selected state and receives a third trigger operation acting on a style adding control in the style configuration window, a style adding window is displayed in the theme configuration interface, and the first theme style contained in the first theme module corresponding to the first module control is displayed in the style adding window; at least one corresponding style item is generated based on at least one second theme style selected in the first theme style, and the style item is displayed in a second preset area of the style configuration window, wherein each of the style items is in an editable state that can accept content modification operations; when a content modification operation is received on a target style item in the style item, the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation. In the above scheme, by providing a theme configuration interface for customized theme style configuration, it is convenient for developers to independently customize theme styles corresponding to different themes according to actual design requirements. At the same time, the style content of the theme style can be flexibly adjusted, different display effects can be configured, the development cycle can be shortened, and development efficiency can be improved. BRIEF DESCRIPTION OF THE DRAWINGS
[0061] Figure 1 A flowchart of a topic generation method provided in an embodiment of the present application.
[0062] Figure 2 A schematic diagram of a process for generating and displaying a first theme to be configured using a theme configuration interface provided in an embodiment of the present application.
[0063] Figure 3 A schematic diagram of a process for generating and displaying module controls corresponding to a first theme using a theme configuration interface provided in an embodiment of the present application.
[0064] Figure 4 A flowchart of a specific implementation process of pre-generating and storing benchmark subject information provided in an embodiment of the present application.
[0065] Figure 5A schematic diagram of a process for generating and displaying a first theme template to be configured using a first information configuration interface provided in an embodiment of the present application.
[0066] Figure 6 A schematic diagram of a process for generating and displaying theme module items using a first information configuration interface provided in an embodiment of the present application.
[0067] Figure 7 A schematic diagram of a process for generating and displaying a subject module to be configured using a second information configuration interface provided in an embodiment of the present application.
[0068] Figure 8 A schematic diagram of a process for generating and displaying theme style items using a second information configuration interface provided in an embodiment of the present application.
[0069] Figure 9 A schematic diagram of the process of adding theme styles to a theme module using a theme configuration interface provided in an embodiment of the present application.
[0070] Figure 10 A schematic diagram of a theme configuration interface showing style items in a style configuration window provided in an embodiment of the present application.
[0071] Figure 11 A flowchart of a specific implementation process of modifying the style content of a style item based on style configuration information provided in an embodiment of the present application.
[0072] Figure 12 A schematic diagram of a theme configuration interface that displays a style design diagram and style setting controls in a style configuration window provided by an embodiment of the present application.
[0073] Figure 13 A schematic diagram of a theme configuration interface that displays a target color code and an image import control in a style configuration window provided by an embodiment of the present application.
[0074] Figure 14 A schematic diagram of a process for modifying the style content of a style item using a theme configuration interface provided in an embodiment of the present application.
[0075] Figure 15 A flowchart of a theme generation method provided by an embodiment of the present application includes a process of displaying a style item based on a modification frequency corresponding to a second theme style.
[0076] Figure 16 A schematic diagram of the structure of a theme generation device provided in an embodiment of the present application.
[0077] Figure 17 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0078] The present invention will be further described in detail below with reference to the accompanying drawings and examples. It will be understood that the specific embodiments described herein are intended to explain the present invention, not to limit the present invention. It should also be noted that, for ease of description, the accompanying drawings only illustrate portions relevant to the present invention, not all structures.
[0079] The terms "first," "second," and the like in the specification and claims of this application are used to distinguish similar objects, and are not used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments of this application can be implemented in an order other than that illustrated or described herein, and that the objects distinguished by "first," "second," and the like are generally of the same type, and do not limit the number of objects; for example, the first object can be one or more. In addition, the term "and / or" in the specification and claims refers to at least one of the connected objects, and the character " / " generally indicates that the objects connected are in an "or" relationship.
[0080] It should be noted that due to space limitations, this application specification does not enumerate all optional implementation methods. After reading this application specification, those skilled in the art should be able to understand that as long as the technical features do not contradict each other, any combination of technical features can constitute an optional implementation method.
[0081] In the subject generation method provided in the embodiment of the present application, the execution subject of each step can be a computer device, which refers to any electronic device with data calculation, processing, and storage capabilities, such as mobile phones, PCs (Personal Computers), tablet computers and other terminal devices. The embodiment of the present application does not limit this.
[0082] Figure 1 A flowchart of a method for generating a topic provided in an embodiment of the present application is shown in FIG. Figure 1 As shown, the following steps are included:
[0083] Step S101: When a first trigger operation acting on a theme adding control in a theme configuration interface is received, a theme adding window is displayed in the current theme configuration interface, and a first theme to be configured is generated and displayed according to basic theme information input in the theme adding window.
[0084] The theme configuration interface can be a setting interface provided to developers to allow them to customize themes. The theme addition window can be used to receive basic theme information input by developers. The basic theme information can include theme name, background image and notes. For details, please refer to Figure 2, which is a schematic diagram of a process of generating and displaying a first theme to be configured using a theme configuration interface provided by an embodiment of the present application, such as Figure 2 As shown, a theme adding control 111 is provided in the theme configuration interface 110, and a theme adding window 112 corresponding to the first trigger operation is displayed. In the theme adding window 112, a theme name, background image, and remarks can be added, and a cancel button or an confirm button provided therein can be used to cancel or confirm the theme creation. After receiving the basic theme information input by the developer through the theme adding window 112, a first theme to be configured 113 can be generated and displayed accordingly.
[0085] Step S102: When the first theme is in a selected state and a second trigger operation acting on a style configuration control in the theme configuration interface is received, multiple theme modules and multiple theme styles contained in each theme module are extracted from pre-stored baseline theme information, a style configuration window is displayed in the theme configuration interface, a module control corresponding to each theme module is generated, and the module control is displayed in a first preset area of the style configuration window.
[0086] Among them, the baseline theme information can be pre-defined and generated by the developer through the first information configuration interface and the second information configuration interface, providing unified and basic visual elements for subsequent developers to customize and expand the theme. In addition, the baseline theme information records different theme modules and the different theme styles contained in each theme module. Theme modules can be different local visual areas that make up the target display interface. For example, the theme module can be a menu bar, a header status bar, a filter area, a table area, a menu tab, a form area, etc. The theme style can be a display effect that defines specific visual elements in the theme module. For example, the theme style can be a menu selection style, an expanded menu selection style, a menu expansion button style, a mouse-over menu style, an expanded submenu style, etc. After extracting multiple theme modules and multiple theme styles contained in each theme module from the baseline theme information, a style configuration window is displayed in the theme configuration interface to receive the developer's theme style configuration operations for different theme modules. For details, please refer to Figure 3 , which is a schematic diagram of a process of generating and displaying a module control corresponding to a first theme using a theme configuration interface provided by an embodiment of the present application, Figure 2 On the basis of Figure 3As shown, the theme configuration interface 110 is provided with a style configuration control 114, and displays a style configuration window 115 generated corresponding to the second trigger operation. The first preset area 1151 of the style configuration window 115 displays multiple module controls 11511, each module control 11511 corresponding to a theme module, wherein the first preset area 1151 displays module controls 11511 corresponding to the menu bar, filter area, information bar, operation bar, table area, pop-up window, form area and scroll bar. In addition, the style configuration window 115 is also provided with a second preset area 1152 and a style adding control 1153. The second preset area 1152 is used to display style items, and the style adding control 1153 is used to receive the trigger operation to configure the theme style of a certain theme module.
[0087] In one embodiment, please refer to Figure 4 , which is a flowchart of a specific implementation process of pre-generating and storing baseline theme information provided by an embodiment of the present application. Before extracting multiple theme modules and multiple theme styles contained in each theme module from the pre-stored baseline theme information, the process also includes:
[0088] Step S201: When the fourth trigger operation of the template adding control acting on the first information configuration interface is received, a template adding window is displayed in the first information configuration interface, a first theme template is generated according to the basic template information entered in the template adding window, and the first theme template to be configured is displayed in the first setting area of the first information configuration interface.
[0089] The first information configuration interface may be a setting interface provided to developers to allow them to customize theme templates of different styles, for example, to configure theme templates of modern style, ancient style, technology style, etc. The template adding window may be used to receive basic template information input by the developer, and the basic template information may include template name, template code, template type and template description. For details, please refer to Figure 5 , which is a schematic diagram of a process of generating and displaying a first theme template to be configured using a first information configuration interface provided by an embodiment of the present application, such as Figure 5 As shown, a template adding control 211 is provided in the first information configuration interface 210, and a template adding window 212 corresponding to the fourth trigger operation is displayed. In the template adding window 212, a template name, template code, template type, and template description can be added, and a cancel button or an OK button provided therein can be used to cancel or confirm the template creation. After receiving the basic template information input by the developer through the template adding window 212, a first theme template 213 can be generated accordingly, and the first theme template 213 to be configured is displayed in the first setting area 214.
[0090] Step S202: When the first theme template is in a selected state and the fifth trigger operation of the module addition control of the first information configuration interface is received, a module addition window is displayed in the first information configuration interface, a theme module item is generated according to the basic module information entered in the module addition window, and the theme module item is displayed in the second setting area of the first information configuration interface, and the theme module information corresponding to the first theme template is stored. The theme module information includes the basic information of multiple theme modules currently configured by the first theme template.
[0091] Among them, the module adding window can be used to receive the basic module information input by the developer, and the basic module information may include module name, module code and module description. Through the module adding window, the developer can customize the theme module composition corresponding to the first theme template. The theme module information can be stored synchronously after completing the theme module configuration under the first theme template, and used to configure the theme style corresponding to the theme module in the second information configuration interface. For details, please refer to Figure 6 , which is a schematic diagram of a process of generating and displaying a theme module item using a first information configuration interface provided by an embodiment of the present application, Figure 5 On the basis of Figure 6 As shown, a module adding control 215 is provided in the first information configuration interface 210, the first theme template 213 is in a selected state, and a module adding window 216 corresponding to the fifth trigger operation is displayed. The module adding window 216 can add a module name, module code and module description, and the Cancel button or the OK button provided therein can be used to cancel the theme module creation or confirm the theme module creation. After receiving the basic module information input by the developer through the module adding window 216, a theme module item 217, i.e., a menu bar, can be generated accordingly, and the theme module item 217 can be displayed in the second setting area 218. In addition, the second setting area 218 also displays the added theme modules, such as the information bar, the filter area, the operation bar, etc.
[0092] Step S203: When the sixth trigger operation of the theme template selection control acting on the second information configuration interface is received, at least one currently selectable second theme template is displayed in the third setting area of the second information configuration interface, the target theme template information corresponding to the target theme template in the selected state in the at least one second theme template is read, and multiple theme modules to be configured are extracted from the target theme template information, and theme module controls corresponding to multiple theme modules to be configured are generated and displayed in the fourth setting area of the second information configuration interface.
[0093] The second information configuration interface may be a setting interface for developers to customize the theme styles of different theme modules. Figure 7, which is a schematic diagram of a process of generating and displaying a subject module to be configured using a second information configuration interface provided by an embodiment of the present application, such as Figure 7 As shown, a theme template selection control 311 is provided in the second information configuration interface 310, and at least one currently selectable second theme template 313 generated corresponding to the sixth trigger operation is displayed in the third setting area 312, for example, theme template ①, theme template ②, etc. When theme template ① is selected, a plurality of theme module controls 315 corresponding to the theme modules to be configured are displayed in the fourth setting area 314, for example, a menu bar, a filter area, an information bar, an operation bar, a table area, a pop-up window, a form area, and a scroll bar.
[0094] Step S204: When the target theme module control in the theme module control is in a selected state and the seventh trigger operation of the style setting control acting on the second information configuration interface is received, the style setting window is displayed in the second information configuration interface, and the theme style items are generated according to the basic style information input in the style setting window. The theme style items are displayed in the fifth setting area of the second information configuration interface, and the baseline theme information corresponding to the target theme template is stored. The baseline theme information includes the theme module currently set by the target theme template and the basic information of the theme style corresponding to each theme module.
[0095] The style setting window is used to receive the basic style information input by the developer, which may include the style name, style class name, style content, module type and style description. The baseline theme information can be stored synchronously after completing the theme style configuration corresponding to the theme module under the target theme template, and is used to generate a specific theme in the theme configuration interface. For details, please refer to Figure 8 , which is a schematic diagram of a process of generating and displaying theme style items using a second information configuration interface provided by an embodiment of the present application, Figure 7 On the basis of Figure 8As shown, a style setting control 316 is provided in the second information configuration interface 310, the menu bar in the theme module control 315 corresponding to the theme module to be configured is in a selected state, and a style setting window 317 generated corresponding to the seventh trigger operation is displayed. The style name, style class name, style content, module type and style description can be added in the style setting window 317, and the Cancel button or the OK button provided therein can be used to cancel the theme style creation or confirm the theme style creation. After receiving the basic style information input by the developer through the style setting window 317, a theme style item 318, i.e., the menu selection style, can be generated accordingly, and the theme style item can be displayed in the fifth setting area 319. In addition, the fifth setting area 319 also displays the added theme style items, such as the expanded menu selection style, the menu expansion button style, the mouse over menu style, the expanded submenu style, etc. Optionally, each theme style item may be provided with a control 3181 corresponding to a content modification operation and a control 3182 corresponding to a style deletion operation. User developers may trigger the control 3181 corresponding to the theme style item that requires style content modification to place the theme style item in an editable state where it can accept content modification operations. User developers may also trigger the control 3182 corresponding to the theme style item that requires deletion to delete the theme style item.
[0096] As described above, by providing the first information configuration interface and the second information configuration interface, developers can customize corresponding theme templates to adapt to themes of different styles, determine the theme modules and theme styles corresponding to the theme templates, and meet the diversified theme requirements of different application scenarios.
[0097] Step S103: When the first module control in the module control is in a selected state and a third trigger operation acting on the style adding control in the style configuration window is received, the style adding window is displayed in the theme configuration interface, and the first theme style contained in the first theme module corresponding to the first module control is displayed in the style adding window.
[0098] Among them, the style adding window is used to configure the theme style corresponding to each theme module under the first theme. For details, please refer to Figure 9 , which is a schematic diagram of a process of adding a theme style to a theme module using a theme configuration interface provided by an embodiment of the present application, such as Figure 9As shown, the menu bar in the style configuration window 115 is in a selected state, and after the third trigger operation is received by the style adding control 1153, the style adding window 116 is displayed, which displays the theme module name, i.e., the menu bar, and a plurality of theme styles that can be set by default for the menu bar, such as menu selected style, expanded menu selected style, menu expansion button style, mouse over menu style, expanded submenu style, and the like. Each theme style is provided with a delete icon 1161, and the developer can trigger the delete icon 1161 corresponding to a certain theme style to delete the theme style, thereby meeting the style configuration requirements of different themes. In addition, the cancel button or the submit button provided in the style adding window 116 can be used to cancel the style configuration or submit the style configuration to complete the theme style selection of the menu bar.
[0099] Step S104: generating at least one style item corresponding to the at least one second theme style determined to be selected in the first theme style, and displaying the style item in a second preset area of the style configuration window, wherein each style item is in an editable state that can accept content modification operations.
[0100] According to the second theme style determined to be selected by the style adding window, a corresponding style item is generated. Specifically, each style item can include the following information: style name, style class name, style content, module type, and style description. It should be noted that the style name is a descriptive name that identifies a specific theme style, which facilitates the developer to quickly distinguish different theme styles according to the semantics thereof. The style class name is a unique identifier that encodes different theme styles. The style content is the display effect that defines the theme style, such as color, font size, background color, border form, background color, and the like. The module type identifies which theme module the style belongs to. The style description is a specific descriptive text of the theme style, which facilitates the developer to understand the specific element details of the theme style in more detail. For details, please refer to Figure 10 which is a schematic diagram of a theme configuration interface of a style configuration window provided by an embodiment of the present application, in which Figure 8 based on Figure 10As shown, the menu bar in the style configuration window 115 corresponds to a plurality of style items 1154 configured, and the relevant information displayed corresponding to each style item 1154 includes the style name, style class name, style content, module type and style description. Each style item can be provided with a control 1155 corresponding to a content modification operation and a control 1156 corresponding to a style deletion operation. Developers can trigger the control 1155 corresponding to the style item whose style content needs to be modified to put the style item in an editable state where the content modification operation can be accepted, or they can delete the style item by triggering the control 1156 corresponding to the style item that needs to be deleted. Thus, developers can select the module controls corresponding to the theme modules that need to be adjusted one by one in the first preset area of the theme configuration interface according to actual theme design requirements, and modify the style content of the style items corresponding to the theme styles that need to be adjusted in the second preset area, so as to flexibly adjust and combine different theme styles.
[0101] In a specific embodiment, please refer to Figure 11 , which is a flowchart of a specific implementation process of modifying the style content of a style item based on style configuration information provided by an embodiment of the present application, such as Figure 11 As shown, after the style items are displayed in the second preset area of the style configuration window, the following steps are also included:
[0102] Step S301: Detect whether a style design diagram associated with a first module control and corresponding style configuration information are stored.
[0103] Step S302: when it is detected that a style design drawing associated with the first module control pair is stored, the style design drawing and the corresponding generated style setting control are displayed in the third preset area of the style configuration window.
[0104] Step S303: when the eighth trigger operation acting on the style setting control is received, the style content of the style item is modified based on the style configuration information.
[0105] It should be noted that the style design drawing can be a display effect drawing drawn in advance by designers for multiple theme styles contained in the first theme module based on the design requirements of specific application scenarios. The style design drawing can provide developers with a reference pattern for style adjustment, and the style design drawing is associated with style configuration information, which is style content information corresponding to configuring the first theme module to have the same display effect as the style design drawing. Therefore, if it is detected that a style design drawing associated with the first module control is stored, the style design drawing and the style setting control are displayed in the third preset area of the style configuration window, which can provide developers with an intuitive reference pattern, and by providing the style setting control, developers can configure multiple theme styles of the first theme module to have the same display effect as the style design drawing with one click, which is convenient and efficient. For details, please refer to Figure 12 , which is a schematic diagram of a theme configuration interface that displays a style design diagram and a style setting control in a style configuration window provided by an embodiment of the present application, Figure 10 On the basis of Figure 12 As shown, a style design diagram 11571 and a style setting control 11572 are displayed in the third preset area 1157 of the style configuration window 115 .
[0106] Optionally, there can be multiple style setting controls, specifically, a style setting control is set for each theme style in the first theme module. By triggering different style setting controls, the style content of the first style item corresponding to a certain theme style can be individually configured based on the style configuration information, so that the display effect of the theme style is configured to be the same as the style design drawing. Therefore, on the basis of providing a style design drawing, the style configuration granularity of each theme module can be refined to meet different development needs.
[0107] In another specific embodiment, after the style item is displayed in the second preset area of the style configuration window, the following process is further included:
[0108] When an image input operation of the image import control acting on the style configuration window is detected, the image to be identified corresponding to the image input operation is obtained, color recognition is performed on the image to be identified to determine the target color code, and the target color code is displayed in the fourth preset area of the style configuration window.
[0109] It is worth noting that due to the large number of color types, developers may want to set the color of the theme style to the same as the target color of a certain design image when browsing various design images. However, due to the uncertainty of the color code of the target color, they cannot achieve this by modifying the style content of the style item. Therefore, by providing an image import control, developers can be provided with an input method for the image to be recognized, perform color recognition on the image to be recognized, and automatically generate the target color code. For details, please refer to Figure 13 , which is a schematic diagram of a theme configuration interface that displays a target color code and an image import control in a style configuration window provided by an embodiment of the present application. Figure 10 On the basis of Figure 13 As shown, a picture import control 11581 and a target color code 11582 are displayed in the fourth preset area 1158 of the style configuration window 115 .
[0110] Step S105: upon receiving a content modification operation acting on a target style item among the style items, the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation.
[0111] The style content may include style color, font size, background color, border color, border size, and whether the border is rounded, etc., which are not limited in this application. Figure 14 , which is a schematic diagram of a process of modifying the style content of a style item using a theme configuration interface provided by an embodiment of the present application. Figure 10 On the basis of Figure 14 As shown, when a trigger operation of a control 1155 corresponding to a style item that requires style content modification is received, a corresponding style content modification window 116 can be generated. The style content modification window 116 can receive the developer's content modification operation to adjust the background color, and through the set Cancel button or Submit button, you can choose to cancel the modified content, or submit the modified content to complete the style content configuration.
[0112] In one embodiment, after the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation, the following steps are further included:
[0113] Render the theme style corresponding to the target style item in the theme configuration interface according to the updated style content corresponding to the target style item.
[0114] It should be noted that based on the updated style content corresponding to the target style item, the display effect of the theme style corresponding to the target style item can be adjusted immediately in the theme configuration interface, providing developers with intuitive feedback on the display effect, allowing developers to efficiently adjust the style content of the theme style to achieve the desired visual effect. For example, after the developer adjusts the menu selection style of the menu bar to the target color, the color of the menu selection style of the menu bar in the theme configuration interface can be synchronized to the target color, making it easier for the developer to confirm whether to adopt or replace the target color.
[0115] In another embodiment, after the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation, the following steps are further included:
[0116] The first theme is added to a set selectable theme list, and when a theme setting operation corresponding to the first theme is received, a theme configuration interface is rendered based on the first theme.
[0117] It should be noted that the first theme can be added to the optional theme list of the settings. After the developer completes the theme style setting of the first theme, the first theme can be set as the current theme of the theme configuration interface through the theme setting operation. Therefore, in response to the theme selection operation corresponding to the first theme, the theme configuration interface can be rendered based on the first theme, providing the developer with a preview of the display effect of the first theme, which is convenient for subsequent optimization and adjustment of the theme style of the first theme.
[0118] In the above solution, by providing a theme configuration interface for customized theme style configuration, it is convenient for developers to customize theme styles corresponding to different themes according to actual design requirements. At the same time, the style content of the theme style can be flexibly adjusted and different display effects can be configured, shortening the development cycle and improving development efficiency.
[0119] Figure 15 A flowchart of a theme generation method including a process of modifying a frequency display style item corresponding to a second theme style is provided in an embodiment of the present application, such as Figure 15 As shown, the following steps are included:
[0120] Step S401: When a first trigger operation acting on a theme adding control in a theme configuration interface is received, a theme adding window is displayed in the current theme configuration interface, and a first theme to be configured is generated and displayed according to basic theme information input in the theme adding window.
[0121] Step S402: When the first theme is in a selected state and a second trigger operation acting on a style configuration control in the theme configuration interface is received, multiple theme modules and multiple theme styles contained in each theme module are extracted from pre-stored baseline theme information, a style configuration window is displayed in the theme configuration interface, a module control corresponding to each theme module is generated, and the module control is displayed in the first preset area of the style configuration window.
[0122] Step S403: When the first module control in the module control is in a selected state and a third trigger operation acting on the style adding control in the style configuration window is received, the style adding window is displayed in the theme configuration interface, and the first theme style contained in the first theme module corresponding to the first module control is displayed in the style adding window.
[0123] Step S404: generating at least one corresponding style item according to at least one second theme style selected from the first theme style.
[0124] Step S405: Obtain the historical modification data corresponding to the recorded theme style, and perform modification frequency statistics of each second theme style on the historical modification data.
[0125] Step S406: displaying style items in a second preset area of the style configuration window in descending order of modification frequency corresponding to the second theme style, wherein each style item is in an editable state to accept content modification operations.
[0126] Step S407: upon receiving a content modification operation acting on a target style item among the style items, the style content corresponding to the target style item is updated to the input content information corresponding to the content modification operation.
[0127] It is worth noting that this historical modification data can record the theme styles selected and modified by the developer each time a new theme is added, along with the corresponding timestamps. It is worth noting that due to different interface design requirements, the theme styles selected for adjustment may be different each time a developer adds a new theme file. Therefore, the modification frequency of different theme styles may vary, which can, to some extent, reflect the developer's configuration habits or the importance of the theme styles. It is understood that the greater the modification frequency of a second theme style, the more important it is as a visual element of the interface, the greater its visual impact, or the greater the developer's intention to adjust it, and the higher the likelihood that it will accept content adjustments again. Therefore, the greater the modification frequency, the higher the order of its display position in the second preset area should be. For example, if multiple style items are displayed from top to bottom in the second preset area, then based on user browsing habits, the style item corresponding to the second theme style with the highest modification frequency should be displayed first from top to bottom. Optionally, if the modification frequencies of the second theme styles are the same, they can be sorted according to other configuration rules, for example, alphabetically by the name of the second theme style, but this is not limited to this in this application.
[0128] As described above, by displaying multiple style items in descending order based on the modification frequency corresponding to the second theme style, the style items can be displayed in order based on the developer's configuration habits or the importance of the theme style, thereby optimizing the developer's usage experience and improving development efficiency.
[0129] Figure 16 This is a structural diagram of a theme generation device provided in an embodiment of the present application. Figure 16 As shown, the theme generating apparatus includes a theme adding unit 410 , a theme module display unit 420 , a theme style display unit 430 , a theme style selecting unit 440 and a style content adjusting unit 450 .
[0130] The theme adding unit 410 is configured to, upon receiving a first trigger operation acting on a theme adding control in the theme configuration interface, display a theme adding window in the current theme configuration interface, and generate and display a first theme to be configured based on the basic theme information entered in the theme adding window;
[0131] Theme module display unit 420 is configured to, when the first theme is selected and a second trigger operation acting on a style configuration control in the theme configuration interface is received, extract multiple theme modules and multiple theme styles contained in each theme module from pre-stored baseline theme information, display a style configuration window in the theme configuration interface, generate a module control corresponding to each theme module, and display the module control in a first preset area of the style configuration window;
[0132] The theme style display unit 430 is configured to, when a first module control in the module controls is selected and a third trigger operation acting on a style adding control in the style configuration window is received, display a style adding window in the theme configuration interface and display a first theme style included in a first theme module corresponding to the first module control in the style adding window;
[0133] Theme style selection unit 440 is configured to generate at least one corresponding style item based on at least one second theme style selected from the first theme style, and display the style items in a second preset area of the style configuration window, wherein each style item is in an editable state to accept content modification operations;
[0134] The style content adjusting unit 450 is configured to, upon receiving a content modification operation acting on a target style item among the style items, update the style content corresponding to the target style item to the input content information corresponding to the content modification operation.
[0135] In the above solution, by providing a theme configuration interface for customized theme style configuration, it is convenient for developers to independently customize theme styles corresponding to different themes according to actual design requirements. At the same time, the style content of the theme style can be flexibly adjusted and different display effects can be configured, shortening the development cycle and improving development efficiency.
[0136] Based on the above embodiment, the following further aspects are included:
[0137] The base theme information generating unit is configured to, upon receiving a fourth triggering operation on a template adding control on the first information configuration interface, display a template adding window on the first information configuration interface, generate a first theme template based on the base template information input in the template adding window, and display the first theme template to be configured in a first setting area on the first information configuration interface;
[0138] When the first theme template is in a selected state and the fifth trigger operation of the module adding control of the first information configuration interface is received, a module adding window is displayed in the first information configuration interface, a theme module item is generated according to the basic module information input in the module adding window, and the theme module item is displayed in the second setting area of the first information configuration interface, and theme module information corresponding to the first theme template is stored, where the theme module information includes basic information of multiple theme modules currently configured in the first theme template;
[0139] Upon receiving a sixth trigger operation of a theme template selection control acting on the second information configuration interface, displaying at least one currently selectable second theme template in the third setting area of the second information configuration interface, reading target theme template information corresponding to a target theme template in a selected state in the at least one second theme template, extracting multiple theme modules to be configured from the target theme template information, and generating and displaying theme module controls corresponding to the multiple theme modules to be configured in the fourth setting area of the second information configuration interface;
[0140] When the target theme module control in the theme module control is in the selected state and the seventh trigger operation of the style setting control acting on the second information configuration interface is received, the style setting window is displayed in the second information configuration interface, and the theme style items are generated according to the basic style information input in the style setting window. The theme style items are displayed in the fifth setting area of the second information configuration interface, and the baseline theme information corresponding to the target theme template is stored. The baseline theme information includes the theme module currently set by the target theme template and the basic information of the theme style corresponding to each theme module.
[0141] Based on the above embodiment, the following further aspects are included:
[0142] The theme style rendering unit is configured to render the theme style corresponding to the target style item in the theme configuration interface according to the updated style content corresponding to the target style item.
[0143] Based on the above embodiment, the number of style items is multiple, and further includes:
[0144] The modification frequency statistics unit is configured to obtain the historical modification data corresponding to the recorded theme style, and perform modification frequency statistics of each second theme style on the historical modification data.
[0145] Accordingly, the theme style selection unit 440 is further configured to:
[0146] In the second preset area of the style configuration window, style items are displayed in descending order according to the modification frequency corresponding to the second theme style.
[0147] Based on the above embodiment, the following further aspects are included:
[0148] The style content setting unit is configured to detect whether a style design drawing associated with the first module control and corresponding style configuration information are stored; when it is detected that a style design drawing associated with the first module control is stored, the style design drawing and the corresponding generated style setting control are displayed in the third preset area of the style configuration window; when an eighth trigger operation acting on the style setting control is received, the style content of the style item is modified based on the style configuration information.
[0149] Based on the above embodiment, the following further aspects are included:
[0150] The color code display unit is configured to, when a picture input operation of a picture import control acting on a style configuration window is detected, obtain the picture to be identified corresponding to the picture input operation, perform color recognition on the picture to be identified to determine the target color code, and display the target color code in the fourth preset area of the style configuration window.
[0151] Based on the above embodiment, the following further aspects are included:
[0152] The configuration interface rendering unit is configured to add the first theme to a set selectable theme list; and render a theme configuration interface based on the first theme when a theme setting operation corresponding to the first theme is received.
[0153] The theme generation device provided in the embodiment of the present application is included in an electronic device and can be used to execute the corresponding theme generation method provided in the above embodiment, and has corresponding functions and beneficial effects.
[0154] It is worth noting that in the embodiment of the above-mentioned theme generation device, the various units and modules included are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of the present invention.
[0155] Figure 17 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Figure 17 As shown, the electronic device includes a processor 510 and a memory 520, and may further include an input device 530, an output device 540, and a communication device 550; the number of processors 510 in the electronic device may be one or more, Figure 17 In the figure, a processor 510 is used as an example; the processor 510, the memory 520, the input device 530, the output device 540 and the communication device 550 in the electronic device can be connected via a bus or other means. Figure 17 The bus connection is taken as an example.
[0156] Memory 520, as a computer-readable storage medium, can be used to store software programs, computer-executable programs, and modules, such as the program instructions / modules corresponding to the theme generation method in the embodiments of the present application. Processor 510 executes the software programs, instructions, and modules stored in memory 520 to execute various functional applications and data processing of the electronic device, thereby implementing the above-mentioned theme generation method.
[0157] The memory 520 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application required for a function; the data storage area may store data created based on the use of the electronic device, etc. In addition, the memory 520 may include a high-speed random access memory and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other non-volatile solid-state storage device. In some instances, the memory 520 may further include a memory remotely located relative to the processor 510, and these remote memories may be connected to the electronic device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.
[0158] The input device 530 may be used to receive input digital or character information and generate key signal input related to the developer settings and function control of the electronic device. The output device 540 may include electronic devices such as a display screen.
[0159] The electronic device mentioned above includes a theme generation device, which can be used to execute any theme generation method and has corresponding functions and beneficial effects.
[0160] An embodiment of the present application also provides a computer-readable storage medium on which a computer program is stored. When the computer program is executed by a processor, it is used to perform the relevant operations in the method provided in any embodiment of the present application and has corresponding functions and beneficial effects.
[0161] Those skilled in the art should understand that the embodiments of the present application may be provided as methods, systems, or computer program products.
[0162] Therefore, the present application may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present application may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code. The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the steps in the process. Figure 1 a process or multiple processes and / or boxes Figure 1These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing device to work in a specific way, so that the instructions stored in the computer-readable memory produce a product including the instruction device, which implements the function specified in the process. Figure 1 a process or multiple processes and / or boxes Figure 1 These computer program instructions can also be loaded onto a computer or other programmable data processing device, so that a series of operation steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process in the process. Figure 1 a process or multiple processes and / or boxes Figure 1 A step that specifies a function in one or more boxes.
[0163] In a typical configuration, a computing device includes one or more processors (CPUs), input / output interfaces, network interfaces, and memory. Memory may include non-permanent storage in a computer-readable medium, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of a computer-readable medium.
[0164] Computer-readable media include permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. The information can be computer-readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassettes, magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media does not include transitory media such as modulated data signals and carrier waves.
[0165] It should also be noted that the terms "comprises," "includes," or any other variations thereof are intended to encompass non-exclusive inclusion, such that a process, method, commodity, or apparatus that includes a series of elements includes not only those elements but also other elements not explicitly listed, or includes elements inherent to such process, method, commodity, or apparatus. In the absence of further limitations, an element defined by the phrase "comprises a ..." does not exclude the presence of other identical elements in the process, method, commodity, or apparatus that includes the element.
[0166] Note that the above are only preferred embodiments of the present invention and the technical principles employed. Those skilled in the art will appreciate that the present invention is not limited to the specific embodiments herein, and that various obvious changes, readjustments, and substitutions are possible for those skilled in the art without departing from the scope of protection of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments and may include many other equivalent embodiments without departing from the scope of the present invention. The scope of the present invention is determined by the scope of the appended claims.
Claims
1. A topic generation method, characterized in that: include: When a first trigger operation acting on a theme adding control in a theme configuration interface is received, a theme adding window is displayed in the current theme configuration interface, and a first theme to be configured is generated and displayed according to basic theme information input in the theme adding window; When the first theme is selected and a second trigger operation acting on a style configuration control in the theme configuration interface is received, extracting a plurality of theme modules and a plurality of theme styles contained in each of the theme modules from pre-stored baseline theme information, displaying a style configuration window in the theme configuration interface, generating a module control corresponding to each of the theme modules, and displaying the module control in a first preset area of the style configuration window; When a first module control among the module controls is in a selected state and a third trigger operation acting on a style adding control in the style configuration window is received, a style adding window is displayed in the theme configuration interface, and a first theme style included in a first theme module corresponding to the first module control is displayed in the style adding window; generating at least one corresponding style item according to at least one second theme style selected from the first theme style, and displaying the style item in a second preset area of the style configuration window, wherein each style item is in an editable state to accept content modification operations; When a content modification operation acting on a target style item among the style items is received, updating the style content corresponding to the target style item to the input content information corresponding to the content modification operation; Wherein, after displaying the style item in the second preset area of the style configuration window, the method further includes: Upon detecting an image input operation on an image import control of the style configuration window, obtaining an image to be identified corresponding to the image input operation, performing color recognition on the image to be identified to determine a target color code, and displaying the target color code in a fourth preset area of the style configuration window; After updating the style content corresponding to the target style item to the input content information corresponding to the content modification operation, the method further includes: Adding the first theme to the set optional theme list; In a case where a theme setting operation corresponding to the first theme is received, the theme configuration interface is rendered based on the first theme.
2. The topic generation method according to claim 1, characterized in that: Before extracting a plurality of theme modules and a plurality of theme styles contained in each theme module from the pre-stored reference theme information, the method further includes: Upon receiving a fourth trigger operation of a template adding control on the first information configuration interface, displaying a template adding window in the first information configuration interface, generating a first theme template according to the basic template information entered in the template adding window, and displaying the first theme template to be configured in the first setting area of the first information configuration interface; When the first theme template is in a selected state and a fifth trigger operation of a module adding control of the first information configuration interface is received, a module adding window is displayed in the first information configuration interface, a theme module item is generated according to the basic module information input in the module adding window, the theme module item is displayed in a second setting area of the first information configuration interface, and theme module information corresponding to the first theme template is stored, the theme module information including basic information of multiple theme modules currently configured by the first theme template; Upon receiving a sixth trigger operation of a theme template selection control acting on the second information configuration interface, displaying at least one currently selectable second theme template in the third setting area of the second information configuration interface, reading target theme template information corresponding to a target theme template in a selected state among the at least one second theme template, extracting multiple theme modules to be configured from the target theme template information, and generating and displaying theme module controls corresponding to the multiple theme modules to be configured in the fourth setting area of the second information configuration interface; When the target theme module control in the theme module control is in a selected state and the seventh trigger operation of the style setting control acting on the second information configuration interface is received, a style setting window is displayed in the second information configuration interface, theme style items are generated according to the basic style information input in the style setting window, and the theme style items are displayed in the fifth setting area of the second information configuration interface, and the baseline theme information corresponding to the target theme template is stored, and the baseline theme information includes the theme module currently set by the target theme template and the basic information of the theme style corresponding to each theme module.
3. The topic generation method according to claim 1, characterized in that: After updating the style content corresponding to the target style item to the input content information corresponding to the content modification operation, the method further includes: Rendering the theme style corresponding to the target style item in the theme configuration interface according to the updated style content corresponding to the target style item.
4. The topic generation method according to claim 1, characterized in that: There are multiple style items, and before displaying the style items in the second preset area of the style configuration window, the method further includes: Get the historical modification data corresponding to the recorded theme style; Performing modification frequency statistics of each second theme style on the historical modification data; Correspondingly, displaying the style item in the second preset area of the style configuration window includes: The style items are displayed in a second preset area of the style configuration window in descending order according to the modification frequency corresponding to the second theme style.
5. The topic generation method according to claim 1, characterized in that: After displaying the style item in the second preset area of the style configuration window, the method further includes: Detecting whether a style design diagram associated with the first module control and corresponding style configuration information are stored; In the case where it is detected that a style design drawing associated with the first module control pair is stored, displaying the style design drawing and the corresponding generated style setting control in a third preset area of the style configuration window; In case of receiving an eighth triggering operation acting on the style setting control, the style content of the style item is modified based on the style configuration information.
6. The theme generating device is characterized in that: include: A theme adding unit is configured to, upon receiving a first trigger operation acting on a theme adding control in a theme configuration interface, display a theme adding window in the current theme configuration interface, and generate and display a first theme to be configured based on basic theme information input in the theme adding window; a theme module display unit configured to, when the first theme is selected and a second trigger operation acting on a style configuration control in the theme configuration interface is received, extract a plurality of theme modules and a plurality of theme styles contained in each of the theme modules from pre-stored baseline theme information, display a style configuration window in the theme configuration interface, generate a module control corresponding to each of the theme modules, and display the module control in a first preset area of the style configuration window; a theme style display unit configured to, when a first module control in the module controls is in a selected state and a third trigger operation acting on a style adding control in the style configuration window is received, display a style adding window in the theme configuration interface, and display in the style adding window a first theme style included in a first theme module corresponding to the first module control; a theme style selection unit configured to generate at least one corresponding style item based on at least one second theme style selected from the first theme style, and display the style item in a second preset area of the style configuration window, wherein each style item is in an editable state to accept content modification operations; a style content adjustment unit configured to, upon receiving a content modification operation acting on a target style item among the style items, update the style content corresponding to the target style item to input content information corresponding to the content modification operation; A color code display unit is configured to, upon detecting an image input operation on an image import control of the style configuration window, obtain an image to be identified corresponding to the image input operation, perform color recognition on the image to be identified to determine a target color code, and display the target color code in a fourth preset area of the style configuration window; The configuration interface rendering unit is configured to add the first theme to a set selectable theme list; and render a theme configuration interface based on the first theme when a theme setting operation corresponding to the first theme is received.
7. An electronic device, characterized in that include: one or more processors; a memory for storing one or more computer programs; When the one or more computer programs are executed by the one or more processors, the electronic device implements the theme generation method according to any one of claims 1 to 5.
8. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the subject generation method according to any one of claims 1 to 5 is implemented.
Citation Information
Patent Citations
Style configuration method and device for interface theme, electronic equipment and medium
CN112783493A
Theme interface generation method and device, computer equipment and storage medium
CN117032690A