Interface display method and electronic device

Abstract

The present application provides an interface display method and an electronic device and relates to the technical field of terminals. The method comprises: displaying a first interface when a first triggering condition is detected, wherein the first interface comprises wallpaper and a first interface element. A material of the first interface element is matched with a material of a main body in the wallpaper, such that the first interface element and the wallpaper in the first interface can be more harmonious and unified, thereby improving the overall visual effect of user interfaces.

Description

Interface display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on October 30, 2023, with application number 202311436668.6 and application name “Interface Display Method and Electronic Device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminal technology, and in particular to an interface display method and electronic device. Background Art

[0003] With the popularity of electronic devices such as smartphones and tablets, the visual effects of their user interfaces are becoming increasingly important.

[0004] In current electronic devices, the two factors that have a greater impact on the visual effect of the user interface are the user interface wallpaper and the appearance of interface elements (such as controls). Therefore, how to improve the visual effect of the user interface through the user interface wallpaper and the appearance of interface elements is a technical problem that people in this field need to solve.

[0005] Summary of the Invention

[0006] In view of this, the present application provides an interface display method and an electronic device, which are used to improve the visual effect of the user interface through the wallpaper of the user interface and the appearance of the interface elements.

[0007] To achieve the above objectives, in a first aspect, an embodiment of the present application provides an interface display method, comprising:

[0008] A first trigger condition is detected and a first interface is displayed, wherein the first interface includes wallpaper and a first interface element, and a material of the first interface element matches a material of a main body included in the wallpaper.

[0009] The interface display method provided in the embodiment of the present application matches the material of the first interface element in the displayed first interface with the material of the wallpaper, so that the first interface element in the first interface and the wallpaper are more coordinated and unified, thereby improving the overall visual effect of the user interface.

[0010] In a possible implementation of the first aspect, the first trigger condition is a screen-on operation, and the first interface is a lock screen interface.

[0011] Through the above implementation, the material of the interface elements in the lock screen interface can be matched with the material of the wallpaper, so that the interface elements in the lock screen interface and the wallpaper are more coordinated and unified, thereby improving the overall visual effect of the lock screen interface.

[0012] In a possible implementation of the first aspect, the first trigger condition is a screen-off operation, and the first interface is a screen-off interface.

[0013] Through the above implementation, the material of the interface elements in the screen off interface can be matched with the material of the wallpaper, so that the interface elements in the screen off interface and the wallpaper are more coordinated and unified, thereby improving the overall visual effect of the screen off interface.

[0014] In a possible implementation of the first aspect, a first material of the first interface element is the same as a second material of the target subject in the wallpaper.

[0015] The target subject can be the only subject in the wallpaper or the main subject among the multiple subjects in the wallpaper. The main subject can be the subject in the wallpaper whose area accounts for more than a set ratio. In this way, when the only subject or the main subject in the wallpaper only includes one material, the material of the first interface element is the same as the material of the only subject or the main subject in the wallpaper; when the only subject or the main subject in the wallpaper includes multiple materials, the material of the first interface element can be partially the same as or completely the same as the material of the only subject or the main subject in the wallpaper, thereby expanding the range of materials available for the first interface element.

[0016] In a possible implementation of the first aspect, the first material is a main material of the first interface element, and the second material is a main material of the target body.

[0017] Through the above implementation, when the main body of the wallpaper includes multiple materials, the main material of the first interface element can be the same as the main material of the only main body of the wallpaper or the main body, and the secondary material of the first interface element can be the same as or different from the secondary material of the only main body of the wallpaper or the main body, thereby expanding the selectable range of the secondary material of the first interface element.

[0018] In a possible implementation of the first aspect, the third material of the first interface element is the same as the fourth material of the target body.

[0019] In the case where the wallpaper includes multiple main subjects, the first material and the fourth material can be different materials of the same main subject in the wallpaper, or different materials of different main subjects in the wallpaper. In this way, when the wallpaper includes multiple materials, the primary material of the first interface element is the same as the primary material of the wallpaper's only subject or main subject, and the secondary material of the first interface element is also the same as the secondary material of the wallpaper's only subject or main subject (which can be partially the same or completely the same). This can make the first interface element in the first interface more coordinated and unified with the wallpaper, further improving the overall visual effect of the user interface.

[0020] In one possible implementation of the first aspect, the area ratio of each material in the first interface element matches the area ratio of each corresponding material in the target body. This allows for a better material match between the first interface element and the wallpaper, resulting in a more coordinated look and feel, further enhancing the overall visual quality of the user interface.

[0021] In a possible implementation of the first aspect, the color of the first interface element matches the color of the main body, so that the first interface element and the wallpaper can be more coordinated in color, further improving the overall visual effect of the user interface.

[0022] In one possible implementation of the first aspect, when the main body comprises multiple colors, the first interface element comprises one or more colors corresponding to the colors of the main body. In this way, the color of the first interface element can be the same as only the main body's primary color (which can include one or more primary colors) or the same as both the main body's primary color and secondary color, thereby expanding the range of color options for the first interface element.

[0023] In a possible implementation of the first aspect, the first interface further includes a second interface element, and the color of the second interface element matches the color of the main body. This can make the second interface element and the wallpaper more coordinated in color, further improving the overall visual effect of the user interface.

[0024] In one possible implementation of the first aspect, when the main body comprises multiple colors, the color of the second interface element is one of the primary colors of the main body. Thus, when the main body of the wallpaper comprises multiple colors, the color of the second interface element can be any of the various colors included in the main body, thereby expanding the range of color options for the second interface element.

[0025] In a possible implementation of the first aspect, the first interface element includes one of the following: text, an icon, and a card.

[0026] In a possible implementation of the first aspect, the first interface element includes text, and a font of the text matches a style of the wallpaper.

[0027] Through the above implementation, the style of the first interface element can be matched with the style of the wallpaper, making the styles of the first interface element and the wallpaper more coordinated, further improving the overall visual effect of the user interface.

[0028] In a possible implementation of the first aspect, the first interface element includes first text in a clock control, such as text in the clock control used to display time.

[0029] In a possible implementation of the first aspect, the first interface element is generated in the following manner:

[0030] Determine the corresponding material map and PBR parameters according to the material of the subject;

[0031] Render and generate a first interface element according to the material map and the PBR parameters.

[0032] Through the above implementation, the material of the first interface element in the rendered first interface can be matched with the material of the wallpaper, so that the first interface element in the first interface and the wallpaper are more coordinated and unified, thereby improving the overall visual effect of the user interface.

[0033] In a possible implementation of the first aspect, the material map is determined according to the material of the main body and the color of the main body.

[0034] Through the above implementation, the color of the rendered first interface element can also match the color of the wallpaper, so that the first interface element in the first interface and the wallpaper are more coordinated and unified in color, further improving the overall visual effect of the user interface.

[0035] In a possible implementation of the first aspect, before rendering and generating the first interface element, the method further includes: generating a corresponding normal map and corresponding texture map coordinates according to the material map;

[0036] The rendering and generating of the first interface element according to the material map and the PBR parameters includes:

[0037] A first interface element is generated by rendering according to the material map, the PBR parameters, the normal map, and the texture map coordinates.

[0038] Through the above implementation, the first interface element generated by rendering can have a three-dimensional visual effect, further improving the overall visual effect of the user interface.

[0039] In a second aspect, an embodiment of the present application provides an interface display device, the interface display device comprising:

[0040] Display module: used to detect a first trigger condition and display a first interface, wherein the first interface includes wallpaper and a first interface element, and the material of the first interface element matches the material of the main body contained in the wallpaper.

[0041] In a possible implementation of the second aspect, the first trigger condition is a screen-on operation, and the first interface is a lock screen interface.

[0042] In a possible implementation of the second aspect, the first trigger condition is a screen-off operation, and the first interface is a screen-off interface.

[0043] In a possible implementation of the second aspect, the first material of the first interface element is the same as the second material of the target subject in the wallpaper.

[0044] In a possible implementation of the second aspect, the first material is a main material of the first interface element, and the second material is a main material of the target body.

[0045] In a possible implementation of the second aspect, the third material of the first interface element is the same as the fourth material of the target body.

[0046] In a possible implementation of the second aspect, an area ratio of each material in the first interface element matches an area ratio of each corresponding material in the target body.

[0047] In a possible implementation of the second aspect, the color of the first interface element matches the color of the main body.

[0048] In a possible implementation of the second aspect, when the main body includes multiple colors, the first interface element includes one or more colors corresponding to the colors of the main body.

[0049] In a possible implementation of the second aspect, the first interface further includes a second interface element, and a color of the second interface element matches a color of the main body.

[0050] In a possible implementation of the second aspect, when the main body includes multiple colors, the color of the second interface element is one of the main colors of the main body.

[0051] In a possible implementation of the second aspect, the first interface element includes one of the following: text, an icon, and a card.

[0052] In a possible implementation of the second aspect, the first interface element includes text, and a font of the text matches a style of the wallpaper.

[0053] In a possible implementation of the second aspect, the first interface element includes a first text in a clock control.

[0054] In a possible implementation of the second aspect, the interface display device further includes a determination module and a generation module, wherein the determination module is configured to: determine a corresponding material map and PBR parameters according to the material of the subject;

[0055] The generation module is used to render and generate a first interface element according to the material map and the PBR parameters.

[0056] In a possible implementation of the second aspect, the material map is determined according to the material of the main body and the color of the main body.

[0057] In a possible implementation of the second aspect, before rendering and generating the first interface element, the generating module is further configured to: generate a corresponding normal map and corresponding texture map coordinates according to the material map;

[0058] The generation module is specifically used to render and generate a first interface element according to the material map, the PBR parameters, the normal map and the texture map coordinates.

[0059] In a third aspect, an embodiment of the present application provides an electronic device comprising: a memory and a processor, the memory being used to store a computer program; the processor being used to execute the method described in the first aspect or any embodiment of the first aspect when calling the computer program.

[0060] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method described in the first aspect or any embodiment of the first aspect.

[0061] In a fifth aspect, an embodiment of the present application provides a computer program product. When the computer program product is run on an electronic device, the electronic device executes the method described in the first aspect or any embodiment of the first aspect.

[0062] In a sixth aspect, embodiments of the present application provide a chip system, comprising a processor coupled to a memory, the processor executing a computer program stored in the memory to implement the method described in the first aspect or any embodiment of the first aspect. The chip system may be a single chip or a chip module composed of multiple chips.

[0063] It can be understood that the beneficial effects of the second to sixth aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0064] FIG1 is a schematic diagram of a flow chart of an interface display method provided in an embodiment of the present application;

[0065] 2 to 5 are schematic diagrams of a first interface provided in an embodiment of the present application;

[0066] FIG6 is a schematic diagram showing the relationship between the wallpaper style and the font style of the text in the first interface provided by an embodiment of the present application;

[0067] FIG7 is a schematic diagram of a flow chart of a method for generating a first interface element and a second interface element according to an embodiment of the present application;

[0068] FIG8 is a schematic diagram of wallpaper and corresponding image description information provided in an embodiment of the present application;

[0069] FIG9 is a schematic diagram of the software architecture of an electronic device provided in an embodiment of the present application;

[0070] FIG10 is a schematic structural diagram of an interface display device provided in an embodiment of the present application;

[0071] FIG11 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0072] The following describes the embodiments of the present application in conjunction with the accompanying drawings in the embodiments of the present application. The terms used in the implementation methods of the embodiments of the present application are only used to explain the specific embodiments of the present application and are not intended to limit the present application. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments.

[0073] Electronic devices can enhance the visual quality of their user interfaces (UIs) by changing the wallpaper and the appearance of UI elements (e.g., controls). However, when users reset their wallpapers or the wallpaper automatically changes periodically, the new wallpaper may be inconsistent with, or even conflict with, the style of the original UI elements, thus affecting the visual quality of the UI.

[0074] To this end, the present application provides an interface display method for improving the visual effect of the user interface through the wallpaper of the user interface and the appearance of the interface elements.

[0075] The interface display method provided in this application can be applied to various electronic devices that present a user interface to a user through a screen, such as a personal computer (PC), a smart phone, a netbook, a tablet computer, a PDA, etc. In the embodiments of this application, a mobile phone is used as an example for illustrative description.

[0076] In order to facilitate understanding of the technical solutions in the embodiments of the present application, some of the terms involved in the embodiments of the present application are first explained below:

[0077] User interface: also known as user interface, is the medium for interaction and information exchange between the system and the user, used to realize the conversion between the internal form of information and the form acceptable to humans. The user interface includes software and hardware parts that realize the information exchange between users and systems. The software part includes the agreement of information exchange between users and systems, operation commands and other processing software, and the hardware part includes input devices and output devices (including but not limited to display screens, touch screens, soft keyboards, virtual controls, physical keyboards, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, joysticks, cameras, and input and output devices that can be realized by future technologies). The user interface enables users to operate hardware conveniently and effectively to achieve interaction and complete the work they want to complete with the help of hardware. The definition of user interface is broad, and user interface exists in all fields involving information exchange between humans and machines.

[0078] Interface elements: These are the elements of a system interface, such as software that supports user interaction. Interface elements can include windows, dialog boxes, menus, scroll bars, graphics, text, icons, cards, and more.

[0079] FIG1 is a flow chart of an interface display method provided in an embodiment of the present application. As shown in FIG1 , the interface display method provided in this embodiment may include the following steps:

[0080] S110: Detect a first trigger condition and display a first interface.

[0081] The first trigger condition may be a first operation input by a user. The first operation may be a screen-on operation, and the corresponding first interface may be a lock screen interface or the desktop of the electronic device, etc.; the first operation may also be a screen-off operation, and the corresponding first interface may be a screen-off interface; the first operation may also be an unlock operation or an operation in which the user switches user interfaces on the electronic device, and the corresponding first interface may be the desktop of the electronic device or other user interfaces.

[0082] The first trigger condition may also be timeout screen lock or timeout screen off, etc.

[0083] For ease of explanation, in the embodiment of the present application, an example is given by taking the first trigger condition being a screen-on operation and the first interface being a lock screen interface.

[0084] Among them, the first operation can be a key operation, or it can be a touch operation, voice control operation or air gesture operation, etc., among which the touch operation can be a click operation or a gesture operation, etc. The embodiment of the present application does not specifically limit this. The other user operations described in the embodiment of the present application are similar. For the sake of convenience, the embodiment of the present application takes key operation / click operation as an example for illustrative explanation.

[0085] The naming method for user input operations in the embodiment of the present application is only an example and should not be understood as a limitation to the embodiment of the present application. In some embodiments, the same operation may also use other names.

[0086] The first interface may include wallpaper and first interface elements.

[0087] The first interface element may be located above the wallpaper or around the wallpaper.

[0088] The material of the first interface element can be similar to or the same as the material of the main body in the wallpaper (that is, the main object in the wallpaper, the area of ​​the main object in the wallpaper can be greater than or equal to the set ratio, such as 1 / 10), so that the first interface element and the wallpaper are more coordinated and unified, and the overall visual effect of the first interface is improved.

[0089] In some embodiments, when the wallpaper includes only one main body and the main body includes only one material, the material of the first interface element can be similar to or the same as the material of the main body in the wallpaper.

[0090] For example, the first interface element is the text displayed in the interface, such as the time displayed by the clock control. For example, as shown in (a) in Figure 2, the main body of the wallpaper in the first interface is a dog, and its corresponding material is hair. The material of the text used to display the time in the clock control in the first interface can also be hair, which is the same as the material of the wallpaper main body. For another example, as shown in (b) in Figure 2, the main body of the wallpaper in the first interface is a metal object with a strong sense of technology, and its corresponding material is metal, and its shape is relatively smooth. The material of the text used to display the time in the clock control can be a metal material similar to mercury, which is similar to the material of the wallpaper main body.

[0091] In some embodiments, the first interface elements may also include card elements, such as music controls in a card. For example, as shown in FIG3 , the main body of the wallpaper in the first interface is a dog, and its corresponding material is hair. In the card displayed in the first interface, the material corresponding to the "Play / Pause" button of the music control is also hair, the same material as the main body of the wallpaper.

[0092] In some embodiments, the first interface element may further include an icon. For example, as shown in FIG3 , the main body of the wallpaper in the first interface is a dog, and its corresponding material is hair. The material of the camera icon in the first interface is also hair, which is the same as the material of the main body of the wallpaper.

[0093] In some embodiments, when the only subject in the wallpaper includes multiple materials, the material of the first interface element can be the primary material of the subject in the wallpaper. As shown in Figure 4, the subject of the wallpaper is a flower, and the materials of its petals, stamens, and stem are different (the primary material is the material of the petals and stem), and the material of the text used to display the time in the clock control includes the material of the petals and stem.

[0094] In some embodiments, if the only subject in the wallpaper includes multiple primary materials, the material of the first interface element may include only a portion of the primary materials of the only subject in the wallpaper. For example, if the only subject in the wallpaper is a flower, its primary materials include the materials of the petals and the stem. The material of the text used to display the time in the clock control may only include the material of the petals or the stem.

[0095] In some embodiments, when a single subject in a wallpaper includes multiple materials, the material of the first interface element may include both the primary material and the secondary material of the subject in the wallpaper. For example, if the subject of the wallpaper is a flower, and the petals, stamens, and stems have different materials, the material of the text used to display the time in a clock control may include both the material of the petals, stem, and stamens.

[0096] It is understandable that, when the only main body of the wallpaper includes multiple secondary materials, the first interface element may include some of the secondary materials in the main body, or may include all of the secondary materials in the main body.

[0097] In some embodiments, a wallpaper may contain multiple subjects. In this case, the material of the first interface element may include the materials of each subject in the wallpaper. For example, if the subjects in wallpaper 1 include trees, dogs, and stones, the materials of the first interface element may include wood (corresponding to trees), hair (corresponding to dogs), and stone (corresponding to stones).

[0098] In some embodiments, when there are multiple subjects in the wallpaper, the material of the first interface element may also only include the material of the most important subject in the wallpaper. For example, the subjects in wallpaper 1 include trees, dogs and stones, among which the dog is the most important subject, then the material of the first interface element may only include hair.

[0099] In some embodiments, when there are multiple subjects in the wallpaper, the material of the first interface element may also include the material of the main subject and some secondary subjects in the wallpaper. For example, the subjects in wallpaper 1 include trees, dogs and stones, where the dog is the main subject and the trees and stones are secondary subjects. Then the material of the first interface element may include hair and wood, or hair and stone.

[0100] In some embodiments, when there are multiple subjects in the wallpaper and some of the subjects include multiple materials, the material of the first interface element may include only the main material of each subject in the wallpaper, or may include both the main material of each subject in the wallpaper and part of the secondary material of each subject in the wallpaper, or may include both the main material of each subject in the wallpaper and all the secondary materials of each subject in the wallpaper.

[0101] Furthermore, the area ratio of each material in the first interface element can also match the area ratio of the corresponding material in each main body. This allows the first interface element and the wallpaper to be more closely matched in terms of material, making the first interface element and the wallpaper more coordinated and further improving the overall visual effect of the user interface. For example, if the area ratio of trees and dogs in Wallpaper 1 is approximately 4:1, then the area ratio of wood and hair in the first interface element can also be 4:1.

[0102] In some embodiments, the color of the first interface element can also match the color of the main body of the wallpaper to make the first interface element and the wallpaper more coordinated in color, further improving the overall visual effect of the user interface.

[0103] The color of the first interface element can be the same as the main color of the wallpaper. For example, as shown in Figure 2 (a), the main body of the wallpaper is a white dog, and the text corresponding to the clock control can be made of fur and be white. The color of the first interface element can also be the same color as the main body of the wallpaper or a contrasting color of the wallpaper.

[0104] When the main body of the wallpaper includes multiple colors, the color of the first interface element can correspond to the color of the main body of the wallpaper, including multiple colors. As shown in Figure 5, the main body of the wallpaper is made of jade of different colors, and the text used to display the time in the clock control is also made of jade, and the color includes the color of each jade in the wallpaper.

[0105] In the case where the wallpaper includes multiple subjects, the color of the first interface element may include the colors of the subjects in the wallpaper. For example, if the subjects in wallpaper 1 include green trees and a white dog, the color of the first interface element may include green and white.

[0106] In some embodiments, if the wallpaper includes multiple subjects, the colors of the first interface element may include only the primary colors of each subject in the wallpaper. For example, if the subjects in wallpaper 2 include a black dog wearing a silver collar (primary color is black, secondary color is silver) and a flower with a green stem and red petals (primary color is red, secondary color is green), the colors of the first interface element may include black and red.

[0107] When the first interface element includes text, in some embodiments, the font of the text in the first interface can match the style of the wallpaper to make the first interface element and the wallpaper more harmonious in style, further improving the overall visual effect of the user interface. As shown in Figure 6 (a), the wallpaper features a handsome dog, so the text used to display the time in the corresponding time control can be a standard font of a similar style, such as Times New Roman. For example, as shown in Figure 6 (b), the wallpaper features a cute dog, so the text used to display the time in the corresponding time control can be an artistic font of a similar style.

[0108] In some embodiments, the first interface element may also have a three-dimensional display effect to further enhance the overall visual effect of the user interface. As shown in (a) and (b) of FIG2 , the text used to display the time in the time control is a three-dimensional display effect.

[0109] In some embodiments, the first interface may further include second interface elements, such as the signal icon, battery icon, time icon, and text for displaying the date in the clock control, located above the first interface, as shown in FIG2(a). The color of the second interface element can be the same as the main color of the wallpaper to make the second interface element more coordinated and unified with the wallpaper, thereby improving the overall visual effect of the first interface.

[0110] When the main body of the wallpaper includes multiple colors, the color of the second interface element can correspond to the color of the main body of the wallpaper, including multiple colors. The color of the second interface element can also be one of the main colors of the main body. For example, the main body of the wallpaper is a flower, and its main colors include red (flowers) and green (flower stems). The color of the second interface element can be red, green, or both red and green.

[0111] It will be understood that the user interface shown in the embodiment of the present application is merely an example and is not intended to limit the present application. In some embodiments, the user interface displayed by the electronic device may include more or fewer interface elements than shown in the figure to implement more or fewer functions; the position of each interface element may be adjusted as needed; each function may also be implemented using other interface elements, or may also be implemented in other user interfaces, and this embodiment does not specifically limit this.

[0112] The specific generation method of the first interface element and the second interface element in this application is described below.

[0113] FIG7 is a flow chart of a method for generating the first interface element and the second interface element provided in an embodiment of the present application. As shown in FIG7 , the method for generating the first interface element and the second interface element provided in an embodiment of the present application may include the following steps:

[0114] S210: Determine image description information of the wallpaper of the first interface.

[0115] Different user interfaces may correspond to the same wallpaper or different wallpapers. For example, the wallpaper corresponding to the bright screen interface may be the same as or different from the wallpaper corresponding to the desktop of the electronic device.

[0116] The image description information of the wallpaper may include a description of the subject and background of the wallpaper.

[0117] Specifically, the image description information corresponding to the wallpaper can be determined through methods such as artificial intelligence generated content (AIGC). As shown in Figure 8 (a), the corresponding image description information may include white, long hair, fox dog, erect ears, cute, etc. As shown in Figure 8 (b), the corresponding image description information may include woods, white, long hair, fox dog, erect ears, cute, hand, ring, etc. As shown in Figure 8 (c), the corresponding image description information may include seaside, black, wolfhound, collar, handsome, etc.

[0118] S220: Determine the image keywords corresponding to the wallpaper according to the image description information.

[0119] Specifically, the image description information of the wallpaper can be filtered to generate corresponding sticker keywords. The filtered sticker keywords can include descriptions of the material and color of the wallpaper. For example, the sticker keywords generated after filtering the image description information in Figure 8 (a) can be white and long hair, the sticker keywords generated after filtering the image description information in Figure 8 (b) can be white and long hair, and the sticker keywords generated after filtering the image description information in Figure 8 (c) can be black, short hair, silver, and collar.

[0120] S230: Generate corresponding material maps and PBR parameters based on the map keywords.

[0121] Specifically, the corresponding texture map can be generated by AIGC based on the texture keyword related to the material. For example, if the texture keyword related to the material is long hair, the generated texture map can be a texture of a hair material.

[0122] In some embodiments, the color of the corresponding material texture can be further determined based on the color-related texture keyword so that the color of the final generated first interface element matches the color of the wallpaper body. For example, if the color-related texture keyword is white, the color of the material texture can also be white.

[0123] The material map can occupy the space corresponding to the first interface element so that it can be rendered later.

[0124] Physically Based Rendering (PBR) parameters can include metalness, roughness, and reflectivity. The specific values ​​of PBR parameters are related to the material of the first interface element. For example, plastic materials correspond to higher roughness, while metal materials correspond to higher reflectivity and metalness.

[0125] PBR parameters can be determined based on the map keywords associated with the material.

[0126] Specifically, the specific PBR parameters corresponding to a certain texture keyword can be determined according to the set mapping relationship between the texture keyword and the PBR parameter.

[0127] In some embodiments, when no PBR parameters directly corresponding to a certain texture keyword A are found, the PBR parameters corresponding to the texture keyword B closest to the texture keyword A in the above mapping relationship can also be used as the PBR parameters corresponding to the texture keyword A.

[0128] In some embodiments, when no PBR parameters directly corresponding to a certain texture keyword A are found, it is also possible to first determine texture keyword B, texture keyword C, etc. that are closer to the texture keyword A, and then use the average value of the PBR parameters corresponding to texture keyword B, texture keyword C, etc. in the above mapping relationship as the PBR parameter corresponding to texture keyword A.

[0129] S240 , generating a corresponding normal map and corresponding UV coordinates according to the material map.

[0130] In order to make the finally generated first interface element have a three-dimensional visual effect, a corresponding normal map and UV coordinates may be generated according to the material map for subsequent 3D rendering.

[0131] S250: Determine a font model for the characters in the text corresponding to the first interface element according to the image description information.

[0132] Specifically, the words related to the wallpaper style in the image description information can be determined first, and then the fonts corresponding to the words related to the wallpaper style in the image description information can be determined based on the set mapping relationship between the words describing various styles and the fonts. Then, the corresponding font model can be determined based on the font, and the determined font model can be used as the font model of the text in the text corresponding to the first interface element.

[0133] For example, the image description information is woods, white, long hair, fox dog, erect ears, cute, hand, and ring. The word related to the wallpaper style in the image description information is cute. In the mapping relationship between words and fonts, the font mapped to the word "cute" is art font C. The font model of the text corresponding to the first interface element can be the font model corresponding to art font C.

[0134] In some embodiments, if there is no font that maps to word a in the mapping relationship between words and fonts, the font model corresponding to word b in the mapping relationship between words and fonts that is closest to the style described by word a can be used as the font model for the text corresponding to the first interface element.

[0135] The font model may be a two-dimensional (2D) model or a three-dimensional (3D) model. In this embodiment, the font model is a 3D model as an example for illustrative description.

[0136] It is understandable that the UV coordinates corresponding to different font models of the same text may also be different.

[0137] S260: Render and generate a first interface element according to the material map, PBR parameters, normal map, and UV coordinates.

[0138] Specifically, the material map, PBR parameters, normal map, UV coordinates, lighting parameters and camera parameters can be first input into the 3D rendering engine to generate the corresponding first interface element.

[0139] The lighting parameters and camera parameters can be fixed or adjusted according to different wallpapers. For example, the lighting parameters can be adjusted according to the light intensity and light angle in the wallpaper.

[0140] In some embodiments, the font model of the characters in the text corresponding to the first interface element can also be input as an input parameter to the 3D rendering engine to generate the corresponding first interface element.

[0141] S270: Generate a corresponding second interface element according to the texture keyword.

[0142] Specifically, a second interface element of a corresponding color can be generated based on a color-related image keyword. For example, if the color-related image keywords are black and silver, the color of the generated second interface element can be either black or silver, or both.

[0143] It is understandable that some first interface elements may change over time, for example, the text in a clock control may change over time, or may change in response to user operations, for example, the pause icon in a music control may change when a user clicks it. Therefore, when a first interface element changes, the changed first interface element may be updated according to the wallpaper of the first interface.

[0144] Taking the clock control as an example, when the text in the clock control changes, you can first determine the UV coordinates and font model corresponding to the changed text, and then input the new UV coordinates, new font model, material map, PBR parameters, normal map, lighting parameters and camera parameters corresponding to the clock control into the 3D rendering engine to generate new text.

[0145] In some implementations, each time a new character (such as 0 to 9) of the clock control is generated, the image corresponding to the character may be stored for subsequent reuse.

[0146] Specifically, each time the text of the clock control changes, you can first search whether there is a picture corresponding to the changed text. If so, you can directly replace the original picture with the picture; if not, you can first determine the UV coordinates and the corresponding font model corresponding to the changed text, and then input the new UV coordinates, new font model, material map, PBR parameters, normal map, lighting parameters and camera parameters corresponding to the clock control into the 3D rendering engine to generate new text and store the picture corresponding to the new text.

[0147] The interface display method provided in the embodiment of the present application matches the material of the first interface element in the displayed first interface with the material of the wallpaper, so that the first interface element in the first interface and the wallpaper are more coordinated and unified, thereby improving the overall visual effect of the user interface.

[0148] Those skilled in the art will appreciate that the above embodiments are exemplary and are not intended to limit the present application. Where possible, the execution order of one or more of the above steps may be adjusted, or may be selectively combined to obtain one or more other embodiments. For example, in some embodiments, step S250 may be executed after step S220, and in other embodiments, step S250 may also be executed before step S220; in some embodiments, step S270 may be executed after step S230, and in other embodiments, step S270 may also be executed before step S230; in some embodiments, step S240, step S250, and step S270 may not all be executed, and in some embodiments, some of the steps in step S240, step S250, and step S270 may be executed. Those skilled in the art may select and combine any of the above steps as needed, and any combination that does not deviate from the essence of the present application falls within the scope of protection of the present application.

[0149] Based on the same concept, the present application also provides an electronic device, wherein the software system of the electronic device can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a microservice architecture, or a cloud architecture. The present invention uses the Android system with a layered architecture as an example to illustrate the software structure of the electronic device.

[0150] Figure 9 is a schematic diagram of the software architecture of the electronic device provided in an embodiment of the present application. As shown in Figure 9, the software system of the electronic device can be divided into several layers. In some embodiments, the Android system can be divided from top to bottom into an application layer, an application framework layer, an Android runtime (Android runtime) and a system library, and a kernel layer.

[0151] The application layer may include applications such as camera, gallery, calendar, call, map, WLAN, Bluetooth, music, video, short message, multi-tasking management, etc.

[0152] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0153] As shown in FIG9 , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

[0154] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, etc.

[0155] Content providers are used to store and retrieve data and make this data accessible to applications.

[0156] The view system includes visual controls, such as controls for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views.

[0157] The phone manager is used to provide communication functions for electronic devices, such as call status management (including answering, hanging up, etc.).

[0158] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0159] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically without user interaction. For example, the Notification Manager is used to notify users of completed downloads and message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. For example, these can display text messages in the status bar, emit a sound, vibrate electronic devices, or flash indicator lights.

[0160] Android runtime includes core libraries and virtual machines. Android runtime is responsible for System scheduling and management.

[0161] The core library consists of two parts: one is the function that the Java language needs to call, and the other is The core library.

[0162] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

[0163] The system library can include multiple functional modules, such as a surface manager, media libraries, a 3D graphics processing library (such as OpenGL ES), and a 2D graphics engine (such as SGL).

[0164] The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.

[0165] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0166] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0167] A 2D graphics engine is a drawing engine for 2D drawings.

[0168] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, and sensor driver.

[0169] After the user inputs a touch operation, the touch sensor in the hardware device can generate a corresponding hardware interrupt and send it to the kernel layer. The kernel layer can encapsulate the touch operation into a touch event (for example, a touch press (action down) event, a touch move (action move) event, and a touch lift (action up) event, etc.), and can report the touch event to the upper-level APP through the input module in the system library.

[0170] Based on the same concept, as an implementation of the above method, an embodiment of the present application provides an interface display device. The device embodiment corresponds to the above method embodiment. For ease of reading, the device embodiment will no longer repeat the details of the above method embodiment one by one, but it should be clear that the device in this embodiment can correspond to and implement all the contents of the above method embodiment.

[0171] FIG10 is a schematic diagram of the structure of an interface display device provided in an embodiment of the present application. As shown in FIG10 , the interface display device provided in this embodiment may include:

[0172] Display module 310: used to detect a first trigger condition and display a first interface, where the first interface includes wallpaper and a first interface element, and the material of the first interface element matches the material of the main body included in the wallpaper.

[0173] In a possible implementation of the second aspect, the first trigger condition is a screen-on operation, and the first interface is a lock screen interface.

[0174] In a possible implementation of the second aspect, the first trigger condition is a screen-off operation, and the first interface is a screen-off interface.

[0175] In a possible implementation of the second aspect, the first material of the first interface element is the same as the second material of the target subject in the wallpaper.

[0176] In a possible implementation of the second aspect, the first material is a main material of the first interface element, and the second material is a main material of the target body.

[0177] In a possible implementation of the second aspect, the third material of the first interface element is the same as the fourth material of the target body.

[0178] In a possible implementation of the second aspect, an area ratio of each material in the first interface element matches an area ratio of each corresponding material in the target body.

[0179] In a possible implementation of the second aspect, the color of the first interface element matches the color of the main body.

[0180] In a possible implementation of the second aspect, when the main body includes multiple colors, the first interface element includes one or more colors corresponding to the colors of the main body.

[0181] In a possible implementation of the second aspect, the first interface further includes a second interface element, and a color of the second interface element matches a color of the main body.

[0182] In a possible implementation of the second aspect, when the main body includes multiple colors, the color of the second interface element is one of the main colors of the main body.

[0183] In a possible implementation of the second aspect, the first interface element includes one of the following: text, an icon, and a card.

[0184] In a possible implementation of the second aspect, the first interface element includes text, and a font of the text matches a style of the wallpaper.

[0185] In a possible implementation of the second aspect, the first interface element includes a first text in a clock control.

[0186] In a possible implementation of the second aspect, the interface display device further includes a determination module 320 and a generation module 330, wherein the determination module 320 is configured to: determine a corresponding material map and PBR parameters according to the material of the subject;

[0187] The generating module 330 is used to render and generate a first interface element according to the material map and the PBR parameters.

[0188] In a possible implementation of the second aspect, the material map is determined according to the material of the main body and the color of the main body.

[0189] In a possible implementation of the second aspect, before rendering and generating the first interface element, the generating module 330 is further configured to: generate a corresponding normal map and corresponding texture map coordinates according to the material map;

[0190] The generation module 330 is specifically used to render and generate a first interface element according to the material map, the PBR parameters, the normal map and the texture map coordinates.

[0191] Those skilled in the art can clearly understand that, for the convenience and brevity of description, only the division of the above-mentioned functional units and modules is used as an example for illustration. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiment can be integrated into one processing unit, or each unit can exist physically alone, or two or more units can be integrated into one unit. The above-mentioned integrated unit can be implemented in the form of hardware or in the form of software functional units. In addition, the specific names of the functional units and modules are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application. The specific working process of the units and modules in the above-mentioned system can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here.

[0192] Based on the same concept, an embodiment of the present application further provides an electronic device. Please refer to FIG11 , which is a schematic structural diagram of the electronic device provided in the embodiment of the present application.

[0193] The electronic device may include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, an earphone interface 270D, a sensor module 280, a button 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 may include a solid pressure sensor 280A, a gyroscope sensor 280B, an air pressure sensor 280C, a magnetic sensor 280D, an acceleration sensor 280E, a distance sensor 280F, a proximity light sensor 280G, a fingerprint sensor 280H, a temperature sensor 280J, a touch sensor 280K, an ambient light sensor 280L, a bone conduction sensor 280M, etc.

[0194] It is understood that the structures illustrated in the embodiments of the present application do not constitute specific limitations on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0195] The processor 210 may include one or more processing units. For example, the processor 210 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.

[0196] The controller can be the nerve center and command center of the electronic device. The controller can generate operation control signals based on instruction operation codes and timing signals to complete the control of instruction fetching and execution.

[0197] Processor 210 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 210 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 210. If processor 210 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 210 latency, and thus improves system efficiency.

[0198] In some embodiments, the processor 210 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface.

[0199] The I2C interface is a bidirectional synchronous serial bus consisting of a serial data line (SDA) and a serial clock line (SCL). The I2S interface can be used for audio communication. The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. The UART interface is a universal serial data bus used for asynchronous communication; this bus can be a bidirectional communication bus that converts the data to be transmitted between serial and parallel communication. The MIPI interface can be used to connect the processor 210 to peripheral devices such as the display 294 and the camera 293; MIPI interfaces include the camera serial interface (CSI) and the display serial interface (DSI). The GPIO interface can be configured through software and can be configured as either a control signal or a data signal. The USB interface 230 is an interface that complies with USB standards and can be specifically a Mini USB interface, a Micro USB interface, a USB Type-C interface, etc. The USB interface 230 can be used to connect a charger to charge the electronic device or to transfer data between the electronic device and peripheral devices. It can also be used to connect headphones to play audio through the headphones. This interface can also be used to connect other electronic devices, such as AR devices.

[0200] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only for illustrative purposes and does not constitute a structural limitation on the electronic device. In other embodiments of the present application, the electronic device may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

[0201] The charging management module 240 is configured to receive charging input from a charger. The charger can be either a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 240 can receive charging input from the wired charger via the USB interface 230. In some wireless charging embodiments, the charging management module 240 can receive wireless charging input via the electronic device's wireless charging coil. While charging the battery 242, the charging management module 240 can also power the electronic device through the power management module 241.

[0202] The power management module 241 is used to connect the battery 242, the charging management module 240, and the processor 210. The power management module 241 receives input from the battery 242 and / or the charging management module 240 and provides power to the processor 210, the internal memory 221, the external memory, the display 294, the camera 293, and the wireless communication module 260. The power management module 241 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage, impedance). In some other embodiments, the power management module 241 can also be set in the processor 210. In other embodiments, the power management module 241 and the charging management module 240 can also be set in the same device.

[0203] The wireless communication function of the electronic device can be implemented through antenna 1, antenna 2, mobile communication module 250, wireless communication module 260, modem processor and baseband processor.

[0204] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in an electronic device can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0205] The mobile communication module 250 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to electronic devices. The mobile communication module 250 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 250 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 250 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 250 can be set in the processor 210. In some embodiments, at least some of the functional modules of the mobile communication module 250 can be set in the same device as at least some of the modules of the processor 210.

[0206] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 270A, the receiver 270B, etc.) or displays an image or video through the display screen 294. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 210 and be set in the same device as the mobile communication module 250 or other functional modules.

[0207] The wireless communication module 260 can provide wireless communication solutions for electronic devices, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication technology (NFC), infrared technology (IR), etc. The wireless communication module 260 can be one or more devices that integrate at least one communication processing module. The wireless communication module 260 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 210. The wireless communication module 260 can also receive the signal to be sent from the processor 210, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0208] In some embodiments, antenna 1 of the electronic device is coupled to mobile communication module 250, and antenna 2 is coupled to wireless communication module 260, so that the electronic device can communicate with a network and other devices via wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time division-synchronous code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include global positioning system (GPS), global navigation satellite system (GNSS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (QZSS) and / or satellite based augmentation system (SBAS).

[0209] The electronic device implements display functionality through a GPU, display screen 294, and an application processor. A GPU is a microprocessor for image processing that connects display screen 294 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 210 may include one or more GPUs that execute program instructions to generate or modify display information.

[0210] Display screen 294 is used to display images, videos, etc. Display screen 294 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini LED, a Micro LED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device can include one or N display screens 294, where N is a positive integer greater than 1.

[0211] The electronic device can realize the shooting function through the ISP, camera 293, video codec, GPU, display 294 and application processor.

[0212] The ISP processes data fed back by camera 293. Camera 293 is used to capture still images or videos. The digital signal processor processes digital signals, and can process not only digital image signals but also other digital signals. The video codec compresses or decompresses digital video.

[0213] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU enables intelligent cognitive applications in electronic devices, such as image recognition, face recognition, speech recognition, and text comprehension.

[0214] The internal memory 221 can be used to store computer executable program codes, which include instructions. The processor 210 executes the instructions stored in the internal memory 221 to perform various functional applications and data processing of the electronic device.

[0215] The internal memory 221 may include a program storage area and a data storage area. The program storage area may store an operating system and at least one application required for a function (such as a sound playback function, an image playback function, etc.). The data storage area may store data created during the use of the electronic device (such as audio data, a phone book, etc.). In addition, the internal memory 221 may include a high-speed random access memory and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0216] The external memory interface 220 can be used to connect an external memory device, such as a Micro SD card, to expand the storage capacity of the electronic device. The external memory card communicates with the processor 210 via the external memory interface 220 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0217] The electronic device can implement audio functions such as music playback and recording through the audio module 270, the speaker 270A, the receiver 270B, the microphone 270C, the headphone jack 270D, and the application processor.

[0218] The audio module 270 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 270 can also be used to encode and decode audio signals. In some embodiments, the audio module 270 can be set in the processor 210, or some functional modules of the audio module 270 can be set in the processor 210. The speaker 270A, also known as the "speaker", is used to convert audio electrical signals into sound signals. The receiver 270B, also known as the "earpiece", is used to convert audio electrical signals into sound signals. The microphone 270C, also known as the "microphone" or "microphone", is used to convert sound signals into electrical signals. The headphone jack 270D is used to connect wired headphones. The headphone jack 270D can be a USB interface 230, or it can be a 3.5mm open mobile terminal platform (OMTP) standard interface, or a standard interface of the Cellular Telecommunications Industry Association of the USA (CTIA).

[0219] The buttons 290 include a power button, a volume button, etc. The buttons 290 can be mechanical buttons. They can also be touch buttons. The electronic device can receive button inputs and generate key signal inputs related to the user settings and function controls of the electronic device. The motor 291 can generate vibration prompts. The motor 291 can be used for incoming call vibration prompts, or for touch vibration feedback. The indicator 292 can be an indicator light, which can be used to indicate the charging status, power changes, messages, missed calls, notifications, etc. The SIM card interface 295 is used to connect the SIM card. The SIM card can be inserted into the SIM card interface 295, or pulled out from the SIM card interface 295 to achieve contact and separation with the electronic device. The electronic device can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 295 can support Nano SIM cards, Micro SIM cards, SIM cards, etc.

[0220] The electronic device provided in this embodiment can execute the above method embodiment, and its implementation principle and technical effects are similar, which will not be repeated here.

[0221] An embodiment of this specification also provides a computer device, which includes a processor and a memory, wherein the memory is used to store a computer program, and the processor is used to read the computer program to implement the method described in the above method embodiment.

[0222] The embodiments of this specification also provide a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the method described in the above method embodiments is implemented.

[0223] The embodiments of this specification also provide a computer program product. When the computer program product is run on an electronic device, the electronic device implements the method described in the above method embodiments.

[0224] The present invention also provides a chip system, including a processor coupled to a memory, and executing a computer program stored in the memory to implement the method described in the above method embodiment. The chip system can be a single chip or a chip module composed of multiple chips.

[0225] In the above embodiments, all or part of the embodiments may be implemented by software, hardware, firmware, or any combination thereof. When implemented using software, all or part of the embodiments may be implemented in the form of a computer program product. The 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 specification are generated. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted via the computer-readable storage medium. The computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated therein. The available medium may be a magnetic medium (e.g., a floppy disk, hard disk, or tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state drive (SSD)).

[0226] Those skilled in the art will appreciate that all or part of the process steps in the above-described method embodiments can be implemented by a computer program instructing related hardware. The program can be stored in a computer-readable storage medium, and when executed, the program can include the process steps in the above-described method embodiments. The aforementioned storage medium can include various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

[0227] The naming or numbering of steps in this specification does not mean that the steps in the method flow must be executed in the time / logical sequence indicated by the naming or numbering. The execution order of the named or numbered process steps can be changed according to the technical purpose to be achieved, as long as the same or similar technical effects can be achieved.

[0228] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant description of other embodiments.

[0229] In the embodiments provided in this specification, it should be understood that the disclosed devices / equipment and methods can be implemented in other ways. For example, the device / equipment embodiments described above are merely schematic. For example, the division of the modules or units is merely a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0230] It should be understood that in the description of this application and the appended claims, the terms "comprises," "includes," "has," and any variations thereof are intended to cover non-exclusive inclusions and mean "including but not limited to," unless otherwise specifically emphasized. For example, a process, method, system, product, or apparatus that includes a series of steps or modules is not necessarily limited to those steps or modules explicitly listed, but may include other steps or modules not explicitly listed or inherent to the process, method, product, or apparatus.

[0231] In the description of this specification, unless otherwise specified, " / " indicates that the objects associated before and after are in an "or" relationship, for example, A / B can represent A or B; "and / or" in this specification is used to describe the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural.

[0232] Furthermore, in this specification, unless otherwise specified, "plurality" refers to two or more than two. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, "at least one of a, b, or c" can mean: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or plural.

[0233] As used in this specification and the appended claims, the term "if" can be interpreted as "when" or "upon" or "in response to determining" or "in response to detecting," depending on the context. Similarly, the phrase "if it is determined" or "if [described condition or event] is detected" can be interpreted as meaning "upon determination" or "in response to determining" or "upon detection of [described condition or event]" or "in response to detecting [described condition or event]," depending on the context.

[0234] In addition, in the description of this application specification and the appended claims, the terms "first," "second," etc. are used to distinguish similar objects, and are not necessarily used to describe a specific order or precedence, nor should they be understood to indicate or imply relative importance or implicitly specify the number of technical features indicated. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein; and features specified as "first" or "second" may explicitly or implicitly include at least one of such features.

[0235] In the embodiments of this specification, words such as "exemplarily" or "for example" are used to indicate examples, illustrations, or descriptions. Any embodiment or design described as "exemplarily" or "for example" in the embodiments of this specification should not be construed as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplarily" or "for example" is intended to present the relevant concepts in a concrete manner.

[0236] References to "one embodiment" or "some embodiments" in this specification mean that a particular feature, structure, or characteristic described in conjunction with the embodiment is included in one or more embodiments of the specification. Thus, phrases such as "in one embodiment," "in some embodiments," "in other embodiments," and "in yet other embodiments" appearing in various places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more but not all embodiments," unless otherwise specifically emphasized.

[0237] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this specification, rather than to limit them. Although this specification has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this specification.

Claims

1. An interface display method, characterized in that: include: A first trigger condition is detected and a first interface is displayed, wherein the first interface includes a wallpaper and a first interface element, and a material of the first interface element matches a material of a main body included in the wallpaper.

2. The method according to claim 1, characterized in that The first trigger condition is a screen-on operation, and the first interface is a lock screen interface.

3. The method according to claim 1, characterized in that The first trigger condition is a screen-off operation, and the first interface is a screen-off interface.

4. The method according to any one of claims 1 to 3, characterized in that: The first material of the first interface element is the same as the second material of the target subject in the wallpaper.

5. The method according to claim 4, characterized in that The first material is the main material of the first interface element, and the second material is the main material of the target body.

6. The method according to claim 4 or 5, characterized in that: The third material of the first interface element is the same as the fourth material of the target body.

7. The method according to claim 6, characterized in that The area ratio of each material in the first interface element matches the area ratio of each corresponding material in the target body.

8. The method according to any one of claims 1 to 7, characterized in that: The color of the first interface element matches the color of the main body.

9. The method according to claim 8, characterized in that In the case that the main body includes multiple colors, the first interface element includes one or more colors corresponding to the colors of the main body.

10. The method according to any one of claims 1 to 9, characterized in that: The first interface also includes a second interface element, and the color of the second interface element matches the color of the main body.

11. The method according to claim 10, characterized in that In the case where the main body includes multiple colors, the color of the second interface element is one of the main colors of the main body.

12. The method according to any one of claims 1 to 11, characterized in that: The first interface element includes one of the following: text, icon and card.

13. The method according to claim 12, characterized in that The first interface element includes text, and the font of the text matches the style of the wallpaper.

14. The method according to any one of claims 1 to 13, characterized in that: The first interface element includes first text in a clock control.

15. The method according to any one of claims 1 to 14, characterized in that: The first interface element is generated in the following manner: Determine the corresponding material map and physically based rendering PBR parameters according to the material of the subject; A first interface element is generated by rendering according to the material map and the PBR parameters.

16. The method according to claim 15, characterized in that The material map is determined according to the material of the subject and the color of the subject.

17. The method according to claim 15 or 16, characterized in that Before rendering and generating the first interface element, the method further includes: generating a corresponding normal map and corresponding texture map coordinates according to the material map; The rendering and generating a first interface element according to the material map and the PBR parameters includes: A first interface element is generated by rendering according to the material map, the PBR parameters, the normal map and the texture map coordinates.

18. An electronic device, characterized in that: include: A memory and a processor, wherein the memory is used to store a computer program; and the processor is used to execute the method according to any one of claims 1 to 17 when calling the computer program.

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

20. A computer program product, characterized in that When the computer program product runs on an electronic device, the electronic device is enabled to execute the method according to any one of claims 1 to 17.

21. A chip system, characterized in that: The chip system includes a processor, which is coupled to a memory, and the processor executes a computer program stored in the memory to implement the method according to any one of claims 1-17.

Images