CN116088996A - Interface theme switching method, device, equipment, medium and product - Google Patents

Interface theme switching method, device, equipment, medium and product Download PDF

Info

Publication number
CN116088996A
CN116088996A CN202310176903.4A CN202310176903A CN116088996A CN 116088996 A CN116088996 A CN 116088996A CN 202310176903 A CN202310176903 A CN 202310176903A CN 116088996 A CN116088996 A CN 116088996A
Authority
CN
China
Prior art keywords
interface
interface theme
component
configuration file
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
Application number
CN202310176903.4A
Other languages
Chinese (zh)
Inventor
王廷廷
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202310176903.4A priority Critical patent/CN116088996A/en
Publication of CN116088996A publication Critical patent/CN116088996A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/903—Querying
    • G06F16/90335—Query processing
    • G06F16/90344—Query processing by using string matching techniques
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Abstract

The application belongs to the field of financial science and technology or other related fields, and particularly provides an interface theme switching method, device, equipment, medium and product, wherein the method comprises the following steps: responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component; determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation; and responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file. According to the interface theme switching method, the corresponding configuration file is set in advance according to the interface theme, so that code re-writing is not needed, and the interface theme switching efficiency is improved.

Description

Interface theme switching method, device, equipment, medium and product
Technical Field
The present disclosure relates to the field of financial science and technology, and in particular, to an interface theme switching method, apparatus, device, medium, and product.
Background
With the continuous development of computer technology, online business processing is gradually adopted in the field of financial science and technology. For PC (English is called Personal Computer, chinese is personal computer) end service, such as internal or external service, front end service lines of different products, and display styles of interfaces, namely interface subjects, can be different. The interface theme has certain influence on the operation and experience of business personnel, so that the determination of the proper interface theme is particularly important.
At present, the interface theme is fixedly configured and cannot be changed at will, if the interface theme needs to be changed, the code needs to be rewritten, and the original code is covered by the new code to realize interface theme switching.
Therefore, the switching efficiency of the current interface theme is low.
Disclosure of Invention
The application provides an interface theme switching method, device, equipment, medium and product, which are used for solving the problems that at present, if an interface theme needs to be replaced, a code needs to be rewritten, the original code is covered by a new code, and the switching efficiency of the interface theme is low.
The first aspect of the present application provides an interface theme switching method, including:
responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component;
determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation;
and responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file.
Further, the method as described above, wherein the determining the corresponding interface theme configuration file according to the character string identifier includes:
acquiring a corresponding interface theme configuration file from a preset configuration file database according to the character string identification; and the preset configuration file database stores the mapping relation between the character string identification and the interface theme configuration file.
Further, as described above, the interface theme profile includes a plurality of interface sub-profiles;
the interface theme switching method according to the interface theme configuration file comprises the following steps:
generating interface display contents of the corresponding areas of the interfaces according to the interface sub-configuration files to finish interface theme switching; the interface sub-configuration files comprise a tone sub-configuration file, a frame sub-configuration file, a component position sub-file and a font sub-configuration file.
Further, in the method as described above, the generating the interface presentation content of the interface corresponding area according to each interface sub-configuration file to complete the interface theme switching includes:
loading each interface sub-configuration file to generate interface display content of the corresponding area of the interface;
and after the preset time, displaying the whole content of the interface to finish the static switching of the interface theme.
Further, the method as described above, after the interface theme is switched according to the interface theme configuration file, further includes:
responding to a local change instruction triggered by a user, and displaying a local component selection frame;
responding to the selection operation of the user on the local component, and determining a corresponding local component configuration file;
and modifying the corresponding display content of the interface according to the local component configuration file.
Further, the method as described above, wherein the displaying the local component selection box in response to the local change instruction triggered by the user includes:
responding to clicking operation of a user on the local component, and generating a corresponding local change instruction;
and displaying the local component selection box according to the local change instruction.
Further, as described above, the determining the corresponding local component profile includes:
determining a character string identifier corresponding to the local component;
determining a corresponding local component configuration file according to the character string identifier corresponding to the local component; the local component profile includes a button component size profile and a button component color profile.
Further, the method as described above, before the responding to the user selection operation of the interface theme component, further includes:
and responding to clicking operation of the interface theme switching component by a user, and popping up a theme selection box comprising the interface theme component.
A second aspect of the present application provides an interface theme switching device, including:
the first determining module is used for responding to the selection operation of the user on the interface theme component and determining the character string identification corresponding to the interface theme component;
the second determining module is used for determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation;
and the switching module is used for responding to the clicking operation of the switching determining component by a user and switching the interface theme according to the interface theme configuration file.
Further, in the apparatus as described above, the second determining module is specifically configured to:
acquiring a corresponding interface theme configuration file from a preset configuration file database according to the character string identification; and the preset configuration file database stores the mapping relation between the character string identification and the interface theme configuration file.
Further, the apparatus as described above, the interface theme profile includes a plurality of interface sub-profiles;
the switching module is specifically configured to, when switching the interface theme according to the interface theme configuration file:
generating interface display contents of the corresponding areas of the interfaces according to the interface sub-configuration files to finish interface theme switching; the interface sub-configuration files comprise a tone sub-configuration file, a frame sub-configuration file, a component position sub-file and a font sub-configuration file.
Further, in the apparatus as described above, when the switching module generates the interface presentation content of the interface corresponding area according to each of the interface sub-configuration files to complete the interface theme switching, the switching module is specifically configured to:
loading each interface sub-configuration file to generate interface display content of the corresponding area of the interface; and after the preset time, displaying the whole content of the interface to finish the static switching of the interface theme.
Further, the apparatus as described above, further comprising:
the local modification module is used for responding to a local modification instruction triggered by a user and displaying a local component selection frame; responding to the selection operation of the user on the local component, and determining a corresponding local component configuration file; and modifying the corresponding display content of the interface according to the local component configuration file.
Further, in the apparatus as described above, the local modification module is specifically configured to, when the local component selection box is displayed in response to a local change instruction triggered by a user:
responding to clicking operation of a user on the local component, and generating a corresponding local change instruction; and displaying the local component selection box according to the local change instruction.
Further, in the apparatus as described above, the local modification module is specifically configured to, when determining the corresponding local component configuration file:
determining a character string identifier corresponding to the local component; determining a corresponding local component configuration file according to the character string identifier corresponding to the local component; the local component profile includes a button component size profile and a button component color profile.
Further, the apparatus as described above, further comprising:
and the selection box pop-up module is used for popping up a theme selection box comprising the interface theme component in response to the clicking operation of the interface theme switching component by the user.
A third aspect of the present application provides an electronic device, comprising: a memory and a processor;
the memory stores computer-executable instructions;
the processor executes computer-executable instructions stored in the memory to implement the interface theme switching method as described in any one of the first aspects.
A fourth aspect of the present application provides a computer-readable storage medium having stored therein computer-executable instructions for implementing the interface theme switching method of any one of the first aspects when executed by a processor.
A fifth aspect of the present application provides a computer program product comprising a computer program which, when executed by a processor, implements the interface theme switching method of any one of the first aspects.
The application provides an interface theme switching method, device, equipment, medium and product, wherein the method comprises the following steps: responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component; determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation; and responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file. According to the interface theme switching method, the corresponding configuration file is set in advance according to the interface theme, and when the user performs interface theme switching, the character string identification corresponding to the interface theme component is determined in response to the selection operation of the user on the interface theme component. And simultaneously, determining a corresponding interface theme configuration file according to the character string identification, responding to clicking operation of a switching determination component by a user, and switching the interface theme according to the interface theme configuration file. Therefore, the code does not need to be rewritten, and the switching efficiency of the interface theme is improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the application and together with the description, serve to explain the principles of the application.
FIG. 1 is a scene graph of an interface theme switching method that may implement embodiments of the present application;
fig. 2 is a schematic flow chart of an interface theme switching method provided in the present application;
FIG. 3 is a second flow chart of the interface theme switching method provided in the present application;
fig. 4 is a schematic structural diagram of an interface theme switching device provided in the present application;
fig. 5 is a schematic structural diagram of a switching device for interface theme provided in the present application;
fig. 6 is a schematic structural diagram of an electronic device provided in the present application.
Specific embodiments thereof have been shown by way of example in the drawings and will herein be described in more detail. These drawings and the written description are not intended to limit the scope of the inventive concepts in any way, but to illustrate the concepts of the present application to those skilled in the art by reference to specific embodiments.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as detailed in the accompanying claims.
In the technical scheme of the embodiment of the application, the related processes of collecting, storing, using, processing, transmitting, providing, disclosing and the like of the personal information of the user accord with the regulations of related laws and regulations, and the public order is not violated.
It should be noted that, the user information (including but not limited to user equipment information, user personal information, etc.) and the data (including but not limited to data for analysis, stored data, presented data, etc.) related to the present application are information and data authorized by the user or fully authorized by each party, and the collection, use and processing of the related data need to comply with the related laws and regulations and standards of the related country and region, and provide corresponding operation entries for the user to select authorization or rejection.
It should be noted that the method, apparatus, device, medium and product for interface theme switching of the present disclosure may be used in the field of financial technology or other related fields. But also can be used in any field other than the field of financial science and technology or other related fields. The interface theme switching method, device, equipment, medium and product application fields are not limited.
The technical scheme of the present application is described in detail below with specific examples. The following embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.
For a clear understanding of the technical solutions of the present application, the prior art solutions will be described in detail first. Currently, in the field of financial science and technology, online service processing is gradually adopted, and users can perform service processing through terminal devices such as computers, mobile phones, tablets and the like. The interface theme is generally different for the front-end business lines of different products. The interface theme has certain influence on the operation and experience of business personnel, for example, multiple colors are generally adopted in the interface theme. The distribution of each color and the specific selection of the colors can have certain influence on business personnel. If more black is used in the interface theme, the service personnel can feel tired more easily after a long time, so that the working efficiency of the service personnel is reduced.
At present, the interface theme is fixedly configured and cannot be changed at will, if the interface theme needs to be changed, the code needs to be rewritten, and the original code is covered by the new code to realize interface theme switching. Therefore, the switching efficiency of the current interface theme is low.
Therefore, the inventor finds out in research that in order to solve the problem of low interface theme switching efficiency caused by the interface theme switching mode in the prior art, the inventor can generate corresponding configuration files by generating corresponding character string identifiers, namely token character strings, according to the theme types of the interface display style based on the thought of the design token (Chinese can be translated into a design symbol). And the user can determine the corresponding configuration file according to the token character string by selecting the interface theme to be switched, so that the interface theme switching is realized according to the configuration file.
Token transliteration in the design token is used for verifying the identity of a user and a server in technical logic, and the design token is used for abstracting basic elements such as colors, layouts, patterns and even animations in a design system and summarizing the basic elements into a set of identifiable code systems, so that the consistency of the product in multiple ends of patterns is ensured. In the development process, the design system based on design token expansion can develop all components with high reusability in advance, and the production and research efficiency is greatly improved. The design token is just like the license plate number of a car, and all information of what brand, color, power and the like the car is can be traced back to on a specific platform through the license plate number.
Specifically, in response to a user selection operation of the interface theme component, a character string identifier corresponding to the interface theme component is determined. And determining a corresponding interface theme configuration file according to the character string identification. The character string identification and the interface theme configuration file have a mapping relation. And responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file.
According to the interface theme switching method, the corresponding configuration file is set in advance according to the interface theme, and when the user performs interface theme switching, the character string identification corresponding to the interface theme component is determined in response to the selection operation of the user on the interface theme component. Meanwhile, determining a corresponding interface theme configuration file according to the character string identification, responding to clicking operation of a switching determination component by a user, and switching the interface theme according to the interface theme configuration file. Therefore, the code does not need to be rewritten, and the switching efficiency of the interface theme is improved.
The inventor puts forward the technical scheme of the application based on the creative discovery.
The following describes an application scenario of the interface theme switching method provided in the embodiment of the present application. As shown in fig. 1, 1 is an electronic device, and 2 is a user. The network architecture of the application scenario corresponding to the interface theme switching method provided by the embodiment of the application comprises the following steps: an electronic device 1.
For example, when the user 2 needs to perform the interface theme switching, the electronic device 1 performs a selection operation of the interface theme component, and the electronic device 1 determines the character string identifier corresponding to the interface theme component in response to the selection operation of the interface theme component by the user. Meanwhile, the background of the electronic equipment 1 determines a corresponding interface theme configuration file according to the character string identification. After the user 2 has selected the interface theme component, the user may click on the switching determination component, and at this time, the electronic device 1 switches the interface theme according to the interface theme configuration file in response to the click operation of the switching determination component by the user. In the process of switching the interface theme, the electronic device 1 can display the switching process to the user in a mode of dynamically displaying the interface theme or statically displaying the interface theme, and prompt the user that the switching is completed after the interface theme is switched. The prompting mode may be interface flashing, sending prompting information to the screen of the electronic device 1, or sending prompting information to the user terminal, etc.
Embodiments of the present application are described below with reference to the accompanying drawings.
Fig. 2 is a schematic flow chart of an interface theme switching method provided in the present application, as shown in fig. 2, in this embodiment, an execution body of the embodiment of the present application is an interface theme switching device, and the interface theme switching device may be integrated in an electronic device. The interface theme switching method provided in this embodiment includes the following steps:
step S101, responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component.
In this embodiment, the interface theme component may be displayed by color and name. The user may select an interface theme component by selecting in a selection box that includes the interface theme component.
The selection box includes interface theme components such as a black-and-white interface theme component, a forest interface theme component, a enthusiasm interface theme component and the like, and if the user clicks the corresponding interface theme component from the selection box, the electronic equipment background responds to the selection operation of the user to determine the character string identifier corresponding to the forest interface theme component.
The interface theme components may be different according to different businesses, such as in the financial field, and the deposit business and the loan business may correspond to different interface theme components. The corresponding relation between the interface theme components and the character string identifiers is preset, and each interface theme component has the corresponding character string identifier. The string identifier may be a token string in a design token.
Step S102, corresponding interface theme configuration files are determined according to the character string identification. The character string identification and the interface theme configuration file have a mapping relation.
In this embodiment, a mapping relationship between an interface theme configuration file and a character string identifier is preset, where the interface theme configuration file is used to generate a part of display content in an interface theme. The interface theme configuration file can be written in advance by a technician or other users and stored in the database, and when the interface theme configuration file is needed to be used, the interface theme configuration file can be obtained from the database, so that the obtaining efficiency of the interface theme configuration file is improved.
Step S103, responding to clicking operation of a user on the switching determination component, and switching the interface theme according to the interface theme configuration file.
In this embodiment, when the background determines the interface theme configuration file, the user may perform a click operation on the switch determination component. When the user clicks the switching determining component, the user is determined to switch the interface theme, so that the problem that the user directly switches when the user mistakenly selects the interface theme component which is not required can be avoided.
After the clicking operation of the user on the switching determining component, responding to the action of the user, and switching the interface theme according to the determined interface theme configuration file.
The interface theme switching method provided by the embodiment of the application comprises the following steps: and responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component. And determining a corresponding interface theme configuration file according to the character string identification. The character string identification and the interface theme configuration file have a mapping relation. And responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file.
According to the interface theme switching method, the corresponding configuration file is set in advance according to the interface theme, and when the user performs interface theme switching, the character string identification corresponding to the interface theme component is determined in response to the selection operation of the user on the interface theme component. Meanwhile, determining a corresponding interface theme configuration file according to the character string identification, responding to clicking operation of a switching determination component by a user, and switching the interface theme according to the interface theme configuration file. Therefore, the code does not need to be rewritten, and the switching efficiency of the interface theme is improved.
Fig. 3 is a second flow chart of the interface theme switching method provided in the present application, as shown in fig. 3, and the interface theme switching method provided in the present embodiment is further refined based on the interface theme switching method provided in the previous embodiment of the present application. The interface theme switching method provided in this embodiment includes the following steps.
Step S201, responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component.
In this embodiment, the implementation manner of step 201 is similar to that of step 101 in the previous embodiment, and will not be described in detail here.
Optionally, in this embodiment, before step S201, the method further includes:
and responding to clicking operation of the interface theme switching component by a user, and popping up a theme selection box comprising the interface theme component.
After triggering the interface theme switching process, the user can perform the selection operation of the interface theme component, and the triggering of the interface theme switching process can be realized by the clicking operation of the interface theme switching component by the user.
The interface theme switching component has the function of entering an interface theme switching flow when clicking, and popping up a theme selection box comprising the interface theme component for a user to select the interface theme component.
Step S202, obtaining a corresponding interface theme configuration file from a preset configuration file database according to the character string identification. The preset configuration file database stores the mapping relation between the character string identification and the interface theme configuration file.
In this embodiment, the mapping relationship between the character string identifier and the interface theme configuration file is pre-stored in the preset configuration file database, so that when the interface theme is switched, the corresponding interface theme configuration file can be directly obtained from the preset configuration file database according to the character string identifier, and the obtaining efficiency of the interface theme configuration file is improved, thereby improving the interface theme switching efficiency.
It should be noted that the interface theme configuration file includes a plurality of interface sub-configuration files. The interface sub-profiles include a hue sub-profile, a frame sub-profile, a component location sub-profile, and a font sub-profile. The interface sub-profile may also include a component size sub-profile, etc.
Step S203, in response to the click operation of the user on the switching determination component, interface display contents of the corresponding areas of the interfaces are generated according to the interface sub-configuration files, so that interface theme switching is completed.
In this embodiment, when preset, the configuration file corresponding to each interface theme component includes a plurality of interface sub-configuration files, such as a layout-related sub-configuration file (frame sub-configuration file), a font color font size-related sub-configuration file (font sub-configuration file), and so on. And each interface sub-configuration file also has a preset corresponding character string identifier, so that the user-defined change of the interface theme can be facilitated.
Optionally, in this embodiment, in step S203, interface display contents of the corresponding area of the interface are generated according to each interface sub-configuration file to complete interface theme switching, which may be specifically:
and loading each interface sub-configuration file to generate interface display content of the corresponding area of the interface.
And after the preset time, displaying the whole content of the interface to finish the static switching of the interface theme.
In this embodiment, by displaying the whole content of the interface after the preset time, the static switching of the interface theme can be completed, so that the user can only see the previous interface theme and the interface theme after switching, and cannot see the specific configuration change process, thereby improving the user experience.
Step S204, responding to a local change instruction triggered by a user, and displaying a local component selection box.
In this embodiment, after the interface theme is switched, the user may also change the local component in the interface. Local component refers to a part component that can be updated and modified. The local components can be button color components, button size components and the like, and more types of components can be set as the local components according to actual application requirements.
Alternatively, in this embodiment, step S204 may specifically be:
and responding to clicking operation of the local component by a user, and generating a corresponding local change instruction.
A local component selection box is presented in accordance with the local change instruction.
When the user needs to modify the local component, a corresponding local modification instruction can be generated through clicking operation of clicking the local component. The clicking operation can set the clicking times according to the actual requirement, for example, in order to avoid the false touch of the user, the clicking operation can be set as the clicking operation of continuously clicking twice in a short time.
The local component selection box includes all local components that can be selected. For example, when clicking on a component of a certain button, all of the partial components related to the button, button a, button b, button c, etc., may be displayed.
In step S205, in response to the user selection operation of the local component, a corresponding local component profile is determined.
In this embodiment, after the user selects the local component, a corresponding local component configuration file is determined, so as to provide a basis for subsequent local component modification.
Optionally, in this embodiment, the determining the corresponding local component configuration file in step S205 may specifically be:
and determining the character string identification corresponding to the local component.
And determining a corresponding local component configuration file according to the character string identifier corresponding to the local component. The local component profiles include a button component size profile and a button component color profile.
In this embodiment, the local component may be a general component, i.e., a general component that may be used in various interface topics, such as a button component, so as to adapt to user-defined requirements of users on the interface topics, and reduce topic differences generated on the interface topics.
Step S206, the corresponding display content of the interface is modified according to the local component configuration file.
In this embodiment, after the local component configuration file is obtained, the content corresponding to the display content in the interface, such as the configuration file corresponding to the button component, may be modified by the local component configuration file, so as to modify the size, color, and other content of the button component.
According to the interface theme switching method, the plurality of configuration files are generated in advance according to the interface theme, when the interface theme configuration is needed, the configuration files are only needed to be obtained from the preset database, and the corresponding configuration files are loaded, so that the efficiency is higher.
When the interface theme is required to be switched, only an interface theme switching instruction is required to be triggered, for example, a preset button is clicked through clicking operation, a corresponding configuration file is obtained and loaded from a preset database, switching of interface style display is achieved, and efficiency is higher.
Fig. 4 is a schematic structural diagram of an interface theme switching device provided in the present application, as shown in fig. 4, in this embodiment, the interface theme switching device 300 may be disposed in an electronic apparatus, and the interface theme switching device 300 includes:
the first determining module 301 is configured to determine, in response to a user selection operation of the interface theme component, a character string identifier corresponding to the interface theme component.
The second determining module 302 is configured to determine a corresponding interface theme configuration file according to the character string identifier. The character string identification and the interface theme configuration file have a mapping relation.
And the switching module 303 is configured to switch the interface theme according to the interface theme configuration file in response to a click operation of the switching determination component by the user.
The interface theme switching device provided in this embodiment may execute the technical scheme of the method embodiment shown in fig. 2, and its implementation principle and technical effects are similar to those of the method embodiment shown in fig. 2, and are not described in detail herein.
Fig. 5 is a second schematic structural diagram of an interface theme switching device provided in the present application, where the interface theme switching device is further refined based on the interface theme switching device provided in the previous embodiment, for better explanation, the interface theme switching device in the present embodiment adopts the interface theme switching device 400 to perform an exemplary explanation, and then the interface theme switching device 400 includes:
optionally, in this embodiment, the second determining module 302 is specifically configured to:
and acquiring a corresponding interface theme configuration file from a preset configuration file database according to the character string identification. The preset configuration file database stores the mapping relation between the character string identification and the interface theme configuration file.
Optionally, in this embodiment, the interface theme configuration file includes a plurality of interface sub-configuration files.
The switching module 303 is specifically configured to, when switching the interface theme according to the interface theme configuration file:
and generating interface display contents of the corresponding areas of the interfaces according to the configuration files of the interfaces so as to complete interface theme switching. The interface sub-profiles include a hue sub-profile, a frame sub-profile, a component location sub-profile, and a font sub-profile.
Optionally, in this embodiment, when the switching module 303 generates, according to each interface sub-configuration file, the interface display content of the corresponding area of the interface to complete the switching of the interface theme, the switching module is specifically configured to:
and loading each interface sub-configuration file to generate interface display content of the corresponding area of the interface. And after the preset time, displaying the whole content of the interface to finish the static switching of the interface theme.
Optionally, in this embodiment, the interface theme switching device 400 further includes:
the local modification module 402 is configured to respond to a local modification instruction triggered by a user, and display a local component selection box. And responding to the selection operation of the local component by the user, and determining a corresponding local component configuration file. And modifying the corresponding display content of the interface according to the local component configuration file.
Optionally, in this embodiment, when the local modification module 402 is configured to respond to a local modification instruction triggered by a user, the local component selection box is specifically configured to:
and responding to clicking operation of the local component by a user, and generating a corresponding local change instruction. A local component selection box is presented in accordance with the local change instruction.
Optionally, in this embodiment, the local modification module 402 is specifically configured to, when determining the corresponding local component configuration file:
and determining the character string identification corresponding to the local component. And determining a corresponding local component configuration file according to the character string identifier corresponding to the local component. The local component profiles include a button component size profile and a button component color profile.
Optionally, in this embodiment, the interface theme switching device 400 further includes:
the selection box popping module 401 is configured to pop up a theme selection box including the interface theme component in response to a clicking operation of the interface theme switching component by a user.
The interface theme switching device provided in this embodiment may execute the technical scheme of the method embodiment shown in fig. 2 to 3, and its implementation principle and technical effects are similar to those of the method embodiment shown in fig. 2 to 3, and are not described in detail herein.
According to embodiments of the present application, there is also provided an electronic device, a computer-readable storage medium, and a computer program product.
As shown in fig. 6, fig. 6 is a schematic structural diagram of the electronic device provided in the present application. Electronic devices are intended for various forms of digital computers, such as laptops, desktops, personal digital assistants, blade servers, mainframes, and other appropriate computers. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the application described and/or claimed herein.
As shown in fig. 6, the electronic device includes: a processor 501 and a memory 502. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions executing within the electronic device.
Memory 502 is a non-transitory computer readable storage medium provided herein. The memory stores instructions executable by the at least one processor to cause the at least one processor to perform the interface theme switching method provided herein. The non-transitory computer readable storage medium of the present application stores computer instructions for causing a computer to execute the interface theme switching method provided by the present application.
The memory 502 is used as a non-transitory computer readable storage medium, and may be used to store a non-transitory software program, a non-transitory computer executable program, and modules, such as program instructions/modules (e.g., the first determining module 301, the second determining module 302, and the switching module 303 shown in fig. 4) corresponding to the interface theme switching method in the embodiments of the present application. The processor 501 executes various functional applications of the electronic device and data processing by running non-transitory software programs, instructions, and modules stored in the memory 502, that is, implements the interface theme switching method in the above-described method embodiments.
Meanwhile, the present embodiment also provides a computer product, which when executed by a processor of an electronic device, enables the electronic device to perform the interface theme switching method of the above embodiment.
Other embodiments of the examples herein will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any adaptations, uses, or adaptations of the embodiments of the application following, in general, the principles of the embodiments and including such departures from the present disclosure as come within known or customary practice within the art to which the embodiments of the application pertains.
It is to be understood that the embodiments of the present application are not limited to the precise arrangements and instrumentalities shown in the drawings, which have been described above, and that various modifications and changes may be made without departing from the scope thereof. The scope of embodiments of the present application is limited only by the appended claims.

Claims (12)

1. The interface theme switching method is characterized by comprising the following steps of:
responding to the selection operation of the user on the interface theme component, and determining the character string identification corresponding to the interface theme component;
determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation;
and responding to clicking operation of the switching determining component by a user, and switching the interface theme according to the interface theme configuration file.
2. The method of claim 1, wherein the determining the corresponding interface theme profile from the string identification comprises:
acquiring a corresponding interface theme configuration file from a preset configuration file database according to the character string identification; and the preset configuration file database stores the mapping relation between the character string identification and the interface theme configuration file.
3. The method of claim 2, wherein the interface theme profile includes a plurality of interface sub-profiles;
the interface theme switching method according to the interface theme configuration file comprises the following steps:
generating interface display contents of the corresponding areas of the interfaces according to the interface sub-configuration files to finish interface theme switching; the interface sub-configuration files comprise a tone sub-configuration file, a frame sub-configuration file, a component position sub-file and a font sub-configuration file.
4. The method of claim 3, wherein the generating the interface presentation content of the interface corresponding area according to each interface sub-configuration file to complete the interface theme switching comprises:
loading each interface sub-configuration file to generate interface display content of the corresponding area of the interface;
and after the preset time, displaying the whole content of the interface to finish the static switching of the interface theme.
5. The method of claim 4, further comprising, after switching interface theme according to the interface theme profile:
responding to a local change instruction triggered by a user, and displaying a local component selection frame;
responding to the selection operation of the user on the local component, and determining a corresponding local component configuration file;
and modifying the corresponding display content of the interface according to the local component configuration file.
6. The method of claim 5, wherein the presenting a local component selection box in response to a user-triggered local change instruction comprises:
responding to clicking operation of a user on the local component, and generating a corresponding local change instruction;
and displaying the local component selection box according to the local change instruction.
7. The method of claim 5, wherein the determining the corresponding local component profile comprises:
determining a character string identifier corresponding to the local component;
determining a corresponding local component configuration file according to the character string identifier corresponding to the local component; the local component profile includes a button component size profile and a button component color profile.
8. The method of any of claims 1 to 7, wherein prior to the responding to the user selection operation of the interface theme component, further comprising:
and responding to clicking operation of the interface theme switching component by a user, and popping up a theme selection box comprising the interface theme component.
9. An interface theme switching apparatus, comprising:
the first determining module is used for responding to the selection operation of the user on the interface theme component and determining the character string identification corresponding to the interface theme component;
the second determining module is used for determining a corresponding interface theme configuration file according to the character string identification; the character string identification and the interface theme configuration file have a mapping relation;
and the switching module is used for responding to the clicking operation of the switching determining component by a user and switching the interface theme according to the interface theme configuration file.
10. An electronic device, comprising: a memory and a processor;
the memory stores computer-executable instructions;
the processor executes computer-executable instructions stored in the memory to implement the interface theme switching method according to any one of claims 1 to 8.
11. A computer readable storage medium having stored therein computer executable instructions which when executed by a processor are for implementing the interface theme switching method according to any one of claims 1 to 8.
12. A computer program product comprising a computer program which, when executed by a processor, implements the interface theme switching method as claimed in any one of claims 1 to 8.
CN202310176903.4A 2023-02-28 2023-02-28 Interface theme switching method, device, equipment, medium and product Pending CN116088996A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310176903.4A CN116088996A (en) 2023-02-28 2023-02-28 Interface theme switching method, device, equipment, medium and product

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310176903.4A CN116088996A (en) 2023-02-28 2023-02-28 Interface theme switching method, device, equipment, medium and product

Publications (1)

Publication Number Publication Date
CN116088996A true CN116088996A (en) 2023-05-09

Family

ID=86202610

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310176903.4A Pending CN116088996A (en) 2023-02-28 2023-02-28 Interface theme switching method, device, equipment, medium and product

Country Status (1)

Country Link
CN (1) CN116088996A (en)

Similar Documents

Publication Publication Date Title
US20170024308A1 (en) System and method for testing data representation for different mobile devices
CN110489312B (en) Data association method and device for triggering data acquisition by control
CN111767554B (en) Screen sharing method and device, storage medium and electronic equipment
US20120079009A1 (en) Method and apparatus for choosing resources based on context and inheritance
CN109542878B (en) List creation method and device
CN111476007B (en) Table generation method, table generation device, computer device and computer-readable storage medium
CN112925520A (en) Method and device for building visual page and computer equipment
CN114239504A (en) Form configuration method, device, equipment, readable storage medium and program product
US20220245208A1 (en) Method for switching skin of mini-program page, and electronic device
US11567635B2 (en) Online collaborative document processing method and device
CN114035865B (en) Method, device and equipment for starting small program and storage medium
US20200034101A1 (en) Data displaying method and electronic device
CN110708423A (en) Message content display method and device and storage medium
CN109035623A (en) Interface display method, interface display apparatus and the electronic equipment of self-aided terminal
CN116088996A (en) Interface theme switching method, device, equipment, medium and product
CN110221756B (en) Method, device, terminal and storage medium for processing application data
CN112947918A (en) Data display method and device
CN114237795A (en) Terminal interface display method and device, electronic equipment and readable storage medium
CN110881001B (en) Electronic red packet detection method, system and terminal equipment
CN112905178A (en) Method, device, equipment and medium for generating business function page
CN113312104A (en) Advertisement conversion method and system based on small program
CN112181802A (en) Test method and device
CN115334698B (en) Construction method, device, terminal and medium of target 5G safety network of target range
CN115826961B (en) Design method and device for data analysis system for separated reuse of designer and engine
CN117806758A (en) Plug-in UI rendering method and device, electronic equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination