UI theme style generation method and device, electronic equipment and storage medium

Abstract

The invention relates to a UI theme style generation method and device, electronic equipment and a storage medium. The method comprises the steps of obtaining a newly-added instruction used for newly adding a UI theme style; determining a specified UI theme style selected by the newly-added instruction; copying the specified UI theme style to obtain a UI theme style to be edited; and modifying the to-be-edited UI theme style according to an editing operation performed on the to-be-edited UI theme style to obtain a target UI theme style. According to the method and the device, the target UI theme style can be obtained by editing on the basis of the specified UI theme style, so that compared with regeneration of the target UI theme style, repeated configuration of the same elements can be effectively reduced, and the situation that the configuration of the same elements in the same series of UI theme styles is inconsistent, so that the user experience is improved can be avoided. And therefore, the technical problem that the same series of UI theme styles are not uniform and uncoordinated is solved.

Description

Technical Field

[0001] The present disclosure relates to the field of industrial design technology, and in particular to a method and device for generating a UI theme style, an electronic device, and a storage medium. Background Art

[0002] With the rise of various smart devices (such as smart wearables, smartphones, tablets, and so on), more and more smart devices are being used by a wide range of users. To meet users' differentiated needs for smart devices, UI theme tools have emerged, providing a strong guarantee for the continuous production of UI themes. Compared to handwritten code, UI theme tools can complete the creation of a single UI theme in hours, greatly improving efficiency.

[0003] However, although the UI theme tools in the related technology can support the basic production of UI theme creators, for different UI theme styles with the same elements, for each UI theme style, it is still necessary to configure the same elements each time to obtain each UI theme style. Therefore, the production process of UI themes in the related technology has the problem of requiring a large number of repetitive operations and cumbersome steps. In addition, since the same series of UI theme styles generally have the same elements, but due to the above reasons, the same elements need to be configured each time in the related technology. Therefore, there is also a technical problem of inconsistent and uncoordinated UI theme styles in the same series due to errors in the configuration of the same elements.

[0004] It can be seen that in the process of making UI themes in related technologies, there are technical problems such as the need for a large number of repeated operations, cumbersome steps, and inconsistent and uncoordinated styles of UI themes in the same series. Summary of the Invention

[0005] The present disclosure provides a UI theme style generation method and device, and an electronic device to address the deficiencies in related technologies.

[0006] According to a first aspect of an embodiment of the present disclosure, a method for generating a UI theme style is proposed, comprising:

[0007] Get the new instructions for adding new UI theme styles;

[0008] Determine the specified UI theme style selected by the newly added instruction;

[0009] Copy the specified UI theme style to obtain the UI theme style to be edited;

[0010] According to the editing operation performed on the UI theme style to be edited, the UI theme style to be edited is modified to obtain a target UI theme style.

[0011] Optionally, copying the specified UI theme style to obtain the UI theme style to be edited includes:

[0012] Determine all display object information included in the specified UI theme style, wherein each display object information includes a corresponding display object, attributes of the display object, and layer information of a layer where the display object is located;

[0013] All the display object information is copied to obtain the UI theme style to be edited.

[0014] Optionally, the editing operation includes at least one of the following:

[0015] Adding display object information to the UI theme style to be edited;

[0016] Deleting one or more display object information originally in the UI theme style to be edited;

[0017] Modify the attributes and / or layer information of one or more original display object information in the UI theme style to be edited.

[0018] Optionally, the method further includes:

[0019] Obtain a style editing operation for editing any UI theme style, where the types of style editing operations include: style copy, style rename, and style delete;

[0020] Edit any of the UI theme styles according to the style editing operation.

[0021] Optionally, the method further includes:

[0022] Obtaining a target color matching operation for matching the UI theme style to be edited, wherein the color matching operation is used to adjust the color matching of a target display object;

[0023] The color of the target display object of the UI theme style to be edited is adjusted to the target color of the target color operation instruction to obtain the target color UI theme style.

[0024] Optionally, the method further includes:

[0025] In response to the UI theme creation instruction, a blank UI theme is created;

[0026] In response to an object adding operation performed on the blank UI theme, adding a new object indicated by the object adding operation in the blank UI theme;

[0027] In response to the attribute configuration operation on the newly added object, the attributes of the newly added object and / or the layer to which it belongs are edited to obtain a new UI theme style.

[0028] Optionally, the method further includes:

[0029] Convert the target UI theme style into target UI theme data in a data format specified by a preset protocol;

[0030] The target UI theme data is uploaded to the UI theme distribution platform.

[0031] According to a second aspect of an embodiment of the present disclosure, a UI theme style generating device is provided, comprising:

[0032] Get module, used to get new instructions for adding new UI theme styles;

[0033] A determination module, configured to determine a specified UI theme style selected by the newly added instruction;

[0034] A copy module, used to copy the specified UI theme style to obtain the UI theme style to be edited;

[0035] The modification module is used to modify the UI theme style to be edited according to the editing operation performed on the UI theme style to be edited, so as to obtain a target UI theme style.

[0036] According to a third aspect of the embodiments of the present disclosure, there is further provided an electronic device, including a processor;

[0037] a memory for storing processor-executable instructions;

[0038] The processor implements the steps in any of the above methods by running the executable instructions.

[0039] According to a fourth aspect of the embodiments of the present disclosure, a computer-readable storage medium is further provided, on which a computer program is stored. When the program is executed by a processor, the steps in the method described in any of the above embodiments are implemented.

[0040] The technical solutions provided by the embodiments of the present disclosure may have the following beneficial effects:

[0041] It can be seen from the above embodiments that the present disclosure can achieve the purpose of editing the target UI theme style based on the specified UI theme style, and thus can effectively reduce the repetitive configuration of the same elements compared to regenerating the target UI theme style, and thus can avoid the technical problem of inconsistent and uncoordinated UI theme styles in the same series due to inconsistent configuration of the same elements in the same series of UI theme styles.

[0042] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0044] Figure 1 This is a schematic flowchart of a method for generating a UI theme style according to an embodiment of the present disclosure.

[0045] Figure 2 is a schematic flowchart illustrating a method for generating a UI theme style according to another embodiment of the present disclosure.

[0046] Figure 3 is a schematic flowchart illustrating a method for generating a UI theme style according to another embodiment of the present disclosure.

[0047] Figure 4 is a schematic flowchart illustrating a method for generating a UI theme style according to another embodiment of the present disclosure.

[0048] Figure 5 It is a schematic diagram of an interface for performing an editing operation according to an embodiment of the present disclosure.

[0049] Figure 6 This is a schematic diagram of an interface for performing a style editing operation according to an embodiment of the present disclosure.

[0050] Figure 7 This is a schematic diagram of an interface for performing a color matching operation according to an embodiment of the present disclosure.

[0051] Figure 8 This is a schematic block diagram of a device for generating a UI theme style according to an embodiment of the present disclosure.

[0052] Figure 9 It is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.

[0053] Figure 10 This is a schematic block diagram of a device for generating a UI theme style according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0054] The following will be combined with the accompanying drawings in the embodiments of the present disclosure to clearly and completely describe the technical solutions in the embodiments of the present disclosure. Obviously, the embodiments described are only part of the embodiments of the present disclosure, not all of the embodiments. Based on the embodiments of the present disclosure, all other embodiments obtained by ordinary technicians in this field without making any creative efforts are within the scope of protection of the present disclosure.

[0055] The terms used in the embodiments of the present disclosure are for the purpose of describing specific embodiments only and are not intended to limit the embodiments of the present disclosure. The singular forms "a," "an," and "the" used in the embodiments of the present disclosure and the appended claims are also intended to include plural forms unless the context clearly indicates otherwise. It should also be understood that the term "and / or" as used herein refers to and includes any or all possible combinations of one or more associated listed items.

[0056] It should be understood that although the terms first, second, third, etc. may be used to describe various information in the embodiments of the present disclosure, such information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of the embodiments of the present disclosure, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0057] For the purpose of brevity and ease of understanding, the terms "greater than," "less than," "higher than," and "lower than" are used herein to describe size relationships. However, those skilled in the art will understand that the term "greater than" also encompasses the meaning of "greater than or equal to," and "less than" also encompasses the meaning of "less than or equal to," and the term "higher than" also encompasses the meaning of "higher than or equal to," and "lower than" also encompasses the meaning of "lower than or equal to."

[0058] With the rise of various smart devices (such as smart wearables, smartphones, tablets, and so on), more and more smart devices are being used by a wide range of users. To meet users' differentiated needs for smart devices, UI theme tools have emerged, providing a strong guarantee for the continuous production of UI themes. Compared to handwritten code, UI theme tools can complete the creation of a single UI theme in hours, greatly improving efficiency.

[0059] In related technologies, there are two types of UI theme tools: one is Android theme development tools, and the other is Hongmeng theme development tools. The following is a brief introduction to each of them:

[0060] 1. Android theme development tools include: Android Studio (Android development tool), Substratum theme engine (underlying theme engine), ThemeDIY (custom theme), Watch Face Studio (watch face development tool), etc. Among them, Watch Face Studio is a development tool dedicated to watch face production.

[0061] 2. Hongmeng's theme development tools include: Theme Studio (theme creation tool) and so on.

[0062] However, although the above-mentioned UI theme tool can support the basic production of UI theme creators, for different UI theme styles with the same elements, for each UI theme style, it is still necessary to configure the same elements each time to obtain each UI theme style. Therefore, there is a problem in the production process of UI themes in the related technology that a large number of repetitive operations and cumbersome steps are required. In addition, since the same series of UI theme styles generally have the same elements, but due to the above-mentioned reasons, the same elements must be configured each time in the related technology. Therefore, there is also a technical problem that the same series of UI theme styles are inconsistent and uncoordinated due to errors in the configuration of the same elements.

[0063] Therefore, this specification addresses at least one of the above-mentioned deficiencies in the related art and proposes a corresponding UI theme style generation solution, which will be described in detail below with reference to the accompanying drawings.

[0064] Figure 1 This is a schematic flow chart of a method for generating a UI theme style according to an embodiment of the present disclosure. The UI theme style generation method shown in this embodiment can be executed by a terminal, including but not limited to a mobile phone, tablet computer, wearable device, sensor, IoT device and other communication devices.

[0065] like Figure 1 As shown, the UI theme style generation method may include the following steps:

[0066] Step S102: Acquire a new instruction for adding a new UI theme style.

[0067] UI Theme is a program that can change the theme of the smart devices it supports.

[0068] It is understandable that a UI theme may include one or more UI theme styles with certain similarities. For example, multiple UI theme styles corresponding to the same UI theme may include one or more identical elements, such as the same background, font, color, etc.

[0069] The new instruction is an instruction for indicating that a new UI theme style needs to be generated based on the UI theme style specified by the user. Based on this, the new instruction can be used to indicate at least the following information: the UI theme style specified by the user and a new UI theme style.

[0070] In some optional embodiments, the user can trigger the generation of the new instruction by operating on the interactive interface after the UI theme style generation tool is run. Optionally, the operation method includes but is not limited to: clicking or touching the control used to add the UI theme style, or triggering the generation of the new instruction through voice control, etc.

[0071] After the user triggers the generation of the new instruction, the UI theme style generation tool implementing the method of this embodiment can obtain the new instruction.

[0072] For example, the new instruction may be an instruction for adding a UI theme style for a smartphone, or an instruction for adding a dial style for a smart watch (ie, a UI theme style for a smart watch), and so on.

[0073] Step S104: determining the designated UI theme style selected by the newly added instruction.

[0074] After the new instruction is acquired, since the information indicated by the new instruction at least includes the UI theme style specified by the user, the specified UI theme style selected by the user can be determined based on the new instruction.

[0075] In this embodiment, the specified UI theme style is the existing UI theme style on which the newly generated UI theme style of the user is based. That is, the newly generated UI theme style can be obtained by editing on the basis of the specified UI theme style, and the specified UI theme style is a UI theme style generated by the UI theme style generation tool and displayed in the interactive interface of the UI theme style generation tool. The editing can, for example, modify, add or delete one or more elements in the specified UI theme style.

[0076] For example, if the new instruction is for adding a UI theme style for a smartphone, the specified UI theme style is the mobile phone theme style specified by the user and generated by the theme style tool. If the new instruction is for adding a watch dial style for a smartwatch (i.e., the UI theme style for the smartwatch), the specified UI theme style is the watch dial style specified by the user and generated by the theme style tool.

[0077] Step S106: copy the specified UI theme style to obtain the UI theme style to be edited.

[0078] After obtaining the specified UI theme style, since the newly added instruction indicates that a new UI theme style needs to be generated based on the specified UI theme style, the specified UI theme style may be copied to obtain a UI theme style to be edited for generating a new UI theme style.

[0079] In some optional embodiments, the data corresponding to the specified UI theme style may be copied, and a UI theme style to be edited that is the same as the specified UI theme style may be obtained in the UI theme style generating tool.

[0080] It can be understood that in order to distinguish the specified UI theme style from the UI theme style to be edited, the style names of the specified UI theme style and the UI theme style to be edited are different.

[0081] For example, if the specified UI theme style is a mobile phone theme style specified by the user and generated by the theme style tool, the UI theme style to be edited is the mobile phone theme style to be edited. If the specified UI theme style is a watch face style specified by the user and generated by the theme style tool, the UI theme style to be edited is the watch face style to be edited.

[0082] like Figure 2 As shown, as an optional implementation, the following steps S202 and S204 can be used to implement step S106 to copy the specified UI theme style and obtain the UI theme style to be edited: Step S202, determine all display object information contained in the specified UI theme style, wherein each display object information includes corresponding display objects, attributes of the display objects, and layer information of the layer where the display objects are located.

[0083] In order to copy a specified UI theme style, it is necessary to determine all data included in the specified UI theme style.

[0084] In this embodiment, the specified UI theme style at least includes all display object information, and each display object information includes corresponding display objects, attributes of the display objects, and layer information of the layer where the display objects are located.

[0085] In some optional embodiments, display objects may include but are not limited to: text, pictures (e.g., backgrounds), picture groups (i.e., a series of pictures), progress bars (e.g., motion progress bars, time progress bars, etc.), animation sequence frames, application widgets, and album backgrounds, wherein animation sequence frames may be multiple images used to achieve motion effects, application widgets may be display objects used to jump between different display objects other than themselves, and album backgrounds are display objects that use photos in the album as backgrounds.

[0086] The properties of the display object may include but are not limited to the color, size and other information of the display object. For example, when the display object is text, the properties of the display object may include but are not limited to: the color, size, font, etc. of the text; when the display object is an image, the properties of the display object may include but are not limited to: the size and resolution of the image, etc.

[0087] The layer information corresponding to the display object can be information used to indicate the relative position relationship between the display object and other display objects. For example, it can include but is not limited to: the up, down, left, and right position relationship of the display object in the main interface, the up and down stacking relationship between the display object and other display objects, etc.

[0088] For example, if the UI theme style is a mobile phone theme style, the display object information may include the phone's screen-off display interface, lock interface, and each display object on the desktop, as well as their corresponding attributes and layer information. If the UI theme style is a watch face style, the watch face may include the watch's display interface, lock interface, and each display object on the desktop, as well as their corresponding attributes and layer information.

[0089] Step S204: copy all display object information to obtain the UI theme style to be edited.

[0090] After all display object information is determined, all display object information can be batch copied to obtain a UI theme style to be edited whose display object information is completely consistent with the specified UI theme style but whose style name is different from the UI theme style to be edited.

[0091] For example, Figure 5 As shown, the container 1, text 1 and container 2 in style 3 in the style list are all obtained by directly copying all the display object information in style 1.

[0092] Through the related methods of step S202 and step S204 in this embodiment, a UI theme style to be edited that is consistent with the specified UI theme style can be quickly obtained, so that a target UI theme style of the same series as the specified UI theme style can be quickly generated later.

[0093] Step S108 : modifying the UI theme style to be edited according to the editing operation performed on the UI theme style to obtain a target UI theme style.

[0094] After the UI theme style to be edited is generated, an editing operation may be performed on the UI theme style to be edited, so that the UI theme style to be edited may be modified through the editing operation to obtain a target UI theme style.

[0095] As an optional implementation, the editing operation includes at least one of the following:

[0096] Adding display object information to the UI theme style to be edited. The newly added display object information may be obtained by adding at least one display object to be edited to the UI theme style to be edited and editing the properties and layer information of the at least one display object to be edited.

[0097] Delete one or more display object information originally in the UI theme style to be edited. The UI theme style to be edited includes display object information, so the deleted UI theme style can be obtained by performing the one or more display object information originally in the UI theme style to be edited.

[0098] Modify the attributes and / or layer information of one or more existing display object information in the UI theme to be edited. The UI theme to be edited may contain one or more display object information. If the display object corresponding to the display object information needs to be retained but the corresponding attributes and / or layer information needs to be modified, the attributes and / or layer information of the display object information can be modified. It is understood that for any display object information that needs to be modified, one or both of the corresponding attributes or layer information can be modified.

[0099] It can be understood that when editing the UI theme style to be edited, one or more of the above editing operations can be performed.

[0100] For example, taking the editing operation of the dial style as an example, adding new display object information in the UI theme style to be edited may be adding a motion progress bar, adding a weather component, etc. to the dial style to be edited. Deleting one or more original display object information in the UI theme style to be edited may be deleting the motion progress bar, environmental decibels, etc. Modifying the properties and / or layer information of one or more original display object information in the UI theme style to be edited may be modifying the color of the motion progress bar, the color and / or size of the time font, etc. Figure 5 As shown, you can add new display object information by clicking Add Element in the theme style tool, or you can delete one or more of the display object information under style 3 (for example, container 2, expression 1, resoures, BG 2, expression 2, group image, B0, text 1, container 1, the first set of pointers, etc.), and you can also adjust the text content, font, color and other attributes corresponding to text 1 by selecting the icon corresponding to any display object, for example, selecting text 1.

[0101] Through the method of this embodiment, the purpose of editing the target UI theme style based on the specified UI theme style can be achieved, and compared with regenerating the target UI theme style, the repetitive configuration of the same elements can be effectively reduced, thereby avoiding the technical problem of inconsistent and uncoordinated UI theme styles in the same series due to inconsistent configuration of the same elements in the same series of UI theme styles.

[0102] like Figure 3 As shown, as an optional implementation, the method further includes steps S302 and S304 as follows:

[0103] Step S302: obtaining a style editing operation for editing any UI theme style, wherein the types of style editing operations include: style copying, style renaming, and style deleting.

[0104] In some optional embodiments, the user can trigger the generation of the style editing operation by performing operations on the interactive interface after the UI theme style generation tool is run in accordance with their preset editing requirements. Optionally, the operation method includes but is not limited to: performing style editing operations on the display area corresponding to any UI theme style.

[0105] The operation method of the style editing operation can be: right-click, left-click, touch operation, etc. in the operable area corresponding to any UI theme style to display all the candidate style editing operation types that can be performed on any UI theme style (i.e., style copy, style rename, and style delete). After displaying all the candidate style editing operation types, the user can select the style editing operation to be performed from all the candidate style editing operations.

[0106] In some optional embodiments, style copying can be an operation that completely copies all display object information of any UI theme style. Style renaming can be an operation that renames the style name of any UI theme style, for example, changing "Style 1" to "Style 2." Style deletion can be an operation that deletes any UI theme style in its entirety.

[0107] Step S304: edit any UI theme style according to the style editing operation.

[0108] After obtaining the style editing operation, any UI theme style can be edited according to the style editing operation to meet the user's editing requirements.

[0109] For example, Figure 6As shown, after right-clicking in the operable area corresponding to Style 3, a shortcut menu 61 corresponding to Style 3 is displayed. The shortcut menu 61 contains all the types of candidate style editing operations that can be performed on Style 3 (i.e., copy, rename, and delete). When the user chooses to copy, Style 4 will be copied in the style list. When the user chooses to rename, the name of Style 3 "Style 3" can be edited and can be edited to any name that does not repeat other style names according to user needs. When the user chooses to delete, Style 3 is deleted from the style list, and all corresponding display object information is also deleted.

[0110] like Figure 4 As shown, as an optional implementation, the method further includes steps S402 and S404 as follows:

[0111] Step S402 : obtaining a target color matching operation for matching the color of the UI theme style to be edited, wherein the color matching operation is used to adjust the color of the target display object.

[0112] In some optional embodiments, the user can trigger the generation of the target color matching operation by performing operations on the interactive interface after the UI theme style generation tool is run according to his / her preset color matching requirements. Optionally, the operation method includes but is not limited to: performing the target color matching operation on the target display object by executing the corresponding operation method.

[0113] The operation method corresponding to the target color matching operation can be: right-click, left-click, touch operation, etc. in the operable area corresponding to the target display object to display the color matching that can be modified for the target display object. After displaying the color matching that can be modified for the target display object, the user can select the target color matching to be modified from all the color matching that can be modified.

[0114] The target display object may be a display object selected by the target color matching operation and requiring color matching modification, and the target display object corresponding to the same target color matching operation may include one or more.

[0115] Step S404 : adjusting the color of the target display object of the UI theme style to be edited to the target color of the target color operation instruction, and obtaining the target color UI theme style.

[0116] After obtaining the target color matching operation, the target color matching indicated by the target color matching operation and the corresponding target display object can be determined, so the color matching of the target display object can be modified according to the target color matching to meet the user's color matching requirements.

[0117] like Figure 7As shown, when the UI theme style to be edited is style 3, and the color matching is adjusted for all display objects of style 3 that can be color matched, the target display objects are all display objects that can be color matched. At this time, the color matching function can be selected in the top toolbar under the display page corresponding to the UI theme style to be edited, and the corresponding color value can be selected in the pop-up configuration bar 71 to complete the target color matching operation. When the color matching is adjusted for only one target display object in the UI theme style to be edited, the color matching can be modified in the color adjustment bar on the property configuration page of the target display object to complete the target color matching operation.

[0118] Furthermore, the method of this embodiment can achieve the purpose of quickly modifying the color scheme of the display object.

[0119] As an optional implementation, the method further includes the following steps: in response to a UI theme creation instruction, a blank UI theme is created. In response to an object addition operation performed on the blank UI theme, a new object indicated by the object addition operation is added to the blank UI theme. In response to an attribute configuration operation on the new object, the attributes and / or the layer to which the new object belongs are edited to obtain a new UI theme style. That is to say, in this embodiment, a new UI theme style can also be created, and a blank UI theme can be created. The blank UI theme can be a UI theme without any display objects added. After obtaining the blank UI theme, new objects can be added to the blank UI theme through the object addition operation. Furthermore, multiple corresponding new objects can be added by performing multiple object addition operations. After establishing the new objects, the attributes and / or the layer to which each new object belongs need to be edited to determine the display object information corresponding to each new object, and after determining the display object information corresponding to each new object, the new UI theme style can be obtained.

[0120] For example, taking the newly created watch face style as an example, select New on the homepage of the watch face editor to create a blank watch face (i.e., a blank UI theme). You can then start production from a blank watch face, perform basic operations according to the design, add elements (i.e., add new objects), and configure the element's attributes and / or layer information to complete the creation of the new watch face style. At the same time, the styles can be named in chronological order of creation time and using numbers, such as style 1, which is the first style created.

[0121] As an optional implementation, the method further includes the following steps: converting the target UI theme style into target UI theme data in a data format specified by a preset protocol, and uploading the target UI theme data to a UI theme distribution platform.

[0122] In some optional embodiments, the UI theme designed by the developer needs to be uploaded to the UI theme distribution platform, and then the user can download the corresponding UI theme from the UI theme distribution platform to the smart device according to the type and model of his own smart device. In this process, the protocol plays a vital role. It is a set of standards that define the rules and formats for communication between the UI theme style generation tool, the platform and the smart device. The protocol specifies, but is not limited to, the format of the data, the transmission method, the security requirements and how to handle different types of information. For example, the protocol defines how the data corresponding to the UI theme style in the UI theme style generation tool is formatted and encoded, and specifies the data transmission method so that the data corresponding to the UI theme style can be transmitted between different systems and devices; thereby, the target UI theme style can be converted into the target UI theme data in the data format specified by the protocol, and the target UI theme data can be uploaded to the UI theme distribution platform. Furthermore, the protocol can also include encryption and authentication mechanisms to ensure the security of data transmission; in addition, the protocol also needs to take into account the performance of the UI theme style on the smart device, and needs to process data efficiently to ensure smooth operation even in low power mode. In actual operation, when a watch face design is created or modified, it will be converted into the format specified by the protocol. After passing the quality and compatibility check of the audit platform, the watch face is uploaded to the UI theme style generation tool. When the user downloads the UI theme style, the protocol also plays a role in ensuring that the data corresponding to the UI theme style can be correctly transmitted. The UI theme distribution platform is a platform for accepting UI theme styles uploaded by different developers, displaying different UI theme styles, and receiving users to download UI theme styles. The method of uploading UI theme data suitable for different smart terminals (for example, smart phones, smart watches, etc.) to the corresponding UI theme distribution platform can be implemented by referring to the above method, which will not be repeated here.

[0123] like Figure 8 As shown, corresponding to the embodiment of the aforementioned UI theme style generation method, the present disclosure also provides an embodiment of a UI theme style generation device, including:

[0124] An acquisition module 81 is used to acquire a new instruction for adding a new UI theme style;

[0125] A determination module 82 is configured to determine a specified UI theme style selected by the newly added instruction;

[0126] A copy module 83 is used to copy the specified UI theme style to obtain the UI theme style to be edited;

[0127] The modifying module 84 is configured to modify the UI theme style to be edited according to the editing operation performed on the UI theme style to be edited, so as to obtain a target UI theme style.

[0128] As an optional implementation, the copy module 83 is configured to:

[0129] Determine all display object information included in the specified UI theme style, wherein each display object information includes corresponding display objects, attributes of the display objects, and layer information of the layer where the display objects are located;

[0130] Copy all display object information to obtain the UI theme style to be edited.

[0131] As an optional implementation, the editing operation includes at least one of the following:

[0132] Add display object information to the UI theme style to be edited;

[0133] Delete one or more display object information in the UI theme style to be edited;

[0134] Modify the properties and / or layer information of one or more original display object information in the UI theme style to be edited.

[0135] As an optional implementation, the system further includes a style editing module configured to:

[0136] Get the style editing operation for any UI theme style, where the types of style editing operations include: style copy, style rename, and style delete;

[0137] Edit any UI theme style according to the style editing operation.

[0138] As an optional embodiment, a color matching module is further included, which is configured to:

[0139] Obtain a target color matching operation for matching the UI theme style to be edited, wherein the color matching operation is used to adjust the color matching of the target display object;

[0140] The color of the target display object of the UI theme style to be edited is adjusted to the target color indicated by the target color operation, to obtain the target color UI theme style.

[0141] As an optional implementation, a new module is also included for:

[0142] In response to the UI theme creation instruction, a blank UI theme is created;

[0143] In response to an object adding operation performed on the blank UI theme, a new object indicating the object adding operation is added to the blank UI theme;

[0144] In response to the property configuration operation on the newly added object, the properties of the newly added object and / or the layer to which it belongs are edited to obtain a new UI theme style.

[0145] As an optional implementation, an upload module is further included, which is configured to:

[0146] Convert the target UI theme style into the target UI theme data in the data format specified by the preset protocol;

[0147] Upload the target UI theme data to the UI theme distribution platform.

[0148] Regarding the apparatus in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments of the relevant methods and will not be elaborated on here.

[0149] For the device embodiments, since they basically correspond to the method embodiments, the relevant parts can be referred to the partial description of the method embodiments. The device embodiments described above are merely illustrative, wherein the modules described as separate components may or may not be physically separated, and the components displayed as modules may or may not be physical modules, that is, they may be located in one place, or they may be distributed on multiple network modules. Some or all of the modules may be selected according to actual needs to achieve the purpose of the disclosed solution. Those of ordinary skill in the art can understand and implement it without paying any creative work.

[0150] An embodiment of the present disclosure further provides an electronic device, including:

[0151] processor;

[0152] a memory for storing processor-executable instructions;

[0153] The processor is configured to implement the method described in any of the above embodiments.

[0154] Figure 9 This is a schematic structural diagram of an electronic device provided by an exemplary embodiment. Figure 9At the hardware level, the device includes a processor 902, an internal bus 904, a network interface 906, a memory 908, and a non-volatile memory 910. Of course, it may also include hardware required for other services. One or more embodiments of this specification can be implemented based on software, such as the processor 902 reading the corresponding computer program from the non-volatile memory 910 into the memory 908 and then running it. Of course, in addition to software implementation, one or more embodiments of this specification do not exclude other implementation methods, such as logic devices or a combination of software and hardware, etc., that is, the execution subject of the following processing flow is not limited to each logic unit, but can also be hardware or logic devices.

[0155] Among them, as mentioned above Figure 8 The device can be used for Figure 9 In the device shown, the technical solution as described above is implemented.

[0156] The devices, modules, or units described in the above embodiments may be implemented by computer chips or entities, or by products having certain functions. A typical implementation device is a computer, which may be in the form of a personal computer, laptop computer, cellular phone, camera phone, smartphone, personal digital assistant, media player, navigation device, email transceiver, game console, tablet computer, wearable device, or any combination of these devices.

[0157] In a typical configuration, a computer includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0158] Memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. Memory is an example of a computer-readable medium.

[0159] This specification also provides a computer-readable storage medium having a computer program stored thereon, which implements the steps of any of the above methods when executed by a processor.

[0160] Figure 10 1 is a schematic block diagram of a UI theme generation device 1000 according to an embodiment of the present disclosure. For example, the device 1000 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0161] Reference Figure 10, the device 1000 may include one or more of the following components: a processing component 1002 , a memory 1004 , a power component 1006 , a multimedia component 1008 , an audio component 1010 , an input / output (I / O) interface 1012 , a sensor component 1014 , and a communication component 1016 .

[0162] The processing component 1002 generally controls the overall operation of the device 1000, such as operations associated with display, phone calls, data communications, camera operation, and recording operations. The processing component 1002 may include one or more processors 1020 to execute instructions to perform all or part of the steps of the above-described method. In addition, the processing component 1002 may include one or more modules to facilitate interaction between the processing component 1002 and other components. For example, the processing component 1002 may include a multimedia module to facilitate interaction between the multimedia component 1008 and the processing component 1002.

[0163] The memory 1004 is configured to store various types of data to support the operation of the device 1000. Examples of such data include instructions for any application or method operating on the device 1000, contact data, phone book data, messages, pictures, videos, etc. The memory 1004 can be implemented by any type of volatile or non-volatile storage device, or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk, or optical disk.

[0164] The power supply component 1006 provides power to the various components of the device 1000. The power supply component 1006 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the device 1000.

[0165] The multimedia component 1008 includes a screen that provides an output interface between the device 1000 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, slides, and gestures on the touch panel. The touch sensor can not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 1008 includes a front camera and / or a rear camera. When the device 1000 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have a focal length and optical zoom capability.

[0166] The audio component 1010 is configured to output and / or input audio signals. For example, the audio component 1010 includes a microphone (MIC) that is configured to receive external audio signals when the device 1000 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal can be further stored in the memory 1004 or transmitted via the communication component 1016. In some embodiments, the audio component 1010 also includes a speaker for outputting audio signals.

[0167] I / O interface 1012 provides an interface between processing component 1002 and peripheral interface modules, such as a keyboard, click wheel, buttons, etc. These buttons may include but are not limited to: a home button, volume buttons, a start button, and a lock button.

[0168] Sensor assembly 1014 includes one or more sensors for providing various aspects of the status assessment of device 1000. For example, sensor assembly 1014 can detect the open / closed state of device 1000, the relative positioning of components, such as the display and keypad of device 1000. Sensor assembly 1014 can also detect changes in the position of device 1000 or a component of device 1000, the presence or absence of user contact with device 1000, the orientation or acceleration / deceleration of device 1000, and changes in the temperature of device 1000. Sensor assembly 1014 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 1014 can also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 1014 can also include an accelerometer, a gyroscope, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0169] The communication component 1016 is configured to facilitate wired or wireless communication between the device 1000 and other devices. The device 1000 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, 4G LTE, 5G NR or a combination thereof. In an exemplary embodiment, the communication component 1016 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 1016 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0170] In an exemplary embodiment, the apparatus 1000 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to execute the method described in any of the above embodiments.

[0171] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 1004 including instructions, and the instructions can be executed by the processor 1020 of the apparatus 1000 to perform the above method. For example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0172] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the disclosure herein. This disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.

[0173] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A method for generating a UI theme style, characterized in that: include: Get the new instructions for adding new UI theme styles; Determine the specified UI theme style selected by the newly added instruction; Copy the specified UI theme style to obtain the UI theme style to be edited; According to the editing operation performed on the UI theme style to be edited, the UI theme style to be edited is modified to obtain a target UI theme style.

2. The UI theme style generation method according to claim 1, characterized in that: The step of copying the specified UI theme style to obtain the UI theme style to be edited includes: Determine all display object information included in the specified UI theme style, wherein each display object information includes a corresponding display object, attributes of the display object, and layer information of a layer where the display object is located; All the display object information is copied to obtain the UI theme style to be edited.

3. The UI theme style generation method according to claim 1, characterized in that: The editing operation includes at least one of the following: Adding display object information to the UI theme style to be edited; Deleting one or more display object information originally in the UI theme style to be edited; Modify the attributes and / or layer information of one or more original display object information in the UI theme style to be edited.

4. The UI theme style generation method according to claim 1, characterized in that: The method further comprises: Obtain a style editing operation for editing any UI theme style, where the types of style editing operations include: style copy, style rename, and style delete; Edit any of the UI theme styles according to the style editing operation.

5. The UI theme style generation method according to claim 1, characterized in that: The method further comprises: Obtaining a target color matching operation for matching the UI theme style to be edited, wherein the color matching operation is used to adjust the color matching of a target display object; The color of the target display object of the UI theme style to be edited is adjusted to the target color of the target color operation instruction to obtain the target color UI theme style.

6. The UI theme generation method according to claim 1, characterized in that: The method further comprises: In response to the UI theme creation instruction, a blank UI theme is created; In response to an object adding operation performed on the blank UI theme, adding a new object indicated by the object adding operation in the blank UI theme; In response to the attribute configuration operation on the newly added object, the attributes of the newly added object and / or the layer to which it belongs are edited to obtain a new UI theme style.

7. The UI theme generation method according to claim 1, characterized in that: The method further comprises: Convert the target UI theme style into target UI theme data in a data format specified by a preset protocol; The target UI theme data is uploaded to the UI theme distribution platform.

8. A UI theme style generating device, characterized in that: include: Get module, used to get new instructions for adding new UI theme styles; A determination module, configured to determine a specified UI theme style selected by the newly added instruction; A copy module, used to copy the specified UI theme style to obtain the UI theme style to be edited; The modification module is used to modify the UI theme style to be edited according to the editing operation performed on the UI theme style to be edited, so as to obtain a target UI theme style.

9. An electronic device, characterized in that: include: processor; a memory for storing processor-executable instructions; The processor is configured to implement the method according to any one of claims 1 to 7.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images