Interface display method and electronic equipment

Abstract

The invention provides an interface display method and electronic equipment, the method is applied to the electronic equipment, the method comprises the steps that multiple groups of first data are obtained, each group of first data in the multiple groups of first data comprises the layout, style and content of a fast application card, and all groups of first data in the multiple groups of first data are different; converting each group of first data in the plurality of groups of first data to obtain a plurality of groups of first commands and a plurality of groups of first data resources; generating a plurality of graphic data according to the plurality of groups of first commands and the plurality of groups of first data resources; based on the multiple pieces of graphic data, a first interface is displayed, and a dynamic picture corresponding to the fast application card obtained according to the multiple pieces of graphic data is displayed in the first interface. Therefore, the process of displaying the first interface and the dynamic picture of the fast application card is relatively efficient, the dynamic picture is prevented from being blocked as much as possible, and the visual experience of a user is ensured.

Description

Technical Field

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

[0002] Quick apps are a type of application that can be used as soon as you click on them, without the need for installation. Quick app cards can be used as the entrance to quick apps and displayed on the interface corresponding to the negative first screen of electronic devices, making it easy for users to quickly view and use effective information in electronic devices.

[0003] At present, if the quick application card is a card that needs to display a dynamic picture, after receiving the relevant operation instructed by the user, the electronic device continuously executes the step of displaying the interface corresponding to the negative one screen through the module of the Java application framework sublayer. Since the content of the quick application card in the interface corresponding to the negative one screen displayed each time is different, the dynamic picture corresponding to the quick application card can be displayed in the interface corresponding to the negative one screen of the electronic device.

[0004] However, in the above implementation, the steps of displaying the interface corresponding to the negative one screen are executed repeatedly through the module of the Java application framework sublayer, and the process is relatively complicated, resulting in obvious freezes in the dynamic picture, and even the situation that the quick application card does not support the display of dynamic pictures. Summary of the invention

[0005] The present application provides an interface display method and an electronic device, so as to prevent the dynamic screen corresponding to the quick application card from being stuck as much as possible.

[0006] In a first aspect, the present application provides an interface display method, applied to an electronic device, the method comprising:

[0007] Acquire multiple sets of first data, each set of first data in the multiple sets of first data includes the layout, style, and content of the quick app card, and each set of first data in the multiple sets of first data is different;

[0008] Convert each group of first data in the multiple groups of first data to obtain multiple groups of first commands and multiple groups of first data resources, each group of commands in the multiple groups of first commands is used to represent the display content of the corresponding first data, each group of data resources in the multiple groups of first data resources is used to represent the display attribute of the corresponding first data, the first commands include commands corresponding to text data and / or image data, and the first data resources include data resources corresponding to the text data and / or image data;

[0009] Generate multiple graphic data according to multiple sets of first commands and multiple sets of first data resources;

[0010] Based on the multiple graphic data, a first interface is displayed, and the first interface displays a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data.

[0011] In the above method, after obtaining multiple groups of first data, the multiple groups of first data are converted into multiple groups of first commands and multiple groups of first data resources corresponding to the multiple groups of first commands, and then the multiple groups of first commands and the multiple groups of first data resources are used to generate multiple graphic data, and the interface corresponding to the negative one screen is displayed, and the dynamic picture of the quick application card is displayed in the first interface according to the multiple graphic data. It can be seen that the dynamic picture of the quick application card can be displayed in the first interface through a one-time display process, and there is no need to loop the steps of running the card resource package to display the first interface after displaying a frame of the dynamic picture until the dynamic picture display is completed. Based on this, the above-mentioned process of displaying the first interface and the dynamic picture of the quick application card is more efficient, which improves the security and stability of the dynamic picture of the quick application card displayed on the negative one screen, avoids the freeze of the dynamic picture as much as possible, and ensures the user's visual experience.

[0012] In combination with the first aspect, in some implementations of the first aspect, each set of first data in the plurality of sets of first data includes text data and image data;

[0013] Convert each set of first data in the plurality of sets of first data to obtain a plurality of sets of first commands and a plurality of sets of first data resources, including:

[0014] Convert the text data in the multiple sets of first data into a format to obtain multiple sets of second commands and multiple sets of second data resources, where the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources;

[0015] According to the plurality of sets of first commands and the plurality of sets of first data resources, a plurality of graphic data are generated, including:

[0016] Generate a plurality of first graphic data according to the plurality of sets of second commands and the plurality of sets of second data resources;

[0017] According to the image data in the plurality of sets of first data, a plurality of second graphic data are obtained, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one;

[0018] Based on the multiple graphic data, a first interface is displayed, where a dynamic screen corresponding to the quick application card obtained according to the multiple graphic data is displayed in the first interface, including:

[0019] Based on the plurality of first graphic data and the plurality of second graphic data, a first interface is displayed, and a dynamic picture corresponding to the quick application card obtained according to the plurality of first graphic data and the plurality of second graphic data is displayed in the first interface.

[0020] In the above method, if the multiple groups of first data include text data, multiple groups of second commands and multiple groups of second data resources are obtained by converting the text data in each group of first data in the multiple groups of first data; if the multiple groups of first data also include image data, while processing the text data, multiple second graphic data can be obtained according to the multiple groups of image data corresponding to the multiple groups of first data; thus, the text data and image data in the multiple groups of first data can be processed separately by two threads, the text data can be processed quickly, and the dynamic pictures of the first interface and the quick application card can be efficiently displayed, thereby improving the efficiency of the first interface, reducing the power consumption of the electronic device, saving the power of the electronic device, and preventing the electronic device from heating up.

[0021] In conjunction with the first aspect, in some implementations of the first aspect, obtaining multiple sets of first data includes:

[0022] Get the card resource package, which includes the configuration file of the quick app card;

[0023] According to the card resource package, multiple groups of first data are obtained.

[0024] In the above method, a card resource package including a configuration file of a quick app card may be first obtained, and then multiple sets of first data may be obtained according to the card resource package.

[0025] In combination with the first aspect, in some implementations of the first aspect, obtaining a card resource package includes:

[0026] Display a second interface, where the second interface is an interface corresponding to the desktop of the electronic device;

[0027] In response to a first operation on the second interface, a card resource package is obtained from the server, the first operation being an operation for entering the first interface.

[0028] In the above method, after the user performs the operation of opening the first interface on the second interface, the process of displaying the first interface is started, so that the card resource package can be obtained from the server. Therefore, the first interface can be displayed based on the process of displaying the first interface and the dynamic picture, and the dynamic picture of the quick application card is displayed on the first interface; when the first interface is the interface corresponding to the negative one screen, the above process is to switch from the interface corresponding to the desktop to the interface corresponding to the negative one screen, and the dynamic picture of the quick application card is displayed in the interface corresponding to the negative one screen.

[0029] In combination with the first aspect, in some implementations of the first aspect, the first operation includes a left-swipe operation or a right-swipe operation.

[0030] In combination with the first aspect, in some implementations of the first aspect, multiple sets of first data are obtained according to the card resource package, including:

[0031] Convert the card resource package into a first format to obtain a card resource package in a first format, where the first format is a format that can be read and used by an electronic device;

[0032] The card resource package in the first format is run to obtain multiple groups of first data.

[0033] In the above method, after obtaining the card resource package, the card resource package can be installed and format converted (parsed), and the parsed card resource package can be run to obtain multiple sets of first data.

[0034] In combination with the first aspect, in some implementations of the first aspect, running a card resource package in a first format to obtain multiple sets of first data includes:

[0035] The card resource package in the first format is run multiple times to obtain multiple sets of first data.

[0036] In the above method, in the process of running the card resource package, the card resource package can be run once to obtain multiple groups of first data, or the card resource package can be run multiple times in succession to obtain multiple groups of first data in sequence; when the card resource package is run once to obtain multiple groups of first data, each group of the multiple groups of first data can be converted to obtain multiple groups of commands and multiple groups of data resources; when the card resource package is run multiple times in succession to obtain multiple groups of first data in sequence, each group of first data obtained in sequence can be converted to obtain multiple groups of commands and multiple groups of data resources in sequence; it can be seen that through the above method, it is possible to avoid looping the steps of running the card resource package after displaying a frame of a dynamic picture, thereby ensuring efficient display of the first interface and the dynamic picture of the quick application card, improving the efficiency of displaying the dynamic picture of the first interface and the quick application card, and avoiding the occurrence of freezes in the dynamic picture as much as possible.

[0037] In combination with the first aspect, in some implementations of the first aspect, the first interface is an interface corresponding to the negative first screen of the electronic device.

[0038] In a third aspect, the present application provides an electronic device, the electronic device comprising a first application, a quick application engine module, and a rendering service module;

[0039] The quick application engine module is used to obtain multiple groups of first data, each group of first data in the multiple groups of first data includes the layout, style and content of the quick application card, and each group of first data in the multiple groups of first data is different; each group of first data in the multiple groups of first data is converted to obtain multiple groups of first commands and multiple groups of first data resources, each group of commands in the multiple groups of first commands is used to represent the display content of the corresponding first data, and each group of data resources in the multiple groups of first data resources is used to represent the display attributes of the corresponding first data, the first command includes commands corresponding to text data and / or image data, and the first data resources include data resources corresponding to text data and / or image data; a first message is sent to the rendering service module, and the first message is used to instruct the rendering service module to read the multiple groups of first commands and the multiple groups of first data resources;

[0040] The rendering service module is used to respond to receiving the first message, read multiple groups of first commands and multiple groups of first data resources, and generate multiple graphics data according to the multiple groups of first commands and multiple groups of first data resources; send a second message to the first application through the quick application engine module, and the second message is used to instruct the first application to read the multiple graphics data;

[0041] The first application is used to read multiple graphic data in response to receiving the second message, and based on the multiple graphic data, display a first interface, in which a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data is displayed.

[0042] In conjunction with the second aspect, in certain implementations of the second aspect, each set of first data in the plurality of sets of first data includes text data and image data, and the electronic device further includes a rendering client module;

[0043] The quick application engine module is also used to convert the format of the text data in the multiple sets of first data to obtain multiple sets of second commands and multiple sets of second data resources, where the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources;

[0044] The rendering service module is used for reading a plurality of sets of second commands and a plurality of sets of second data resources in response to receiving the first message, and generating a plurality of first graphic data according to the plurality of sets of second commands and the plurality of sets of second data resources;

[0045] The rendering client module is used to read the image data in the multiple sets of first data into the file stream object to obtain multiple image data streams; and send the multiple image data streams to the rendering service module;

[0046] The rendering service module is used to obtain a plurality of second graphic data according to the plurality of image data streams when receiving the plurality of image data streams, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one;

[0047] The first application is used to read multiple first graphic data and multiple second graphic data in response to receiving the second message, and display a first interface based on the multiple first graphic data and the multiple second graphic data, wherein the first interface displays a dynamic picture corresponding to the quick application card obtained according to the multiple first graphic data and the multiple second graphic data.

[0048] In a third aspect, the present application provides an electronic device comprising one or more processors, a memory and one or more computer programs, wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by one or more processors, the electronic device executes the interface display method in the first aspect and any possible implementation of the first aspect.

[0049] In a fourth aspect, the present application provides a chip system, which includes a processor for calling and running a computer program from a memory, so that an electronic device equipped with the chip system executes the interface display method in the first aspect and any possible implementation of the first aspect.

[0050] In a fifth aspect, the present application provides a computer-readable storage medium, including a computer program. When the computer program runs on an electronic device, the electronic device executes the interface display method in the first aspect and any possible implementation of the first aspect.

[0051] In a sixth aspect, the present application provides a computer program product. When the computer program product runs on a computer, it enables the computer to execute the interface display method in the first aspect and any possible implementation of the first aspect.

[0052] 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

[0053] Figure 1 A schematic diagram of the software architecture of an electronic device provided by the prior art of this application;

[0054] Figure 2 A flowchart of an interface display method provided by the prior art of this application;

[0055] Figure 3-Figure 5 A schematic diagram of an application scenario provided by an embodiment of the present application;

[0056] Figure 6 A schematic diagram of the structure of an electronic device provided in one embodiment of the present application;

[0057] Figure 7 A schematic diagram of a software architecture of an electronic device provided in one embodiment of the present application;

[0058] Figure 8 A flowchart of an interface display method provided in one embodiment of the present application;

[0059] Fig. 9 A flowchart of an interface display method provided in one embodiment of the present application;

[0060] Fig.10 A flowchart of an interface display method provided in one embodiment of the present application;

[0061] Fig.11 A flowchart of an interface display method provided in accordance with an embodiment of the present application. DETAILED DESCRIPTION

[0062] In this application, "at least one" means one or more, and "plurality" means two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. 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. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b, or c alone can represent: a, b, c, a and b, a and c, or a, b, and c, where a, b, and c can be single or multiple. In addition, the terms "first" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance.

[0063] At present, quick applications are a new type of application based on the hardware platform of electronic devices. Quick applications are written in JavaScript programming language. They do not need to be installed and can be used immediately after clicking. They also have the experience (performance, system integration, interaction, etc.) of native applications (applications that can be installed on electronic devices).

[0064] Compared with traditional applications, quick applications have the following characteristics: they can be used immediately upon clicking, and users do not need to wait; they are deeply integrated with the usage scenarios of electronic devices, and the entrances are everywhere (negative one screen, smart assistant, smart recommendation, application market, browser, etc.).

[0065] It should be noted that a quick application may correspond to a native application. Optionally, the application data of the quick application is provided by the background server of the native application. Therefore, the electronic device can call the API of the native application of the quick application through the application programming interface (API) of the quick application and obtain the application data through the API of the native application. Among them, the API of the quick application is obtained by encapsulating the API of the native application.

[0066] As a complete application form, quick applications can be deeply integrated with the systems of electronic devices, run like native applications, and interact with the systems.

[0067] The cards in the electronic device may include cards in the form of quick applications. The cards in the form of quick applications may be referred to as quick application cards.

[0068] Electronic devices can push valid information of one or more applications in the electronic devices through quick application cards, filter massive amounts of information, and facilitate users to quickly view and use valid information.

[0069] Among them, one quick app can correspond to one quick app card. Quick app cards can be embedded and displayed in native apps of various usage scenarios, such as negative one screen, global search, smart scenes, etc.

[0070] Taking the embedded display of quick application cards in the interface corresponding to the negative one screen as an example, the electronic device can display the main interface, that is, the desktop. After receiving the user's operation on the main interface of the electronic device (such as swiping right), the electronic device can display the interface corresponding to the negative one screen. Multiple cards can be displayed in sequence in the interface corresponding to the negative one screen of the electronic device. The multiple cards may include quick application cards. The quick application card is an entrance to the quick application. Through the quick application card, the user can perform operations such as quick search, opening the quick application, and browsing recommended quick application information.

[0071] Each quick app card corresponds to a configuration file, which can describe the quick app's package name, name, version number, icon, card source code directory, and other information.

[0072] The card source code can be written in the card2x2 / index.au file, which is a script file written in JavaScript language.

[0073] The size of each quick app card is usually a preset size, for example, 2*2, 1*2, 4*4, etc.

[0074] Quick apps are designed to simplify development, using a small number of interfaces to interact with users and complete the functions of a simple scenario. The interface of each quick app is simpler than that of a native app. For example, the interface of a quick app includes labels, buttons, and a small number of images, which are suitable for presenting static content.

[0075] When displaying the interface corresponding to the negative one screen with the quick application card, it is necessary to download the card resource package of the quick application card from the resource library of the server, generate document object model (DOM) data according to the card resource package, and then obtain graphic data based on the DOM data, render and synthesize the graphic data, and display the interface corresponding to the negative one screen, which includes the quick application card.

[0076] Among them, the software architecture of the electronic device includes an application layer, an application framework layer (framework, FWK) and a hardware abstraction layer. The application layer may include a first application, for example, a negative one-screen application. The application framework layer may include a Java application framework sublayer, and the Java application framework sublayer may include a user interface (UI) module, a window management system (WM), a buffer queue module, and an interface synthesizer (surface flinger) module. The hardware abstraction layer may include a hardware synthesizer (hardwarecompose).

[0077] It should be noted that no matter what rendering API is chosen, the electronic device can render the contents of all quick app cards to the surface (including the interface elements of the application, game screen, etc.). Surface represents the producer in the buffer queue, and the buffer queue is usually consumed by the interface compositor. Each window created by the window manager (WM) can be supported by a surface. All rendered visible surfaces can be composited to the display of the electronic device by the surface flinger.

[0078] In other words, no matter what rendering API (such as OpenGL ES) is used to create and process graphics content, these contents will eventually be rendered to a buffer called a "surface".

[0079] Among them, OpenGL ES is a graphics library and a simplified version of OpenGL.

[0080] The surface flinger is responsible for consuming visible Surfaces and compositing them onto the screen based on information provided by the window manager.

[0081] Surface flinger can be understood as the producer of graphic content. Surface flinger can put the rendered content into a buffer queue, waiting to be processed or displayed. Surface fling will synthesize all visible surfaces according to certain rules and algorithms to form the final image displayed on the display of the electronic device.

[0082] Surface flinger can use OpenGL and hardware composer to synthesize a set of surfaces, arrange them in a specified order, mix and transform them, and finally generate the final image. OpenGL is a cross-platform graphics library used to handle 2D and 3D graphics rendering. Hardware composer belongs to the hardware abstraction layer in electronic devices. It sends the image generated by surface flinger to the display of the electronic device for display.

[0083] Surface Flinger can dynamically synthesize and display different interface contents according to the needs of the negative one screen application, so that users can see various applications, games, graphics, etc. on the screen. This design enables the electronic device system to efficiently manage and display the interfaces of multiple applications, providing a smooth user experience.

[0084] Figure 1 The software modules used by the electronic device to execute the process of "displaying the interface corresponding to the negative one screen":

[0085] The above-mentioned software modules include software modules corresponding to image stream producers, software modules corresponding to image stream consumers and hardware synthesizers.

[0086] Image stream producer: The image stream producer can be anything that generates a graphics buffer for consumption. For example, the software modules corresponding to the image stream producer can include a user interface (UI) module, and can also include OpenGLES, Canvas2D, and a mediaserver video decoder.

[0087] Image stream consumer: The software module corresponding to the image stream consumer includes surface flinger, which can consume the currently visible surfaces and synthesize them into the display of the electronic device using the information provided in the window manager. Surface flinger is the only service that can modify part of the displayed content. Surface flinger uses OpenGL and hardware composer to synthesize a set of surfaces.

[0088] Among them, the window manager (WM) is responsible for managing and controlling the creation, display, switching and interaction of application windows.

[0089] Other OpenGL ES applications can also consume image streams, for example, the camera application consumes the camera preview image stream. Non-GL applications can also be consumers, for example, the ImageReader class.

[0090] Hardware compositor: hardware abstraction implementation of the display subsystem. Surface flinger can delegate some synthesis work to hardware compose, which means that some synthesis operations can be handled by hardware. This delegation can improve the efficiency of synthesis.

[0091] The hardware compose HAL is the central point for all graphics rendering. The hardware composer must support events, one of which is VSYNC (another is hotplug to support plug-and-play HDMI).

[0092] At present, in one possible implementation, Figure 2 As shown in S11-S25 in the illustrated embodiment, the interface display method includes the following steps:

[0093] S11, the negative one-screen application receives operation 1 indicated by the user.

[0094] Among them, the electronic device can display the main interface, that is, the desktop. After the user performs operation 1 (such as swiping right) on the main interface of the electronic device, the negative one-screen application can receive the operation 1 indicated by the user.

[0095] S12. The negative one screen application sends a display message to the quick application engine module.

[0096] After receiving operation 1, the negative one screen application may send a display message to the quick application engine module to notify the quick application engine module to execute the process of displaying the negative one screen application.

[0097] S13. The quick application engine module downloads a card resource package of the quick application card from the resource library of the server.

[0098] The card resource package may include the card configuration file, the card package name, the card name, the card version number, the card source code and other contents.

[0099] S14. The quick application engine module installs the card resource package and parses the card resource package through JS code.

[0100] The card resource package is a compressed package of the quick app card layout file. By parsing the card resource package, you can obtain the card layout file written by the developer.

[0101] The card layout file may include card page element information.

[0102] S15. The quick application engine module runs the card resource package through the JS code to obtain DOM data.

[0103] The DOM data may include card style data, content data, and layout data.

[0104] S16. The quick application engine module sends DOM data to the UI module.

[0105] S17. The UI module creates a view template and stores it in memory.

[0106] S18. The UI module sends the address of the view template in the memory to the window management system.

[0107] The UI module sends the address of the view template in the memory to the window management system, which makes it easier for the window management system to manage the view template according to the address of the view template in the memory.

[0108] S19. The window management system manages the view template according to the address of the view template in the memory.

[0109] S20: The window management system sends the view template to the buffer queue module.

[0110] S21. The buffer queue module applies for a surface space area from the interface synthesizer.

[0111] S22. The interface synthesizer sends the address of the surface space area in the memory to the UI module.

[0112] S23. The UI module fills the DOM data into the surface space to obtain graphic data.

[0113] S24. The UI module sends graphic data to the interface synthesizer.

[0114] S25. Display an interface corresponding to the negative one screen according to the graphic data, wherein the interface corresponding to the negative one screen includes a quick application card.

[0115] Among them, the electronic device executes S15-S25 continuously for multiple times, and the DOM data in S15 is different each time. Therefore, the content of the quick application card displayed in the interface corresponding to the negative one screen is different each time, which can make the quick application card in the interface corresponding to the negative one screen of the electronic device display dynamic pictures.

[0116] It can be seen that in the above implementation method, since the UI module, window management system, buffer queue module, and interface synthesizer belong to the Java application framework sublayer, the aforementioned multiple modules need to execute steps S15-S25 respectively through the Java programming language, and the execution speed is slow. If the quick application card needs to display a dynamic picture, the aforementioned modules need to execute steps S15-S25 multiple times in succession through the Java programming language to realize the quick application card in the interface corresponding to the negative one screen to display the dynamic picture. The task is relatively complicated, which causes obvious jamming of the dynamic picture, and even the quick application card does not support the display of dynamic pictures.

[0117] In view of the above problems, the present application can provide an interface display method, an electronic device, a chip system, a computer-readable storage medium and a computer program product. After the quick application engine module downloads the card resource package of the quick application card from the resource library of the server and obtains multiple groups of DOM data according to the card resource package, the multiple groups of DOM data are converted into multiple groups of commands and multiple groups of data resources corresponding to the multiple groups of commands, and stored in the shared space of the memory. The C / C++ application framework sublayer in the application framework layer generates multiple graphic data from the multiple groups of commands and the multiple groups of data resources, and stores them in the shared space of the memory. The negative one screen application can read multiple graphic data in the shared space of the memory, and display the interface corresponding to the negative one screen according to the multiple graphic data, and the interface corresponding to the negative one screen displays the dynamic picture of the quick application card. Based on this, the process of executing the display of the interface corresponding to the negative one screen through the C / C++ application framework sublayer is more efficient, which can improve the security and stability of the dynamic picture of the quick application card displayed on the negative one screen, and can avoid the jamming of the dynamic picture as much as possible, and can ensure the user's visual experience.

[0118] In other words, the electronic device can replace the process of displaying the interface corresponding to the negative one screen through the Java application framework sublayer with the process of displaying the interface corresponding to the negative one screen through the C / C++ application framework sublayer to avoid the dynamic screen of the quick application card from being stuck or unstable.

[0119] The above interface display method is applied to an electronic device, which may be an electronic device having display screen hardware and corresponding software support.

[0120] For example, the electronic device may be a mobile phone, a tablet computer, a vehicle-mounted device, a laptop computer, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a smart car, a smart TV, a robot, or the like.

[0121] It should be pointed out that in some possible implementations, the electronic device may also be called a terminal device, user equipment (UE), etc., which is not limited in the embodiments of the present application.

[0122] See also Figure 3-Figure 5 , Figure 3-Figure 5 A schematic diagram of an application scenario provided by an embodiment of the present application is shown.

[0123] like Figure 3 As shown in (a) in FIG. 1 , the electronic device can display an interface 11, and the interface 11 is used to display icons of various application programs (applications, APPs) installed in the electronic device.

[0124] For example, the interface corresponding to the negative first screen of the electronic device needs to display the quick application card 101, and the remaining power of the electronic device is 41%. Figure 3 After the interface 11 shown in (a) is triggered (such as clicking "right swipe"), the quick application engine module downloads the card resource package of the quick application card 101 from the resource library of the server, and runs the card resource package to obtain multiple groups of DOM data, converts the multiple groups of DOM data into multiple groups of commands and data resources corresponding to the commands, and stores them in the shared space of the memory. The C / C++ application framework sublayer in the application framework layer generates multiple graphic data according to the multiple groups of commands and the data resources corresponding to the commands, and stores them in the shared space of the memory. The negative one-screen application can read the multiple graphic data in the shared space of the memory. According to the multiple graphic data, the electronic device can Figure 3 The interface 11 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 3 The interface 12 shown in (b) in FIG. 1 is then gradually changed to the following after multiple changes: Figure 4 The interface 13 shown in (a) in FIG. 1 gradually changes to the following after multiple changes: Figure 4 The interface 14 shown in (b) in the figure enables the quick application card 101 to display a dynamic picture based on the remaining power.

[0125] Among them, the interface 12 is the interface corresponding to the negative one screen application of the electronic device. The interface 12 may include a quick application card 101 and a quick application card 102. The quick application card 101 is used to display a dynamic picture of the remaining power of the electronic device. The quick application card 102 is the entrance to the express delivery quick application.

[0126] At this time, the dynamic picture showing the remaining power in the quick application card 101 in the interface 12 is the first frame of the dynamic picture, and the remaining power in the first frame of the dynamic picture is 0%.

[0127] Based on multiple graphic data, the dynamic picture showing the remaining power in the quick application card 101 gradually changes from displaying the first frame of the dynamic picture to displaying the Nth frame of the dynamic picture. When the remaining power in the Nth frame of the dynamic picture is 10%, the electronic device displays the following Figure 4 In the interface 13 shown in (a) of FIG. 1 , the dynamic picture showing the remaining power in the quick application card 101 is gradually displayed to the Mth frame of the dynamic picture. When the remaining power in the Mth frame of the dynamic picture is 41% (the actual remaining power), the electronic device displays as follows Figure 4 The interface 14 shown in (b) in FIG.

[0128] For example, the dynamic picture of the remaining power is displayed for a total of 100 ms, and the quick application card 101 displays a total of M frames of dynamic pictures within 100 ms, so that the remaining power displayed by the dynamic picture in the quick application card 101 gradually changes from 0% to 41%.

[0129] In addition, upon receiving the user's Figure 3 After the quick application card 102 in the interface 12 shown in (b) is triggered, the electronic device is changed from Figure 3 The interface 11 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 5 Interface 15 is shown.

[0130] Among them, interface 15 is the interface for sending and receiving express. It can be seen that compared with the express application, the interface of the express quick application is simpler. Interface 15 may include labels, buttons and a small number of pictures. Through the interface of the express quick application, users can complete the operation of sending and receiving express more quickly.

[0131] It should be understood that the above is an example of a scenario and does not limit the scenario of the present application.

[0132] For ease of explanation, Figure 6 In the description, the electronic device 100 is taken as a mobile phone as an example.

[0133] like Figure 6As shown, the electronic device 100 may include a processor 101, a communication module 102, a display screen 103, a camera 104, a sensor 105, an internal memory 106, a USB interface 107, an external memory interface 108, a charging management module 109, a power management module 110, and a battery 111, etc.

[0134] The processor 101 may include one or more processing units, for example, the processor 101 may include an application processor (AP), a modem processor, a graphics processor, an image signal processor (ISP), a controller, a memory, a video stream codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated in one or more processors 101.

[0135] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0136] The processor 101 may also be provided with a memory for storing instructions and data.

[0137] In some embodiments, the memory in the processor 101 is a cache memory. The memory can store instructions or data that the processor 101 has just used or cyclically used. If the processor 101 needs to use the instruction or data again, it can be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 101, and thus improves the efficiency of the system.

[0138] In some embodiments, the processor 101 may include one or more interfaces. The interface 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, etc.

[0139] The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent 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 the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 170A, a receiver 170B, etc.), or displays an image or video through a display screen 103. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 101 and be set in the same device as the mobile communication module 150 or other functional modules.

[0140] The communication module 102 may include antenna 1 and antenna 2, a mobile communication module, and / or a wireless communication module.

[0141] Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0142] The mobile communication module can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., applied to the electronic device 100. The mobile communication module may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 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 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 may be arranged in the processor 101. In some embodiments, at least some of the functional modules of the mobile communication module may be arranged in the same device as at least some of the modules of the processor 101.

[0143] The wireless communication module can provide wireless communication solutions 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 (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module can be one or more devices integrating at least one communication processing module. The wireless communication module receives electromagnetic waves via antenna 2, modulates and filters the electromagnetic wave signals, and sends the processed signals to processor 101. The wireless communication module can also receive the signal to be sent from processor 101, modulate the frequency, amplify it, and convert it into electromagnetic waves for radiation through antenna 2.

[0144] The display screen 103 is used to display images or videos in the human-computer interaction interface. The display screen 103 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), MiniLED, MicroLED, Micro-OLED, quantum dot light emitting diodes (QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 103, where N is a positive integer greater than 1.

[0145] The camera 104 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then passes the electrical signal to the ISP to be converted into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device 100 may include 1 or N cameras 104, where N is a positive integer greater than 1.

[0146] The charging management module 109 is used to receive charging input from a charger, where the charger can be a wireless charger or a wired charger.

[0147] In some wired charging embodiments, the charging management module 109 may receive charging input from a wired charger through the USB interface 107 .

[0148] In some wireless charging embodiments, the charging management module 109 may receive wireless charging input via a wireless charging coil of the electronic device 100. While the charging management module 109 charges the battery 111, it may also power the electronic device 100 via the power management module 110.

[0149] The power management module 110 is used to connect the battery 111, the charging management module 109 and the processor 101. The power management module 110 receives input from the battery 111 and / or the charging management module 109, and supplies power to the processor 101, the internal memory 106, the external memory, and the communication module 102. The power management module 110 can also be used to monitor parameters such as battery capacity, battery cycle number, and battery health status (leakage, impedance).

[0150] In some other embodiments, the power management module 110 may also be disposed in the processor 101 .

[0151] In other embodiments, the power management module 110 and the charging management module 109 may also be disposed in the same device.

[0152] The external memory interface 108 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 101 through the external memory interface 108 to implement a data storage function. For example, files such as music and video streams are stored in the external memory card.

[0153] The internal memory 106 can be used to store computer executable program codes, which include instructions. The processor 101 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 106. The internal memory 106 can include a program storage area and a data storage area.

[0154] The program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 106 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.

[0155] The sensor 105 in the electronic device 100 may include image sensors, touch sensors, pressure sensors, gyroscope sensors, air pressure sensors, magnetic sensors, acceleration sensors, distance sensors, proximity light sensors, ambient light sensors, fingerprint sensors, temperature sensors, bone conduction sensors and other components to realize sensing and / or acquisition functions for different signals.

[0156] Optionally, the electronic device 100 may further include peripheral devices, such as a mouse, buttons, indicator lights, a keyboard, a speaker, a microphone, etc.

[0157] The buttons include a power button, a volume button, etc. The buttons may be mechanical buttons or touch buttons. The electronic device 100 may receive button inputs and generate key signal inputs related to user settings and function controls of the electronic device 100.

[0158] The indicator may be a light indicator, which may be used to indicate the charging status and the change in the power level, and may also be used to indicate messages, missed calls, and notifications, etc.

[0159] It can be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 100 .

[0160] In other embodiments, the electronic device 100 may include more or fewer components than shown, or combine some components, or separate some components, or arrange the components differently. The components shown may be implemented in hardware, software, or a combination of software and hardware.

[0161] Please refer to Figure 7 , is a schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application. The interface display method provided in an embodiment of the present application is applied to Figure 6 When the electronic device 100 is shown, the software in the electronic device 100 can be divided into the following Figure 7 The illustrated application layer 201 , application framework layer (framework, FWK) 202 , hardware abstraction layer (HAL) 203 , and driver layer 204 .

[0162] A plurality of applications may be installed in the application layer 201 , for example, a first application, which may be a negative one-screen application.

[0163] Negative one screen applications can provide users with various types of cards, such as quick application cards, so that users can quickly view and use effective information through cards.

[0164] In the embodiment of the present application, the negative one-screen application may have at least one interface.

[0165] The application framework layer 202 provides an application programming interface (API) and a programming framework for the application programs of the application layer. The application framework layer 202 includes some predefined functions.

[0166] The application framework layer (framework, FWK) 202 includes a Java application framework sublayer and a C / C++ application framework sublayer.

[0167] The Java application framework sublayer includes a quick application engine module and a render client module. The C / C++ application framework sublayer includes a JNI module and a render server module.

[0168] The quick application engine module is used to download and process the quick application card resource package. The rendering client module is used to read the image data in the DOM data and convert the image data in the DOM data into an image data stream; the rendering service module is used to generate graphic data.

[0169] The hardware abstraction layer 203 is a software located between the operating system kernel and the hardware circuit, and is usually used to abstract the hardware to achieve the interaction between the operating system and the hardware circuit at the logic layer.

[0170] The driver layer 204 may be installed with a plurality of drivers for driving the hardware.

[0171] It should be noted that the application layer 201, the application framework layer 202, the hardware abstraction layer 203, and the driver layer 204 may also include other contents, which are not specifically limited here.

[0172] Based on the above scenario description, below, this application takes an electronic device as an example, combined with the accompanying drawings and application scenarios, to elaborate on the interface display method provided in the embodiment of the present application.

[0173] See also Figure 8 , Figure 8 A flow chart of an interface display method provided in an embodiment of the present application is shown.

[0174] like Figure 8 As shown, the interface display method provided by the present application may include:

[0175] S31, the negative one-screen application receives operation 1 indicated by the user.

[0176] The electronic device may include a main interface, that is, an interface corresponding to the desktop, and the interface corresponding to the desktop is used to display icons of various application programs (applications, APPs) installed in the electronic device.

[0177] For example, the interface corresponding to the desktop may include an icon of a time APP, an icon of a weather APP, an icon of a camera APP, an icon of an album APP, an icon of a file management APP, and the like.

[0178] Among them, the negative one screen application corresponds to at least one interface, and the interface corresponding to the negative one screen application can provide users with multiple types of cards, such as quick application cards.

[0179] Quick application cards are used to intuitively display the time, weather, power and other information of electronic devices. Users can quickly browse and find valid information in electronic devices through the quick application cards in the interface corresponding to the negative one screen application.

[0180] If the user performs a related operation 1 (such as swiping right, etc.) on the interface corresponding to the above-mentioned desktop, the negative one-screen application can receive the user's operation 1 that triggers the interface corresponding to the above-mentioned desktop, so that the negative one-screen application can start displaying the interface corresponding to the negative one-screen application, and the interface corresponding to the negative one-screen application includes quick application cards.

[0181] Among them, quick applications are applications that do not require installation, can be used right away, and have a native application experience.

[0182] In some embodiments, the negative one-screen application may include an interface, and the interface corresponding to the negative one-screen application is used to display multiple cards, and the multiple cards may include quick application cards. Users can quickly browse valid information in the electronic device through the quick application cards.

[0183] In other embodiments, the quick app card is an entrance to the quick app. After receiving an operation triggered by the user on the quick app card (such as a click, double-click, or long press operation, etc.), the electronic device can display the interface corresponding to the quick app, so that the user can quickly perform related operations through the interface corresponding to the quick app.

[0184] It should be noted that, compared with the interface of the application corresponding to the quick app, the interface of the quick app is simpler, and users can complete related operations more quickly through the interface of the quick app.

[0185] Based on the above description, through operation 1 indicated by the user, the negative one screen application can start the process of displaying the interface corresponding to the negative one screen application, thereby enabling the electronic device to display the interface corresponding to the negative one screen application including the quick application card, so that the user can use the quick application card to quickly search, browse recommended quick application information, and perform corresponding operations.

[0186] S32. The negative one screen application sends a display message to the quick application engine module.

[0187] Among them, the quick application engine module is a software module in the Java application framework sublayer in the electronic device.

[0188] The quick app engine module is used to download and process the card resource packages of quick app cards.

[0189] The display message is used to instruct the quick application engine module to start the process of displaying the interface corresponding to the negative one screen application, that is, downloading the card resource package of the quick application card.

[0190] After the negative one screen application receives operation 1 indicated by the user, it can send a display message to the quick application engine module to instruct the quick application engine module to perform the next step, that is, download the card resource package of the quick application card to prepare for displaying the interface corresponding to the negative one screen application.

[0191] S33: The quick application engine module downloads the card resource package of the quick application card from the resource library of the server.

[0192] The card resource package may include a configuration file of a quick app card, which includes but is not limited to the package name of the quick app card, the name of the quick app card, the version number of the quick app card, and the source code of the quick app card.

[0193] The server and the electronic device may be connected via network communication.

[0194] After the quick application triggering module receives the display message, the quick application engine module can download the card resource package of the quick application card from the server, thereby preparing for the electronic device to display the quick application card on the interface corresponding to the negative one screen application.

[0195] S34. The quick application engine module installs the card resource package into the rendering client module and parses the card resource package through JS code.

[0196] Among them, JS code is a programming language used to parse and run the data in the card resource package.

[0197] The electronic device can store the JS code in advance, and after the card resource package is installed, the quick application engine module can call the JS code.

[0198] Since the data in the card resource package is in code form, the quick application engine module cannot recognize it. Therefore, the quick application engine module is required to parse the code data in the card resource package.

[0199] Therefore, after downloading the card resource package of the quick application card from the server, the quick application engine module can call the JS code to parse the card resource package through the JS code, thereby obtaining the parsed card resource package, which is data of a DOM structure that can be recognized by the quick application engine module.

[0200] S35. The quick application engine module runs the parsed card resource package through the JS code to obtain multiple groups of DOM data.

[0201] Each set of DOM data in the multiple sets of document object (DOM) data may include one or more data of text content, text box, button, picture, drop-down list, and card style.

[0202] The style of a card may include, but is not limited to, one or more of a background image, color, font, character spacing, card corner radius, card length, and card width.

[0203] For example, when the quick app card is a power quick app card, the DOM data corresponding to the card resource of the power quick app card may include the name, text box, picture, and text content of the power quick app. The name of the quick app is the power quick app. The text box is used to display the numerical value of the remaining power. The text content is the numerical value of the power. The picture may include the identification data of the electronic device and the remaining power identification data. The identification of the electronic device may be a graphic of the electronic device. The remaining power identification may be a circular graphic used to display the amount of remaining power.

[0204] Among them, one or more items of data in each group of DOM data in the multiple groups of DOM data are different.

[0205] For example, when the quick app card is a power quick app card, the DOM data corresponding to the card resource package of the power quick app card may include the name of the quick app as the power quick app, the text content as the power value, a text box for displaying the text content, and a graphic corresponding to the remaining power identification data. The multiple groups of DOM data are 3 groups, and the power value in each group of DOM data and the graphic corresponding to the remaining power identification data are different. The power values ​​in each group of DOM data are 0%, 10% and 41% respectively, and the graphic corresponding to the remaining power identification data in each group of DOM data displays a different power.

[0206] S36. The quick application engine module converts the text data of each group of DOM data in the multiple groups of DOM data to obtain multiple groups of commands and multiple groups of data resources, and stores them in the shared space of the memory.

[0207] Each of the multiple groups of DOM data may include text data and / or image data. When a group of DOM data includes style data, text content, text box, button, image and drop-down list of a card, the text content, text box and drop-down list belong to text data, and the button and image belong to image data.

[0208] The text content may include data such as the card title text, content text, etc. The button data may include data such as the size, shape, and color of the button.

[0209] For example, the style of a greeting card may include a background image, title, greeting words, day number, etc.

[0210] Each group of commands in the plurality of groups of commands is used to represent the display content of the corresponding DOM data, and each group of data resources in the plurality of groups of data resources is used to represent the display attributes of the corresponding DOM data.

[0211] For example, when the text data includes a text box, the command is the text box, and the data resources are the size, background color, and coordinates of the text box.

[0212] For example, when the quick app card is a power quick app card, and the text data in the DOM data corresponding to the power quick app card includes a text box for displaying a numerical value of power, the command is a text box, and the data resources are the size, background color, and coordinates of the text box.

[0213] In some embodiments, the electronic device can process text data and image data in the DOM data in the same thread. The quick application engine module converts the text data and image data in the DOM data into commands (commands corresponding to the text data and image data) and data resources (data resources corresponding to the text data and image data), and stores them in the shared space of the memory. In subsequent steps, the rendering service module generates multiple graphic data 1 according to the commands and data resources.

[0214] In other embodiments, the electronic device may process the text data and image data in the DOM data separately in two threads. In one thread, the quick application engine module converts the text data in the DOM data to obtain multiple groups of commands (commands corresponding to the text data) and multiple groups of data resources. In subsequent steps, the rendering service module generates multiple graphic data 1 based on the multiple groups of commands and the multiple groups of data resources; in another thread, the rendering service module obtains multiple graphic data 2 based on the image data in the DOM data by registering a callback function.

[0215] In some embodiments, the memory is random-access memory (RAM).

[0216] The shared space of the memory is a storage space in the memory, which is used to store commands and data resources corresponding to the text data in the DOM data.

[0217] After obtaining multiple sets of DOM data, the quick application engine module can convert the text data in the multiple sets of DOM data to obtain multiple sets of commands and multiple sets of data resources, and store the multiple sets of commands and multiple sets of data resources in the shared space of the memory, so as to prepare data for generating graphic data according to the commands and data resources in subsequent steps.

[0218] S37. The quick application engine module sends a read message to the rendering service module.

[0219] The rendering server module is a software module in the C / C++ application framework sublayer in the electronic device.

[0220] The rendering service module is used to generate graphics data.

[0221] The read message includes the address of the shared space of the memory, and the read message is used to instruct the shared space of the memory of the rendering service module to read multiple groups of commands and multiple groups of data resources.

[0222] Based on S36, the quick application engine module converts the text data in the multiple groups of DOM data into multiple groups of commands and multiple groups of data resources, and stores them in the shared space of the memory. As a result, the quick application engine module can send a read message to the rendering service module, and the rendering service module reads the multiple groups of commands and multiple groups of data resources from the shared space of the memory according to the address of the shared space of the memory.

[0223] S38. The rendering service module reads multiple groups of commands and multiple groups of data resources from the shared space of the memory.

[0224] After receiving the read message, the rendering service module can determine the address of the shared space of the memory, thereby facilitating the rendering service module to read multiple groups of commands and multiple groups of data resources in the shared space of the memory according to the address of the shared space of the memory.

[0225] S39. The rendering service module generates a plurality of graphic data 1 according to the plurality of groups of commands and the plurality of groups of data resources, and stores the plurality of graphic data 1 into a shared space of the memory.

[0226] Based on S38, the rendering service module can read multiple groups of commands and multiple groups of data resources, so that multiple graphic data 1 can be generated according to the multiple groups of commands and multiple groups of data resources.

[0227] The multiple groups of commands correspond to the multiple groups of data resources one by one, respectively. The multiple groups of commands correspond to the multiple graphics data 1 one by one, respectively. The multiple groups of data resources correspond to the multiple graphics data 1 one by one.

[0228] For example, when the card resource package is a card resource package for a power quick application card, and the text data in a set of DOM data corresponding to the power quick application card includes a text box for displaying the numerical value of the power, the command can be a text box, and the data resource can be a text box with a length of 80dp, a width of 30dp, and a gray background color. Correspondingly, the graphic data 1 generated by the rendering service module according to the command and the data resource is a text box with a length of 80dp, a width of 30dp, and a gray background color.

[0229] For another example, when the card resource package is a card resource package of a power quick application card, and the text data in a set of DOM data corresponding to the power quick application card includes text content of the numerical value of the power, the command can be the numerical value of the power, and the data resource can be the font size of the numerical value of the power is 12pt, the font is Kaiti, and the numerical value of the power is 41%. Correspondingly, the rendering service module generates graphic data 1 according to the command and the data resource, which is a text content with a length of 12pt, a font size of 12pt, a Kaiti font, and the numerical value of the power is 41%.

[0230] Based on this, the rendering service module can obtain multiple graphic data 1 according to multiple groups of commands and multiple groups of data resources, so that the rendering service module can store the multiple graphic data 1 in the shared space of the memory.

[0231] S40: In response to receiving the display message, the quick application engine module launches the rendering service module.

[0232] Among them, the quick application engine module can enable the rendering service module to process the image data in the DOM data in a variety of ways.

[0233] In some embodiments, after receiving the display message, the quick application engine module may pull up the rendering service module, that is, start or call up the rendering service module, so that the rendering service module processes the image data in the DOM data.

[0234] Since the quick application engine module needs to pull up the rendering service module after receiving the display message, and also needs to download the card resource package of the quick application card from the resource library of the server, the quick application engine module can execute S33 and S40 at the same time, or execute S33 first and then S40, or execute S40 first and then S33.

[0235] In other embodiments, the rendering service module may start processing the image data in the DOM data after receiving the read message.

[0236] Based on this, the electronic device processes the text data and the image data in the DOM data in two threads respectively, that is, processes the text data in the DOM data in S36-S39, and processes the image data in the DOM data in S40-S47, which can reduce the power consumption of the electronic device, save the power of the electronic device, and prevent the electronic device from heating up.

[0237] S44. The rendering service module registers a callback function on the JNI module.

[0238] Among them, the JNI module is a software module in the C / C++ application framework sublayer of the electronic device.

[0239] The Java native interface (JNI) module is a programming framework that is a bridge connecting the Java application framework sublayer and the C / C++ application framework sublayer, and is used for interaction between the Java application framework sublayer and the C / C++ application framework sublayer.

[0240] The JNI module can call functions in the C / C++ application framework sublayer, and can also call functions in the Java application framework sublayer.

[0241] The rendering service module registers a callback function on the JNI module, so that the JNI module can restore the image data stream to image data when obtaining the image data stream and send the image data to the rendering service module.

[0242] Each time the quick application service module pulls up the rendering service module, the rendering service module needs to register a callback function with the JNI module so that when the JNI module obtains the image data stream, it can restore the image data stream to image data and send the image data to the rendering service module so that the rendering service module can perform corresponding operations.

[0243] It can be seen that by registering the callback function on the JNI module, the rendering service module can obtain the image data in time, so that the rendering service module can perform corresponding operations according to the image data.

[0244] S42. The JNI module searches for class objects and function names.

[0245] Among them, the class object is a collection of many callback functions and attributes. The collection of callback functions and attributes is called a class object after being instantiated. The function name is the name of the callback function.

[0246] After the rendering service module registers the callback function on the JNI module, the JNI module can find the function that processes the image data in the DOM data through the class object and function name corresponding to the function that processes the image data in the DOM data in the C / C++ application framework sublayer. Since the function that processes the image data in the DOM is written in the Java programming language and belongs to the rendering client module of the Java application framework sublayer, the JNI module can call the function in the Java application framework sublayer that is used to process the image data in the DOM.

[0247] For example, the class object and function name may be represented as onchJNI.notifyReadSource.

[0248] S43. The rendering client module reads the image data of each group of DOM data in the multiple groups of DOM data according to the class object and the function name, sets the image data into the file stream object, and obtains multiple image data streams.

[0249] The rendering client module (render client) is a software module in the Java application framework sublayer of the electronic device.

[0250] The rendering client module is used to read the image data in the DOM data and convert the image data in the DOM data into an image data stream.

[0251] Among them, the file input stream (inputstream) is a stream that uses files as input and output objects.

[0252] The rendering client can read the image data of each group of DOM data in the multiple groups of DOM data according to the function corresponding to the class object and the function name, generate a file input stream from the image data, and obtain multiple image stream data, so as to facilitate sending the multiple image stream data to the rendering client.

[0253] S44. The rendering client module sends multiple image data streams to the JNI module.

[0254] After obtaining multiple image data streams, the rendering client can send the multiple image data streams to the JNI module.

[0255] S45. The JNI module restores the multiple image data streams into multiple image data.

[0256] After receiving the multiple image data streams, the JNI module can restore the multiple image data streams into multiple image data.

[0257] Among them, the multiple picture data streams correspond one-to-one to the multiple picture data respectively.

[0258] S46. The JNI module sends multiple image data to the rendering service module.

[0259] After the JNI module restores the multiple image data streams into multiple image data, the multiple image data can be sent to the rendering service module, so that the rendering service module can generate multiple graphic data 2 according to the multiple image data.

[0260] In some embodiments, the JNI module may send the image data to the rendering service module through the Native API.

[0261] Based on this, the JNI module sends the multiple image data to the rendering service module, and can prepare data for the rendering service module to convert the multiple image data into multiple graphic data 2.

[0262] S47, converting the plurality of picture data into a plurality of graphic data 2, and storing the plurality of graphic data 2 into a shared space of the memory.

[0263] Based on S46, the rendering service module can obtain a plurality of picture data, thereby being able to generate a plurality of graphic data 1 according to the plurality of picture data.

[0264] Among them, the multiple picture data correspond to the multiple graphic data 2 one by one.

[0265] For example, when the card resource package is a card resource package of a power quick application card, and the image data in a set of DOM data corresponding to the power quick application card includes pixel data of a graphic corresponding to the identification data of the electronic device, a length of 80dp, a width of 30dp, and the color of the graphic is white, the rendering service module can generate a graphic data 2 based on the aforementioned image data, which is a graphic of an electronic device with a length of 80dp, a width of 30dp, and a background color of white.

[0266] When the graphic corresponding to the electronic device in the dynamic picture to be displayed on the quick application card remains unchanged, the identification data of the electronic device in the picture data of each set of DOM data is the same, and each graphic data 2 corresponding to each set of DOM data is the same.

[0267] For another example, when the card resource package is a card resource package of a power quick application card, and the image data in a set of DOM data corresponding to the power quick application card includes pixel data of a graphic corresponding to the remaining power identification data, the shape of the graphic, and the color of the graphic is blue, etc., the rendering service module generates a graphic data 2 based on the aforementioned image data, which is a blue circular-shaped graphic used to represent a remaining power of 10%.

[0268] When the graphic corresponding to the remaining power in the dynamic picture to be displayed on the quick application card changes, the remaining power identification data in the picture data of each group of DOM data is the same, and each graphic data 2 corresponding to each group of DOM data is different.

[0269] Based on this, the rendering service module can obtain multiple graphic data 2, so that the rendering service module can store the multiple graphic data 2 in the shared space of the memory.

[0270] The electronic device may execute S36-S39 and S40-S47 simultaneously.

[0271] S48. The rendering service module sends the address of the shared space of the memory to the quick application engine module.

[0272] After obtaining multiple graphic data 1 and storing the graphic data 1 in the shared space of the memory, and after obtaining multiple graphic data 2 and storing the graphic data 2 in the shared space of the memory, since the electronic device needs to obtain the graphic data 1 from the shared space of the memory through the negative one screen application to display the interface corresponding to the negative one screen, the rendering service module can send the address of the shared space of the memory to the quick application engine module, so that the quick application engine module can continue to upload the address of the shared space of the memory to the negative one screen application.

[0273] S49. The quick application engine module sends the address of the shared space of the memory to the negative one screen application.

[0274] After receiving the address of the shared space in the memory, the quick application engine module can send the address of the shared space in the memory to the negative one screen application, so that the negative one screen application can obtain multiple graphic data 1 from the shared space in the memory according to the address of the shared space in the memory to display the interface corresponding to the negative one screen.

[0275] S50. The negative one screen application reads the plurality of graphic data 1 and the plurality of graphic data 2 from the address of the shared space of the memory according to the address of the shared space of the memory.

[0276] Among them, the plurality of graphic data 1 correspond to the plurality of graphic data 2 one by one.

[0277] Since the rendering service module stores multiple graphic data 1 and multiple graphic data 2 in the shared space of the memory, and based on S49, the negative one screen application can determine the address of the shared space of the memory, the negative one screen application can read multiple graphic data 1 and multiple graphic data 2 from the shared space of the memory.

[0278] Therefore, the negative one screen application can prepare data for displaying the interface corresponding to the negative one screen according to the multiple graphic data 1 and the multiple graphic data 2.

[0279] In some embodiments, when the negative one screen application receives the address of the shared space in the memory, the negative one screen application reads the plurality of graphic data 1 and the plurality of graphic data 2 from the address of the shared space in the memory.

[0280] In some other embodiments, the negative one-screen application reads the plurality of graphic data 1 and the plurality of graphic data 2 from the address of the shared space of the memory at a preset time interval.

[0281] For example, the preset duration is 16.67 ms.

[0282] S51, displaying an interface corresponding to the negative one screen, and displaying a dynamic picture of a quick application card on the interface corresponding to the negative one screen according to the plurality of graphic data 1 and the plurality of graphic data 2.

[0283] After reading multiple graphic data 1 and multiple graphic data 2 from the address of the shared space of the memory, the negative one screen application can display the interface corresponding to the negative one screen, and display the dynamic picture of the quick application card according to the multiple graphic data 1 and multiple graphic data 2.

[0284] In some embodiments, after reading multiple graphic data 1 and multiple graphic data 2 from the address of the shared space of the memory, the negative one screen application can synthesize the multiple graphic data 1 and the multiple graphic data 2 to obtain multiple views, and the negative one screen application can display the dynamic picture of the quick application card according to the multiple views.

[0285] Combination Fig. 9 In the interface display method of the present application, after receiving the operation 1 indicated by the user, the negative one screen application can start the process of displaying the interface corresponding to the negative one screen application. After the quick application engine module downloads the card resource package of the quick application card from the resource library of the server and obtains multiple groups of DOM data according to the card resource package, the multiple groups of DOM data are converted into commands and data resources corresponding to the commands, and stored in the shared space of the memory. The commands and the data resources corresponding to the commands are generated into multiple graphic data 1 through the C / C++ application framework sublayer in the application framework layer, and stored in the shared space of the memory. The negative one screen application can read the multiple graphic data 1 in the shared space of the memory, and display the interface corresponding to the negative one screen according to the multiple graphic data 1, and the interface corresponding to the negative one screen displays the dynamic picture of the quick application card. Based on this, the process of displaying the interface corresponding to the negative one screen through the C / C++ application framework sublayer is more efficient, which improves the security and stability of the dynamic picture of the quick application card displayed on the negative one screen, avoids the jamming of the dynamic picture as much as possible, and ensures the user's visual experience.

[0286] In addition, the quick application engine module of the electronic device runs the card resource package multiple times through JS code to generate multiple groups of DOM data in sequence. The card resource package can be run once to generate multiple groups of DOM data at the same time. In this way, the rendering service module can generate multiple graphic data 1 simultaneously or in sequence, thereby improving the efficiency of the negative-one-screen application displaying the interface corresponding to the negative-one-screen.

[0287] Moreover, after obtaining multiple groups of DOM data according to the card resource package, the quick application engine module can classify the DOM data to obtain text data and image data. As a result, the electronic device can process the text data and image data in the DOM data respectively through two threads, thereby improving the efficiency of the negative-one-screen application displaying the interface corresponding to the negative-one-screen, reducing the power consumption of the electronic device, saving the power of the electronic device, and preventing the electronic device from heating up.

[0288] Based on some of the aforementioned embodiments, the interface display method provided by the present application is introduced below.

[0289] Exemplarily, the present application provides an interface display method.

[0290] For the sake of convenience, the dynamic picture display method of the present application can be Figure 2 to be executed by the electronic devices in the

[0291] See also Fig.10 , Fig.10 A flow chart of an interface display method provided in an embodiment of the present application is shown.

[0292] like Fig.10 As shown, the interface display method provided by the present application may include:

[0293] S301. Acquire multiple sets of first data, each set of first data in the multiple sets of first data includes the layout, style, and content of a quick app card, and each set of first data in the multiple sets of first data is different.

[0294] The specific implementation of multiple sets of first data can be found in Figure 8 Related descriptions of multiple groups of DOM data in .

[0295] Each set of first data may include one or more data selected from the group consisting of text content, text box, button, image, drop-down list, and card style.

[0296] The style of a card may include, but is not limited to, one or more of a background image, color, font, character spacing, card corner radius, card length, and card width.

[0297] For the specific implementation of S302, please refer to Figure 8 The description of S33-S35 in the description will not be repeated here.

[0298] S302. Convert each group of first data in the multiple groups of first data to obtain multiple groups of first commands and multiple groups of first data resources, wherein each group of first commands in the multiple groups of first commands is used to represent the display content of the corresponding first data, and each group of first data resources in the multiple groups of first data resources is used to represent the display attributes of the corresponding first data, the first commands include commands corresponding to text data and / or image data, and the first data resources include data resources corresponding to text data and / or image data.

[0299] The specific implementation of multiple sets of first commands and multiple sets of first data resources can be found in Figure 8 Description of multiple groups of commands and multiple groups of data resources in.

[0300] For the specific implementation of S302, please refer to Figure 8 The description of S36 in is not repeated here.

[0301] S303: Generate multiple graphic data according to multiple groups of first commands and multiple groups of first data resources.

[0302] The specific implementation of multiple graphic data can be found in Figure 8 Related description of multiple graphic data 1 in.

[0303] The multiple graphic data include graphic data corresponding to text data and / or image data.

[0304] For the specific implementation of S303, please refer to Figure 8 The description of S37-S39 in the description will not be repeated here.

[0305] S304: Based on the multiple graphic data, a first interface is displayed, where a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data is displayed in the first interface.

[0306] The specific implementation of the first interface can be found in Figure 3 Middle (a)- Figure 4 Relevant description of the interface corresponding to the negative one screen in (b).

[0307] For the specific implementation of dynamic images, please refer to Figure 3 Middle (b) - Figure 4 Related description of the quick application card 101 in (b).

[0308] The interface display method of the present application, after obtaining multiple groups of first data, converts the multiple groups of first data into multiple groups of first commands and multiple groups of first data resources corresponding to the multiple groups of first commands, and then generates multiple graphic data from the multiple groups of first commands and the multiple groups of first data resources, and displays the interface corresponding to the negative one screen, and displays the dynamic picture of the quick application card in the first interface according to the multiple graphic data. It can be seen that the dynamic picture of the quick application card can be displayed in the first interface through a one-time display process, and there is no need to loop the steps of running the card resource package to display the first interface after displaying a frame of the dynamic picture until the dynamic picture display ends. Based on this, the aforementioned process of displaying the first interface and the dynamic picture of the quick application card is relatively efficient, which improves the security and stability of the dynamic picture of the quick application card displayed on the negative one screen, avoids the freeze of the dynamic picture as much as possible, and ensures the user's visual experience.

[0309] In some embodiments, each group of first data in the multiple groups of first data includes text data and image data; each group of first data in the multiple groups of first data is converted to obtain multiple groups of first commands and multiple groups of first data resources, including: formatting the text data in the multiple groups of first data to obtain multiple groups of second commands and multiple groups of second data resources, the second command is the command corresponding to the text data in the first command, and the second data resource is the data resource corresponding to the text data in the first data resource.

[0310] In some embodiments, multiple graphic data are generated according to multiple groups of first commands and multiple groups of first data resources, including: generating multiple first graphic data according to multiple groups of second commands and multiple groups of second data resources; obtaining multiple second graphic data according to image data in the multiple groups of first data, and the multiple second graphic data correspond one-to-one to the multiple first graphic data respectively.

[0311] In some embodiments, based on multiple graphic data, a first interface is displayed, and a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data is displayed in the first interface, including: based on multiple first graphic data and multiple second graphic data, a first interface is displayed, and a dynamic picture corresponding to the quick application card obtained according to the multiple first graphic data and multiple second graphic data is displayed in the first interface.

[0312] In some embodiments, obtaining multiple sets of first data includes: obtaining a card resource package, where the card resource package includes a configuration file of a quick app card; and obtaining multiple sets of first data according to the card resource package.

[0313] In some embodiments, obtaining a card resource package includes: displaying a second interface, the second interface being an interface corresponding to the desktop of the electronic device; and obtaining a card resource package from a server in response to a first operation on the second interface, the first operation being an operation for entering the first interface.

[0314] In some embodiments, the first operation includes a left swipe operation or a right swipe operation.

[0315] In some embodiments, multiple sets of first data are obtained based on the card resource package, including: format conversion of the card resource package to obtain a card resource package in a first format, where the first format is a format that can be read and used by an electronic device; and running the card resource package in the first format to obtain multiple sets of first data.

[0316] In some embodiments, running the card resource package in the first format to obtain multiple sets of first data includes: running the card resource package in the first format multiple times to obtain multiple sets of first data.

[0317] In some embodiments, the first interface is an interface corresponding to the negative first screen of the electronic device.

[0318] In another embodiment of the present application, Fig.11 As shown, the interface display method of the present application may include:

[0319] S401: Display a second interface, where the second interface is an interface corresponding to the desktop of the electronic device.

[0320] The specific implementation of the second interface can be found in Figure 3 The interface 11 shown in (a), and Figure 8 Description of the interface corresponding to the desktop in .

[0321] For the specific implementation of S401, please refer to Figure 3 The interface 11 shown in (a), and Figure 8 The description of the interface corresponding to the display desktop in is not repeated here.

[0322] S402: In response to a first operation on the second interface, obtaining a card resource package from a server, the first operation being an operation for entering the first interface.

[0323] The specific implementation of the first operation can be found in Figure 3 The interface 11 shown in (a), and Figure 8 Description of the interface corresponding to the desktop in .

[0324] Among them, the card resource package is the card resource package of the quick application card.

[0325] The configuration file of the quick app card includes but is not limited to the package name of the quick app card, the name of the quick app card, the version number of the quick app card, and the source code of the quick app card.

[0326] For the specific implementation of S402, please refer to Figure 8 The description of S33 in is not repeated here.

[0327] S403: Convert the format of the card resource package to obtain a card resource package in a first format, where the first format is a format that can be read and used by an electronic device.

[0328] The card resource package in the first format is the parsed card resource package.

[0329] For the specific implementation of S403, please refer to Figure 8 The description of S34 in is not repeated here.

[0330] S404: Run the card resource package in the first format to obtain multiple groups of first data.

[0331] For the specific implementation of S404, please refer to Figure 8 The description of S35 in is not repeated here.

[0332] S405. Convert the format of the text data in the multiple groups of first data to obtain multiple groups of second commands and multiple groups of second data resources, where the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources.

[0333] For the specific implementation of S405, please refer to Figure 8 The description of S36 in is not repeated here.

[0334] S406: Generate a plurality of first graphic data according to the plurality of groups of second commands and the plurality of groups of second data resources.

[0335] The specific implementation of the first graphic data can be found in Figure 8 The relevant description of the graphic data 1 in will not be repeated here.

[0336] The plurality of first graphic data include graphic data corresponding to the text data.

[0337] For the specific implementation of S406, please refer to Figure 8 The description of S37-S39 in the description will not be repeated here.

[0338] S407: Obtain a plurality of second graphic data according to the image data in the plurality of groups of first data, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one.

[0339] The specific implementation of image data can be found in Figure 8 The description of the image data in is not repeated here.

[0340] The plurality of second graphic data include graphic data corresponding to the image data.

[0341] In addition, S405 and S406 can be executed simultaneously with S407, that is, text data in multiple groups of first data and image data in multiple groups of first data are processed simultaneously, ensuring more efficient display of the first interface and the dynamic screen corresponding to the quick application card.

[0342] For the specific implementation of S407, please refer to Figure 8 The description of S43-S47 in the description will not be repeated here.

[0343] S408. Based on the plurality of first graphic data and the plurality of second graphic data, a first interface is displayed, wherein the first interface displays a dynamic picture corresponding to the quick application card obtained according to the plurality of first graphic data and the plurality of second graphic data.

[0344] For the specific implementation of S408, please refer to Figure 8The description of S48-S51 in is not repeated here.

[0345] The interface display method of the present application, if the multiple groups of first data include text data, by converting the text data in each group of first data in the multiple groups of first data, multiple groups of second commands and multiple groups of second data resources are obtained; if the multiple groups of first data also include image data, while processing the text data, multiple second graphic data can be obtained according to the multiple groups of image data corresponding to the multiple groups of first data; thus, the text data and image data in the multiple groups of first data can be processed separately by two threads, the text data can be processed quickly, and the dynamic pictures of the first interface and the quick application card can be efficiently displayed, thereby improving the efficiency of the first interface, reducing the power consumption of the electronic device, saving the power of the electronic device, and preventing the electronic device from heating up.

[0346] Exemplarily, the present application provides an electronic device, which may include multiple modules for executing the interface display method in the above embodiments, and a first application.

[0347] Among them, the multiple modules may include a quick application engine module, a rendering client module, a JNI module and a rendering service module; the first application may be a negative one screen application.

[0348] The quick application engine module is used to obtain multiple groups of first data, each group of first data in the multiple groups of first data includes the layout, style and content of the quick application card, and each group of first data in the multiple groups of first data is different; each group of first data in the multiple groups of first data is converted to obtain multiple groups of first commands and multiple groups of first data resources, each group of first commands in the multiple groups of commands is used to represent the display content of the corresponding first data, and each group of first data resources in the multiple groups of data resources is used to represent the display attributes of the corresponding first data, the first command includes the command corresponding to the text data and / or the image data, and the first data resources include the data resources corresponding to the text data and / or the image data; send a first message to the rendering service module, the first message is used to instruct the rendering service module to read the multiple groups of first commands and the multiple groups of first data resources;

[0349] The rendering service module is used to respond to receiving the first message, read multiple groups of first commands and multiple groups of first data resources, and generate multiple graphics data according to the multiple groups of first commands and multiple groups of first data resources; send a second message to the first application through the quick application engine module, and the second message is used to instruct the first application to read the multiple graphics data;

[0350] The first application is used to read multiple graphic data in response to receiving the second message, and based on the multiple graphic data, display a first interface, in which a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data is displayed.

[0351] In some embodiments, each set of first data in the plurality of sets of first data includes text data and image data, and the electronic device further includes a rendering client module;

[0352] The quick application engine module is also used to convert the format of the text data in the multiple sets of first data to obtain multiple sets of second commands and multiple sets of second data resources, where the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources;

[0353] The rendering service module is used for reading a plurality of sets of second commands and a plurality of sets of second data resources in response to receiving the first message, and generating a plurality of first graphic data according to the plurality of sets of second commands and the plurality of sets of second data resources;

[0354] The rendering client module is used to read the image data in the multiple sets of first data into the file stream object to obtain multiple image data streams; and send the multiple image data streams to the rendering service module;

[0355] The rendering service module is used to obtain a plurality of second graphic data according to the plurality of image data streams when receiving the plurality of image data streams, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one;

[0356] The first application is used to read multiple first graphic data and multiple second graphic data in response to receiving the second message, and display a first interface based on the multiple first graphic data and the multiple second graphic data, wherein the first interface displays a dynamic picture corresponding to the quick application card obtained according to the multiple first graphic data and the multiple second graphic data.

[0357] The specific implementation method of sending the first message can be found in Figure 8 The description of sending read messages in is not repeated here.

[0358] For the specific implementation of sending the second message, please refer to Figure 8 The description of the sending address in is not repeated here.

[0359] Specifically, the specific implementation of the quick application engine module, the rendering client module, the JNI module, the rendering service module and the first application execution interface display method can be found in Figure 8 The description of S31-S51 in is not repeated here.

[0360] Exemplarily, the present application provides an electronic device, including a processor; when the processor executes computer code or instructions in the memory, the electronic device executes the interface display method in the foregoing embodiment.

[0361] Exemplarily, the present application provides an electronic device, comprising: a memory and a processor; the memory is coupled to the processor, and the memory is used to store program codes or instructions; the processor is used to call the program codes or instructions in the memory so that the electronic device executes the interface display method in the previous embodiment.

[0362] Illustratively, the present application provides a chip system, which is applied to an electronic device including a memory, a display screen and a sensor; the chip system includes: one or more interface circuits and one or more processors; the interface circuit and the processor are interconnected through lines; the interface circuit is used to receive signals from the memory and send signals to the processor, and the signals include computer codes or instructions stored in the memory; when the processor executes the computer code or instructions, the electronic device executes the interface display method in the previous embodiment.

[0363] Exemplarily, the present application provides a computer-readable storage medium, in which codes or instructions are stored. When the codes or instructions are run on an electronic device, the electronic device implements the method in the foregoing embodiment when executing.

[0364] Exemplarily, the present application provides a computer program product, which, when executed on a computer, enables an electronic device to implement the interface display method in the foregoing embodiment.

[0365] In the above embodiments, all or part of the functions can be implemented by software, hardware, or a combination of software and hardware. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer codes or instructions. When the computer program code or instructions are loaded and executed on a computer, the process or function according to the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer code or instructions can be stored in a computer-readable storage medium. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or a data center that includes one or more available media integration. Available media can be magnetic media, (e.g., floppy disk, hard disk, tape), optical media (e.g., DVD), or semiconductor media (e.g., solid state disk (SSD)), etc.

[0366] A person skilled in the art can understand that to implement all or part of the processes in the above-mentioned embodiments, the processes can be completed by a computer program to instruct the relevant hardware, and the program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above-mentioned method embodiments. The aforementioned storage medium includes: a read-only memory (ROM) or a random access memory (RAM), a magnetic disk or an optical disk, and other media that can store program codes.

Claims

1. An interface display method, characterized in that: Applied to electronic equipment, the method comprises: Acquire multiple sets of first data, each set of first data in the multiple sets of first data includes the layout, style, and content of the quick app card, and each set of first data in the multiple sets of first data is different; Convert each group of the multiple groups of first data to obtain multiple groups of first commands and multiple groups of first data resources, wherein each group of commands in the multiple groups of first commands is used to represent the display content of the corresponding first data, and each group of data resources in the multiple groups of first data resources is used to represent the display attributes of the corresponding first data, the first commands include commands corresponding to text data and / or image data, and the first data resources include data resources corresponding to text data and / or image data; generating a plurality of graphic data according to the plurality of groups of first commands and the plurality of groups of first data resources; Based on the multiple graphic data, a first interface is displayed, in which a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data is displayed.

2. The method according to claim 1, characterized in that Each set of first data in the plurality of sets of first data includes text data and image data; The converting each set of first data in the plurality of sets of first data to obtain a plurality of sets of first commands and a plurality of sets of first data resources includes: Convert the text data in the plurality of first data groups into a format to obtain a plurality of second commands and a plurality of second data resources, wherein the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources; The step of generating a plurality of graphic data according to the plurality of groups of first commands and the plurality of groups of first data resources comprises: generating a plurality of first graphic data according to the plurality of groups of second commands and the plurality of groups of second data resources; According to the image data in the plurality of groups of first data, a plurality of second graphic data are obtained, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one; The method of displaying a first interface based on the plurality of graphic data, wherein the first interface displays a dynamic picture corresponding to the quick application card obtained according to the plurality of graphic data, includes: Based on the multiple first graphic data and the multiple second graphic data, a first interface is displayed, in which a dynamic picture corresponding to the quick application card obtained according to the multiple first graphic data and the multiple second graphic data is displayed.

3. The method according to claim 1 or 2, characterized in that: The obtaining of multiple sets of first data includes: Obtain a card resource package, wherein the card resource package includes a configuration file of a quick application card; The multiple groups of first data are obtained according to the card resource package.

4. The method according to claim 3, characterized in that The step of obtaining a card resource package includes: Display a second interface, where the second interface is an interface corresponding to the desktop of the electronic device; In response to a first operation on the second interface, the card resource package is obtained from a server, the first operation being an operation for entering the first interface.

5. The method according to claim 4, characterized in that The first operation includes a left slide operation or a right slide operation.

6. The method according to any one of claims 3 to 5, characterized in that The obtaining of multiple sets of first data according to the card resource package includes: Performing format conversion on the card resource package to obtain the card resource package in a first format, where the first format is a format that can be read and used by the electronic device; The card resource package in the first format is run to obtain the multiple groups of first data.

7. The method according to claim 6, characterized in that The running of the card resource package in the first format to obtain multiple sets of first data includes: The card resource package in the first format is run multiple times to obtain the multiple groups of first data.

8. The method according to any one of claims 1 to 7, characterized in that The first interface is an interface corresponding to the negative first screen of the electronic device.

9. An electronic device, characterized in that: The electronic device includes a first application, a quick application engine module, and a rendering service module; The quick application engine module is used to obtain multiple groups of first data, each group of first data in the multiple groups of first data includes the layout, style and content of the quick application card, and each group of first data in the multiple groups of first data is different; each group of first data in the multiple groups of first data is converted to obtain multiple groups of first commands and multiple groups of first data resources, each group of first commands in the multiple groups of commands is used to represent the display content of the corresponding first data, and each group of first data resources in the multiple groups of data resources is used to represent the display attributes of the corresponding first data, the first command includes a command corresponding to text data and / or image data, and the first data resource includes a data resource corresponding to text data and / or image data; a first message is sent to the rendering service module, and the first message is used to instruct the rendering service module to read the multiple groups of first commands and the multiple groups of first data resources; The rendering service module is used for reading the multiple groups of first commands and the multiple groups of first data resources in response to receiving the first message, and generating multiple graphics data according to the multiple groups of first commands and the multiple groups of first data resources; Sending a second message to the first application through the quick application engine module, where the second message is used to instruct the first application to read the plurality of graphic data; The first application is used to read the multiple graphic data in response to receiving the second message, and display a first interface based on the multiple graphic data, in which the first interface displays a dynamic picture corresponding to the quick application card obtained according to the multiple graphic data.

10. The electronic device according to claim 9, characterized in that: Each set of first data in the plurality of sets of first data includes text data and image data, and the electronic device further includes a rendering client module; The quick application engine module is further used to convert the format of the text data in the multiple sets of first data to obtain multiple sets of second commands and multiple sets of second data resources, wherein the second commands are commands corresponding to the text data in the first commands, and the second data resources are data resources corresponding to the text data in the first data resources; The rendering service module is used for reading the multiple groups of second commands and the multiple groups of second data resources in response to receiving the first message, and generating multiple first graphic data according to the multiple groups of second commands and the multiple groups of second data resources; The rendering client module is used to read the image data in the multiple groups of first data into the file stream object to obtain multiple image data streams; Sending the multiple image data streams to the rendering service module; The rendering service module is used for obtaining a plurality of second graphic data according to the plurality of image data streams when receiving the plurality of image data streams, wherein the plurality of second graphic data respectively correspond to the plurality of first graphic data one by one; The first application is used to read the multiple first graphic data and the multiple second graphic data in response to receiving the second message, and display the first interface based on the multiple first graphic data and the multiple second graphic data, wherein the first interface displays a dynamic picture corresponding to the quick application card obtained according to the multiple first graphic data and the multiple second graphic data.

11. An electronic device, characterized in that: include: One or more processors, a memory, and one or more computer programs; wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by the one or more processors, the electronic device executes the interface display method as described in any one of claims 1 to 8.

12. A chip system, characterized in that: The chip system includes a processor for calling and running a computer program from a memory, so that an electronic device equipped with the chip system executes the interface display method as described in any one of claims 1 to 8.

13. A computer-readable storage medium comprising a computer program, characterized in that: When the computer program runs on a terminal device, the electronic device executes the interface display method as claimed in any one of claims 1 to 8.

Images