Card display method and terminal device

Abstract

A card display method and a terminal device, the method being applied to a terminal device. According to the method provided in the present application, the size of a card can be changed following updating content displayed in the card. The size of the card can dynamically match the size of the content displayed in the card, and card display flexibility is improved, thereby facilitating improving user experience. The method comprises: at a first moment, displaying on a first interface a first card the size of which is a first size, first content being displayed in the first card, and the first size matching with the size of the first content; and at a second moment, displaying on the first interface a first card the size of which is a second size, second content being displayed in the first card, and the second size matching the size of the second content. The second content is different from the first content, the second size is different from the first size, and the second moment is different from the first moment.

Description

Card display method and terminal device

[0001] This application claims priority to the Chinese patent application filed with the China Patent Office on November 24, 2023, with application number 202311600990.8 and application name “Card Display Method and Terminal Device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminals, and in particular to a card display method and terminal device. Background Art

[0003] When using a terminal device, a user usually needs to click on an application icon on the terminal device desktop to enter the application before they can view the content in the application. In order to improve the convenience of users viewing application content, some terminal devices provide cards associated with applications. Through the display of cards, users can obtain application content more conveniently and intuitively. For example, a user can add a card associated with the "Album" application on the desktop of the terminal device. The card can display pictures in the album. The user does not need to click to enter the album application, but can see the album content through the card on the desktop; for another example, a user can add a card associated with the "Weather" application on the desktop of the terminal device. The card can display weather conditions in real time, and the user does not need to click to enter the weather application to view the current weather conditions.

[0004] However, currently, the card size displayed on the terminal device is fixed, the card display flexibility is poor, and the user experience is poor.

[0005] Summary of the Invention

[0006] The present application provides a card display method and terminal device, which can enable the card size to change as the content displayed in the card is updated. The card size can be dynamically matched with the size of the content displayed on the card, thereby improving the flexibility of card display and enhancing the user experience.

[0007] In a first aspect, the present application provides a card display method, which can be executed by a terminal device, or the method can also be executed by a component configured in the terminal device (such as a chip, a chip system, etc.), or can also be implemented by a logic module or software that can realize all or part of the terminal device functions, and the present application does not limit this. The method includes: at a first moment, displaying a first card of a first size on a first interface, wherein the first card displays first content, and the first size matches the size of the first content; at a second moment, displaying the first card of a second size on the first interface, wherein the first card displays second content, and the second size matches the size of the second content; wherein the second content is different from the first content, the second size is different from the first size, and the second moment is different from the first moment.

[0008] It should be understood that "matching" here can mean that the first size is exactly the same as the first content, or that the valid information of the first content can be fully displayed within the first size. This application is not limited to this. For example, if the first content is a photo of a person, the person can be understood as valid information. If the first content is a table, the text portion of the table can be understood as valid information.

[0009] In an embodiment of the present application, at the first moment and the second moment, the first card displayed on the first interface always matches the size of the content it displays, and the size of the first card is adaptively adjusted according to the size of the content to be displayed, thereby improving the flexibility of card display on the terminal device. Since the size of the first card matches the size of the content to be displayed, the content displayed by the first card is not hidden, and the user no longer needs to enter the application to view the content, thereby improving the convenience of users viewing content and improving the user experience.

[0010] In combination with the first aspect, in certain implementations of the first aspect, at the first moment, the first card is displayed at a first position on the first interface, and at the second moment, the first card is displayed at a second position on the first interface, and the second position is different from the first position.

[0011] It should be understood that the first position may be the position of the first card 302 shown in a of FIG. 3 , and the second position may be the position of the first card 302 shown in b of FIG. 3 .

[0012] In a possible implementation, the position of the card on the first interface can be referenced by a vertex or a center point of a rectangle circumscribed therein. When the reference is the center point, the first position and the second position can be considered different.

[0013] In combination with the first aspect, in certain implementations of the first aspect, other controls are also displayed in the first interface, and the other controls include application icons and / or a second card; at the first moment, the first card is displayed at the third position of the first interface, and the other controls are displayed at the fourth position of the first interface; at the second moment, the first card is displayed at the third position of the first interface, and the other controls are displayed at the fifth position of the first interface, and the fifth position is different from the fourth position.

[0014] It should be understood that the third position can be the position of the first card 302 shown in a in Figure 4, or the position of the first card 302 shown in b in Figure 4; the fourth position can be the position of the second card 401 shown in a in Figure 4, and the fifth position can be the position of the second card 401 shown in b in Figure 4.

[0015] It should be understood that when the size of the first card changes, the sizes of other controls on the first interface may also change depending on the content they display, and this application does not limit this.

[0016] In combination with the first aspect, in some implementations of the first aspect, the first interface is the negative one screen or the system desktop.

[0017] In combination with the first aspect, in certain implementations of the first aspect, the terminal device includes a first software module, a second software module and a display driver, the first software module is used to obtain the content displayed by the first card, and layout and render the content displayed by the first card, and the second software module is used to layout and render the first interface; before the first interface displays the first card with a second size, the method further includes: the first software module obtains the second content from the first application, and determines that the size required to display the second content is the second size; when the second size is different from the first size, the first software module sends a first notification to the second software module, and the first notification is used to indicate the second size of the first card; the second software module receives the first notification, updates the size information corresponding to the first card to the second size, and layouts and renders the first interface based on the second size. Rendering, obtaining a first layout result of the first interface, and sending the first layout result to the display driver, the first layout result is used to indicate the position of the first card in the first interface and the size of the first card, the size of the first card is the second size; the second software module sends a second notification to the first software module, the second notification is used to indicate the first layout result; the first software module receives the second notification, lays out and renders the second content based on the first layout result, obtains a second layout result of the second content, and sends the second layout result to the display driver, the second layout result is used to indicate the layout of the second content in the first card; the displaying of the first card with a size of the second size on the first interface includes: the display driver displays the first card with a size of the second size on the first interface based on the first layout result and the second layout result.

[0018] It should be understood that the first application refers to the application that provides content for the first card and manages the control click events of the first card. It can be a system application or a third-party application, and this application does not limit this. For example, the update policy for the content displayed in the first card can be provided by the first application, and its update cycle can be maintained by the first application. When the content update cycle of the first card is reached, the first application sends the updated content to the first software module.

[0019] Optionally, the first software module may be a card component, or a card layout management module included in the card component, which is not limited in this application.

[0020] It should be understood that the second software module is used to control the display position of the card on the first interface, the size of the card display, and to layout and render all or part of the controls displayed on the first interface.

[0021] The method provided in the embodiment of the present application, through two-way notification between the first software module and the second software module, can enable the size of the first card to adaptively change according to the content to be displayed. The content displayed in the first card always matches its size, thereby improving the flexibility of the card size during the card display process. At the same time, the card display method of the present application can make the information obtained by the user through the first card more intuitive and comprehensive, thereby improving the user experience.

[0022] In combination with the first aspect, in certain implementations of the first aspect, before displaying a first card of a first size on the first interface, the method further includes: in response to a user clicking a first button, turning on a first mode, in which the size of the card displayed on the terminal device adaptively changes according to changes in the content displayed in the card, and the first button is used to turn on or off the first mode.

[0023] In the embodiment of the present application, the setting of the first button on the terminal device increases the interaction between the user and the terminal device. The user can independently choose to turn on or off the first mode, which is beneficial for saving energy by turning off the first mode when the battery of the terminal device is low, thereby giving the user a better gaming experience.

[0024] In combination with the first aspect, in certain implementations of the first aspect, the first card includes multiple components, and changes in the content displayed by the first card include: changes in the number of the multiple components, or changes in the size of at least one of the multiple components.

[0025] In combination with the first aspect, in some implementations of the first aspect, the first card is displayed at a third moment before the first moment, the size of the first card is a preset size, and the first content is displayed in the first card.

[0026] In the embodiment of the present application, no matter what the initial size selected by the user is for the first card, the size of the first card can be adjusted based on the content to be displayed by the first card, thereby improving the flexibility of card display.

[0027] In a second aspect, the present application provides a terminal device that can implement the method described in any possible implementation of the first aspect. The terminal device includes corresponding modules for executing the above method. The modules included in the terminal device can be implemented in software and / or hardware.

[0028] In a third aspect, the present application provides a terminal device, comprising a processor coupled to a memory, and configured to execute a computer program in the memory to implement the method in any possible implementation of the first aspect.

[0029] Optionally, the terminal device further includes a communication interface, and the processor is coupled to the communication interface. The communication interface is configured to receive signals from other communication devices outside the device and transmit them to the processor, or to transmit signals from the processor to other communication devices outside the device. Exemplarily, the communication interface may be a transceiver, circuit, bus, module, or other type of communication interface.

[0030] Optionally, the terminal device further includes a memory, and the processor is coupled to the memory. The memory is used to store program instructions and data.

[0031] In a fourth aspect, a processor is provided, comprising: an input circuit, an output circuit, and a processing circuit. The processing circuit is configured to receive a signal through the input circuit and transmit a signal through the output circuit, so that the processor executes the method of any possible implementation of the first aspect.

[0032] In a specific implementation, the processor may be a chip, the input circuit may be an input pin, the output circuit may be an output pin, and the processing circuit may be a transistor, a gate circuit, a trigger, or various logic circuits. The input signal received by the input circuit may be, for example, but not limited to, received and input by a receiver, and the signal output by the output circuit may be, for example, but not limited to, output to and transmitted by a transmitter. The input circuit and the output circuit may be the same circuit, which functions as an input circuit and an output circuit at different times. The embodiments of the present application do not limit the specific implementation of the processor and various circuits.

[0033] In a fifth aspect, a processing device is provided, comprising a processor and a memory. The processor is configured to read instructions stored in the memory and receive signals via a receiver and transmit signals via a transmitter to execute the method of any possible implementation of the first aspect.

[0034] Optionally, there are one or more processors and one or more memories.

[0035] Optionally, the memory may be integrated with the processor, or the memory may be provided separately from the processor.

[0036] In the specific implementation process, the memory can be a non-transitory memory, such as a read-only memory (ROM), which can be integrated with the processor on the same chip or can be set on different chips. The embodiments of the present application do not limit the type of memory and the setting method of the memory and the processor.

[0037] It should be understood that related data interaction processes, such as sending indication information, can be the process of outputting indication information from the processor, and receiving capability information can be the process of receiving input capability information from the processor. Specifically, the output data of the processing can be output to the transmitter, and the input data received by the processor can come from the receiver. The transmitter and receiver can be collectively referred to as a transceiver.

[0038] The processing device in the above-mentioned fifth aspect can be a chip. The processor can be implemented by hardware or by software. When implemented by hardware, the processor can be a logic circuit, an integrated circuit, etc.; when implemented by software, the processor can be a general-purpose processor, which is implemented by reading the software code stored in the memory. The memory can be integrated in the processor or can be located outside the processor and exist independently.

[0039] In a sixth aspect, a computer program product is provided, which includes: a computer program (also referred to as code, or instructions), which, when executed, enables a computer to execute the method in any possible implementation of the first aspect.

[0040] In the seventh aspect, a computer-readable storage medium is provided, which stores a computer program (also referred to as code, or instructions) which, when run on a computer, enables the computer to execute the method in any possible implementation of the first aspect above. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] FIG1 is a hardware structure block diagram of a terminal device provided in an embodiment of the present application;

[0042] FIG2 is a software structure block diagram of a terminal device provided in an embodiment of the present application;

[0043] FIG3 is a diagram illustrating an example of a card display provided in an embodiment of the present application;

[0044] FIG4 is another example diagram of a card display provided in an embodiment of the present application;

[0045] FIG5 is a schematic flow chart of an internal module interaction provided in an embodiment of the present application;

[0046] FIG6 is a schematic diagram of an internal module interaction provided in an embodiment of the present application. DETAILED DESCRIPTION

[0047] The technical solution in this application will be described below with reference to the accompanying drawings.

[0048] To facilitate understanding of the embodiments of the present application, the following description is first made:

[0049] First, in this application, in order to clearly describe the technical solutions of the embodiments of this application, words such as "first" and "second" are used to distinguish between identical or similar items with substantially the same functions and effects. For example, the first page and the second page are merely used to distinguish different pages and do not limit their order. Those skilled in the art will understand that words such as "first" and "second" do not limit the quantity or execution order, and words such as "first" and "second" do not necessarily mean that they are different.

[0050] Second, in this application, "at least one" means one or more, and "more" 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 mean: 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 previous and next associated objects are in an "or" relationship, but it does not exclude the situation where it indicates that the previous and next associated objects are in an "and" relationship. The specific meaning can be understood in conjunction with the context. "At least one of the following items" 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 can mean: a, b, c; a and b; a and c; b and c; or a and b and c. Where a, b, c can be single or multiple.

[0051] Third, in this application, "when", "assuming", "if", "under the circumstances" and "if" all mean that the device will take corresponding actions under certain objective circumstances, which does not limit the time, nor does it require that the device must make a judgment when it is implemented, nor does it mean that there are other limitations.

[0052] Fourth, the method provided in this application may be executed by a terminal device, or may be executed by a component configured in the terminal device (such as a chip, chip system, etc.), or may be implemented by a logic module or software that can realize all or part of the terminal device functions, and this application does not limit this. Among them, the terminal device may also be referred to as user equipment (UE), access terminal, user unit, user station, mobile station, mobile station, remote station, remote terminal, mobile device, user terminal, terminal, wireless communication device, user agent or user device, etc., and this embodiment of the application does not limit this.

[0053] In the embodiments of the present application, the types of terminal devices include, but are not limited to: mobile phones, tablet computers, computers with wireless transceiver functions (such as laptops, PDAs, etc.), mobile internet devices (MIDs), virtual reality (VR) devices, augmented reality (AR) devices, wireless terminals in industrial control, wireless terminals in self-driving, wireless terminals in remote medical, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, cellular phones, cordless phones, session initiation protocol (SIP) phones, wireless local loop (WLL) stations, personal digital assistants (PDAs), handheld devices with wireless communication functions, computing devices or other processing devices connected to wireless modems, vehicle-mounted devices, wearable devices, fifth generation (5th generation) The present invention relates to terminals in a 5G generation (5G) network or terminals in a future-evolved public land mobile network (PLMN), laptop computers, machine type communication (MTC) terminals, etc.

[0054] Furthermore, terminal devices can also be end devices in the Internet of Things (IoT) system. IoT is a crucial component of future information technology development. Its primary technical feature is connecting objects to the Internet through communications technology, thereby enabling intelligent networks that interconnect humans and machines, and objects and things. IoT technology, for example, utilizes narrowband (NB) technology to achieve massive connectivity, deep coverage, and power-saving terminals.

[0055] FIG1 is a schematic diagram of the hardware structure of a terminal device 100 provided in an embodiment of the present application. A possible hardware structure of the terminal device will be described in detail below with reference to FIG1 .

[0056] The terminal device 100 includes a processor 101, a transceiver 102, a memory 103, a camera 104, a display screen 105, a power module 106, a sensor module 107, an audio module 108, an antenna 109, and the like.

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

[0058] The memory 103 can be used to store computer executable program codes, which include instructions. The processor 101 executes various functional applications and data processing of the terminal device 100 by running the instructions stored in the memory 103. The memory 103 may include a program storage area and a data storage area. Among them, the program storage area can 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 can store data created during the use of the terminal device 100 (such as audio data, a phone book, etc.), etc. In addition, the memory 103 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.

[0059] The processor 101, the transceiver 102 and the memory 103 can communicate with each other through an internal connection path to transmit control and / or data signals. The processor 101 is used to call and run the computer program stored in the memory 103 from the memory 103 to control the transceiver 102 to send and receive signals.

[0060] The antenna 109 is used to transmit the data or signaling output by the transceiver 102. The power module 106 is used to provide power to various devices or circuits in the terminal device 100.

[0061] The display screen 105 may be used to display text, images, videos, etc. For example, in an embodiment of the present application, the display screen 105 may be used to display a first interface including a first card.

[0062] It should be understood that the structure illustrated in this application does not constitute a specific limitation on the terminal device 100. In other embodiments, the terminal device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0063] In addition, the operating system of the terminal device may be an Android operating system (Android OS), a Harmony OS, an open source Harmony OS, or the like. This embodiment of the present application does not impose any limitation on this.

[0064] FIG2 is a block diagram of software for a terminal device applicable to an embodiment of the present application. This application does not limit the type of operating system of the terminal device. As shown in FIG2, in some embodiments, the software architecture of the terminal device can be divided into an application layer and an operating system layer.

[0065] Among them, the application layer can include a series of applications. As shown in Figure 2, the application layer can include system applications and third-party applications. System applications can be understood as some applications that come with the system, such as camera, gallery (or album), calendar, call, map, Bluetooth, video and music applications. Third-party applications can be understood as non-system applications, which can be downloaded and installed from application stores, etc. In the embodiment of the present application, both system applications and third-party applications can serve as card providers (which can be understood as the provider of card content, the source of the content displayed in the card) and / or card users (host applications of the card, such as the negative one screen, system desktop, etc.), and this application does not limit this.

[0066] In some embodiments, the operating system layer can be further divided into a system framework layer, a system service layer, and a kernel layer. Among them, the system framework layer may include a user interface (UI) framework or application framework, a user program framework (or program framework), a component framework, an ability framework, etc. The system framework layer provides the operating system's application with a user program framework and component framework in multiple languages ​​such as C, C++, and JavaScript (JS), as well as a multi-language framework (application programming interface, API) for various software and hardware services to the outside world; it also provides devices with a UI framework in multiple languages ​​such as C, C++, and JS. The APIs supported by different devices are related to the degree of componentization and tailoring of the system. The system service layer may include a system basic capability subsystem set, a basic software service subsystem set, an enhanced software service subsystem set, and a hardware service subsystem set. The system service layer is the core capability set of the operating system, providing services to applications through the system framework layer. The kernel layer may include a kernel subsystem and a driver subsystem. The operating system can adopt a multi-core design. Based on the kernel subsystem, the operating system supports the selection of appropriate OS kernels for different resource-constrained devices. The kernel abstraction layer (KAL) shields the differences between multiple kernels and provides basic kernel capabilities to upper layers, including process / thread management, memory management, file system management, network management, and peripheral management. The driver framework in the driver subsystem is the foundation of the open operating system hardware ecosystem, providing unified peripheral access capabilities and a driver development and management framework, such as display drivers.

[0067] In an embodiment of the present application, the UI framework includes a first software module for obtaining card display content and performing layout and rendering of the content displayed in the card, and a second software module for performing layout and rendering of the first interface of the host application of the card. In one possible implementation, the layout and rendering results of the first software module and / or the second software module can be sent to a display driver, which drives the display screen for display.

[0068] In one possible implementation, the first software module can be called a card component, an internal card layout management module, and the second software module can be called a card user, an external card layout management module, etc. This application does not make any specific limitations on this.

[0069] In one possible implementation, the UI framework also includes a resident proxy service for managing cards added to the system, which can provide interface capabilities, as well as management and use of card objects and periodic card refresh capabilities. This service can be, for example, a card management service, which is not limited in this application.

[0070] It should be understood that the structures of the terminal devices described in Figures 1 and 2 are only examples and should not impose any limitations on the embodiments of the present application.

[0071] When using a terminal device, a user usually needs to click on an application icon on the terminal device desktop to enter the application before they can view the content in the application. In order to improve the convenience of users viewing application content, some terminal devices provide cards associated with applications. Through the display of cards, users can obtain application content more conveniently and intuitively. For example, a user can add a card associated with the "Album" application on the desktop of the terminal device. The card can display pictures in the album. The user does not need to click to enter the album application, but can see the album content through the card on the desktop; for another example, a user can add a card associated with the "Weather" application on the desktop of the terminal device. The card can display weather conditions in real time, and the user does not need to click to enter the weather application to view the current weather conditions.

[0072] However, in the prior art, the card size provided by the terminal device is a fixed size, that is, when adding a card, the user can select the size of the added card, such as 2*2 or 2*4 and other preset sizes. After the card is successfully added, the card will not change with the update of the content displayed in the card. For example, if the picture displayed by the card associated with the album is updated every 10 minutes, when the picture displayed on the card does not match the size of the card, the card may not be able to display the full picture. The user cannot obtain all the information of the picture through the card and still needs to click on the card to enter the album or click on the album application to enter the album to see the complete picture. Such fixed-size cards have poor flexibility and poor user experience.

[0073] In view of this, the present application provides a card display method that can change the card size as the content displayed in the card is updated. The card size can be dynamically matched with the size of the content displayed on the card, which improves the flexibility of the card and is conducive to improving the user experience.

[0074] In order to make the purpose and technical solution of this application clearer and more intuitive, the card display method and terminal device provided by the embodiment of this application will be described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain this application and are not intended to limit this application.

[0075] The card display method provided by the embodiment of the present application is described below with reference to Figures 3 to 6. The hardware structure of the terminal device shown in Figure 3 may be as shown in Figure 1, and the software structure may be as shown in Figure 2, but this application does not make any specific limitations thereto.

[0076] Figure 3 illustrates an example in which the terminal device is a mobile phone, the first interface is the negative one screen, and the content displayed on the first card is provided by the photo album application. It should be understood that the terminal device can also be a tablet, laptop, smartwatch, or other terminal device, the first interface can also be a system interface or other application interface, and the content displayed on the first card can also be provided by other system applications or third-party applications, and this application does not limit these.

[0077] As shown in a of FIG3 , a of FIG3 exemplarily shows a first card 302 displayed in a first interface 301 of a terminal device 300 at a first moment, and a first content 303 is displayed in the first card 302. For example, the content displayed in the first card 302 is provided by an album application, and the content displayed in the first card is updated once every preset time period. The updating method can be to traverse the album according to the storage time of the picture in the album, or any other preset method, which is not limited by this application. At the first moment, the size of the first card 302 is a first size, which matches the size of the first content 303.

[0078] It should be understood that "matching" here can mean that the first size is exactly the same as the first content, or that the valid information of the first content can be fully displayed within the first size. This application is not limited to this. For example, if the first content is a photo of a person, the person can be understood as valid information. If the first content is a table, the text portion of the table can be understood as valid information.

[0079] As shown in b in Figure 3, the first card 302 is displayed in the first interface 301 of the terminal device 300 at the second moment after the first moment. Since the content displayed by the first card 302 is updated between the first moment and the second moment, or at the second moment, the second content 304 is displayed in the first card 302 at the second moment. At this time, the size of the first card 302 is updated to the second size, which matches the size of the second content 304.

[0080] In an embodiment of the present application, at the first moment and the second moment, the first card displayed on the first interface always matches the size of the content it displays, and the size of the first card is adaptively adjusted according to the size of the content to be displayed, thereby improving the flexibility of card display on the terminal device. Since the size of the first card matches the size of the content to be displayed, the content displayed by the first card is not hidden, and the user no longer needs to enter the application to view the content, thereby improving the convenience of users viewing content and improving the user experience.

[0081] It should be understood that the above-mentioned first moment and second moment can be any two moments after the user adds the first card to the first interface. In one possible scenario, at the third moment before the first moment, the user adds the first card to the first interface. When adding the first card, the user selects the size of the first card as the preset size, and the first content can be displayed in the first card. In the case where the preset size is the same as the first size, the size of the first card may not change between the third moment and the first moment. If the preset size is different from the first size, that is, the preset size does not match the size of the first content, after the user selects the size of the first card as the preset size, the size of the first card can still be adaptively adjusted according to the first content to be displayed, so that at the first moment, the size of the first card displayed on the first interface by the terminal device matches the first content it displays.

[0082] In the embodiment of the present application, no matter what the initial size selected by the user is for the first card, the size of the first card can be adjusted based on the content to be displayed by the first card, thereby improving the flexibility of card display.

[0083] As an optional embodiment, a first button for turning on or off a first mode is provided on the terminal device. The terminal device can turn on the first mode in response to a user clicking the first button. In the first mode, the size of the card displayed on the terminal device adaptively changes according to changes in the content displayed in the card. When the first mode is turned on, the terminal device executes the card display method provided in the embodiment of the present application.

[0084] Optionally, the terminal device can also turn on the first mode in response to a user's voice command. This application does not specifically limit the method of turning on the first mode.

[0085] In the embodiment of the present application, the setting of the first button on the terminal device provides the user with more choices. The user can independently choose to turn on or off the first mode, which is beneficial for the user to choose to turn on the first mode when he wants to obtain information intuitively from the card. It is also beneficial for the user to save energy by turning off the first mode when the battery of the terminal device is low, thereby giving the user a better gaming experience.

[0086] It should be understood that the shape of the first card in FIG3 is merely exemplary, and the first card may also be circular or any other shape, which is not limited in this application.

[0087] As an optional embodiment, other controls are also displayed in the first interface, and the other controls include application icons and / or other cards.

[0088] It should be understood that when other controls are also included in the first interface, changes in the size of the first card may cause changes in the positions of other controls. For example, in conjunction with Figure 4, the first interface 301 is taken as an example to illustrate that the second card 401 is also included. Figure 4a shows the display of the first interface 301 at the first moment, and Figure 4b shows the display of the first interface 301 at the second moment. It can be seen from Figure 4a and Figure 4b that since the content displayed by the first card 302 is updated from the first content 303 to the second content 304 between the first moment and the second moment or at the second moment, and the sizes of the first content 303 and the second content 304 are different, the first card 302 is adaptively adjusted as the size of the second content 304 is adjusted, so that the position of the second card 401 on the first interface 301 is changed.

[0089] In one possible implementation, the position of a card on the first interface can be referenced by a vertex or center point of the rectangle it circumscribes. As shown in FIG4 a, the first card 302 is shaped like a rounded rectangle, and its circumscribed rectangle is the rectangle formed by the dashed line in FIG4 a. If vertex A of the rectangle is used as the reference point for the position of the first card 302, then after the first card 302 is updated from the first size shown in FIG4 a to the second size shown in FIG4 b, since the position of vertex A of the circumscribed rectangle of the first card 302 does not change, it can be considered that the position of the first card 302 on the first interface has not changed. However, if other vertices or center points are used as the reference point for the position of the first card 302, it can be considered that the position of the first card at the second moment has changed compared to the first moment. Similarly, for the second card 401, it can be seen that the positions of the vertices or center points of the circumscribed rectangle of the second card have changed, and the position of the second card 401 at the first moment is different from its position at the second moment.

[0090] For example, Figure 4(c) shows another possible display of the first interface 301 at the second moment. It can be seen from Figures 4(a) and 4(c) that, regardless of the position of the card used as the reference point, the position of the first card 302 at the first moment is different from the position of the first card at the second moment, and the position of the second card 401 at the first moment is also different from the position of the second card at the second moment.

[0091] Optionally, the first interface may be a system interface or other application interface, and the other controls may be application icons, which is not specifically limited in this application. It should also be understood that when the size of the first card changes, the sizes of the other controls on the first interface may also change depending on the content they display, which is not limited in this application.

[0092] Below, in conjunction with Figure 5, the principle of the card display method provided in the embodiment of the present application is further explained based on the software structure in the terminal device. The terminal device includes a first software module, a second software module, and a display driver. The first software module is used to obtain the content displayed by the first card and to layout and render the content displayed by the first card. The second software module is used to layout and render the first interface. The first software module and the second software module are modules in the UI framework. The positions of the first software module, the second software module, and the display driver in the intermediate device software architecture can be as shown in Figure 2.

[0093] FIG5 exemplarily shows a flowchart of a card display method 500 provided by the present application from the perspective of software module interaction. The method 500 includes the following steps:

[0094] S501: A first software module obtains second content from a first application, and determines that a size required to display the second content is a second size.

[0095] It should be understood that the first application refers to the application that provides content for the first card and manages the control click events of the first card. It can be a system application or a third-party application, and this application does not limit this. For example, the update policy for the content displayed in the first card can be provided by the first application, and its update cycle can be maintained by the first application. When the content update cycle of the first card is reached, the first application sends the updated content to the first software module.

[0096] Optionally, the first software module may be a card component, or a card layout management module included in the card component, which is not limited in this application.

[0097] S502: The first software module sends a first notification to the second software module, where the first notification indicates a second size of the first card. Correspondingly, the second software module receives the first notification.

[0098] It is worth noting that, when the first software module determines that the second size is different from the current first size of the first card, it executes S502.

[0099] S503: The second software module updates the size information of the first card to the second size, and layouts and renders the first interface based on the second size to obtain a first layout result of the first interface.

[0100] It should be understood that the second software module is used to control the display position and size of the card on the first interface, and to layout and render all or part of the controls displayed on the first interface. When the size of the first card needs to be changed, the first software module notifies the second software module of the second size of the first card. The second software module updates the size information of the first card based on the second size of the first card, and layouts and renders the second interface based on the new size of the first card, resulting in a first layout result. This first layout result includes the size and position information of all or part of the controls on the first interface.

[0101] S504: The second software module sends the first layout result to the display driver. Correspondingly, the display driver receives the first layout result.

[0102] S505: The display driver displays the first card of the second size on the first interface based on the first layout result.

[0103] In one possible implementation, the display driver is in the kernel layer of the terminal device software structure, and the second software module is in the system framework layer of the terminal device software structure. The second software module sends the first layout result to the display driver, and the display driver can drive the display screen in the hardware layer to display the rendered first layout result.

[0104] S506: The second software module sends a second notification to the first software module, where the second notification is used to indicate the first layout result. Correspondingly, the first software module receives the first notification.

[0105] S507: The first software module layouts and renders the second content based on the first layout result to obtain a second layout result for the second content.

[0106] It should be understood that the second layout result is the result of the first software module's layout and rendering of the second content, and is the layout and rendering of the second content to be displayed in the first card. Because the content displayed in the first card is updated from the first content to the second content, its size is updated from the first size to the second size. The first software module layouts and renders the second content based on the second size to adapt the second content to the second size.

[0107] S508: The first software module sends the second layout result to the display driver. Correspondingly, the display driver receives the second layout result.

[0108] S509: The display driver displays the second content in the first card based on the second layout result.

[0109] The method provided in the embodiment of the present application, through two-way notification between the first software module and the second software module, can enable the size of the first card to adaptively change according to the content to be displayed. The content displayed in the first card always matches its size, thereby improving the flexibility of the card size during the card display process. At the same time, the card display method of the present application can make the information obtained by the user through the first card more intuitive and comprehensive, thereby improving the user experience.

[0110] In one possible implementation, the first software module may include a first measurement module, a first layout module, and a first rendering module, and the second software module may include a second measurement module, a second layout module, and a second rendering module. FIG6 exemplifies an architecture diagram of the first software module and the second software module. S501 in the above method 500 may be executed by the first measurement module in the first software module, and the update of the first card size information in S503 may be executed by the second measurement module.

[0111] As shown in Figure 6, when the first measurement module detects that the content displayed by the first card has been updated and the second size required by the updated second content is different from the current first size of the first card, it sends a first notification to the second measurement module, indicating the second size of the first card. The second measurement module then measures the layout of the first interface based on the second size and the sizes and positions of other controls. After obtaining the layout result of the first interface, it notifies the first measurement module of the layout result via a second notification.

[0112] It is worth noting that the first measurement module, the first layout module and the first rendering module in the first software module can share the second notification, and the second measurement module, the second layout module and the second rendering module in the second software module can share the first notification. In one possible implementation, the first software module and the second software module can each maintain a layout and / or rendering refresh cycle. When the calculation of the measurement module is completed and the refresh cycle arrives, the first layout module and the first rendering module in the first software module layout and render the content to be displayed in the first card, and the second layout module and the second rendering module in the second software module layout and render the cards and / or other controls in the first interface. The first software module and the second software module can implement layout and rendering simultaneously or at different times. The refresh cycles maintained by the first software module and the second software module can be the same or different, and this application does not limit this.

[0113] As an optional embodiment, the first card may include a component tree formed by multiple components, and the change in the content displayed by the first card may be a change in the number of multiple components, or a change in the size of at least one of the multiple components.

[0114] It should be understood that the component tree is related to the content displayed by the first card. A change in the content displayed by the first card can be understood as a business logic change in the component tree corresponding to the first card. This change can be a change in the number of multiple components included in the first card, or a change in the size of at least one of the multiple components included in the first card. When the first software module detects a change in the component tree, it can determine that the content displayed on the first card has been updated.

[0115] It should be understood that the steps of the above embodiments may be coupled to each other, and this application does not limit this. Furthermore, the order of the sequence numbers of the above processes does not imply a specific order of execution. The order of execution of each process should be determined by its function and inherent logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

[0116] The present application also provides a terminal device that can implement the method described in any of the above embodiments. The terminal device includes corresponding modules for executing the above methods. The modules included in the terminal device can be implemented in software and / or hardware.

[0117] An embodiment of the present application further provides a terminal device, which includes a memory and a processor, wherein the memory is used to store a computer program, and the processor is used to call and execute the computer program, so that the terminal device performs the method described in any of the above embodiments.

[0118] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the method described in any of the above embodiments, for example, receiving or processing the data and / or information involved in the above method.

[0119] In one possible design, the chip system further includes a memory, which is used to store program instructions and data, and the memory is located inside or outside the processor.

[0120] The chip system can be composed of chips, or can include chips and other discrete devices.

[0121] The present application also provides a computer-readable storage medium, on which a computer program (also referred to as code or instruction) is stored. When the computer program is executed by a processor, the method described in any of the above embodiments is executed.

[0122] The present application also provides a computer program product, which includes: a computer program (also referred to as code, or instructions), which enables a computer to execute the method described in any one of the above embodiments when the computer program is executed.

[0123] It should be understood that the processor in the embodiments of the present application can be an integrated circuit chip with signal processing capabilities. During implementation, each step of the above-mentioned method embodiment can be completed by hardware integrated logic circuits in the processor or by software instructions. The above-mentioned processor can be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. The various methods, steps, and logic block diagrams disclosed in the embodiments of the present application can be implemented or executed. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in the embodiments of the present application can be directly implemented and executed by a hardware decoding processor, or by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium well-known in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, etc. The storage medium is located in the memory, and the processor reads the information in the memory and, in conjunction with its hardware, completes the steps of the above-mentioned method.

[0124] It should also be understood that the memory in the embodiments of the present application may be a volatile memory or a non-volatile memory, or may include both volatile and non-volatile memories. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be a random access memory (RAM), which is used as an external cache. By way of example and not limitation, many forms of RAM are available, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), and direct RAM bus RAM (DR RAM). It should be noted that the memory of the systems and methods described herein is intended to include, but is not limited to, these and any other suitable types of memory.

[0125] The terms "unit", "module", etc. used in this specification can be used to refer to computer-related entities, hardware, firmware, a combination of hardware and software, software, or software in execution. The terms "unit" and "module" in the embodiments of this application have the same meaning and can be used interchangeably.

[0126] Those skilled in the art will appreciate that the various illustrative logical blocks and steps described in conjunction with the embodiments disclosed herein can be implemented using electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians may use different methods to implement the described functions for each specific application, but such implementations should not be considered beyond the scope of this application. In the several embodiments provided in this application, it should be understood that the disclosed devices, equipment, and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of units is only one logical functional division. In actual implementation, other division methods may be used, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not implemented. In addition, the coupling or direct coupling or communication connection shown or discussed can be through some interface, indirect coupling or communication connection between devices or units, and can be electrical, mechanical, or other forms.

[0127] In the above embodiments, the functions of each functional unit can be implemented in whole or in part by software, hardware, firmware or any combination thereof. 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 instructions (programs). When the computer program instructions (program) are loaded and executed on a computer, the process or function described in the embodiment of 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 device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from one website, computer, server or data center to another website, computer, server or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server or data center that includes one or more available media integrated therein. Available media may be magnetic media (eg, floppy disks, hard disks, tapes), optical media (eg, digital versatile discs (DVDs)), or semiconductor media (eg, solid state drives (SSDs)).

[0128] If the functions provided by the embodiments of the present application are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a ROM, a RAM, a magnetic disk, or an optical disk.

[0129] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of the present application. Therefore, the scope of protection of the present application should be based on the scope of protection of the claims.

Claims

1. A card display method, characterized in that: include: At a first moment, a first card of a first size is displayed on a first interface, the first card displays first content, and the first size matches a size of the first content; At a second moment, the first card having a second size is displayed on the first interface, second content is displayed in the first card, and the second size matches a size of the second content; The second content is different from the first content, the second size is different from the first size, and the second time is different from the first time.

2. The method according to claim 1, characterized in that At the first moment, the first card is displayed at a first position of the first interface, and at the second moment, the first card is displayed at a second position of the first interface, and the second position is different from the first position.

3. The method according to claim 1, characterized in that Other controls are also displayed in the first interface, and the other controls include application icons and / or second cards; At the first moment, the first card is displayed at the third position of the first interface, and the other controls are displayed at the fourth position of the first interface; At the second moment, the first card is displayed at the third position of the first interface, and the other controls are displayed at the fifth position of the first interface, and the fifth position is different from the fourth position.

4. The method according to any one of claims 1 to 3, characterized in that The first interface is the negative one screen or the system desktop.

5. The method according to any one of claims 1 to 4, characterized in that The terminal device includes a first software module, a second software module and a display driver, wherein the first software module is used to obtain the content displayed by the first card and to layout and render the content displayed by the first card, and the second software module is used to layout and render the first interface; Before the first interface displays the first card having a second size, the method further includes: The first software module obtains the second content from the first application, and determines that the size required to display the second content is the second size; When the second size is different from the first size, the first software module sends a first notification to the second software module, where the first notification is used to indicate the second size of the first card; The second software module receives the first notification, updates the size information corresponding to the first card to a second size, and performs layout and rendering on the first interface based on the second size to obtain a first layout result of the first interface, and sends the first layout result to the display driver, where the first layout result is used to indicate the position of the first card in the first interface and the size of the first card, and the size of the first card is the second size; The second software module sends a second notification to the first software module, where the second notification is used to indicate the first layout result; The first software module receives the second notification, lays out and renders the second content based on the first layout result to obtain a second layout result of the second content, and sends the second layout result to the display driver, where the second layout result is used to indicate the layout of the second content in the first card; The displaying of the first card of the second size on the first interface includes: The display driver displays the first card of the second size on the first interface based on the first layout result and the second layout result.

6. The method according to any one of claims 1 to 5, characterized in that Before displaying the first card of the first size on the first interface, the method further includes: In response to a user clicking a first button, a first mode is turned on. In the first mode, the size of a card displayed on the terminal device changes adaptively according to changes in the content displayed in the card. The first button is used to turn the first mode on or off.

7. The method according to any one of claims 1 to 6, characterized in that The first card includes multiple components, and the situation where the content displayed by the first card changes includes: the number of the multiple components changes, or the size of at least one of the multiple components changes.

8. The method according to any one of claims 1 to 7, characterized in that The method further comprises: At a third moment before the first moment, the first card is displayed, the size of the first card is a preset size, and the first content is displayed in the first card.

9. A terminal device, characterized in that: include: A processor, wherein the processor is coupled to a memory, the memory stores computer-executable instructions, and the processor executes the computer-executable instructions stored in the memory, so that the processor performs the method according to any one of claims 1 to 8.

10. A computer-readable storage medium, characterized in that: Used to store a computer program, the computer program comprising instructions for implementing the method according to any one of claims 1 to 8.

11. A computer program product, comprising computer program code, characterized in that: When the computer program code is executed on a computer, the computer is caused to implement the method according to any one of claims 1 to 8.

Images