Resource processing method and device, equipment, medium and program product

Abstract

The embodiment of the invention discloses a resource processing method and device, equipment, a medium and a program product. The method comprises the following steps: displaying a service interface of a graphic code; in response to the resource configuration triggering operation, displaying at least one candidate skin resource; according to a selection operation on a target skin resource in the at least one candidate skin resource, receiving a resource application range set for the target skin resource; and according to the visual form of each target interface element defined by the target skin resource, updating the visual form of one or more target interface elements in the service interface. According to the embodiment of the invention, the visual form presented by the graphic code can be enriched, so that the utilization rate of the graphic code is improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, specifically to a resource processing method, a resource processing device, a computer equipment, a computer-readable storage medium, and a computer program product. Background Technology

[0002] A graphic code is a graphical representation of textual or numerical information using geometric shapes corresponding to binary codes. Graphic codes can be applied in various fields to improve the ease of execution of target business processes. For example, in the transportation sector, users can open a ride-hailing graphic code through an application; scanning this code allows for quick boarding. Therefore, enriching the visual presentation of graphic codes and improving their retention and usage rates has become a research hotspot. Summary of the Invention

[0003] This application provides a resource processing method, apparatus, device, medium, and program product that can enrich the visual form presented by graphic codes, thereby improving the retention rate and usage rate of graphic codes.

[0004] On one hand, embodiments of this application provide a resource processing method, the method comprising:

[0005] The service interface that displays the graphic code includes multiple interface elements related to the graphic code, and each interface element has its own visual form.

[0006] In response to a resource configuration trigger operation, at least one candidate skin resource is displayed; each candidate skin resource is used to define: the visual appearance of each interface element when the corresponding candidate skin resource is applied;

[0007] Based on the selection operation of the target skin resource among at least one candidate skin resource, the resource application scope set for the target skin resource is received. The resource application scope is used to indicate the application rules when the target skin resource is applied to the service interface. The application rules include the application of the target skin resource to one or more target interface elements among multiple interface elements.

[0008] Update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

[0009] On the other hand, embodiments of this application provide a resource processing apparatus, which includes:

[0010] The display unit is used to display the service interface of the graphic code. The service interface includes multiple interface elements related to the graphic code, and each interface element has its own visual form.

[0011] The processing unit is used to display at least one candidate skin resource in response to a resource configuration trigger operation; each candidate skin resource is used to define the visual appearance of each interface element when the corresponding candidate skin resource is applied.

[0012] The processing unit is further configured to receive, based on the selection operation of the target skin resource among at least one candidate skin resource, a resource application scope set for the target skin resource, wherein the resource application scope is used to indicate: the application rules when the target skin resource is applied to the service interface, and the application rules include the application of the target skin resource to one or more target interface elements among multiple interface elements;

[0013] The processing unit is also used to update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

[0014] In one implementation, when the graphic code is recognized, it is used to execute a target business, which includes at least one of the following: ride-hailing service, payment service, and collection service; the multiple interface elements associated with the graphic code include: the graphic code, the interface background of the service interface, and functional elements associated with the graphic code.

[0015] The visual forms of multiple interface elements in the service interface are defined in the same candidate skin resource or in different candidate skin resources; the visual forms of interface elements include at least one of the following: color, shape, font and pattern.

[0016] In one implementation, the processing unit, when receiving a resource application scope set for the target skin resource based on a selection operation of a target skin resource among at least one candidate skin resource, specifically performs the following:

[0017] When a target skin resource is selected from at least one candidate skin resource, the resource settings interface of the target skin resource is displayed; the target skin resource is any one of the at least one candidate skin resources; the resource settings interface is used to set one or more target interface elements of the multiple interface elements associated with the graphic code to which the target skin resource is to be applied.

[0018] In response to an element selection operation performed in the resource settings interface, it receives one or more interface elements selected by the element selection operation as the target interface element.

[0019] In one implementation, the resource settings interface includes one or more element options, where each element option corresponds to at least one interface element among multiple interface elements; the processing unit, in response to an element selection operation performed in the resource settings interface, receives one or more interface elements selected by the element selection operation as the target interface element, specifically for:

[0020] When a target element option is selected from one or more element options, at least one interface element corresponding to the target element option is received as the target interface element.

[0021] In one implementation, the application rules indicated by the resource application scope further include: the duration of application of the target skin resource on the target interface element; the resource settings interface includes duration setting options corresponding to each element option; and a processing unit, configured to, in response to a resource setting operation performed in the resource settings interface, receive the resource application scope set for the target skin resource, specifically for:

[0022] In response to a trigger operation on the duration setting option corresponding to the target element option, a duration setting window is output; the duration setting window includes a duration setting component for each target interface element in at least one target interface element corresponding to the target element option;

[0023] When the duration setting component of any target interface element is triggered, one or more candidate duration strategies are output; each candidate duration strategy is used to indicate the calculation rules for the usage duration of the target skin resource when the target skin resource is applied to the target interface element.

[0024] If a target duration strategy is selected from one or more candidate duration strategies, the usage duration calculated by the target duration strategy is received as the usage duration of the corresponding target interface element of the target skin resource to be applied.

[0025] In one implementation, the candidate duration strategy includes at least one of the following:

[0026] Apply the target skin resource to the target interface elements for a fixed duration; and...

[0027] The duration for which the target skin resource is applied to the target interface element is determined by the number of times the image code is used; and...

[0028] The duration of application of the target skin resource on the target interface element is determined by inputting the duration.

[0029] In one implementation, the application rules indicated by the scope of resource application further include: when the target skin resource defines at least two visual forms for the target interface element, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element; the display method includes dynamic refresh display or static display; the resource settings interface includes refresh settings options corresponding to each element option;

[0030] The processing unit, in response to a resource setting operation performed in the resource settings interface, receives the resource application scope set for the target skin resource, and specifically performs the following functions:

[0031] When the refresh setting option corresponding to the target element option is selected, the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, and the display mode of the corresponding visual form is dynamically refreshed.

[0032] In one implementation, the processing unit is further used for:

[0033] When the refresh setting option corresponding to the target element option is not selected, when the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, the display mode of the corresponding visual form is static display.

[0034] In one implementation, the processing unit is further used for:

[0035] When any element option in the resource settings interface is previewed, display the skin preview image of each interface element in at least one interface element corresponding to that element option;

[0036] The skin preview image includes: the visual appearance of each interface element when the target skin resource is applied, in at least one interface element corresponding to the element option.

[0037] In one implementation, the target skin resource corresponds to one or more resource application conditions; the processing unit is further configured to:

[0038] Displays one or more resource application conditions corresponding to the target skin resource. The resource application conditions are used to indicate the conditions required to apply the target skin resource to one or more target interface elements.

[0039] When an operation is detected that applies to the target resource, a claim notification message is output, which indicates the claim result of the target skin resource.

[0040] When the result of the claim is detected as successful and an application operation for the target skin resource is received, the step of updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource is triggered.

[0041] In one implementation, the processing unit is further used for:

[0042] When a graphic code is scanned, the execution result is displayed; the graphic code result indicates the execution result of the target service corresponding to the graphic code.

[0043] The target skin resource is used to decorate and display the results of the graphic code execution.

[0044] In one implementation, the processing unit, when updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource, specifically performs the following:

[0045] Obtain the style configuration file for the target skin resource;

[0046] According to the style configuration file, render and display the visual appearance of one or more target interface elements in the service interface.

[0047] The process of generating the style configuration file includes: obtaining the resource identifier of the target skin resource, and obtaining the first style data of the visual form defined by the target skin resource for each interface element based on the resource identifier; adjusting the first style data of each visual form defined by the target skin resource based on the second style data of the original visual form of each interface element to obtain the third style data of each visual form defined by the target skin resource; generating the style configuration file based on the form identifier of each visual form defined by the target skin resource and the resource identifier of the target skin resource, wherein the form identifier of each visual form defined by the target skin resource is used to indicate the corresponding third style data; and marking the form identifier of the visual form corresponding to the target interface element in the style configuration file.

[0048] In one implementation, the processing unit is further used for:

[0049] If any target UI element is de-application of the target skin resource, then in the style configuration file, the target skin resource is the markup of the shape identifier of the visual form defined by any target UI element; and,

[0050] If any interface element in the service interface is set as the target interface element, then it is marked in the style configuration file that the target skin resource is the shape identifier of the visual form defined by any interface element.

[0051] On the other hand, embodiments of this application provide a computer device, the computer device comprising:

[0052] A processor, adapted to execute computer programs;

[0053] A computer-readable storage medium storing a computer program that, when executed by a processor, implements the resource processing method described above.

[0054] On the other hand, embodiments of this application provide a computer-readable storage medium storing computer instructions, the computer program being adapted to be loaded by a processor and executed as described above regarding the resource processing method.

[0055] On the other hand, embodiments of this application provide a computer program product or computer program that 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 resource processing method described above.

[0056] In this embodiment, if a user wants to set a skin resource for the service interface of a graphic code, a resource configuration trigger operation can be performed in the service interface. At this time, at least one candidate skin resource is displayed. Each candidate skin resource defines the visual appearance of each interface element in the service interface when the corresponding candidate skin resource is applied. In this way, the user can select the target skin resource they want to use and set the resource application scope for that target skin resource; wherein, the resource application scope indicates the application rules when the target skin resource is applied to the service interface. Furthermore, based on the resource application scope set by the user for the target skin resource, the visual appearance of one or more target interface elements in the service interface can be updated according to the visual appearance of each target interface element defined by the target skin resource. Therefore, on the one hand, the embodiments of this application support users to set target skin resources for the service interface of the graphic code in a personalized way, which meets the user's need to define target skin resources in a personalized way, while enriching the visual form of interface elements in the service interface and improving the user experience; on the other hand, the embodiments of this application support users to customize the resource application scope of the target skin resources, such as the element type and number of target interface elements in the service interface that need to be set with skin resources, as well as the usage time when the target interface elements apply the target skin resources, which greatly improves the configuration flexibility of the target skin resources, thereby increasing the user's usage rate of the graphic code. Attached Figure Description

[0057] 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.

[0058] Figure 1 It is a schematic diagram of a graphic code;

[0059] Figure 2 This is a schematic diagram of the architecture of a resource processing system provided in an exemplary embodiment of this application;

[0060] Figure 3 This is a flowchart illustrating a resource processing method provided in an exemplary embodiment of this application;

[0061] Figure 4 This is a schematic diagram of an exemplary embodiment of this application, illustrating a service interface for opening a graphic code from a ride-hailing tool within a social application;

[0062] Figure 5a This is a schematic diagram of a skin settings entry point in a service interface provided by an exemplary embodiment of this application;

[0063] Figure 5b This is a schematic diagram of another skin settings entry point in the service interface provided by an exemplary embodiment of this application;

[0064] Figure 5c This is a schematic diagram of another skin settings entry point in the service interface provided by an exemplary embodiment of this application;

[0065] Figure 6a This is a schematic diagram illustrating a first candidate skin resource and a second candidate skin resource, provided by an exemplary embodiment of this application;

[0066] Figure 6b This is another schematic diagram illustrating the first candidate skin resource and the second candidate skin resource provided in an exemplary embodiment of this application;

[0067] Figure 7a This is a schematic diagram illustrating the configuration of target interface elements in a resource settings interface, provided by an exemplary embodiment of this application.

[0068] Figure 7b This is a schematic diagram illustrating another way of configuring target interface elements in a resource settings interface, provided by an exemplary embodiment of this application.

[0069] Figure 8aThis is an exemplary embodiment of the present application, illustrating how to configure the duration of use of a target skin resource applied to a target interface element in a resource settings interface.

[0070] Figure 8b This is an exemplary embodiment of the present application, illustrating another way to configure the duration of use of a target skin resource applied to a target interface element in a resource settings interface.

[0071] Figure 9a This is a schematic diagram illustrating a display method of the visual form when a target skin resource is configured to be applied to a target interface element in a resource settings interface, according to an exemplary embodiment of this application.

[0072] Figure 9b This is a schematic diagram of a resource notification message provided in an exemplary embodiment of this application;

[0073] Figure 10 This is a schematic diagram illustrating an exemplary embodiment of this application of updating the visual form of a target interface element displayed in a service interface;

[0074] Figure 11a This is a schematic diagram illustrating another visual form of updating and displaying target interface elements in a service interface, provided by an exemplary embodiment of this application.

[0075] Figure 11b This is a schematic diagram of a data matrix provided in an exemplary embodiment of this application;

[0076] Figure 11c This is a schematic diagram of a QR code image provided in an exemplary embodiment of this application;

[0077] Figure 11d This is a schematic diagram of a design pattern for a QR code image provided in an exemplary embodiment of this application;

[0078] Figure 11e This is a schematic diagram of an artistic QR code provided in an exemplary embodiment of this application;

[0079] Figure 12 This is a schematic diagram illustrating yet another visual form of updating and displaying target interface elements in a service interface, provided by an exemplary embodiment of this application.

[0080] Figure 13 This is a schematic diagram illustrating another visual form of updating and displaying target interface elements in a service interface, provided by an exemplary embodiment of this application.

[0081] Figure 14 This is a schematic diagram illustrating the application of different skin resources to different interface elements in a service interface according to an exemplary embodiment of this application;

[0082] Figure 15 This is a flowchart illustrating another resource processing method provided in an exemplary embodiment of this application;

[0083] Figure 16 This is a schematic diagram illustrating the viewing of usage rules for candidate skin resources, provided by an exemplary embodiment of this application;

[0084] Figure 17 This is an exemplary embodiment of the present application, providing a schematic diagram of previewing the visual appearance of interface elements when a target skin resource is applied in the resource settings interface;

[0085] Figure 18 This is an exemplary embodiment of the present application illustrating a user's purchase of target skin resources;

[0086] Figure 19 This is a schematic diagram illustrating the application of target skin resources to the execution result of a graphic code, provided by an exemplary embodiment of this application;

[0087] Figure 20 This is a schematic diagram of the background process of a resource processing method provided in an exemplary embodiment of this application;

[0088] Figure 21 This is an exemplary embodiment of the present application providing a schematic diagram of verifying whether a skin resource is used when a user logs in to a graphical code tool;

[0089] Figure 22 This is a schematic diagram illustrating a configuration parsing system for parsing target skin resources, provided in an exemplary embodiment of this application.

[0090] Figure 23 This is a schematic diagram of the structure of a resource processing apparatus provided in an exemplary embodiment of this application;

[0091] Figure 24 This is a schematic diagram of the architecture of a computer device provided in an exemplary embodiment of this application. Detailed Implementation

[0092] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of this application.

[0093] This application proposes a resource processing scheme, specifically a scheme for personalized skin resource settings for graphic codes. To facilitate understanding of this scheme, the graphic codes and skin resources involved in this application embodiment will be briefly introduced below, wherein:

[0094] (1) Graphic code.

[0095] A graphic code is a special graphic that can be recognized by machines, obtained by converting specific information into digital codes and then graphically processing those digital codes. When recognized, the graphic code can be used to execute target business operations. In other words, a graphic code encodes information through geometric encoding and digital encoding conversion, using graphic elements, graphic structures, or graphic colors to achieve information storage and dissemination. Graphic elements can include blocks and images of various sizes; graphic structures can refer to the shape of the blocks, such as square blocks, rectangular blocks, or circular blocks; and graphic colors refer to the colors of the blocks that make up the graphic code. Visually, a graphic code consists of blocks with different or identical graphic structures and different or identical image colors. For example, the types of graphic codes can include, but are not limited to, QR codes (or data matrix codes) and barcodes; such as... Figure 1 The rectangular QR code shown is a black and white graphic composed of black and white blocks of squares and rectangles of different sizes, such as... Figure 1 The circular QR code shown is a graphic composed of circular blocks, lines, rectangular blocks, dots, and images. Similarly, as... Figure 1 The barcode shown is a black and white graphic composed of multiple rectangular blocks of different widths but the same height.

[0096] For ease of explanation, subsequent embodiments of this application will all use graphic codes as QR codes as examples, which is hereby explained. The working principle of QR codes is described below using graphic codes as an example: In the QR code generation process, information is encoded and converted into binary data, and then the binary data is converted into a QR code image; in the QR code recognition process, the QR code data is parsed by scanning and analyzing the color contrast of each block in the QR code, and then the parsed QR code data is converted into a user-readable string (such as numbers, characters, etc.), thus restoring the information. This restored information can then be used to execute target business operations.

[0097] As explained above regarding the working principle of QR codes, encoding information into graphic codes represented by graphic elements, image structures, and image colors not only avoids the risk of information leakage caused by direct information display and improves information security, but also offers advantages such as convenience and speed. Leveraging these advantages, graphic codes are widely used in various target businesses, including at least one of the following: transportation services, payment services, collection services, and page redirection services. For example, in transportation, payment, and collection services, user identity information and account information used for payment can be encoded into a QR code. By recognizing this QR code (e.g., by scanning it), the user's identity and account information can be read to transfer funds, thus enabling transportation or payment. Similarly, in page redirection services, the link address and interface of the page to be redirected to can be encoded into a QR code. By recognizing this QR code (e.g., by long-pressing to recognize it), the link address and interface of the page to be redirected to can be read, allowing successful redirection to the desired page.

[0098] (2) Skin resources.

[0099] Skin resources, also known as resource styles, are virtual decorative resources used / applied on the Internet. When a skin resource is applied to an interface element, the appearance of the interface element can present the visual form (or visual style) defined by the skin resource. In other words, a skin resource is essentially a texture; when a skin resource is applied to an interface element, it is equivalent to applying a texture to that interface element, so that the appearance of the interface element presents the visual form corresponding to the texture. The texture can be dynamic or static; for example, a texture can be a GIF animation (a simple animation formed by storing multiple images together and displaying them frame by frame on the screen), or a static icon or image, etc. This application embodiment does not limit whether the skin resource—the texture—is dynamic or static.

[0100] Based on the foregoing description of graphic codes and skin resources, the resource processing scheme proposed in this application is specifically a scheme that supports users in customizing the skin resource settings for the graphic code service interface. This scheme not only allows users to personalize the selection of target skin resources for the graphic code service interface, but also supports setting the application scope of the target skin resources. This defines the application scope and method of the target skin resources within the service interface, enriching the interface style of the graphic code service interface while also improving the flexibility of skin resource settings.

[0101] The resource processing scheme provided in this application embodiment may generally include: a service interface displaying a graphic code, which includes multiple interface elements related to the graphic code, including but not limited to the interface elements themselves and other interface elements, and each interface element has its own visual form. If a user wants to change the skin resource of an interface element in the service interface, they can perform a resource configuration trigger operation, at which time at least one candidate skin resource is displayed; each candidate skin resource is used to define: the visual form presented by each interface element among the multiple interface elements in the service interface when the corresponding candidate skin resource is applied, that is, each candidate skin resource defines a set of visual forms, and each visual form in this set of visual forms refers to the style presented by the interface element when the corresponding candidate skin resource is applied to the interface element.

[0102] Furthermore, users can select from at least one candidate skin resource to choose the desired target skin resource. Users can also personalize the application scope of this target skin resource, which indicates the application rules when the target skin resource is applied to the service interface. For example, the application rules might include applying the target skin resource only to one or more target interface elements among multiple interface elements in the service interface. By granting users rich resource configuration permissions, such as allowing them not only to independently select target skin resources but also to personalize the resource application scope, users can greatly facilitate skin settings for interface elements in the service interface according to their own skin setting needs, satisfying their personalized skin resource setting requirements while improving the flexibility of skin resource settings.

[0103] Furthermore, after the user confirms the selected target skin resource and the set resource application scope, the computer device can update the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource, so that the visual form presented by each target interface element in the service interface is defined by the target skin resource.

[0104] Therefore, on the one hand, supporting users to personalize the selection of target skin resources for the graphical code service interface, compared to setting fixed or specified skin resources for the graphical code service interface, can meet users' needs for personalized target skin resource definition and improve the user experience of using graphical codes. On the other hand, it allows users to set the resource application scope of the selected target skin resource. This resource application scope includes, but is not limited to, the element type and number of the target interface elements to which the target skin resource is applied, as well as the duration of application of the target skin resource to the target interface elements. Compared to applying the target skin resource to fixed interface elements in the service interface by default, it meets users' needs for different visual forms of different interface elements in the service interface, greatly improving the configuration flexibility of the target skin resource, thereby increasing user retention rate and usage rate of graphical codes in the service interface.

[0105] The resource processing solution provided in this application can be applied to any business scenario that requires the use of graphical codes to execute target business. As mentioned above, the target business may include ride-hailing services, payment services, collection services, and page redirection services, etc. Correspondingly, the business scenarios to which the resource processing solution is applicable may include the business scenarios corresponding to each target business.

[0106] For example, the target business is transportation; the graphic code used to board a bus in the transportation business scenario can be called a transportation code. In this implementation, users can personalize the visual appearance of one or more target interface elements on the service interface containing the transportation code by setting target skin resources and resource application scope, thereby increasing user interest in using the transportation code and improving user retention rates on the service interface containing the transportation code.

[0107] For example, if the target business is payment or collection, the graphic code used to implement payment in the payment scenario can be called a payment code, and the graphic code used to implement collection in the collection scenario can be called a collection code. In this implementation, users can personalize the visual appearance of one or more target interface elements on the service interface containing the payment or collection code by setting target skin resources and their application scope. This enriches the visual appearance of the target interface elements on the service interface containing the payment or collection code, increases user interest in using the payment or collection code, and thus improves user retention on the service interface containing the payment or collection code.

[0108] For example, if the target business is page redirection, this implementation allows users to personalize their target skin resources within the service interface using the graphic code for page redirection. This leverages the diversity of target skin resources to attract other users to recognize the graphic code, thereby increasing the conversion rate of page adjustments based on the graphic code. In scenarios like adding friends, this can improve the conversion rate of other users successfully redirecting to the friend-adding interface based on the graphic code. Similarly, in scenarios like promotional page redirection, it can increase the success rate of other users successfully redirecting to the promotional page based on the graphic code, thus achieving the desired promotional effect.

[0109] It should be understood that the above description is merely an exemplary product performance and application scenario of graphic codes provided in the embodiments of this application, and does not limit the product performance and application scenario of the resource processing solution provided in the embodiments of this application. The resource processing solution provided in the embodiments of this application can provide diverse and rich interface presentation effects for the service interface of graphic codes in various graphic code business scenarios, which helps to improve the user experience of using graphic codes.

[0110] The resource processing solution provided in this application embodiment can be provided by a graphic code tool; that is, a graphic code tool refers to a tool that can provide graphic codes and set skin resources for the service interface of the graphic code. Specifically: ① A graphic code tool can include an application with graphic code display and recognition capabilities. An application can refer to a computer program that completes one or more specific tasks. Applications can be categorized according to different dimensions (such as the application's operating mode, functions, etc.) to obtain the types of the same application under different dimensions. For example: categorized by the application's operating mode, applications may include, but are not limited to: clients installed on a terminal, small programs that can be used without downloading and installation (as subroutines of the client), web (World Wide Web) applications opened through a browser, etc. Another example: categorized by the application's functional type, applications may include, but are not limited to: IM (Instant Messaging) applications, content interaction applications, etc. Instant messaging applications refer to applications based on the Internet for instant communication and social interaction. Instant messaging applications may include, but are not limited to: social applications with communication functions, map applications with social interaction functions, game applications, etc. Content interaction applications refer to applications that can realize content interaction, such as online banking, sharing platforms, personal spaces, news applications, etc. ② The image code tool can include plugins that support image code functionality within the application. For example, if the application is the client mentioned above, and assuming the client is a social application, then the image code tool can be an image code plugin included in that social application, such as a transit code tool. In this way, when an object (such as any object using the client) needs to set the skin resources for the service interface where the transit code is located, it can open the image code tool from the social application to set the skin resources for the image code service interface.

[0111] To facilitate understanding of the resource processing scheme provided in the embodiments of this application, the following is combined with... Figure 2 The resource processing system shown introduces the resource processing scheme. Please refer to [link / reference]. Figure 2 , Figure 2 This is a schematic diagram of the architecture of a resource processing system provided in an exemplary embodiment of this application; the resource processing system includes terminals and servers. This application does not limit the number or type of terminals and servers included in the resource processing system, but this is only described herein. For example, Figure 2 The resource processing system shown includes terminal 201, terminal 202, and server 203; the following describes... Figure 2 The devices in the system shown are described below, including:

[0112] (1) Terminal 201 refers to a terminal device held by a target object that has the requirement to set skin resources for the service interface of the graphic code. The target object can use the graphic code tool deployed in Terminal 201 to set skin resources for the service interface of the graphic code using the resource processing scheme provided in this application embodiment. As mentioned above, the graphic code tool deployed in Terminal 201 can exist in the form of an application or a plugin; this application embodiment does not limit the deployment method of the graphic code tool in Terminal 201. Among them, the terminal device (such as Terminal 201) may include, but is not limited to: smartphones (such as Android phones, iOS phones, etc.), tablet computers, personal computers, portable personal computers, mobile internet devices (Mobile Internet Devices, abbreviated as MID), smart TVs, in-vehicle devices, head-mounted devices, smart TVs or smart home devices, etc. This application embodiment does not limit the type of terminal device, which is stated here.

[0113] Terminal 202 is a terminal device capable of scanning and recognizing the graphic code displayed on the screen of terminal 201. The device type of terminal 202 varies in different business scenarios; for example, in the ride-hailing business, terminal 202 can be used to scan the ride code at the boarding gate; and in the payment business, terminal 202 can be used to scan the payment code at payment devices (such as smartwatches, POS machines, etc.).

[0114] (2) Server 203 is a backend server related to the graphic code. Specifically, server 203 can be the backend server corresponding to the graphic code tool deployed in the terminal. In this way, the graphic code tool can update the skin resources of interface elements in the graphic code service interface through server 203. That is to say, server 203 is the backend server corresponding to terminal 201, used to interact with terminal 201. Specifically, it is the server corresponding to the graphic code tool deployed in terminal 201, used to interact with the graphic code tool deployed in terminal 201, so as to provide computing and application service support for the graphic code tool deployed in terminal 201. Among them, server 203 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery network (CDN), and big data and artificial intelligence platforms.

[0115] The various devices included in the resource processing system can communicate directly or indirectly through wired or wireless means. This application embodiment does not limit the communication method between devices. For example, the communication method between devices may include, but is not limited to, HTTP requests, remote procedure calls, sockets, and content sharing.

[0116] The resource processing scheme provided in this application embodiment can be derived from... Figure 2 The resource processing system shown executes the command from terminal 201, or it can be executed jointly by terminal 201 and server 203; the following is in conjunction with... Figure 2 The system shown takes the joint execution of terminal 201 and server 203 as an example to introduce the personalized skin settings of the service interface for graphic codes in the context of ride-hailing services, as well as the process of using graphic codes to execute target services.

[0117] When a target user needs to configure skin resources for the service interface of the graphic code-based transit code, the target user can open the graphic code service interface through terminal 201. The target user can perform a resource configuration trigger operation within this service interface. In response to this resource configuration trigger operation, the terminal sends a resource acquisition request to server 203. This resource acquisition request requests server 203 to return at least one pre-set candidate skin resource. After receiving the resource acquisition request from terminal 201, server 203 returns at least one candidate skin resource to terminal 201 so that terminal 201 can output the at least one candidate skin resource. Then, the target user can perform a selection operation from the at least one candidate skin resource according to their skin resource preferences to select their preferred target skin resource, which can be one of the at least one candidate skin resource.

[0118] Furthermore, the target object can also set the resource application scope for the target skin resource. This resource application scope is mainly used to standardize the application rules when the target skin resource is applied to the service interface, specifically to indicate the application rules when the target skin resource is applied to one or more target interface elements among multiple interface elements in the service interface. Terminal 201 generates a resource configuration information package based on the target skin resource selected by the target object and the resource application scope set for the target skin resource, and sends the resource configuration information package to server 203. Server 203 generates a style configuration file for the target skin resource based on the resource identifier and resource application scope of the target skin resource included in the resource configuration package; server 203 returns the style configuration file to terminal 201 so that terminal 201 can render and display the graphical code service interface on the display screen according to the style configuration file. At this time, the visual form of one or more target interface elements in the rendered service interface is updated to the visual form of the corresponding target interface element defined by the target skin resource, thereby realizing the update of the visual form of the target interface elements in the graphical code service interface.

[0119] Furthermore, when the target user needs to use a graphic code to perform a target service, the target user can open the graphic code service interface through terminal 201, specifically the ride-hailing interface containing the graphic code. At this time, the target interface elements in the ride-hailing interface are displayed in the visual form defined by the target skin resource, enriching the display style of the ride-hailing interface to a certain extent and improving the user experience. Then, the target user brings terminal 201 close to terminal 202 so that terminal 202 can scan the graphic code displayed on the ride-hailing interface on the display screen of terminal 201. Terminal 202 captures the graphic code by scanning and analyzes the color contrast in the graphic code to parse the binary encoding sequence in the graphic code; then, it converts the binary encoding sequence into a readable string (such as numbers, characters, and letters) so that the target service can be performed based on the string; if the string contains the target user's account information and identity information, then the ride-hailing service is performed based on that account information and identity information.

[0120] It should be noted that ① the above-mentioned Figure 2 The system architecture shown is for the purpose of more clearly illustrating the technical solutions of the embodiments of this application and does not constitute a limitation on the technical solutions provided in the embodiments of this application. Those skilled in the art will understand that, with the evolution of system architecture and the emergence of new business scenarios, the technical solutions provided in the embodiments of this application are also applicable to similar technical problems. For example: the aforementioned Figure 2 The resource processing system shown also includes a backend server corresponding to terminal 202, which is used to receive the graphic code scanned by terminal 202 and execute the target business.

[0121] ② In this application embodiment, the collection and processing of relevant data should strictly comply with the requirements of relevant laws and regulations. Obtaining personal information requires the knowledge or consent of the individual (or a legal basis for information acquisition), and subsequent data use and processing should be carried out within the scope of laws, regulations, and the authorization of the personal information subject. For example, when this application embodiment is applied to specific products or technologies, such as setting target skin resources for the service interface of graphic codes, the user's permission or consent is required, and the collection, use, and processing of relevant data (such as generating style configuration files for target skin resources) must comply with the relevant laws, regulations, and standards of the relevant regions.

[0122] Based on the resource processing scheme described above, this application proposes a more detailed resource processing method. The resource processing method proposed in this application will be described in detail below with reference to the accompanying drawings.

[0123] Figure 3 This illustration shows a flowchart of a resource processing method provided by an exemplary embodiment of this application; the resource processing method can be performed by a terminal (such as...) Figure 2 The resource processing method may be executed by terminal 201 in the resource processing system shown, and may include, but is not limited to, steps S301-S304:

[0124] S301: Service interface for displaying graphic codes.

[0125] The service interface of a graphic code refers to the user interface (UI) displayed on the terminal's screen and related to the graphic code. This UI serves as the medium for interaction between the user and the terminal, allowing users to interact with the terminal through intuitive operations, achieving simple and convenient human-computer interaction. Taking a transit code as an example, the service interface can refer to the user interface displayed on the terminal's screen and related to the transit code. Specifically:

[0126] ①The user interface related to the ride code may include, but is not limited to: a user interface containing the ride code, in which the ride code in the user interface can be scanned to perform ride services; or, a user interface that provides other business functions in the transportation field to which the ride code belongs, such as ride-hailing services (or carpooling services, navigation services, etc.), in which case ride-hailing services can be implemented in the service interface.

[0127] ② The service interface displayed on the terminal's screen can be a system-level interface or an application-level interface. A system-level interface refers to a service interface provided by the terminal itself, specifically by the operating system deployed within it. For example, if the terminal has Near Field Communication (NFC) technology, it can provide a system-level boarding interface containing a ride code; simply bringing the terminal close to the boarding gate allows for boarding. An application-level interface refers to a service interface provided by an application running on the terminal, including but not limited to clients, mini-programs, or web applications. For example, if a social application runs on the terminal, and this application contains a ride-hailing mini-program (or ride-hailing tool), the user can open the mini-program within the social application to display an application-level boarding interface containing the ride code.

[0128] In practical implementation, when a user needs to use or configure a transit code, they can open and display the service interface of the graphic code on their terminal. Taking the graphic code service interface as an application-level interface, specifically provided by a transit mini-program within a social application running on the terminal, as an example, the process of triggering and displaying the graphic code service interface on the terminal is explained exemplarily. Figure 4 As shown, the social application includes a ride-hailing tool, and the corresponding tool interface 401 includes a ride code identifier 402. When the ride code identifier 402 is triggered, it indicates that the user may have a need to use the ride code for transportation, at which point the service interface displaying the graphic code—the ride code interface 403—is triggered. It is worth noting that there are multiple paths from the social application to trigger the service interface displaying the graphic code. Figure 4 The exemplary process shown in this application embodiment does not limit the path for triggering the display of the graphical code service interface from the application.

[0129] The service interface for the graphic code includes multiple interface elements related to the graphic code, including but not limited to: the graphic code itself, the interface background of the service interface, and functional elements related to the graphic code; these functional elements may also be referred to as functional components, functional controls, or functional buttons, etc. See also... Figure 4 The service interface 403 of the transit code includes the transit code 4031, the interface background 4032, and functional elements related to the graphic code, such as functional elements 4033, 4034, 4035, and 4036. Each functional element related to the graphic code has one function; for example, functional element 4033 provides map navigation, functional element 4034 provides real-time bus route query, functional element 4035 provides benefit claiming, and functional element 4036 provides the function of viewing information related to the transit code.

[0130] In the graphical code service interface, each interface element has its own visual form. That is, when the graphical code service interface is triggered, each interface element in the service interface presents its own visual form. The visual form of an interface element can refer to the element style that the user can observe, including at least one of the following: the color of the interface element, the shape of the interface element, the pattern of the interface element, and the font in the interface element, etc. See also... Figure 4 ,exist Figure 4 In the service interface 403 shown by the graphic code, the visual form of the interface element - graphic code 4031 is: a cube composed of black and white squares; the visual form of the interface element - functional element 4033 is: an icon representing a map and the text "Metro Map" in regular script; the visual form of the interface element - functional element 4035 is: an icon representing that services can be received and the text "Benefits" in regular script.

[0131] S302: In response to a resource configuration trigger operation, display at least one candidate skin resource.

[0132] A resource configuration trigger operation is one or a series of operations performed by the user. The resource configuration trigger operation is mainly used to trigger the display of at least one candidate skin resource on the terminal's display screen, so that the user can select the desired target skin resource from at least one candidate skin resource.

[0133] Depending on the location of the skin settings entry point within the service interface, the specific implementation method for users to perform resource configuration trigger operations from the graphical code service interface varies. The following describes several exemplary deployment locations of the skin settings entry point:

[0134] In one implementation, the skin settings entry is directly embedded in a functional element of the service interface; that is, the skin settings entry is deployed directly in the service interface as a functional element. In this case, when a user performs a trigger operation on the functional element with the embedded skin settings entry in the service interface, at least one candidate skin resource will be displayed. For example... Figure 5a As shown, a functional element 501 is set in the service interface. This functional element 501 is a component that directly sets the skin settings entry. When the user performs a selection operation on the functional element 501 (i.e., a resource configuration trigger operation), at least one candidate skin resource is displayed.

[0135] In another implementation, the skin settings entry is embedded in the background of the service interface; in this case, the user can perform a gesture operation at any display location on the service interface to trigger the display of at least one candidate skin resource. For example... Figure 5bAs shown, assuming the gesture operation that can trigger the display of candidate skin resources is the gesture operation of drawing "0" in the service interface (i.e., the resource configuration trigger operation); then, when the user has the need to set skin resources for interface elements in the service interface, the user can perform the gesture operation of drawing "0" at any display position in the service interface; when the terminal detects the presence of the gesture operation of drawing "0" in the service interface, it displays at least one candidate skin resource.

[0136] In another implementation, the skin settings entry is indirectly embedded in a functional element of the service interface. This means that a series of operations on the functional element on the service interface are required to trigger the display of the option with the embedded skin settings entry. In this case, after the user performs a series of operations on the functional element with the indirectly embedded skin settings entry on the service interface, at least one candidate skin resource is displayed. For example... Figure 5c As shown, the service interface includes functional elements 502 and 503. When functional element 502 is triggered (i.e., a resource configuration trigger operation), the resource display interface 5021 corresponding to functional element 502 is displayed, which can display at least one candidate skin resource. Alternatively, when functional element 503 is triggered, the settings interface 5031 corresponding to functional element 503 is displayed, which includes a skin settings option 5032 with an embedded skin settings entry. At this time, the user can trigger the display of at least one candidate skin resource by triggering the skin settings option 5032. This resource configuration trigger operation for displaying at least one candidate skin resource includes a series of operations, in the following order: trigger operation of functional element 503 → trigger operation of skin settings option 5032.

[0137] It should be understood that the above Figure 5a , Figure 5b and Figure 5c The resource configuration triggering operations shown are all examples. For instance, at least one candidate skin resource can also be invoked from the service interface via voice input; if a service interface with a graphic code is displayed on the terminal's screen, the terminal's microphone can be turned on, and when the microphone picks up the relevant voice signal indicating the opening of the candidate skin resource, at least one candidate skin resource can be output on the terminal's screen.

[0138] Furthermore, in this embodiment, the interface used to display at least one candidate skin resource is referred to as the resource display interface. That is, when a user performs a resource configuration trigger operation on the terminal, the terminal displays the resource display interface in response to the resource configuration trigger operation. This resource display interface is used to display at least one candidate skin resource. The at least one candidate skin resource includes candidate skin resources that the user has obtained / possessed, and candidate skin resources that the user has not obtained / possessed. For ease of distinction, candidate skin resources held by the user are referred to as first candidate skin resources, and candidate skin resources not held by the user are referred to as second candidate skin resources. More specifically, the number of first candidate skin resources held by the user is at least one. For example, if the user has not set a skin resource for the service interface, the first candidate skin resource held by the user is the default skin resource, such as a solid color skin resource. When the user has set a skin resource for the service interface, the number of first candidate skin resources held by the user is at least two, and the at least two first candidate skin resources include one first candidate skin resource currently applied to the service interface, and other unused first candidate skin resources among the at least two first candidate skin resources.

[0139] As mentioned above, candidate skin resources include first candidate skin resources and second candidate skin resources. Considering that users tend to select the target skin resource from the first candidate skin resources they have already obtained when changing the skin resources of the service interface, this application embodiment supports the separate display of first candidate skin resources and second candidate skin resources in the resource display interface to facilitate users' perception of obtained and unobtained candidate skin resources.

[0140] For example, a method for distinguishing and displaying a first candidate skin resource and a second candidate skin resource in a resource display interface may include: displaying the first candidate skin resource first, and then displaying the second candidate skin resource. Specifically, embodiments of this application support displaying the first candidate skin resource that the user already owns by default in the resource display interface, and the resource display interface also includes more options; when the more options are triggered, the first candidate skin resource displayed in the resource display interface is replaced with a second candidate skin resource that the user does not own.

[0141] The process of displaying the first and second candidate skin resources separately in the resource display interface described above can be found in [reference needed]. Figure 6a .like Figure 6aAs shown, the resource display interface 601 displays the first candidate skin resources that the user already owns, including the currently applied first candidate skin resource 6011, the unused first candidate skin resources 6012 and 6013; and the resource display interface 601 also includes more options 602. When the user performs a selection operation on the more options 602, it indicates that the user has a need to select the target skin resource from the second candidate skin resources that they do not own. At this time, the resource display interface 601 updates and displays the second candidate skin resources that the user does not own, such as the second candidate skin resource 6021, the second candidate skin resource 6022 and the second candidate skin resource 6023, etc.

[0142] For example, another way to distinguish between first and second candidate skin resources in a resource display interface may include: displaying first and second candidate skin resources in separate sections within the resource display interface. Specifically, embodiments of this application support displaying first candidate skin resources already obtained by the user in a first area of ​​the resource display interface, and displaying second candidate skin resources not obtained by the user in a second area of ​​the resource display interface; wherein, the first area and the second area are two independent areas in the resource display interface. Furthermore, embodiments of this application support users controlling the sliding display of corresponding candidate skin resources in the first and second areas respectively; if the display area of ​​the first area is insufficient to display all first candidate skin resources, users can perform a sliding operation (such as a horizontal or vertical sliding operation, or a sliding operation controlling a slider) within the first area to control the display of the hidden first candidate skin resources, while the displayed first candidate skin resources are hidden. By controlling the display and hiding of corresponding candidate skin resources in the first and second areas, users can flexibly view different candidate skin resources within a limited display area, improving the user experience.

[0143] The process of displaying the first and second candidate skin resources separately in the resource display interface described above can be found in [reference needed]. Figure 6b .like Figure 6bAs shown, the resource display interface 601 includes a first area 603 and a second area 604. The first area 603 displays first candidate skin resources already held by the user, such as first candidate skin resource 6031 and second candidate skin resource 6032. The second area 604 displays second candidate skin resources 6041, second candidate skin resource 6042, and second candidate skin resource 6043 that the user does not hold. If the user's acquired candidate skin resources also include first candidate skin resource 6033, but it is hidden due to the limited display area of ​​the first area, the user can perform a swipe operation (such as swiping left) within the first area 603 to reveal first candidate skin resource 6033, and correspondingly, first candidate skin resource 6031 is hidden. Of course, to facilitate the user's intuitive perception that a hidden candidate skin resource exists in a certain area, this application embodiment supports displaying a prompt message in that area when a hidden candidate skin resource exists, so that the user can intuitively perceive and swipe to display the hidden candidate skin resource based on the prompt message. For example, Figure 6b If the first area 603 of the resource display interface still contains a hidden first candidate skin resource, then a prompt message 605 can be displayed in the first area 603; this prompt message 605, in addition to being displayed as Figure 6b Besides the arrow icon shown, it can also be represented in other forms, such as text or animation, without limitation.

[0144] It should be understood that the above Figure 6a and Figure 6b The examples shown in the resource display interface, which distinguish between the first and second candidate skin resources, are merely illustrations and do not limit the embodiments of this application. For instance, the second candidate skin resource that the user does not own could be displayed first in the resource display interface, followed by the first candidate skin resource that the user has already acquired.

[0145] S303: Based on the selection operation of the target skin resource among at least one candidate skin resource, receive the resource application scope set for the target skin resource.

[0146] After triggering the display of at least one candidate skin resource on the terminal's display screen based on the aforementioned steps, the user can select a target skin resource from the at least one candidate skin resource according to their skin resource needs; at this time, the terminal determines the target skin resource selected by the user as the skin resource to be replaced.

[0147] Furthermore, this application embodiment also supports users to personalize the resource application scope for target skin resources. The resource application scope indicates the application rules when the target skin resource is applied to the service interface. In this way, the terminal can selectively present target skin resources in the graphic code service interface according to the user's personalized resource application scope; this improves the flexibility of setting skin resources in the service interface, meets the user's need to set skin resources for some interface elements in the service interface, and enhances the user experience.

[0148] In this embodiment, the application rules indicated by the user-defined resource application scope include, but are not limited to: applying the target skin resource to one or more target interface elements among multiple interface elements in the service interface; the duration of application of the target skin resource on the target interface element; and, when the target skin resource defines at least two visual forms for the target interface element, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element; etc. For ease of understanding, the following description, in conjunction with the accompanying drawings, exemplarily illustrates the process of a user customizing the resource application scope for a target skin resource; wherein:

[0149] (1) The application rules include: the target skin resource is applied to one or more target interface elements among multiple interface elements in the service interface. That is, the embodiments of this application support users to independently select the application scope of the target skin resource on the service interface. The application scope refers to which interface elements among multiple interface elements in the service interface will be applied to the target skin resource; in the embodiments of this application, the interface elements to which the target skin resource will be applied are called target interface elements. By allowing users to customize one or more target interface elements in the service interface to have the target skin resource applied, compared to the default application of the target skin resource to fixed interface elements or all interface elements in the service interface, it ensures that users can selectively set skin resources for some interface elements according to their own skin setting preferences, thereby improving the flexibility of setting the application scope of the skin resource.

[0150] The process of users independently setting the application scope of target skin resources on the service interface may include: when a target skin resource from at least one candidate skin resource is selected, a resource settings interface for the target skin resource is displayed; this resource settings interface is used to set one or more target interface elements of the target skin resource to be applied from among multiple interface elements related to the graphic code in the service interface. Thus, when a user performs an element selection operation in this resource settings interface, the terminal, in response to the user's element selection operation, can receive one or more interface elements selected by the element selection operation as the target interface elements of the target skin resource to be applied.

[0151] For example, an exemplary process for configuring the target interface elements applied to the target skin resource in the resource settings interface of the target skin resource can be found in [reference needed]. Figure 7a .like Figure 7a As shown, the resource settings interface 701 includes one or more element options. Each element option corresponds to at least one interface element among multiple interface elements associated with a graphic code. In other words, when an element option is selected, at least one interface element corresponding to that element option is received as the target interface element of the target skin resource to be applied. For example, the multiple interface elements associated with a graphic code include: a graphic code, the interface background of the service interface, a first functional element, a second functional element, and a third functional element. The resource settings interface 701 includes element options 702, 703, and 704. Element option 702 corresponds to the graphic code and the interface background, element option 703 corresponds to the first functional element, the second functional element, and the third functional element, and element option 704 corresponds to the graphic code and the third functional element. If a user performs a selection operation on a target element option among one or more element options in the resource settings interface 701, that is, when a target element option among one or more element options in the resource settings interface 701 is selected, the terminal receives at least one interface element corresponding to the target element option as the target interface element of the target skin resource to be applied. For example, when element option 703 is selected, element option 703 is the target element option. At this time, the terminal receives the graphic code and the third function element corresponding to element option 703 as the target interface element of the target skin resource to be applied.

[0152] It should be understood that the number of interface elements corresponding to different element options in the resource settings interface may be the same or different, and the interface elements corresponding to different element options may overlap or not overlap. Figure 7a The element options in the resource settings interface shown do not limit the embodiments of this application. For example, such as Figure 7b As shown, each element option in the resource settings interface 701 corresponds to only one interface element, and the interface elements corresponding to different element options do not overlap; that is, the number of element options in the resource settings interface 701 is equal to the number of interface elements related to the graphic code, and one interface element corresponds to one element option; in this case, in order to facilitate users to intuitively perceive the interface elements corresponding to each element option, the element options can be represented by icons in the resource settings interface 701; users can perform a selection operation on the icons of interface elements to select the interface element corresponding to the selected icon as the target interface element of the target skin resource to be applied.

[0153] (2) The application rules include: the duration of application of the target skin resource on the target interface element. The duration of application refers to the length of time the visual form defined by the target skin resource is presented on the target interface element. In simple terms, this application embodiment supports user-defined application duration of the target skin resource on the target interface element. By allowing users to customize the duration of application of the target skin resource on the target interface element, compared to the default fixed duration, it ensures that users can personalize the application duration according to their skin presentation needs, improving the flexibility of setting the application duration of skin resources.

[0154] In the specific implementation, it is assumed that the resource settings interface includes duration setting options for each element option. When the duration setting option corresponding to the target element option in the resource settings interface is triggered, the terminal, in response to the trigger operation for the duration setting option corresponding to the target element option, can output a duration setting window. This duration setting window includes duration setting components for each target interface element in at least one target interface element corresponding to the target element option. Any duration setting component is used to set the usage duration of the target skin resource applied to the corresponding target interface element. Therefore, the user can set the usage duration of the target skin resource applied to the corresponding target interface element through the duration setting component of any target interface element. Specifically, when the duration setting component of any target interface element is triggered, one or more candidate duration strategies are output. Each candidate duration strategy is used to indicate the calculation rule for the usage duration of the target skin resource when it is applied to the target interface element. Thus, if the target duration strategy among one or more candidate duration strategies is selected, the terminal receives the calculation rule indicated by the target duration strategy to calculate the usage duration, which is used as the usage duration of the corresponding target interface element to which the target skin resource is applied.

[0155] The candidate duration strategy may include, but is not limited to, at least one of the following: ① Applying target skin resources to target interface elements for a fixed duration; the fixed duration is preset by the developers of the graphic code tool, such as a permanent duration, 1 year, or 1 month. ② Determining the duration of application of target skin resources to target interface elements based on the number of times the graphic code is used. Considering that the more times the graphic code is used, the more times the user opens the graphic code service interface, in order to provide users with a better interface presentation, this application embodiment supports terminal statistics on the number of times the graphic code is used within a historical time period. The more times it is used, the longer the duration of the target skin resource set for the target interface element; for example, if the number of times it is used 1-4 times in 1 day, the duration is set to 1 day; if the number of times it is used 5-10 times in 1 day, the duration is set to 3 days, etc., thereby incentivizing users to use the graphic code or incentivizing users to open the graphic code service interface. Alternatively, this application embodiment also supports setting the initial usage duration of the target skin resource for the target interface element, such as an initial usage duration of 1 day; if the graphic code is detected to have been used twice within 1 day (i.e., before the current application of the target skin resource ends), the usage duration can be increased, such as by 1 day, thereby incentivizing users to use the graphic code. ③ The usage duration of the target skin resource applied to the target interface element is determined through the duration input operation; that is, this application embodiment allows users to directly determine the usage duration of the target interface element with the target skin resource applied by inputting the duration, such as when the user directly inputs 3 days, the terminal receives 3 days as the usage duration of the target interface element. It should be understood that the above three candidate duration strategies are all examples and do not limit the implementation of this application embodiment.

[0156] For example, an exemplary process for configuring the duration of use of a target skin resource applied to a target interface element in the resource settings interface of the target skin resource can be found in [reference needed]. Figure 8a .like Figure 8aAs shown, duration setting options are displayed adjacent to each element option in the resource settings interface; for example, duration setting option 801 corresponds to element option 1, duration setting option 802 corresponds to element option 2, and duration setting option 803 corresponds to element option 3. If the target object wants to set skin resources for target interface elements 1 and 2 corresponding to element option 2, the target object can perform a trigger operation on duration setting option 802 corresponding to element option 2, at which time duration setting window 804 is output; this duration setting window 804 can be displayed as a floating window with an area smaller than the display area of ​​the service interface, or it can be displayed as an independent interface, which is not limited in this embodiment. The duration setting window 804 includes duration setting components for each target interface element corresponding to element option 2; for example, duration setting component 8041 corresponds to target interface element 1 and duration setting component 8042 corresponds to target interface element 2. Users can trigger the duration setting component to set the usage duration of the corresponding target interface element. If the duration setting component 8041 is triggered, one or more candidate duration strategies are output, such as candidate duration strategy 8051, candidate duration strategy 8052, and candidate duration strategy 8053. When any candidate duration strategy (such as candidate duration strategy 8052) is selected, the terminal receives the duration calculated by the calculation rule indicated by candidate duration strategy 8052, and uses it as the usage duration of the corresponding target interface element to which the target skin resource is to be applied.

[0157] It should be noted that, in addition to supporting, the embodiments of this application also support, for example, Figure 8a As shown, in addition to setting the target duration strategy individually for each target UI element corresponding to the target element option, it also supports batch setting the target duration strategy for at least one target UI element corresponding to the target element option; in this case, at least one target UI element corresponding to the target element option holds the same usage duration of the target skin resource. For example... Figure 8b As shown, when the duration setting option corresponding to any element option in the resource settings interface is triggered, one or more candidate duration strategies are directly output. When the user selects a target duration strategy from the one or more candidate duration strategies, the terminal receives the usage duration calculated by the calculation rules indicated by the target duration strategy, and uses it as the usage duration of each target interface element in at least one target interface element corresponding to the target element option. This batch setting method of usage duration improves the efficiency of usage duration setting when the user does not focus on usage duration or has a specific uniform duration setting requirement.

[0158] (3) The application rules include: when the target skin resource defines at least two visual forms for the target interface element, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element. The display method of at least two visual forms can include: dynamic refresh display or static display. Dynamic refresh display refers to periodically updating the target interface element with different visual forms defined by the target skin resource. Static display refers to assigning only one of the at least two visual forms defined by the target skin resource to the target interface element in the service interface; that is, static display updates the visual form of the target interface element intermittently. By allowing users to customize the display method of at least two visual forms defined by the target skin resource when it is applied to the target interface element, compared to setting a default display method for the target interface element, users can independently design the display method of at least two visual forms defined by the target skin resource, improving the display flexibility of the visual forms defined by the skin resource.

[0159] In specific implementation, the resource settings interface of the target skin resource includes refresh settings options for each element option, which can be presented as a switch. When the refresh settings option corresponding to the target element option is on, such as when the on state is the selected state, the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, and the corresponding visual form is dynamically refreshed. In other words, if the target skin resource defines at least two visual forms for a target interface element corresponding to the target element option, then when the target skin resource is applied to that target interface element, the target interface element dynamically displays at least two visual forms defined by the target skin resource for that target interface element, greatly improving the diversity or flexibility of skin display in the service interface. Conversely, if the target skin resource defines only one visual form for a target interface element corresponding to the target element option, then even if the display mode is set to dynamic refresh, when the target skin resource is applied to that target interface element, the target interface element will only present one visual form defined by the target skin resource for that target interface element.

[0160] Similarly, when the refresh setting option corresponding to the target element option is off (e.g., the relationship status is unselected when the refresh setting option is not selected), the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, and the corresponding visual form is displayed statically. In other words, if the target skin resource defines at least two visual forms for a target interface element corresponding to the target element option, then when the target skin resource is applied to that target interface element, that target interface element will only display one of the at least two visual forms defined by the target skin resource for that target interface element. Conversely, if the target skin resource defines only one visual form for a target interface element corresponding to the target element option, then by default, when the target skin resource is applied to that target interface element, that target interface element will present the only visual form defined by the target skin resource for that target interface element.

[0161] For example, when configuring the display method of the visual form defined by the target skin resource for the target interface element in the resource settings interface of the target skin resource, the process can be found in [link to relevant documentation]. Figure 9a .like Figure 9a As shown, in the resource settings interface, each element option has a corresponding refresh setting option displayed adjacent to it; for example, refresh setting option 901 for element option 1, refresh setting option 902 for element option 2, and refresh setting option 903 for element option 3. If the user performs an "on" operation on refresh setting option 901 corresponding to element option 1 indicating target interface element 1 and target interface element 2, then refresh setting option 901 will be displayed as "on" / "selected" (e.g., color depth increased). At this time, the terminal detects the number of visual forms defined by the target skin resource for target interface element 1 and the number of visual forms defined by the target skin resource for target interface element 2. If the terminal detects that the target skin resource defines two visual forms for target interface element 1 and one visual form for target interface element 2, then the two visual forms presented by target interface element 1 will be dynamically refreshed and displayed in the service interface, while target interface element 2 will always present the only visual form defined by the target skin resource. Conversely, if the user closes the refresh setting option 901 corresponding to element option 1, the refresh setting option 901 will be displayed as unopened / unselected (e.g., color depth reduced). In the service interface, it will only be presented as one of the two visual forms defined by target interface element 1, while target interface element 2 will always present a visual form defined by the target skin resource.

[0162] It should be noted that the setting process of the application rules indicated by the three resource application scopes mentioned above are all examples. These three application rules are merely examples and do not limit the method and process of setting the resource application scope for the target skin resource in this application embodiment. For example, if a user selects a target skin resource from one or more candidate skin resources but does not set a resource application scope for that target skin resource, the default application rule indicated by the resource application scope of that target skin resource is: multiple interface elements related to the graphic code are all target interface elements, the usage duration of the target skin resource applied to the target interface element is permanent, and the visual form is statically displayed on the target interface element. Of course, when the user does not set a resource application scope for the target skin resource, the default resource application scope of the target skin resource can also be other application rules, such as: the interface background and / or graphic code of the service interface among multiple interface elements related to the graphic code are the target interface elements, the usage duration of the target skin resource applied to the target interface element is permanent, and the visual form is statically displayed on the target interface element; this application embodiment does not limit this.

[0163] It should also be noted that, as described above, the candidate skin resources displayed in the resource settings interface may include the first candidate skin resource held by the user and the second candidate skin resource that the user has not obtained. Considering that the second candidate skin resource does not belong to the user, when the user selects the second candidate skin resource as the target skin resource, the user can set the resource application scope for the target skin resource; the specific implementation process of setting the resource application scope can be found in the relevant description of the specific implementation process of receiving the resource application scope set for the target skin resource shown in step S303 above. When the user selects the first candidate skin resource as the target skin resource, since the first candidate skin resource belongs to the user, the user may have already set the resource application scope for the first candidate skin resource in the past; in this case, the user can continue to use the resource application scope set in the past when applying the first candidate skin resource this time, and the user can also reset the resource application scope when applying the first candidate skin resource this time, which can greatly meet the user's flexible resource application scope setting needs.

[0164] like Figure 9bAs shown, when the first candidate skin resource already obtained by the user is selected in the resource display interface, a resource notification message 904 is output. This resource notification message 904 prompts the user whether to continue using the resource application scope set for the first candidate skin resource based on the historical time. If the user confirms to continue using the resource application scope set for the first candidate skin resource based on the historical time, such as by selecting the confirmation option 905 in the resource notification message 904, then step S304 is executed directly, and the target skin resource is the first candidate skin resource. If the user wants to set a new resource application scope for the first candidate skin resource, such as by selecting the cancellation option 906 in the resource notification message 904, then the specific implementation process of receiving the resource application scope set for the target skin resource, as shown in step S303, is executed.

[0165] S304: Update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

[0166] Based on the aforementioned steps, users can customize the selection of target skin resources and personalize the application scope of those resources. Therefore, according to the target skin resource and its application scope, the service interface can update the original visual appearance of each target interface element within one or more target interface elements to match the visual appearance defined by the target skin resource for that specific element, thus enabling skin resource updates for target interface elements within the service interface.

[0167] Depending on the scope of application set for the target skin resource, the target interface elements for updating the skin resource in the service interface will differ, resulting in variations in visual display and usage duration. Below are several exemplary diagrams illustrating skin resource updates for target interface elements:

[0168] 1) Assuming the target interface element among multiple user-defined interface elements related to the graphic code is the service interface's background, then in the service interface, only the original visual appearance of the background will be updated to reflect the visual appearance defined by the target skin resource—the service interface's background. For example... Figure 10 As shown, the original visual form of the interface background in the service interface is a solid color image. The target skin resource is the visual form defined by the interface background of the service interface, which is an image formed by the partial overlap of multiple polygons with different transparency. Therefore, when changing the skin of the interface background of the service interface, the original solid color image of the interface background of the service interface will be replaced and displayed as an image formed by the partial overlap of multiple polygons with different transparency.

[0169] 2) Assuming the target interface element among multiple user-defined interface elements related to the graphic code is the graphic code, then in the service interface, only the original visual appearance of the graphic code will be updated to reflect the visual appearance defined by the target interface element—the graphic code—as defined by the target skin resource. For example... Figure 11a As shown, the original visual form of the graphic code in the service interface is a black and white image composed of black and white squares, while the target skin resource is a cultural and creative image with a building drawn on it. Therefore, when changing the skin for the graphic code in the service interface, the original black and white image of the graphic code will be replaced with the cultural and creative image defined by the target skin resource.

[0170] The graphic code applied to the target skin resource can be called an artistic graphic code (e.g., a QR code is called an artistic QR code). The following is a brief introduction to the generation principle of artistic QR codes, using artistic graphic codes as an example. In the specific implementation, during the drawing process of a QR code (such as a transit code), computer equipment (such as a terminal or server) converts the code data (such as data containing user identity and account information) into a data matrix according to an encoding algorithm; see the diagram for a data matrix. Figure 11b Then, defining true as a black block and false as a white block, the data matrix is ​​traversed to determine the positions of the black and white blocks. Based on these positions, canvas technology is used to draw the black and white dots, resulting in the QR code image. An example of a QR code image can be found here. Figure 11c The QR code image includes black and white blocks. Consecutive true values ​​in the data matrix are drawn as black rectangles, while non-consecutive true values ​​are drawn as black squares. By drawing each sub-data matrix (such as a portion of the matrix data) within the data matrix, the basic graphic corresponding to each sub-data matrix can be obtained. These basic graphics are then arranged according to the position of the sub-data matrix within the data matrix to obtain the QR code image. After obtaining the basic graphic corresponding to each sub-data matrix, a pattern can be designed for each basic graphic according to the size of the QR code in the service interface. Specifically, a pattern of corresponding size is designed for each continuous area (such as a black rectangle) within each basic graphic. The designed pattern is as follows: Figure 11d As shown; thus, in the basic graphic corresponding to each sub-data matrix, find the continuous area that matches the size pattern, and replace this continuous area with the design pattern to obtain the artistic QR code; for example, the artistic QR code is Figure 11e As shown.

[0171] 3) Assuming the target interface elements among the user-defined interface elements related to the graphic code are the service interface's background and the graphic code, then the service interface needs to simultaneously update the original visual appearance of the background to the visual appearance defined by the target skin resource for the service interface's background, and update the original visual appearance of the graphic code to the visual appearance defined by the target skin resource for the service interface's background. A schematic diagram illustrating the simultaneous replacement of the interface background and graphic code skin resources in the service interface can be found here. Figure 12 ;like Figure 12 As shown, when the user-defined target interface element includes both the interface background and the graphic code of the service interface, the visual appearance of the interface background and the graphic code of the service interface are updated simultaneously in the service interface.

[0172] 4) Assume the target interface element among multiple user-defined interface elements related to the graphic code is a functional element with map navigation capabilities, and the visual display mode of this functional element is set to dynamically refresh; then, in the service interface, the original visual form of the functional element will be updated to a visual form defined by the target skin resource for this functional element, and other visual forms defined by the target skin resource for this functional element will be used periodically in the service interface. For example... Figure 13 As shown, the service interface includes multiple functional elements related to graphic codes, such as functional elements 1301, 1302, 1303, 1304, 1305, 1306, and 1307. The target skin resource defines two visual forms for functional element 1306 and one visual form for the other functional elements. When changing the skin, the original visual form of each functional element is first updated in the service interface to the visual form defined by the target skin resource for the corresponding functional element. For functional element 1306, the visual form presented by functional element 1306 needs to be updated periodically (e.g., every 60 seconds) to the other visual form defined by the target skin resource for that functional element 1306, so as to dynamically refresh the visual form presented by functional element 1306 in the service interface and improve the flexibility of visual form presentation.

[0173] It should be noted that the above Figure 10 , Figure 11a , Figure 12 and Figure 13 These are all exemplary visual forms after skin resource replacement, and do not limit the skin resource replacement of target interface elements in the service interface in this application embodiment.

[0174] It should also be noted that when setting a target skin resource, the user can set only one or more target interface elements among the multiple interface elements related to the graphic code as the skin resource; that is, when updating the display of skin resources in the service interface using the target skin resource, only the skin resources of one or more target interface elements are updated to the target skin resource, while the other interface elements among the multiple interface elements related to the graphic code retain their original skin resources. This allows the visual form of multiple interface elements in the service interface provided in this application embodiment to be defined in the same candidate skin resource, or defined in different candidate skin resources. In other words, this application embodiment supports users setting different skin resources for multiple interface elements in the service interface, that is, the visual form of different interface elements among the multiple interface elements in the service interface can be defined by different skin resources. Figure 14 As shown, assuming that the user sets the skin resource for the interface background and graphic code of the target interface element—the service interface—as the first target skin resource during the first skin resource setting, and sets the skin resource for the functional element—the target interface element—as the second target skin resource during the second skin resource setting, and the first target skin resource and the second target skin resource are different; then it is determined that the visual form of the interface background and graphic code in the service interface is defined by the first target skin resource, while the visual form of the functional element in the service interface is defined by the second target skin resource.

[0175] In summary, the embodiments of this application support users in customizing target skin resources for the service interface of graphic codes. This meets users' needs for personalized target skin resource definitions while enriching the visual appearance of interface elements and improving the user experience. Furthermore, the embodiments of this application support users in customizing the application scope of target skin resources, such as the element type and number of target interface elements requiring skin resource settings, and the duration of use when applying target skin resources to target interface elements. This greatly improves the configuration flexibility of target skin resources, thereby increasing user adoption of graphic codes.

[0176] Figure 15 This illustration shows a flowchart of a resource processing method provided by an exemplary embodiment of this application; the resource processing method can be performed by a terminal (such as...) Figure 2 The resource processing method may be executed by terminal 201 in the resource processing system shown, and may include, but is not limited to, steps S1501-S1505:

[0177] S1501: Service interface for displaying graphic codes.

[0178] S1502: In response to a resource configuration trigger operation, display at least one candidate skin resource.

[0179] It should be noted that the specific implementation process shown in steps S1501-S1502 is the same as that described above. Figure 3 The specific implementation process shown in steps S301-S302 in the illustrated embodiment is the same. Please refer to the relevant description of the specific implementation process shown in steps S301-S302 above, which will not be repeated here.

[0180] Furthermore, when one or more candidate skin resources are displayed in the resource display interface, this embodiment of the application also supports users in viewing the usage rules of the candidate skin resources, so that users can better understand the relevant usage rules of the candidate skin resources. For example... Figure 16 As shown, when a user performs a viewing operation (such as double-clicking) on ​​any candidate skin resource (such as candidate skin resource 1601) in the resource display interface, the rule display interface 1602 of the candidate skin resource is output. The rule display interface 1602 displays the usage rule information of the candidate skin resource. The user can perform a selection operation on the candidate skin resource from the rule display interface 1602, that is, take the candidate skin resource as the target skin resource, or return to the resource display interface from the candidate skin resource to select the candidate skin resource.

[0181] S1503: Based on the selection operation of the target skin resource among at least one candidate skin resource, receive the resource application scope set for the target skin resource.

[0182] Specifically, a user can perform a selection operation on at least one candidate skin resource to select the target skin resource they wish to use; then, the user sets a resource scope for the self-selected target skin resource, at which point the terminal receives the resource application scope set by the user for that target skin resource. The specific implementation process shown in step S1503 is similar to the aforementioned... Figure 3 The specific implementation process shown in step S303 in the illustrated embodiment is the same. Please refer to the relevant description of the specific implementation process shown in step S303 above. No further limitation is made here.

[0183] Furthermore, before the target skin resource is applied to the target interface element, this application embodiment also supports providing a skin preview image of the interface element when the target skin resource is applied, so that the user can confirm whether to apply the target skin resource to the interface element, which greatly improves the success rate of using the target skin resource and meets the user's skin resource setting needs. As mentioned above, the resource setting interface includes element options, and one element option corresponds to one of the multiple interface elements related to the graphic code; therefore, when any element option in the resource setting interface is previewed, the terminal's display screen displays a skin preview image of each interface element in at least one interface element corresponding to that element option. The skin preview image includes the visual form presented by each interface element in at least one interface element corresponding to the element option when the target skin resource is applied. The skin preview image corresponding to any interface element can be simply understood as a thumbnail of the visual form presented by that interface element when the target skin resource is applied to that interface element. In this application embodiment, the specific operation method of the preview operation performed by the user on the element option in the resource settings interface is not limited; such preview operation may include, but is not limited to: double-click operation, long-press operation and trigger operation of the preview component corresponding to the element option.

[0184] For example, a diagram showing a preview of the visual appearance of interface elements when the target skin resource is applied in the resource settings interface can be found here. Figure 17 Assuming the preview operation performed on an element option is as follows: triggering the preview component corresponding to the element option, i.e., setting preview components in the adjacent areas of each element option in the resource settings interface, such as preview component 1701 adjacent to element option 1, preview component 1702 adjacent to element option 2, and so on. If the user wants to preview the visual appearance of the target skin resource when applied to each interface element corresponding to element option 1, the user can trigger the preview component 1701 corresponding to element option 1. At this time, the skin preview images of each interface element corresponding to element option 1 are output to the terminal's display screen; for example, if element option 1 corresponds to interface element 1 and interface element 2, then a floating window 1703 is displayed on the display screen, and the skin preview image 17031 corresponding to interface element 1 and the skin preview image 17032 corresponding to interface element 2 are displayed in the floating window 1703. This preview method can help users better determine the target skin resource and target interface element they want to select, improving the user experience.

[0185] S1504: Update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

[0186] It should be noted that the specific implementation process shown in step S1504 is the same as that described above. Figure 3 The specific implementation process shown in step S304 in the illustrated embodiment is the same. Please refer to the relevant description of the specific implementation process shown in step S304 above, which will not be repeated here.

[0187] In practical applications, if the target skin resource is provided to the user free of charge by a graphic code tool (such as a ride code tool in a social application), then after step S1503 is completed, step S1504 can be executed directly. That is, after receiving the target skin resource and its application scope selected by the user, the terminal can directly update the visual appearance of the corresponding target interface elements on the service interface according to the visual appearance of each target interface element defined by the target skin resource. In some cases, the target skin resource provided to the user needs to be redeemed or purchased. Therefore, after step S1503 is completed, the terminal also needs to check whether there are any redemption or purchase operations performed on the target skin resource. Only after successfully redeeming or purchasing the target skin resource is the execution of step S1504 triggered.

[0188] This application supports providing one or more resource application conditions for a target skin resource, meaning that a target skin resource corresponds to one or more resource application conditions. These resource application conditions indicate the conditions required to apply the target skin resource to one or more target interface elements, i.e., the conditions that the user needs to meet. For example, resource application condition 1 indicates that 10 energy points are needed to exchange for the target skin resource before it can be applied to one or more target interface elements; resource application condition 2 simply requires paying 3 yuan to exchange for the target skin resource before it can be applied to one or more target interface elements. By providing multiple resource application conditions for the target skin resource, this application allows users to flexibly choose another resource application condition when one condition cannot be met, greatly increasing the probability of successful application of the target skin resource. In this case, it supports displaying one or more resource application conditions corresponding to the target skin resource on the terminal's display screen. Specifically, it displays the condition component corresponding to each resource application condition. When any condition component is triggered, it indicates that the user wants to redeem or purchase the target skin resource through the corresponding resource application condition. The display position of the target skin resource's resource application conditions can be varied, such as displaying it adjacent to the element options, displaying it in a specified position in the resource settings interface (e.g., at the bottom of the interface), displaying it adjacent to each candidate skin resource in the resource display interface, or displaying it in the target skin resource's rule display interface (e.g.,...). Figure 16 As shown in the figure, the embodiments of this application do not limit this.

[0189] When the condition component corresponding to the target resource application condition (such as any one of one or more resource application conditions) is triggered, the user can perform an operation on the target resource application condition. When the terminal detects this operation, it outputs a claim notification message indicating the result of the claim for the target skin resource, either successful or unsuccessful. Furthermore, if the user wants to apply the successfully claimed target skin resource, they can perform an application operation on it. If the terminal detects a successful claim and receives the application operation, it can apply the target skin resource to one or more target interface elements in the service interface, i.e., execute step S1504.

[0190] like Figure 18 As shown, assuming one or more resource application conditions corresponding to the target skin resource are displayed in the area adjacent to the target skin resource in the resource display interface, each resource application condition is specifically displayed in the form of a condition component. For example, condition component 1801 and condition component 1802 are displayed adjacent to the target skin resource. The resource application condition corresponding to condition component 1801 indicates that 3 yuan needs to be paid to purchase the target skin resource, and the resource application condition corresponding to condition component 1802 indicates that 10 energy needs to be used to redeem the target skin resource. The user can perform a trigger operation on any condition component, and the terminal responds to the trigger operation by displaying a condition interface for implementing the resource application condition corresponding to any condition component. For example, when condition component 1801 is triggered, condition interface 1803 is output, and the user can perform an operation on the target resource application condition (i.e., the resource application condition corresponding to condition component 1801) on condition interface 1803. At this time, the terminal determines that an operation on the target resource application condition has been detected, and outputs a claim notification message 1804 according to the operation. If the claim notification message 1804 indicates that the target skin resource has been successfully claimed. In this way, the target skin resource is in a usable state, and the user can apply the target skin resource to one or more target interface elements in the service interface at any time.

[0191] It is worth noting that, as the aforementioned embodiments of this application support performing skin resource settings for some interface elements among multiple interface elements related to graphic codes in the service interface; therefore, when setting resource application conditions, these embodiments support linking the resource application conditions with the number of interface elements corresponding to the element options. For example, the more interface elements corresponding to an element option, the more interface elements the target skin resource will apply when that element option is selected, and thus higher resource application conditions can be set for that target skin resource, such as requiring more energy or a higher amount of money. These embodiments do not limit the specific conditions indicated by the resource application conditions of the target skin resource.

[0192] S1505: When a graphic code is scanned, the graphic code execution result is displayed, and the result is decorated using the target skin resource.

[0193] The graphic code result indicates the execution result of the target service corresponding to the graphic code. For example, if the graphic code is a transit code, when it is scanned by the transit gate (i.e., the user scans the code by pointing it at the gate's camera), the execution result is displayed on the terminal's screen. This result indicates the execution result of the transit service corresponding to the code, such as whether the fare was successfully deducted or failed. Similarly, if the graphic code is a payment code, when it is scanned by a payment device (such as a smartphone), the execution result is displayed on the terminal's screen. This result indicates the execution result of the payment service corresponding to the code, such as whether the payment amount was successfully transferred or failed.

[0194] This application embodiment supports displaying the execution result of a graphical code using a skin resource when a target skin resource has already been set for the service interface of the graphical code. Specifically, the execution result of the graphical code is decorated using the target skin resource. When decorating the execution result of the graphical code using the target skin resource, the decoration can be implemented according to a decoration strategy. For example, the decoration strategy may default to displaying the background of the interface where the graphical code execution result is located as the visual form defined by the target skin resource for the interface background of the service interface. Alternatively, the decoration strategy may instruct the graphical code execution result to be decorated according to the application rules included in the resource application scope set by the user for the target skin resource. For example, if the application rules included in the resource application scope include applying the target skin resource to functional elements in the service interface, then the decoration strategy also instructs the target skin resource to be applied to functional elements in the interface where the graphical code execution result is located; the functional elements in the interface where the graphical code execution result is located and the functional elements in the service interface may be different. For example, a schematic diagram illustrating the decoration of the interface background of the interface where the graphical code execution result is located using the target skin resource can be found in [reference needed]. Figure 19 ;like Figure 19 As shown, the background of the interface where the graphic code execution result is located is displayed as the visual form defined by the background of the interface of the target skin resource as the service interface.

[0195] The foregoing mainly describes the resource processing solution provided in this application from the perspective of the interface; the following describes the backend implementation of the resource processing solution from the perspective of backend technology. A complete time-series flowchart illustrating the selection, setting, and purchase of target skin resources provided in this application embodiment can be found in [reference needed]. Figure 20 ;like Figure 20As shown, the backend process of the resource processing solution may include, but is not limited to: the login stage, the resource request stage, the resource purchase stage, the resource display stage, and the resource refund stage. The execution flow of each stage is described below:

[0196] (1) Login Phase. During the login phase, the user logs in to the graphic code tool using their own account. For example, if the graphic code tool is a ride-hailing mini-program under the ride-hailing service, and the ride-hailing mini-program runs on a social application, then the user needs to log in to the ride-hailing mini-program using their account in the social application. When the terminal detects the user's login operation, such as the user authorizing their own account to log in to the ride-hailing mini-program, the terminal sends a login instruction / login request to the graphic code tool backend (such as the ride-hailing mini-program backend). In this way, the graphic code tool backend responds to the login request, obtains the user's account, and returns a notification to the terminal that the user's account has been logged in to the graphic code tool. At this time, the graphic code tool is in the logged-in state.

[0197] (2) Resource request phase.

[0198] After a user successfully logs into the image code tool, the tool needs to display the user's image code service interface. At this point, the terminal sends a data request for the service interface to the image code tool's backend, so that the backend can return the current interface data for display. Specifically, for example... Figure 21 As shown, when the graphic code tool's backend receives a data request from the terminal, it determines whether the graphic code service interface has a skin resource set. If the service interface did not have a skin resource set in the past (e.g., the system default skin resource is used), it simply returns the system default skin resource to the terminal for display. If the service interface had a skin resource set by the user in the past, the graphic code tool's backend obtains the corresponding skin resource and performs personalized configuration based on the service interface, generating a style configuration file for the corresponding skin resource. The graphic code tool's backend then returns the style configuration file for the corresponding skin resource to the terminal, so that the terminal can render and display the skin resource set in the past in the service interface according to the style configuration file.

[0199] (3) Resource purchase stage.

[0200] During the resource purchase phase, users can access the resource display interface provided by the graphic code tool, which includes one or more candidate skin resources. Users can then select their desired target skin resource from this interface and set its application scope in the resource settings interface. When the user confirms the selected target skin resource and the set application scope, the terminal (specifically the graphic code tool) will place an order with the skin resource operation system (i.e., the skin operation backend). At this point, the skin operation backend checks the inventory of the target skin resource. If sufficient inventory is available, the skin operation backend generates a resource order from the accounting side (i.e., the resource application management backend). The resource application management backend generates a resource order based on the amount or energy required for the user to purchase or redeem the target skin resource and returns the order to the skin operation backend. The skin operation backend then forwards the resource order to the graphic code tool, allowing the user to make payment for the target skin resource (e.g., paying funds or redeeming energy) through the graphic code tool. Once the user has successfully paid, the graphic code tool will notify the skin operations backend to distribute the target skin resource. After receiving the delivery notification from the graphic code tool, the skin operations backend will check the payment status of the resource order with the resource application conditions management side. If payment is confirmed, the skin operations backend will return a collection notification message to the graphic code tool and update the inventory to ensure that the user's purchase record and the set target skin resource information are accurate.

[0201] (4) Resource display stage.

[0202] If a user has successfully claimed a target skin resource and wishes to use it, they can perform a usage operation on the target skin resource using the graphic code tool (e.g., clicking "Use Now"). At this time, the graphic code tool sends a data retrieval request to the skin operation backend. This request requests the style configuration file of the target skin resource. After obtaining the style configuration file, the graphic code tool can render and display the visual appearance of one or more target interface elements in the service interface according to the style configuration file.

[0203] The general process of generating the style configuration file for the target skin resource in the skin operation backend can be found in [link to relevant documentation]. Figure 22 .like Figure 22As shown, a configuration parsing system is deployed in the skin operation backend. When a user purchases a target skin resource in the resource display interface, the graphic code tool sends the resource identifier (information that can be used to uniquely identify the target skin resource) of the target skin resource to the configuration parsing system. After obtaining the resource identifier of the target skin resource, the configuration parsing system retrieves the first style data of the visual form defined for each interface element of the target skin resource from the backend database (such as storing the resource data of each candidate skin resource) based on the resource identifier. This first style data indicates the sub-style of the visual form defined for each interface element (or can be understood as the personalized skin component that needs to be pasted on the interface element), and each visual form defined for each interface element has its own unique form identifier to achieve the differentiation of different visual forms (or personalized skin components).

[0204] Then, after obtaining the first style data of the visual form defined for each interface element by the target skin resource, the configuration parsing system parses and adapts this first style data, converting it into a composite or style configuration adapted to the target interface element in the service interface, to ensure that the visual form matches the target interface element in the service interface (e.g., size, shape, etc.). Specifically, the process of parsing and adapting the first style data involves adjusting the first style data of each visual form defined by the target skin resource based on the second style data of the original visual form of each interface element (i.e., the visual form of the interface element without any skin resource applied), to obtain the third style data of each visual form defined by the target skin resource; the third style data and the second style data of the same interface element are matched.

[0205] Furthermore, the configuration parsing system generates a style configuration file for the target skin resource based on the shape identifier of each visual form defined by the target skin resource and the resource identifier of the target skin resource. (The style configuration file may also include third style data, or the third style data may be sent to the graphic code tool as an information packet independent of the style configuration file.) The shape identifier of each visual form defined by the target skin resource is used to indicate the corresponding third style data. The style configuration file also marks the shape identifier of the visual form corresponding to the target interface element. Thus, after the configuration parsing system sends the style configuration file of the target skin resource to the graphic code tool, the graphic code tool can, based on the marked shape identifiers of the visual forms in the target skin resource, only notify the target interface element corresponding to the visual form of the marked shape identifier to change its style; specifically, the target interface element is presented with the corresponding visual form.

[0206] For the image code tool, it already possesses the style configuration file of the target skin resource. This style configuration file includes the visual form defined for each of the multiple interface elements related to the image code in the service interface, not just the visual form defined for the target interface element. Therefore, in subsequent product iterations, if a user cancels the skin resource for any target interface element (i.e., if the target skin resource is deactivated for any target interface element), the image code tool can simply remove the mark indicating the form of the visual form defined for that target interface element from the style configuration file of the target skin resource, or directly delete the form mark indicating the visual form defined for that target interface element from the style configuration file of the target skin resource. Similarly, if a user adds an interface element in the service interface as the target interface element for which the target skin resource is to be applied (i.e., if any interface element in the service interface is set as the target interface element), the image code tool can simply mark the form mark indicating the visual form defined for that target interface element in the style configuration file.

[0207] Of course, the visual marking or unmarking in the style configuration file of the target skin resource can also be performed by the skin operation backend, and there are no restrictions on this.

[0208] Therefore, on the one hand, the configuration parsing system in this application allows the resource data (such as visual style data, such as first style data or third style data) of the target skin resource in the skin operation backend to be parsed into standard style configurations (i.e., data that meets the style requirements of interface elements). This avoids abnormal interface display due to configuration issues. On the other hand, each interface element in the service interface communicates with the configuration parsing system through a publish-subscribe mechanism, and the visual form defined for each interface element by the target skin resource can be isolated by a form identifier. This ensures that the style files (i.e., style data) of each visual form are independent of each other, making subsequent maintenance relatively simple. For example, the graphic code tool can mark or unmark the visual form in the style configuration file of the target skin resource. This allows users to flexibly set the graphic code-related interface elements as target interface elements in the past, regardless of whether the number of target interface elements set by the user for the target skin resource in this resource purchase is all interface elements or only some interface elements, without having to purchase the target skin resource again. This improves the flexibility of setting target interface elements and avoids user resistance caused by having to purchase the same target skin resource multiple times.

[0209] (5) Resource refund phase

[0210] In some cases, users may want to return acquired target skin resources. In this situation, users can initiate a refund request through the graphic code tool. The tool generates a refund request for the target skin resource, instructing the user to revoke their usage rights and refund the funds or energy spent on purchasing it. The graphic code tool then sends this refund request to the skin operation backend, which responds by executing the refund and returning the result to the graphic code tool, allowing users to visually track the refund progress.

[0211] In summary, from the interface perspective, this application embodiment supports users in customizing the target skin resources and application scope for the graphic code service interface. This meets users' needs for personalized target skin resource definitions while enriching the visual appearance of interface elements in the service interface, greatly improving the configuration flexibility of target skin resources and thus increasing user utilization of graphic codes. From the backend technology perspective, this application embodiment supports each interface element in the service interface to communicate with the configuration resolution system through a publish-subscribe mechanism. Furthermore, the visual appearance defined for each interface element by the target skin resource can be isolated through shape identifiers, ensuring that the style files (i.e., style data) of each visual appearance are independent, which simplifies subsequent maintenance.

[0212] The methods of the embodiments of this application have been described in detail above. To facilitate better implementation of the above-described solutions of the embodiments of this application, the apparatus of the embodiments of this application is provided below. In the embodiments of this application, the terms "module" or "unit" refer to a computer program or part of a computer program with a predetermined function, which works together with other related parts to achieve a predetermined goal, and can be implemented wholly or partially using software, hardware (such as processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that includes the functionality of that module or unit.

[0213] Figure 23 This application shows a schematic diagram of the structure of a resource processing apparatus provided in an exemplary embodiment; the resource processing apparatus can be used to perform... Figure 3 and Figure 15 Some or all of the steps in the method embodiments shown. Please refer to [link / reference]. Figure 23 The device includes the following units:

[0214] Display unit 2301 is used to display the service interface of the graphic code. The service interface includes multiple interface elements related to the graphic code, and each interface element has its own visual form.

[0215] The processing unit 2302 is configured to display at least one candidate skin resource in response to a resource configuration trigger operation; each candidate skin resource is used to define the visual appearance of each interface element when the corresponding candidate skin resource is applied.

[0216] The processing unit 2302 is further configured to receive a resource application scope set for the target skin resource according to the selection operation of the target skin resource among at least one candidate skin resource. The resource application scope is used to indicate the application rules when the target skin resource is applied to the service interface. The application rules include the application of the target skin resource to one or more target interface elements among multiple interface elements.

[0217] The processing unit 2302 is also configured to update the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource.

[0218] In one implementation, when the graphic code is recognized, it is used to execute a target business, which includes at least one of the following: ride-hailing service, payment service, and collection service; the multiple interface elements associated with the graphic code include: the graphic code, the interface background of the service interface, and functional elements associated with the graphic code.

[0219] The visual forms of multiple interface elements in the service interface are defined in the same candidate skin resource or in different candidate skin resources; the visual forms of interface elements include at least one of the following: color, shape, font and pattern.

[0220] In one implementation, the processing unit 2302, when receiving a resource application scope set for the target skin resource based on a selection operation of a target skin resource among at least one candidate skin resource, specifically performs the following:

[0221] When a target skin resource is selected from at least one candidate skin resource, the resource settings interface of the target skin resource is displayed; the target skin resource is any one of the at least one candidate skin resources; the resource settings interface is used to set one or more target interface elements of the multiple interface elements associated with the graphic code to which the target skin resource is to be applied.

[0222] In response to an element selection operation performed in the resource settings interface, it receives one or more interface elements selected by the element selection operation as the target interface element.

[0223] In one implementation, the resource settings interface includes one or more element options, where each element option corresponds to at least one interface element among multiple interface elements; the processing unit 2302, in response to an element selection operation performed in the resource settings interface, specifically receives one or more interface elements selected by the element selection operation as the target interface element, and is used for:

[0224] When a target element option is selected from one or more element options, at least one interface element corresponding to the target element option is received as the target interface element.

[0225] In one implementation, the application rules indicated by the resource application scope further include: the duration of application of the target skin resource on the target interface element; the resource settings interface includes duration setting options corresponding to each element option; and the processing unit 2302, in response to the resource setting operation performed in the resource settings interface, when receiving the resource application scope set for the target skin resource, is specifically used for:

[0226] In response to a trigger operation on the duration setting option corresponding to the target element option, a duration setting window is output; the duration setting window includes a duration setting component for each target interface element in at least one target interface element corresponding to the target element option;

[0227] When the duration setting component of any target interface element is triggered, one or more candidate duration strategies are output; each candidate duration strategy is used to indicate the calculation rules for the usage duration of the target skin resource when the target skin resource is applied to the target interface element.

[0228] If a target duration strategy is selected from one or more candidate duration strategies, the usage duration calculated by the target duration strategy is received as the usage duration of the corresponding target interface element of the target skin resource to be applied.

[0229] In one implementation, the candidate duration strategy includes at least one of the following:

[0230] Apply the target skin resource to the target interface elements for a fixed duration; and...

[0231] The duration for which the target skin resource is applied to the target interface element is determined by the number of times the image code is used; and...

[0232] The duration of application of the target skin resource on the target interface element is determined by inputting the duration.

[0233] In one implementation, the application rules indicated by the scope of resource application further include: when the target skin resource defines at least two visual forms for the target interface element, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element; the display method includes dynamic refresh display or static display; the resource settings interface includes refresh settings options corresponding to each element option;

[0234] Processing unit 2302, in response to a resource setting operation performed in the resource setting interface, receives the resource application scope set for the target skin resource, specifically for:

[0235] When the refresh setting option corresponding to the target element option is selected, the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, and the display mode of the corresponding visual form is dynamically refreshed.

[0236] In one implementation, the processing unit 2302 is further configured to:

[0237] When the refresh setting option corresponding to the target element option is not selected, when the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, the display mode of the corresponding visual form is static display.

[0238] In one implementation, the processing unit 2302 is further configured to:

[0239] When any element option in the resource settings interface is previewed, display the skin preview image of each interface element in at least one interface element corresponding to that element option;

[0240] The skin preview image includes: the visual appearance of each interface element when the target skin resource is applied, in at least one interface element corresponding to the element option.

[0241] In one implementation, the target skin resource corresponds to one or more resource application conditions; the processing unit 2302 is further configured to:

[0242] Displays one or more resource application conditions corresponding to the target skin resource. The resource application conditions are used to indicate the conditions required to apply the target skin resource to one or more target interface elements.

[0243] When an operation is detected that applies to the target resource, a claim notification message is output, which indicates the claim result of the target skin resource.

[0244] When the result of the claim is detected as successful and an application operation for the target skin resource is received, the step of updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource is triggered.

[0245] In one implementation, the processing unit 2302 is further configured to:

[0246] When a graphic code is scanned, the execution result is displayed; the graphic code result indicates the execution result of the target service corresponding to the graphic code.

[0247] The target skin resource is used to decorate and display the results of the graphic code execution.

[0248] In one implementation, the processing unit 2302, when updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource, is specifically used for:

[0249] Obtain the style configuration file for the target skin resource;

[0250] According to the style configuration file, render and display the visual appearance of one or more target interface elements in the service interface.

[0251] The process of generating the style configuration file includes: obtaining the resource identifier of the target skin resource, and obtaining the first style data of the visual form defined by the target skin resource for each interface element based on the resource identifier; adjusting the first style data of each visual form defined by the target skin resource based on the second style data of the original visual form of each interface element to obtain the third style data of each visual form defined by the target skin resource; generating the style configuration file based on the form identifier of each visual form defined by the target skin resource and the resource identifier of the target skin resource, wherein the form identifier of each visual form defined by the target skin resource is used to indicate the corresponding third style data; and marking the form identifier of the visual form corresponding to the target interface element in the style configuration file.

[0252] In one implementation, the processing unit 2302 is further configured to:

[0253] If any target UI element is de-application of the target skin resource, then in the style configuration file, the target skin resource is the markup of the shape identifier of the visual form defined by any target UI element; and,

[0254] If any interface element in the service interface is set as the target interface element, then it is marked in the style configuration file that the target skin resource is the shape identifier of the visual form defined by any interface element.

[0255] According to one embodiment of this application, Figure 23The resource processing device shown can be constructed by combining each unit into one or more other units, or one or more of the units can be further divided into multiple functionally smaller units. This can achieve the same operation without affecting the technical effect of the embodiments of this application. The above units are based on logical function division. In practical applications, the function of one unit can also be implemented by multiple units, or the function of multiple units can be implemented by one unit. In other embodiments of this application, the resource processing device may also include other units. In practical applications, these functions can also be implemented with the assistance of other units, and can be implemented by multiple units working together. According to another embodiment of this application, the device can be executed by running on a general-purpose computing device, such as a computer, which includes processing elements and storage elements such as a central processing unit (CPU), random access memory (RAM), and read-only memory (ROM). Figure 3 and Figure 15 The computer program (including program code) for each step involved in the corresponding method shown, to construct such... Figure 23 The resource processing apparatus shown herein, and the resource processing method for implementing the embodiments of this application, are described. A computer program may be recorded on, for example, a computer-readable recording medium, loaded onto the aforementioned computing device via the computer-readable recording medium, and executed therein.

[0256] Based on the same inventive concept, the principle and beneficial effects of the resource processing device provided in the embodiments of this application in solving the problem are similar to the principle and beneficial effects of the resource processing method in the embodiments of this application in solving the problem. For the sake of brevity, the principle and beneficial effects of the method implementation can be referred to.

[0257] Figure 24 A schematic diagram of the structure of a computer device provided in an exemplary embodiment of this application is shown. Please refer to... Figure 24 The computer device includes a processor 2401, a communication interface 2402, and a computer-readable storage medium 2403. The processor 2401, communication interface 2402, and computer-readable storage medium 2403 can be connected via a bus or other means. The communication interface 2402 is used to receive and send data. The computer-readable storage medium 2403 can be stored in the memory of the electronic device and is used to store computer programs, including program instructions. The processor 2401 is used to execute the program instructions stored in the computer-readable storage medium 2403. The processor 2401 (or CPU (Central Processing Unit)) is the computing and control core of the computer device, suitable for implementing one or more instructions, specifically suitable for loading and executing one or more instructions to achieve corresponding method flows or corresponding functions.

[0258] This application embodiment also provides a computer-readable storage medium (Memory), which is a memory device in a computer device used to store programs and data. It is understood that the computer-readable storage medium here can include both the built-in storage medium in the computer device and extended storage media supported by the computer device. The computer-readable storage medium provides storage space that stores the processing system of the computer device. Furthermore, the storage space also stores one or more instructions suitable for loading and execution by the processor 2401, which may be one or more computer programs (including program code). It should be noted that the computer-readable storage medium here can be high-speed RAM memory or non-volatile memory, such as at least one disk storage device; optionally, it may also be at least one computer-readable storage medium located remotely from the aforementioned processor.

[0259] In one embodiment, the computer-readable storage medium stores one or more instructions; the processor 2401 loads and executes one or more instructions stored in the computer-readable storage medium to implement the corresponding steps in the above-described resource processing method embodiment; specifically, the one or more instructions in the computer-readable storage medium are loaded by the processor 2401 and executed as follows:

[0260] The service interface that displays the graphic code includes multiple interface elements related to the graphic code, and each interface element has its own visual form.

[0261] In response to a resource configuration trigger operation, at least one candidate skin resource is displayed; each candidate skin resource is used to define: the visual appearance of each interface element when the corresponding candidate skin resource is applied;

[0262] Based on the selection operation of the target skin resource among at least one candidate skin resource, the resource application scope set for the target skin resource is received. The resource application scope is used to indicate the application rules when the target skin resource is applied to the service interface. The application rules include the application of the target skin resource to one or more target interface elements among multiple interface elements.

[0263] Update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

[0264] In one implementation, when the graphic code is recognized, it is used to execute a target business, which includes at least one of the following: ride-hailing service, payment service, and collection service; the multiple interface elements associated with the graphic code include: the graphic code, the interface background of the service interface, and functional elements associated with the graphic code.

[0265] The visual forms of multiple interface elements in the service interface are defined in the same candidate skin resource or in different candidate skin resources; the visual forms of interface elements include at least one of the following: color, shape, font and pattern.

[0266] In one implementation, when one or more instructions in a computer-readable storage medium are loaded by processor 2401 and executed according to a selection operation of a target skin resource among at least one candidate skin resource, and a resource application scope set for the target skin resource is received, the following steps are specifically performed:

[0267] When a target skin resource is selected from at least one candidate skin resource, the resource settings interface of the target skin resource is displayed; the target skin resource is any one of the at least one candidate skin resources; the resource settings interface is used to set one or more target interface elements of the multiple interface elements associated with the graphic code to which the target skin resource is to be applied.

[0268] In response to an element selection operation performed in the resource settings interface, it receives one or more interface elements selected by the element selection operation as the target interface element.

[0269] In one implementation, the resource settings interface includes one or more element options, where each element option corresponds to at least one of a plurality of interface elements; one or more instructions in a computer-readable storage medium are loaded by the processor 2401 and executed in response to an element selection operation performed in the resource settings interface. When receiving one or more interface elements selected by the element selection operation as the target interface element, the following steps are specifically performed:

[0270] When a target element option is selected from one or more element options, at least one interface element corresponding to the target element option is received as the target interface element.

[0271] In one implementation, the application rules indicated by the resource application scope further include: the duration of application of the target skin resource on the target interface element; the resource settings interface includes duration setting options corresponding to each element option; one or more instructions in the computer-readable storage medium are loaded by the processor 2401 and executed in response to the resource setting operation performed in the resource settings interface. When receiving the resource application scope set for the target skin resource, the following steps are specifically performed:

[0272] In response to a trigger operation on the duration setting option corresponding to the target element option, a duration setting window is output; the duration setting window includes a duration setting component for each target interface element in at least one target interface element corresponding to the target element option;

[0273] When the duration setting component of any target interface element is triggered, one or more candidate duration strategies are output; each candidate duration strategy is used to indicate the calculation rules for the usage duration of the target skin resource when the target skin resource is applied to the target interface element.

[0274] If a target duration strategy is selected from one or more candidate duration strategies, the usage duration calculated by the target duration strategy is received as the usage duration of the corresponding target interface element of the target skin resource to be applied.

[0275] In one implementation, the candidate duration strategy includes at least one of the following:

[0276] Apply the target skin resource to the target interface elements for a fixed duration; and...

[0277] The duration for which the target skin resource is applied to the target interface element is determined by the number of times the image code is used; and...

[0278] The duration of application of the target skin resource on the target interface element is determined by inputting the duration.

[0279] In one implementation, the application rules indicated by the scope of resource application further include: when the target skin resource defines at least two visual forms for the target interface element, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element; the display method includes dynamic refresh display or static display; the resource settings interface includes refresh settings options corresponding to each element option;

[0280] When one or more instructions in a computer-readable storage medium are loaded by processor 2401 and executed in response to a resource setting operation performed at the resource setting interface, and the resource application scope set for the target skin resource is received, the following steps are specifically performed:

[0281] When the refresh setting option corresponding to the target element option is selected, the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, and the display mode of the corresponding visual form is dynamically refreshed.

[0282] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 2401 and the following steps are also performed:

[0283] When the refresh setting option corresponding to the target element option is not selected, when the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, the display mode of the corresponding visual form is static display.

[0284] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 2401 and the following steps are also performed:

[0285] When any element option in the resource settings interface is previewed, display the skin preview image of each interface element in at least one interface element corresponding to that element option;

[0286] The skin preview image includes: the visual appearance of each interface element when the target skin resource is applied, in at least one interface element corresponding to the element option.

[0287] In one implementation, the target skin resource corresponds to one or more resource application conditions; one or more instructions in the computer-readable storage medium are loaded by the processor 2401 and the following steps are also executed:

[0288] Displays one or more resource application conditions corresponding to the target skin resource. The resource application conditions are used to indicate the conditions required to apply the target skin resource to one or more target interface elements.

[0289] When an operation is detected that applies to the target resource, a claim notification message is output, which indicates the claim result of the target skin resource.

[0290] When the result of the claim is detected as successful and an application operation for the target skin resource is received, the step of updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource is triggered.

[0291] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 2401 and the following steps are also performed:

[0292] When a graphic code is scanned, the execution result is displayed; the graphic code result indicates the execution result of the target service corresponding to the graphic code.

[0293] The target skin resource is used to decorate and display the results of the graphic code execution.

[0294] In one implementation, when one or more instructions in a computer-readable storage medium are loaded by processor 2401 and executed to update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource, the following steps are specifically performed:

[0295] Obtain the style configuration file for the target skin resource;

[0296] According to the style configuration file, render and display the visual appearance of one or more target interface elements in the service interface.

[0297] The process of generating the style configuration file includes: obtaining the resource identifier of the target skin resource, and obtaining the first style data of the visual form defined by the target skin resource for each interface element based on the resource identifier; adjusting the first style data of each visual form defined by the target skin resource based on the second style data of the original visual form of each interface element to obtain the third style data of each visual form defined by the target skin resource; generating the style configuration file based on the form identifier of each visual form defined by the target skin resource and the resource identifier of the target skin resource, wherein the form identifier of each visual form defined by the target skin resource is used to indicate the corresponding third style data; and marking the form identifier of the visual form corresponding to the target interface element in the style configuration file.

[0298] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 2401 and the following steps are also performed:

[0299] If any target UI element is de-application of the target skin resource, then in the style configuration file, the target skin resource is the markup of the shape identifier of the visual form defined by any target UI element; and,

[0300] If any interface element in the service interface is set as the target interface element, then it is marked in the style configuration file that the target skin resource is the shape identifier of the visual form defined by any interface element.

[0301] Based on the same inventive concept, the principle and beneficial effects of the computer device provided in the embodiments of this application in solving the problem are similar to the principle and beneficial effects of the resource processing method in the embodiments of this application in solving the problem. Please refer to the principle and beneficial effects of the method implementation. For the sake of brevity, they will not be repeated here.

[0302] This application also provides a computer program product or computer program that 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 resource processing method described above.

[0303] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed in this application can be implemented in electronic hardware, or a combination of computer software and electronic hardware. 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.

[0304] In the above embodiments, implementation can be achieved, in whole or in part, through software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented, in whole or in part, as a computer program product. A computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in or transmitted through a computer-readable storage medium. The computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that a computer can access or a data processing device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state disk (SSD)).

[0305] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A resource processing method, characterized in that, include: The service interface that displays the graphic code includes multiple interface elements related to the graphic code, and each interface element has its own visual form. In response to a resource configuration trigger operation, at least one candidate skin resource is displayed; each candidate skin resource is used to define the visual appearance of each interface element when the corresponding candidate skin resource is applied. Based on the selection operation of a target skin resource among at least one of the candidate skin resources, a resource application scope set for the target skin resource is received, the resource application scope being used to indicate: the application rules when the target skin resource is applied to the service interface, the application rules including the application of the target skin resource to one or more target interface elements among a plurality of interface elements; Update the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource.

2. The method as described in claim 1, characterized in that, When the graphic code is recognized, it is used to execute a target service, which includes at least one of the following: ride-hailing service, payment service, and collection service; the multiple interface elements associated with the graphic code include: the graphic code, the interface background of the service interface, and functional elements associated with the graphic code; The visual forms of multiple interface elements in the service interface are defined in the same candidate skin resource or in different candidate skin resources; the visual forms of the interface elements include at least one of the following: color, shape, font and pattern.

3. The method as described in claim 1, characterized in that, The step of receiving a resource application scope set for the target skin resource based on the selection operation of a target skin resource among at least one of the candidate skin resources includes: When a target skin resource from at least one of the candidate skin resources is selected, the resource settings interface of the target skin resource is displayed; the target skin resource is any one of the at least one candidate skin resource; the resource settings interface is used to set one or more target interface elements from multiple interface elements associated with the graphic code to which the target skin resource is to be applied. In response to an element selection operation performed in the resource settings interface, one or more of the interface elements selected by the element selection operation are received as target interface elements.

4. The method as described in claim 3, characterized in that, The resource settings interface includes one or more element options, each element option corresponding to at least one of a plurality of interface elements; the step of receiving one or more interface elements selected by the element selection operation as target interface elements in response to the element selection operation performed in the resource settings interface includes: When a target element option is selected from one or more of the element options, at least one of the interface elements corresponding to the target element option is received as the target interface element.

5. The method as described in claim 3, characterized in that, The application rules indicated by the resource application scope also include: the usage duration of the target skin resource applied to the target interface element; the resource settings interface includes duration setting options corresponding to each element option; the process of receiving the resource application scope set for the target skin resource in response to the resource setting operation performed in the resource settings interface includes: In response to a trigger operation on the duration setting option corresponding to the target element option, a duration setting window is output; the duration setting window includes a duration setting component for each of the target interface elements corresponding to at least one of the target interface elements. When the duration setting component of any of the target interface elements is triggered, one or more candidate duration strategies are output; each candidate duration strategy is used to indicate the calculation rules for the usage duration of the target skin resource when the target skin resource is applied to the target interface element. If a target duration strategy is selected from one or more of the candidate duration strategies, the usage duration calculated by the target duration strategy is received as the usage duration of the corresponding target interface element to which the target skin resource is to be applied.

6. The method as described in claim 5, characterized in that, The candidate duration strategy includes at least one of the following: The target skin resource is applied to the target interface element for a fixed duration; and... The duration of application of the target skin resource to the target interface element is determined based on the number of times the graphic code is used. as well as, The duration of use of the target skin resource applied to the target interface element is determined by inputting the duration.

7. The method as described in claim 3, characterized in that, The application rules indicated by the scope of resource application also include: when the visual forms defined by the target skin resource for the target interface element are at least two, the display method of the corresponding visual form when the visual form indicated by the target skin resource is applied to the target interface element; the display method includes dynamic refresh display or static display; the resource settings interface includes refresh settings options corresponding to each element option; The response to the resource setting operation performed on the resource settings interface, receiving the resource application scope set for the target skin resource, includes: When the refresh setting option corresponding to the target element option is selected, when the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, the display mode of the corresponding visual form is dynamic refresh display.

8. The method as described in claim 7, characterized in that, The method further includes: When the refresh setting option corresponding to the target element option is not selected, when the visual form defined by the target skin resource is applied to at least one target interface element corresponding to the target element option, the display mode of the corresponding visual form is static display.

9. The method according to any one of claims 3-8, characterized in that, The method further includes: When any of the element options in the resource settings interface is previewed, a skin preview image of each interface element in at least one interface element corresponding to any of the element options is displayed. The skin preview image includes: the visual form presented by each interface element when the target skin resource is applied, in at least one of the interface elements corresponding to the element option.

10. The method according to any one of claims 1-3, characterized in that, The target skin resource corresponds to one or more resource application conditions; before updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource, the method further includes: Display one or more resource application conditions corresponding to the target skin resource, the resource application conditions being used to indicate the conditions required to apply the target skin resource to one or more of the target interface elements; When an operation is detected that applies to the target resource, a claim notification message is output, which indicates the claim result of the target skin resource. When the receipt result is detected as successful and an application operation for the target skin resource is received, the step of updating the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource is triggered.

11. The method as described in claim 1 or 2, characterized in that, The method further includes: When the graphic code is scanned, the graphic code execution result is displayed; the graphic code result is used to indicate the execution result of the target service corresponding to the graphic code. The target skin resource is used to decorate and display the result of the graphic code execution.

12. The method as described in claim 1, characterized in that, Updating the visual appearance of one or more target interface elements in the service interface according to the visual appearance of each target interface element defined by the target skin resource includes: Obtain the style configuration file for the target skin resource; According to the style configuration file, render and display the visual form of one or more target interface elements in the service interface. The process of generating the style configuration file includes: obtaining the resource identifier of the target skin resource, and obtaining the first style data of the visual form defined by the target skin resource for each interface element based on the resource identifier; adjusting the first style data of each visual form defined by the target skin resource based on the second style data of the original visual form of each interface element to obtain the third style data of each visual form defined by the target skin resource; generating a style configuration file based on the form identifier of each visual form defined by the target skin resource and the resource identifier of the target skin resource, wherein the form identifier of each visual form defined by the target skin resource is used to indicate the corresponding third style data; and marking the form identifier of the visual form corresponding to the target interface element in the style configuration file.

13. The method as described in claim 12, characterized in that, The method further includes: If any of the target interface elements is deselected from using the target skin resource, then it is removed from the style configuration file. The target skin resource is a marker representing the shape identifier of the visual form defined by any of the target interface elements; and... If any interface element in the service interface is set as the target interface element, then it is marked in the style configuration file that the target skin resource is the form identifier of the visual form defined by any of the interface elements.

14. A resource processing device, characterized in that, include: A display unit is used to display the service interface of the graphic code. The service interface includes multiple interface elements related to the graphic code, and each interface element has its own visual form. A processing unit is configured to display at least one candidate skin resource in response to a resource configuration trigger operation; each candidate skin resource is configured to define the visual appearance of each interface element when the corresponding candidate skin resource is applied. The processing unit is further configured to receive a resource application scope set for the target skin resource based on the selection operation of the target skin resource among at least one of the candidate skin resources. The resource application scope is used to indicate the application rules when the target skin resource is applied to the service interface. The application rules include the application of the target skin resource to one or more target interface elements among a plurality of interface elements. The processing unit is further configured to update the visual form of one or more target interface elements in the service interface according to the visual form of each target interface element defined by the target skin resource.

15. A computer device, characterized in that, include: A processor, adapted to execute computer programs; A computer-readable storage medium storing a computer program that, when executed by the processor, implements the resource processing method as described in any one of claims 1-13.

16. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program adapted to be loaded by a processor and executed as described in any one of claims 1-13.

17. A computer program product, characterized in that, The computer program product includes computer instructions that, when executed by a processor, implement the resource processing method as described in any one of claims 1-13.

Images