Display interface updating method and device, electronic equipment and storage medium

Abstract

The application discloses a display interface updating method and device, electronic equipment and a storage medium. The method comprises the following steps: in response to a display interface updating instruction, determining a target interface identifier corresponding to a target display interface; determining a target resource node corresponding to the target interface identifier from a display resource linked list based on a preset resource access interface; the display resource linked list comprises resource nodes corresponding to multiple preset display interfaces; updating a current display interface based on resource information in the target resource node to obtain the target display interface. The method can access resource information through a globally unique preset resource access interface, thereby avoiding access errors caused by path access, improving the accuracy of accessing resource information, and improving the flexibility of setting resource information by applying a linked list storage method.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to display interface updating methods, apparatus, electronic devices, and storage media. Background Technology

[0002] Dynamically changing the appearance of applications to match holidays and various themes, or switching skins, has become a routine operation for people when using applications.

[0003] In existing technologies, applications generated based on responsive frameworks typically only support a limited number of skin styles. When updating a skin, it is necessary to obtain the skin object through lengthy syntax and then obtain resources through the attribute information of the skin object to switch skins. This results in the inability to dynamically update resource information and the tendency to make mistakes when obtaining resource information. Summary of the Invention

[0004] This application provides a method, apparatus, electronic device, and storage medium for updating a display interface, which can improve the accuracy of accessing resource information and the flexibility of setting resource information.

[0005] On the one hand, this application provides a method for updating a display interface, the method comprising:

[0006] In response to the display interface update command, determine the target interface identifier corresponding to the target display interface;

[0007] Based on a preset resource access interface, a target resource node corresponding to the target interface identifier is determined from a display resource list; the display resource list includes resource nodes corresponding to multiple preset display interfaces; the preset resource access interface is generated by processing the resource information of the multiple preset display interfaces.

[0008] Based on the resource information in the target resource node, the current display interface is updated to obtain the target display interface.

[0009] On the other hand, a display interface updating device is provided, the device comprising:

[0010] The target interface identifier determination module is used to determine the target interface identifier corresponding to the target display interface in response to the display interface update command.

[0011] The target resource node determination module is used to determine the target resource node corresponding to the target interface identifier from the display resource list based on a preset resource access interface; the display resource list includes resource nodes corresponding to multiple preset display interfaces; the preset resource access interface is generated by processing the resource information of the multiple preset display interfaces.

[0012] The display interface update module is used to update the current display interface based on the resource information in the target resource node to obtain the target display interface.

[0013] On the other hand, an electronic device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction or at least one program, the at least one instruction or the at least one program being loaded and executed by the processor to implement the display interface update method as described above.

[0014] On the other hand, a computer-readable storage medium is provided, the storage medium including a processor and a memory, the memory storing at least one instruction or at least one program, the at least one instruction or the at least one program being loaded and executed by the processor to implement the display interface update method as described above.

[0015] On the other hand, a computer program product is provided, including a computer program that, when executed by a processor, implements the above-described display interface update method.

[0016] The present application provides a display interface update method, apparatus, electronic device, and storage medium. The method, in response to a display interface update command, determines a target interface identifier corresponding to a target display interface. Based on a preset resource access interface, it determines a target resource node corresponding to the target interface identifier from a display resource linked list. The display resource linked list includes resource nodes corresponding to multiple preset display interfaces. Based on the resource information in the target resource node, it updates the current display interface to obtain the target display interface. This method can access resource information through a globally unique preset resource access interface, avoiding access errors that are prone to occur with path access, thereby improving the accuracy of accessing resource information. Simultaneously, the use of a linked list storage method to store resource information also improves the flexibility of resource information settings. Attached Figure Description

[0017] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0018] Figure 1 This is a schematic diagram illustrating an application scenario of a display interface update method provided in an embodiment of this application.

[0019] Figure 2 A flowchart illustrating a method for updating a display interface as provided in this application embodiment;

[0020] Figure 3 A flowchart illustrating the determination of a target resource node in a display interface update method provided in this application embodiment;

[0021] Figure 4 This is a schematic diagram of the structure of multiple resource sub-linked lists in a display interface update method provided in an embodiment of this application;

[0022] Figure 5 A flowchart illustrating the correspondence between a display resource list and a preset resource access interface in a display interface update method provided in this application embodiment;

[0023] Figure 6 A flowchart illustrating the generation of a preset resource access interface in a display interface update method provided in this application embodiment;

[0024] Figure 7 A schematic diagram illustrating the generation of a display resource linked list in a display interface update method provided in an embodiment of this application;

[0025] Figure 8 This is a schematic diagram illustrating interface dependency information in a method for updating a display interface, as provided in an embodiment of this application.

[0026] Figure 9 This is a schematic diagram illustrating the resource information and associated resource information corresponding to the preset display interface in a display interface update method provided in an embodiment of this application.

[0027] Figure 10 This is a schematic diagram illustrating a method for updating a display interface based on resource information corresponding to multiple preset display interfaces, provided in an embodiment of this application;

[0028] Figure 11 A schematic diagram illustrating the generation of a preset format file based on resource information corresponding to multiple preset display interfaces in a display interface update method provided in this application embodiment;

[0029] Figure 12 This is a schematic diagram illustrating the resource update method of external display resources in a display interface update method provided in an embodiment of this application;

[0030] Figure 13 This is a schematic diagram illustrating the generation of new resource information based on a display interface generation component in a display interface update method provided in an embodiment of this application.

[0031] Figure 14 A schematic diagram of the interface skin style in the prior art provided for the embodiments of this application;

[0032] Figure 15 A schematic diagram illustrating the storage of interface skin styles in the prior art, provided for embodiments of this application;

[0033] Figure 16 A schematic diagram illustrating a method for updating a display interface according to an embodiment of this application, which accesses resource information through a preset resource access interface;

[0034] Figure 17 A schematic diagram illustrating a method for updating a display interface provided in this application embodiment, which involves determining a target resource node through a target interface identifier;

[0035] Figure 18 This is a schematic diagram illustrating a display interface update method provided in an embodiment of this application.

[0036] Figure 19 This is a schematic diagram of the structure of a display interface updating device provided in an embodiment of this application;

[0037] Figure 20 This is a schematic diagram of the hardware structure of a device for implementing the method provided in the embodiments of this application. Detailed Implementation

[0038] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. Obviously, the described embodiments are merely some embodiments of this application, and not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of this application without creative effort are within the scope of protection of this application.

[0039] In the description of this application, it should be understood that the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. Furthermore, the terms "first," "second," etc., are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in orders other than those illustrated or described herein.

[0040] It is understood that in the specific embodiments of this application, data such as user information are involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0041] First, the relevant terms involved in the embodiments of this application are explained as follows:

[0042] Flutter: Flutter is an open-source user interface toolkit from Google that helps developers efficiently build multi-platform applications with a single codebase, supporting mobile, web, desktop, and embedded platforms. Flutter components are built using a modern reactive framework, using widgets to construct the user interface. Components describe how they appear given their current configuration and state. When a component's state changes, the component refactors its description, and Flutter compares this description to the previous one to determine the minimum changes required for the underlying render tree to transition from the current state to the next.

[0043] DSL Description Syntax: DSL is a component-based language that is more in line with the language features of ReactJSX (an extension of the JS language) and Vue templates (template instances in the Vue language), making it more suitable for user interface layout.

[0044] YAML is a highly readable data serialization format and another markup language. Similar to other high-level languages, it can easily express data formats such as lists, hash tables, and scalars, thus enabling hierarchical data structures.

[0045] Please see Figure 1 This illustration shows an application scenario of a display interface update method provided in this application embodiment. The application scenario includes a client 110 and a server 120. In response to a display interface update command, the client 110 determines the target interface identifier corresponding to the target display interface and, based on a preset resource access interface, determines the target resource node corresponding to the target interface identifier from the display resource list. The client 110 updates the current display interface based on the resource information in the target resource node to obtain the target display interface. The client 110 can obtain new resource information corresponding to the newly added display interface from the server 120.

[0046] In this embodiment, the client 110 includes physical devices such as smartphones, desktop computers, tablets, laptops, digital assistants, and smart wearable devices, and may also include software running on the physical device, such as applications. The operating system running on the physical device in this embodiment may include, but is not limited to, Android, iOS, Linux, Unix, and Windows.

[0047] Please see Figure 2 It demonstrates a method for updating the display interface, applicable to the client side, which includes:

[0048] S210. In response to the display interface update command, determine the target interface identifier corresponding to the target display interface;

[0049] In some embodiments, the display interface can be the interface of an application developed based on a preset responsive framework, such as the Flutter framework. The display interface can also be a skin style, which may include an application appearance skin or a game interface skin. The current display interface can be updated to the target display interface, thus switching skins. In response to a display interface update command, a target interface identifier corresponding to the target display interface can be determined. This target interface identifier can be used to locate the resource node corresponding to the target display interface.

[0050] S220. Based on the preset resource access interface, determine the target resource node corresponding to the target interface identifier from the display resource list; the display resource list includes resource nodes corresponding to multiple preset display interfaces; the preset resource access interface is generated by processing the resource information of multiple preset display interfaces.

[0051] In some embodiments, the preset resource access interface can be a globally unique resource identifier. This resource identifier is a constant that shares the same name as the main code package corresponding to multiple preset display interfaces, allowing access to the resource information corresponding to each of the multiple preset display interfaces. The resource identifier is stored in a preset file format; for example, it can be stored in a file named r.dart, where Dart is the language used in application development based on the Flutter framework.

[0052] When updating the display interface, the target resource node corresponding to the target interface identifier is determined from the display resource list through the preset resource access interface, thereby obtaining the resource information corresponding to the target display interface.

[0053] In some embodiments, see Figure 3 The resource list includes resource sub-lists corresponding to various resource types. Each node in the resource sub-list stores resource information corresponding to at least one preset display interface.

[0054] Based on the preset resource access interface, the target resource node corresponding to the target interface identifier is determined from the displayed resource list, including:

[0055] S310. Based on the preset resource access interface, perform node search in the resource sub-lists corresponding to various resource types, and determine at least one target sub-node based on the node search results; at least one target sub-node corresponds to the target interface identifier.

[0056] S320. Identify at least one target child node as a target resource node.

[0057] In some embodiments, resource types may include images, text styles, colors, etc. Resource information of the same type is stored in the same resource sub-list. Therefore, each resource sub-list includes resource information of the same resource type but corresponding to different preset display interfaces. In the resource sub-list, resource information can be stored in a chained manner, for example, storing resource information sequentially according to preset sequence information or storing resource information sequentially according to time order.

[0058] Each resource sub-list can be accessed through a preset resource access interface. Based on the preset resource access interface, node lookup is performed in the resource sub-lists corresponding to various resource types, that is, matching the target interface identifier with the interface identifier corresponding to the resource information in the resource sub-list. Based on the node lookup results, the target child node corresponding to the target interface identifier in each resource sub-list is determined, thereby obtaining the target resource node of the target display interface.

[0059] The preset resource access interface can be a resource identifier, which can have the same name as the main code package corresponding to multiple preset display interfaces. Therefore, the resource identifier can be used as a named node to establish a correspondence with the resource sub-list, so that the resource sub-list can be obtained through the resource identifier and nodes can be searched in the resource sub-list.

[0060] In some embodiments, such as Figure 4 The diagram shows the structure of multiple resource sub-lists. All resource information in the resource sub-lists can point to the same resource identifier, which is the preset resource access interface. The resource information in the resource sub-lists is stored using a linked list method, with each resource node in the sub-list storing the corresponding resource information.

[0061] Based on a globally unique preset resource access interface, the target child node can be obtained from the resource sub-linked list. This decouples the operation of obtaining resource paths and obtaining resource information, allowing the preset resource access interface to serve as an intermediate quantity and be associated with each piece of resource information, thereby improving the flexibility and accuracy of resource information acquisition.

[0062] S230. Based on the resource information in the target resource node, update the current display interface to obtain the target display interface.

[0063] In some embodiments, resource information includes image path information, text style information, color information, size information, etc. Based on the resource information in the target resource node, the corresponding text style information and color information can be directly obtained, and the image can be obtained from the image path information to update the current display interface, thereby completing the skinning operation and obtaining the target display interface.

[0064] In some embodiments, see Figure 5Before determining the target interface identifier corresponding to the target display interface in response to the display interface update command, the method further includes:

[0065] S510. Based on the preset access interface generation component, perform resource processing on the resource information of multiple preset display interfaces to generate preset resource access interfaces;

[0066] S520. Store the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces to generate a display resource linked list;

[0067] S530. Establish the correspondence between the display resource list and the preset resource access interface.

[0068] In some embodiments, see Figure 6 ,like Figure 6 The diagram illustrates the process of generating preset resource access interfaces. During development, based on the preset access interface generation component, the resource information corresponding to multiple preset display interfaces is traversed to obtain a display resource information table. This table contains all resource information; therefore, based on this table, it can be determined that the generated preset resource access interfaces are different from the access interfaces of the resource information in the table. This leads to the generation and storage of globally defined preset resource access interfaces. These preset resource access interfaces can be resource identifiers with the same name as the main code package corresponding to the resource information. The resource identifier can be constant information, represented by numbers, and stored based on a preset file format.

[0069] When updating the display interface, the preset resource access interface is retrieved from the stored information, and the resource information in the target resource node is obtained based on the preset resource access interface.

[0070] By using the interface identifiers corresponding to multiple preset display interfaces as resource nodes and storing the resource information corresponding to each preset display interface in these resource nodes, a display resource linked list can be generated. Since the preset resource access interface shares the same name as the main code package, the resource information corresponding to each of the multiple preset display interfaces included in the main code package all points to this preset resource access interface. The preset resource access interface can serve as a named node in the display resource linked list, establishing a correspondence between it and the list, thus enabling the preset resource access interface to access all resource information.

[0071] A globally unique preset resource access interface is generated, so that each resource information points to the preset resource access interface. Thus, the preset resource access interface can be used as an intermediate quantity and associated with each resource information, improving the development efficiency of the display interface.

[0072] In some embodiments, see Figure 7The process of storing the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces, and generating a display resource linked list includes:

[0073] S710. Classify the resource information corresponding to multiple preset display interfaces by type to obtain the resource information corresponding to each of the various resource types;

[0074] S720. Store resource information of the same resource type but corresponding to different preset display interfaces into the resource nodes corresponding to each of the multiple preset display interfaces, and generate resource sub-linked lists corresponding to each of the multiple resource types.

[0075] In some embodiments, resource information corresponding to multiple preset display interfaces is categorized into types such as image path information, style information, and color information, thereby obtaining resource information corresponding to each of the various resource types. Resource information of the same resource type but corresponding to different preset display interfaces is stored in the resource nodes corresponding to each preset display interface, generating multiple resource sub-lists. Each resource sub-list corresponds to one resource type. Each resource node in each resource sub-list corresponds to a different interface identifier.

[0076] By using linked lists to categorize and store resource information, the richness of elements and components in the display interface can be increased, thereby enhancing the diversity of the display interface.

[0077] In some embodiments, the resource information corresponding to multiple preset display interfaces is related, and storing the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces to generate a display resource linked list includes:

[0078] Determine the associated display interface corresponding to each preset display interface; the resource information corresponding to each preset display interface depends on the associated resource information corresponding to the associated display interface.

[0079] The resource information corresponding to each preset display interface, as well as the associated resource information, are stored in the resource node corresponding to each preset display interface to generate a display resource linked list.

[0080] In some embodiments, when developing multi-module applications, there may be dependencies between preset display interfaces. Based on the dependencies of resource information corresponding to the preset display interfaces, associated display interfaces can be determined for each preset display interface. The resource information for each preset display interface depends on the associated resource information for the associated display interfaces. For example... Figure 8 As shown, preset display interfaces can be used as nodes. Based on the dependencies between preset display interfaces, interface dependency information can be generated. This interface dependency information can be a directed acyclic graph, and the arrows in the graph can indicate the dependencies between two preset display interfaces.

[0081] Based on this interface dependency information, the associated display interfaces corresponding to the preset display interfaces can be determined, and the associated resource information corresponding to the associated display interfaces can be obtained. The associated display interfaces include at least one preset display interface, such as... Figure 8 As shown, preset display interface 3 depends on preset display interface 2, and preset display interface 2 depends on preset display interface 3. Therefore, preset display interface 1 and preset display interface 2 are associated display interfaces of preset display interface 3, and preset display interface 1 is an associated display interface of preset display interface 2.

[0082] The resource information corresponding to each preset display interface, along with associated resource information, is stored in the resource node corresponding to each preset display interface, generating a display resource linked list. For example... Figure 9 As shown, preset display interfaces 1 and 2 are associated display interfaces of preset display interface 3. Therefore, the resource information corresponding to preset display interface 1 and preset display interface 2 are used as associated resource information corresponding to preset display interface 3, and both the associated resource information and the resource information corresponding to preset display interface 3 are stored in the resource node corresponding to the preset display interface. When accessing the resource node corresponding to the preset display interface based on the preset resource access interface, the resource information and associated resource information of the preset display interface can be obtained. Resource nodes can also be stored using a preset file format.

[0083] like Figure 10 As shown, Figure 10 This diagram illustrates the generation of a preset format file based on resource information corresponding to multiple preset display interfaces. The resource information for each preset display interface is scanned to obtain a display resource information table. Based on dependencies, this table is divided into separate resource information tables for each preset display interface. Each resource information table includes resource information and associated resource information for each preset display interface. Based on this resource information table, the resource information and associated resource information are stored in the r.dart file. A globally unique resource identifier can also be stored in the r.dart file, allowing resource information within resource nodes to be retrieved based on the resource identifier.

[0084] Establish dependencies between multi-module applications, and store resource information and related resource information based on these dependencies. This simplifies the resource information retrieval path when dependencies exist, making it easier to obtain resource information.

[0085] In some embodiments, see Figure 11 The method also includes:

[0086] S1110. Obtain the newly added resource information corresponding to the newly added display interface;

[0087] S1120. Add the new resource node to the resource list;

[0088] S1130. Store the newly added resource information in the newly added resource node.

[0089] In some embodiments, new resource information corresponding to the new display interface is obtained. This new resource information has the same name as the resource information in the main program package. Therefore, after the new resource information is added to the display resource list, the new resource information can also point to the preset resource access interface, thereby obtaining the new resource information based on the preset resource access interface.

[0090] Adding new resource nodes to the resource list can be done chronologically, appending them after the last resource node in the list. Storing the new resource information in these nodes adds a new display interface. The resource list can include sub-lists for different resource types. New resource information can be broken down into sub-lists corresponding to different resource types, and each sub-list can be stored in the corresponding new resource node of its respective resource type's sub-list.

[0091] The newly added display interface can be a built-in display interface or an external display interface obtained from the network. When the newly added display interface is an external display interface, there is no dependency between the new display interface and the existing preset display interfaces, and it is not necessary to add associated resource information for the new display interface. Furthermore, if the target display interface corresponding to the display interface update command is an external display interface, such as... Figure 12 As shown, Figure 12 This diagram illustrates the resource update method for external display resources. The resource information corresponding to the external display interface is first loaded into memory, and then the display resource list is accessed based on the preset resource access interface to obtain the resource information corresponding to the external display interface.

[0092] For external display interfaces, components can be generated based on preset display interfaces, and the original resources corresponding to the external display interface can be processed to obtain new resource information. For example... Figure 13 As shown, Figure 13 This is a schematic diagram illustrating the generation of new resource information based on the display interface generation component. Based on the display interface generation component, it iterates through the original resources corresponding to the external display interface, generating resource table information, images, and an image list. The image list includes a list of image variants at different resolutions. The resource table information, images, and image list are then packaged as the resource information for the external display interface.

[0093] Adding a new display interface is possible by adding a resource with the same name, making the addition or deletion of display interfaces seamless for the development team and improving the development efficiency of display interfaces.

[0094] In some embodiments, when there is a correlation between the newly added resource information and the resource information corresponding to the preset display interface, storing the newly added resource information in the newly added resource node includes:

[0095] From multiple preset display interfaces, determine the new associated display interface that corresponds to the new display interface; the resource information corresponding to the new display interface depends on the new associated resource information corresponding to the new associated display interface.

[0096] The resource information corresponding to the newly added display interface, as well as the newly added associated resource information, will be stored in the resource node corresponding to the newly added display interface.

[0097] In some embodiments, when the newly added display interface is a built-in display interface, there may be a correlation between the newly added resource information corresponding to the newly added display interface and the resource information corresponding to the preset display interface.

[0098] Where a relationship exists, this relationship can be a dependency relationship. Based on the dependency relationship corresponding to the new display interface, determine the new associated display interfaces and the new associated resource information corresponding to the new associated display interfaces. There can be at least one new associated display interface. Store the new resource information corresponding to the new display interface, as well as the new associated resource information, in the resource node corresponding to the new display interface. When accessing the display resource list based on the preset resource access interface, the new resource information and the new associated resource information can be retrieved from the corresponding resource node.

[0099] When there is a dependency between the newly added display interface and the preset display interface, the newly added resource information and the newly added associated resource information can be stored based on the newly added dependency relationship, so as to facilitate the acquisition of the resource information corresponding to the newly added display interface.

[0100] In some embodiments, the resource information corresponding to the preset display interface can be defined based on a format that matches the responsive framework. During development, resource information in the responsive framework can be defined based on a preset resource definition format that matches the responsive framework. This responsive framework can be the Flutter framework.

[0101] Based on a preset resource definition format, images can be stored in a preset image directory. The corresponding image is retrieved using image path information, which is then used as resource information. Resources such as color, size, font style, and appearance style are defined using DSL description syntax. The DSL description syntax used for resource definition is based on YAML and allows defining colors through the `colors` node, sizes through the `dimens` node, decoration objects through the `decoration` node, font styles through `textstyle`, and various extended resource definition methods. For example, defining color as a resource using DSL description syntax can be represented as:

[0102] colors:

[0103] #Some common colors

[0104] C1:0xff555555

[0105] C1A50:0x80555555

[0106] C2:0xff808080

[0107] C3:0xffe8e8e8

[0108] C4:0xffd98500

[0109] C5:0xfff5f5f5

[0110] C6:0xffa06200

[0111] C1 to C6 are used to distinguish different colors. 0xff555555, 0x80555555, 0xff808080, 0xffe8e8e8, 0xffd98500, 0xfff5f5f5 and 0xffa06200 represent color codes defined in hexadecimal.

[0112] The resource definition of decorations using the DSL description syntax can be represented as:

[0113]

[0114] Here, `momentBtnDeco` represents the style of the post button, `radius` represents the radius of the four corners of the rounded button, and `topleft`, `topright`, `bottomleft`, and `bottomright` represent the top left, top right, bottom left, and bottom right corners of the rounded button, respectively. `clipCorner` indicates that rounded corners are used.

[0115] The resource definition of a size using the DSL description syntax can be represented as:

[0116] dimens:

[0117] messageDividerHeight: 0.4

[0118] messageTextSize:15

[0119] messageSubTextSize:12

[0120] titleSize:40

[0121] commonSize:14

[0122] Among them, messageDividerHeight represents the height of the message interval, messageTextSize represents the size of the message text, messageSubTextSize represents the size of the additional information text, titleSize represents the size of the title, and commonSize represents the general size.

[0123] In some embodiments, the complete syntax for resource definition is provided as follows:

[0124]

[0125]

[0126]

[0127]

[0128] When configuring colors, hexadecimal constants are used to represent color codes, and this includes an option to set transparency. Three predefined colors—red, green, and blue—can also be used as strings. The title color (title_color) can be red, directly referencing a predefined color name. The username color (user_name_color) can be the same as the title color, directly referencing the title color.

[0129] When configuring the size, the gap can be defined using a constant or a resource name. When configuring the value, you can set values ​​of various types, including int, float, bool, string, array, and dictionary. Additionally, you can set dictionaries in various formats.

[0130] When configuring text styles, you can set text style inheritance, and configure the text color, text background color, text size, text width, text style, increase character spacing, increase word spacing, text baseline, text height, text distribution, foreground, background, shadows, font features, font decoration, and font family.

[0131] When configuring foreground and background colors, you can set the corresponding colors. When configuring shadows, you can configure the color, coordinate offset, and blur radius. When configuring font decorations, you can configure the decoration color, decoration style, and texture thickness. If no font name is set, the decoration thickness can revert to the default font based on alternative font names (fontFamilyFallback).

[0132] When configuring decorations, you can choose from various colors, borders, rounded corners, backgrounds, background image fills, gradients, etc. When configuring rounded corners, you can set the color and use the `all` command to configure all rounded corners at once, or configure individual corners using the top-left, top-right, bottom-left, and bottom-right corner markers. When configuring borders, you can set the border color and size. You can use `all` to configure all borders at once, or use the `sides` command to configure a single border. When configuring a single border, you can configure the color and size of the top, left, right, and bottom borders sequentially. When configuring background images, you can set an image path to point to the target background image. You can also configure image style (fit), image size (scale), centerSlide, image repeat (repeat), and image alignment (alignment). When aligning images, you can choose from top left, top center, top right, center left, center, center right, bottom left, bottom center, and bottom right.

[0133] When configuring gradients, you can configure the color array (colors), start position (begin), end position (end), stop information (stops), tiling mode (tileMode), shape (shape), and background blending mode (backgroundBlendMode). The tiling mode can include clamp tiling, repeated tiling, mirror tiling, and decal tiling. When the background image is smaller than the actual display area, the gradient decoration can be displayed by stretching the edge color, repeating, mirroring, or decaling, respectively.

[0134] By defining resource information corresponding to the preset display interface based on a format that matches the responsive framework, the scalability of resources can be increased.

[0135] In some embodiments, this display interface update method can be applied to update the interface of an application generated by a responsive framework. In the prior art, the display interface can be an interface skin style, such as... Figure 14As shown, the Flutter framework allows defining a set of application appearance properties through UI skin styles, such as a set of color values ​​or a font set. In the application, the appearance is set by configuring a specific style property within the UI skin style. This way, when the UI skin style changes, all application components using that style property can be notified to refresh and rebuild, thus achieving the goal of dynamically changing the application's appearance. However, as... Figure 15 As shown, the UI skin styles in the Flutter framework can only be packaged inside the program, and only two UI skin styles are supported. Furthermore, only color and font switching is supported, and images and other resource attributes that affect the appearance of the program are not supported.

[0136] Based on the above-described method for updating the display interface, during application development, resources can be defined using a format compatible with the responsive framework to obtain resource information for multiple preset display interfaces. During development, a component is generated based on the preset access interface to traverse the resource information for each of the preset display interfaces, resulting in a display resource information table. A globally unique resource identifier is then generated based on this table, and this identifier is used as the preset resource access interface, stored in the r.dart file. If resources with the same name exist during development, their names can be used as the master node, and the resources with the same name can be stored in the corresponding child nodes of the master node in a linked list.

[0137] If an application includes multiple preset display interfaces, and the resource information corresponding to these preset display interfaces has dependencies, interface dependency information can be generated first based on these dependencies. Using this dependency information, the associated display interfaces corresponding to each preset display interface are determined, and the associated resource information of the associated display interfaces and the resource information of the preset display interfaces are stored in the resource nodes corresponding to the preset display interfaces.

[0138] When updating the display interface, resource information can be accessed through the preset resource access interface. Please refer to [link / reference]. Figure 16 ,like Figure 16 The diagram illustrates accessing resource information through a preset resource access interface. Based on this interface, different resource sub-lists corresponding to different resource types can be accessed. Based on the target interface identifier, the target child node can be determined from each resource sub-list, thereby retrieving the resource information corresponding to the target display interface from the target child node. Please refer to [link to relevant documentation]. Figure 17 ,like Figure 17 The diagram shows how to identify target resource nodes using target interface identifiers.

[0139] After obtaining the resource information corresponding to the target display interface, the current display interface can be updated to obtain the target display interface. For example... Figure 18 The image shows a schematic diagram of the updated display interface. The current display interface can be updated to a target display interface with different colors and styles.

[0140] In some embodiments, this display interface update method can be applied to updating the game display interface. During game version updates or holidays, a game update display interface matching the updated game version or holiday can be developed. The name of the main code package corresponding to this game update display interface is the same as the name of the main code package corresponding to the existing game display interface. Therefore, a new resource node can be directly added to the existing display resource list, and the resource information corresponding to the game update display interface can be stored in the new resource node. When the client switches to the game update display interface, the resource information corresponding to the game update display interface can be obtained from the display resource list based on a preset resource access interface, and then the page can be loaded based on this resource information.

[0141] The game update display interface can be directly integrated into the game application or uploaded to the server. If the game update display interface is external, the client can first download it to the game application. If the game update display interface is internal, the dependencies between the game update display interface and the game display interface are determined, and the resource information of the associated game display interface and the resource information corresponding to the game update display interface are added to the new resource node.

[0142] This application provides a method for updating a display interface. The method includes: responding to a display interface update command, determining a target interface identifier corresponding to the target display interface; determining a target resource node corresponding to the target interface identifier from a display resource linked list based on a preset resource access interface, wherein the display resource linked list includes resource nodes corresponding to multiple preset display interfaces; and updating the current display interface based on the resource information in the target resource node to obtain the target display interface. This method can access resource information through a globally unique preset resource access interface, avoiding access errors that are prone to occur with path access, thereby improving the accuracy of accessing resource information. Furthermore, using a linked list storage method to store resource information also improves the flexibility of resource information settings.

[0143] This application also provides a display interface updating device; please refer to [link to relevant documentation]. Figure 19 The device includes:

[0144] The target interface identifier determination module 1910 is used to determine the target interface identifier corresponding to the target display interface in response to the display interface update command;

[0145] The target resource node determination module 1920 is used to determine the target resource node corresponding to the target interface identifier from the display resource list based on the preset resource access interface; the display resource list includes resource nodes corresponding to multiple preset display interfaces; the preset resource access interface is generated by processing the resource information of multiple preset display interfaces.

[0146] The display interface update module 1930 is used to update the current display interface based on the resource information in the target resource node to obtain the target display interface.

[0147] In some embodiments, the resource list includes resource sub-lists corresponding to various resource types, and each node in the resource sub-list stores resource information corresponding to at least one preset display interface; the target resource node determination module includes:

[0148] The node lookup unit is used to perform node lookup in the resource sub-lists corresponding to various resource types based on a preset resource access interface, and determine at least one target child node based on the node lookup results; at least one target child node corresponds to a target interface identifier.

[0149] A node determination unit is used to determine at least one target child node as a target resource node.

[0150] In some embodiments, the device further includes:

[0151] The access interface generation module is used to process the resource information of multiple preset display interfaces based on the preset access interface generation component, and generate preset resource access interfaces.

[0152] The display list generation module is used to store the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces, and generate a display resource list.

[0153] The mapping relationship establishment module is used to establish the mapping relationship between the display resource linked list and the preset resource access interface.

[0154] In some embodiments, the initial display resource list includes initial resource sub-lists corresponding to various resource types, and the display list generation module includes:

[0155] The type division unit is used to classify the resource information corresponding to multiple preset display interfaces into types, and obtain the resource information corresponding to each of the various resource types.

[0156] The resource sub-list generation unit is used to store resource information of the same resource type but corresponding to different preset display interfaces into the resource nodes corresponding to each of the multiple preset display interfaces, thereby generating resource sub-lists corresponding to various resource types.

[0157] In some embodiments, the resource information corresponding to multiple preset display interfaces has an association relationship, and the display list generation module includes:

[0158] The associated display interface determination unit is used to determine the associated display interface corresponding to each preset display interface; the resource information corresponding to each preset display interface depends on the associated resource information corresponding to the associated display interface.

[0159] The associated resource storage unit is used to store the resource information corresponding to each preset display interface, as well as the associated resource information, into the resource node corresponding to each preset display interface, thereby generating a display resource linked list.

[0160] In some embodiments, the apparatus further includes:

[0161] A new resource acquisition module has been added to retrieve information about newly added resources corresponding to the newly added display interface.

[0162] The "Add New Node" module is used to add new resource nodes to the displayed resource list.

[0163] A new resource storage module has been added to store new resource information in the new resource nodes.

[0164] In some embodiments, where there is a correlation between the newly added resource information and the resource information corresponding to the preset display interface, the newly added resource storage module includes:

[0165] A new associated resource information determination unit is added to determine the new associated display interface corresponding to the new display interface from multiple preset display interfaces; the resource information corresponding to the new display interface depends on the new associated resource information corresponding to the new associated display interface.

[0166] A new associated resource information storage unit is added, which is used to store the resource information corresponding to the newly added display interface, as well as the newly added associated resource information, into the resource node corresponding to the newly added display interface.

[0167] The apparatus provided in the above embodiments can execute the methods provided in any embodiment of this application, and has the corresponding functional modules and beneficial effects for executing the method. For technical details not described in detail in the above embodiments, please refer to a display interface update method provided in any embodiment of this application.

[0168] This embodiment also provides a computer-readable storage medium storing computer-executable instructions, which are loaded and executed by a processor using the above-described method for updating a display interface.

[0169] This embodiment also provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the methods provided in the various optional implementations of the above-described display interface update.

[0170] This embodiment also provides an electronic device, which includes a processor and a memory, wherein the memory stores a computer program adapted to be loaded by the processor and executed by the above-described method for updating a display interface.

[0171] The device can be a computer terminal, a mobile terminal, or a server, and it can also participate in constituting the apparatus or system provided in the embodiments of this application. For example... Figure 20 As shown, the mobile terminal 20 (or computer terminal 20 or server 20) may include one or more processors 2002 (shown as 2002a, 2002b, ..., 2002n in the figure) (processor 2002 may include, but is not limited to, a microprocessor MCU or a programmable logic device FPGA, etc.), a memory 2004 for storing data, and a transmission device 2006 for communication functions. In addition, it may also include: a display, an input / output interface (I / O interface), a network interface, a power supply, and / or a camera. Those skilled in the art will understand that... Figure 20 The structure shown is for illustrative purposes only and does not limit the structure of the aforementioned electronic device. For example, the mobile device 20 may also include... Figure 20 The more or fewer components shown, or having the same Figure 20 The different configurations shown.

[0172] It should be noted that the aforementioned one or more processors 2002 and / or other data processing circuits may generally be referred to herein as "data processing circuits". These data processing circuits may be wholly or partially embodied in software, hardware, firmware, or any other combination thereof. Furthermore, the data processing circuits may be a single, independent processing module, or may be wholly or partially integrated into any other element within the mobile device 20 (or computer terminal).

[0173] The memory 2004 can be used to store software programs and modules of application software, such as the program instructions / data storage device corresponding to the method in the embodiments of this application. The processor 2002 executes various functional applications and data processing by running the software programs and modules stored in the memory 2004, thereby realizing the above-mentioned method for generating temporal behavior capture boxes based on self-attention networks. The memory 2004 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 2004 may further include memory remotely located relative to the processor 2002, and these remote memories can be connected to the mobile device 20 via a network. Examples of the above-mentioned networks include, but are not limited to, the Internet, corporate intranets, local area networks, mobile communication networks, and combinations thereof.

[0174] The transmission device 2006 is used to receive or send data via a network. Specific examples of the network described above may include a wireless network provided by the communication provider of the mobile terminal 20. In one example, the transmission device 2006 includes a Network Interface Controller (NIC), which can connect to other network devices via a base station to communicate with the Internet. In another example, the transmission device 2006 may be a Radio Frequency (RF) module, used for wireless communication with the Internet.

[0175] The display may be, for example, a touchscreen liquid crystal display (LCD) that allows the user to interact with the user interface of the mobile device 20 (or computer terminal).

[0176] This specification provides method operation steps as shown in the embodiments or flowcharts, but based on conventional or non-inventive labor, more or fewer operation steps may be included. The steps and order listed in the embodiments are merely one possible execution order among many steps and do not represent the only execution order. In actual system or interrupt product execution, the methods shown in the embodiments or drawings can be executed sequentially or in parallel (e.g., in a parallel processor or multi-threaded processing environment).

[0177] The structures shown in this embodiment are only partial structures related to the solution of this application and do not constitute a limitation on the device to which the solution of this application is applied. Specific devices may include more or fewer components than shown, or combinations of certain components, or arrangements of different components. It should be understood that the methods, apparatuses, etc., disclosed in this embodiment can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative. For instance, the division of modules is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be indirect coupling or communication connection between devices or unit modules through some interfaces.

[0178] Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as a USB flash drive, a portable hard drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

[0179] Those skilled in the art will further recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed in this specification can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of each example have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0180] The above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit it. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application.

Claims

1. A method for updating a display interface, characterized in that, The method includes: In response to the display interface update command, determine the target interface identifier corresponding to the target display interface; Based on the correspondence between the displayed resource list and the preset resource access interface, and based on the preset resource access interface, a node search is performed in the resource sub-lists corresponding to the various resource types included in the displayed resource list. At least one target child node is determined based on the node search results. The displayed resource list includes resource nodes corresponding to multiple preset display interfaces, and the at least one target child node corresponds to the target interface identifier. Each node in the resource sub-list stores resource information corresponding to at least one preset display interface. The at least one target child node is determined as the target resource node. The method for generating the correspondence includes: Based on a preset access interface generation component, resource information of multiple preset display interfaces is processed to generate the preset resource access interface. The preset resource access interface is a globally unique resource identifier, which shares the same name as the main code package corresponding to the multiple preset display interfaces. The resource information corresponding to each of the multiple preset display interfaces included in the main code package points to the preset resource access interface, which can access the resource information corresponding to each of the multiple preset display interfaces. The resource information corresponding to each preset display interface is stored in the resource node corresponding to each of the multiple preset display interfaces, generating a display resource linked list. The preset resource access interface is used as... For the named nodes in the display resource list, establish a correspondence between the display resource list and the preset resource access interface, with the resource access interface serving as an intermediate variable associated with each resource information; storing the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces to generate the display resource list includes: classifying the resource information corresponding to the multiple preset display interfaces by type to obtain resource information corresponding to each of the multiple resource types; storing the resource information of the same resource type but corresponding to different preset display interfaces into the resource nodes corresponding to each of the multiple preset display interfaces to generate resource sub-lists corresponding to each of the multiple resource types; Based on the resource information in the target resource node, the current display interface is updated to obtain the target display interface.

2. The display interface update method according to claim 1, characterized in that, The resource information corresponding to the multiple preset display interfaces is related, and the step of storing the resource information corresponding to each preset display interface into the resource node corresponding to each of the multiple preset display interfaces to generate the display resource linked list includes: Determine the associated display interface corresponding to each preset display interface; the resource information corresponding to each preset display interface depends on the associated resource information corresponding to the associated display interface. The resource information corresponding to each preset display interface, as well as the associated resource information, are stored in the resource node corresponding to each preset display interface to generate the display resource linked list.

3. The method for updating the display interface according to claim 1, characterized in that, The method further includes: Retrieve the newly added resource information corresponding to the newly added display interface; Add a new resource node to the displayed resource list; The newly added resource information is stored in the newly added resource node.

4. The display interface update method according to claim 3, characterized in that, When there is a correlation between the newly added resource information and the resource information corresponding to the preset display interface, storing the newly added resource information in the newly added resource node includes: From the plurality of preset display interfaces, a new associated display interface corresponding to the newly added display interface is determined; the resource information corresponding to the newly added display interface depends on the newly associated resource information corresponding to the newly added associated display interface. The resource information corresponding to the newly added display interface, as well as the newly added associated resource information, are stored in the resource node corresponding to the newly added display interface.

5. A display interface updating device, characterized in that, The device includes: An access interface generation module is used to process the resource information of multiple preset display interfaces based on a preset access interface generation component, and generate preset resource access interfaces. The preset resource access interface is a globally unique resource identifier, which has the same name as the main code package corresponding to the multiple preset display interfaces. The resource information corresponding to each of the multiple preset display interfaces included in the main code package all point to the preset resource access interface, and the preset resource access interface can access the resource information corresponding to each of the multiple preset display interfaces. The display list generation module is used to store the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces, thereby generating a display resource list. The process of storing the resource information corresponding to each preset display interface into the resource nodes corresponding to each of the multiple preset display interfaces to generate the display resource list includes: classifying the resource information corresponding to the multiple preset display interfaces into different types to obtain resource information corresponding to each of the various resource types; and storing the resource information of the same resource type corresponding to different preset display interfaces into the resource nodes corresponding to each of the multiple preset display interfaces, thereby generating resource sub-lists corresponding to each of the various resource types. The correspondence establishment module is used to establish the correspondence between the display resource list and the preset resource access interface as a named node in the display resource list, and the resource access interface is used as an intermediate quantity to associate with each resource information. The target interface identifier determination module is used to determine the target interface identifier corresponding to the target display interface in response to the display interface update command. The target resource node determination module is used to perform node searches in the resource sub-lists corresponding to various resource types included in the display resource list, based on the correspondence between the display resource list and the preset resource access interface, and to determine at least one target sub-node based on the node search results. The display resource list includes resource nodes corresponding to multiple preset display interfaces, and the at least one target sub-node corresponds to the target interface identifier. Each node in the resource sub-list stores resource information corresponding to at least one preset display interface. The at least one target sub-node is determined as the target resource node. The display interface update module is used to update the current display interface based on the resource information in the target resource node to obtain the target display interface.

6. The apparatus according to claim 5, characterized in that, The resource information corresponding to the multiple preset display interfaces is related, and the display list generation module includes: The associated display interface determination unit is used to determine the associated display interface corresponding to each preset display interface; the resource information corresponding to each preset display interface depends on the associated resource information corresponding to the associated display interface. An associated resource storage unit is used to store the resource information corresponding to each preset display interface and the associated resource information into the resource node corresponding to each preset display interface, thereby generating the display resource linked list.

7. The apparatus according to claim 5, characterized in that, The device further includes: A new resource acquisition module has been added to retrieve information on newly added resources corresponding to the newly added display interface. The module for adding new nodes is used to add new resource nodes to the displayed resource list. A new resource storage module is added, which is used to store the new resource information into the new resource node.

8. The apparatus according to claim 7, characterized in that, The newly added resource storage module includes: A new associated resource information determination unit is added, used to determine a new associated display interface corresponding to the new display interface from the plurality of preset display interfaces; the resource information corresponding to the new display interface depends on the new associated resource information corresponding to the new associated display interface. A new associated resource information storage unit is added, which is used to store the resource information corresponding to the newly added display interface and the newly added associated resource information into the resource node corresponding to the newly added display interface.

9. An electronic device, characterized in that, The electronic device includes a processor and a memory, wherein the memory stores at least one instruction or at least one program, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the display interface update method as described in any one of claims 1-4.

10. A computer-readable storage medium, characterized in that, The storage medium includes a processor and a memory, wherein the memory stores at least one instruction or at least one program, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the display interface update method as described in any one of claims 1-4.

11. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by the processor, it implements the display interface update method according to any one of claims 1 to 4.

Images