CN113805765A

CN113805765A - Card display method and electronic equipment

Info

Publication number: CN113805765A
Application number: CN202110927113.6A
Authority: CN
Inventors: 黄士俊; 左宗文
Original assignee: Honor Device Co Ltd
Current assignee: Honor Device Co Ltd
Priority date: 2021-08-12
Filing date: 2021-08-12
Publication date: 2021-12-17
Anticipated expiration: 2041-08-12
Also published as: CN113805765B

Abstract

The application provides a card display method and electronic equipment, and relates to the field of electronic equipment. The method is applied to electronic equipment, the electronic equipment comprises a desktop application, a first application and a second application, the desktop application comprises a window gadget, and the window gadget comprises a control used for creating a card stack; the widget receives user operation on a control used for creating the card stack; the widget sends indication information to the first application, wherein the indication information is used for indicating the first application to provide display information; the desktop application receives display information sent by the first application; the desktop application generates a first card corresponding to the display information; the desktop application creates a sequential list according to the first card; the sequence list comprises a first card and information used for indicating the display sequence of the first card; the desktop application creates a card stack corresponding to the sequential list; the desktop application displays a first card on the stack of cards.

Description

Card display method and electronic equipment

Technical Field

The present disclosure relates to the field of electronic devices, and particularly, to a card display method and an electronic device.

Background

Currently, the mobile phone receives a notification message, such as: after short messages, travel information and the like, the short messages, the travel information and the like can be displayed to the user through the notification bar. The user may open the notification bar to view the notification message with the handset unlocked.

Disclosure of Invention

The application provides a card display method and electronic equipment.

In a first aspect, the application provides a card display method applied to an electronic device, where the electronic device includes a desktop application, a first application, and a second application; the desktop application receives display information sent by the first application; the desktop application generates a first card corresponding to the display information; the desktop application creates a sequential list according to the first card; the sequence list comprises a first card and information used for indicating the display sequence of the first card; the desktop application creates a card stack corresponding to the sequential list; the desktop application displaying a first card on the stack of cards; the desktop application receives a notification message from the second application; the desktop application generates a second card of the notification message; the desktop application updates the sequence list according to the generated second card; wherein the updated order list further comprises: a second card, and information indicating a display order of the second card; the desktop application displays the second card on top by a first dynamic effect according to the updated sequence list, and the first card is displayed behind the second card in a stacking mode; wherein, first dynamic effect includes: the upper edge of the first card moves a first preset distance along a first direction from the upper edge of the card stack, the transparency of the first card is changed from first transparency to second transparency, the scaling of the first card is changed from first scaling to second scaling, the first transparency is larger than the second transparency, and the first scaling is larger than the second scaling; the lower edge of the second card is moved a second preset distance in the first direction from the upper edge of the card stack, the transparency of the second card is changed from a third transparency to a fourth transparency, the scaling of the second card is kept unchanged according to the third scaling, and the third transparency is smaller than the fourth transparency.

In the above example, in the card display method provided by the application, the widget receives an operation of a user on a control for creating a card stack; the widget sends indication information to the first application, wherein the indication information is used for indicating the first application to provide display information; the desktop application receives display information sent by the first application; the desktop application generates a first card corresponding to the display information; the desktop application creates a sequential list according to the first card; the desktop application creates a card stack corresponding to the sequential list; the desktop application displays a first card on the stack of cards. Thereafter, the desktop application receives a notification message from the second application; the desktop application generates a second card of the notification message; and the desktop application updates the sequence list according to the generated second card. The desktop application displays the second card on top with the first effect according to the updated sequence list, and the first card is displayed behind the second card in a stacking mode. Simultaneously, to newly-increased first card, desktop application is with first dynamic effect with the second card put the top demonstration, and first card is piled up and is shown behind the second card to user's experience can be enriched, human-computer interaction efficiency has been improved.

Illustratively, the electronic device is a mobile phone, the first application is a weather application, the second application is a calendar application, and the widget receives an operation of a user on a control for creating the card stack; the window gadget sends indication information to the weather application, and the indication information is used for indicating the weather application to provide display information; the desktop application receives display information sent by the weather application; the desktop application generates a first card corresponding to the display information; the desktop application creates a sequential list according to the first card; the desktop application creates a card stack corresponding to the sequential list; the desktop application displays a first card on the stack of cards. Thereafter, the desktop application receives a notification message from the calendar application; the desktop application generates a second card of the notification message; and the desktop application updates the sequence list according to the generated second card. The desktop application displays the second card on top with the first effect according to the updated sequence list, and the first card is displayed behind the second card in a stacking mode. Simultaneously, to newly-increased first card, desktop application is with first dynamic effect with the second card put the top demonstration, and first card is piled up and is shown behind the second card to user's experience can be enriched, human-computer interaction efficiency has been improved.

With reference to the first aspect, in one possible implementation manner, the card display method provided by the present application further includes: the desktop application receives a notification message from the third application; the desktop application generates a third card of the notification message; the desktop application updates the sequence list according to the generated third card; wherein the updated order list further comprises: a third card and information for indicating a display order of the third card; the desktop application displays the third card on top with a second dynamic effect according to the updated sequence list, and the first card and the second card are displayed behind the third card in a stacking mode; wherein, the second is moved the effect and is included: the first card keeps the current position, and the transparency and the scaling are not changed; the upper edge of the second card moves a third preset distance along the first direction from the upper edge of the card stack, the transparency of the second card is changed from fifth transparency to sixth transparency, the scaling of the second card is changed from fourth scaling to fifth scaling, the fifth transparency is greater than the sixth transparency, and the fourth scaling is greater than the fifth scaling; and the lower edge of the third card moves a fourth preset distance from the upper edge of the card stack along the first direction, the transparency of the third card is changed from the seventh transparency to the eighth transparency, the scaling of the third card is kept unchanged according to the sixth scaling, and the seventh transparency is smaller than the eighth transparency.

In the above example, according to the card display method provided by the application, when the desktop application receives the notification message of the third application again, the desktop application updates the sequence list according to the generated third card; and the desktop application displays the third card on top by a second action according to the updated sequence list, and the first card and the second card are displayed behind the third card in a stacking mode. Therefore, the user can see the changes of the first card, the second card and the third card in the card stack, the user experience is enriched, and the human-computer interaction efficiency is improved.

With reference to the first aspect, in one possible implementation manner, the card display method provided by the present application further includes: the desktop application receives information from the third application indicating deletion of the third card; the desktop application deletes the third card in the sequence list and information for representing the display sequence of the third card according to the information for indicating deletion of the third card; the desktop application displays the second card on top by a third dynamic effect according to the sequence list for deleting the third card, and the first card is displayed behind the second card in a stacking mode; wherein the third action comprises: the third card keeps the current position unchanged, the transparency of the third card is changed from eighth transparency to ninth transparency, the scaling of the third card is changed from sixth scaling to seventh scaling, the eighth transparency is greater than the ninth transparency, and the sixth scaling is smaller than the seventh scaling; moving the upper edge of the second card to the upper edge of the card stack by a fifth preset distance along the first direction from the current position, wherein the transparency of the second card is changed from sixth transparency to ninth transparency, the scaling of the second card is changed from fifth scaling to seventh scaling, the sixth transparency is smaller than the ninth transparency, and the fifth scaling is smaller than the seventh scaling; the position, transparency and scaling of the first card are unchanged, wherein the position, transparency and scaling of the first card are kept.

In the above example, according to the method for displaying the notification message provided by the present application, since the card has the display period, the card that has finished the display period needs to be deleted. Furthermore, the deleted cards are displayed in a third dynamic effect mode, so that the user experience is enriched, and the user can conveniently check the cards which do not finish the display period.

With reference to the first aspect, in one possible implementation manner, the card display method provided by the present application further includes: the desktop application receives information from the second application indicating deletion of the second card; the desktop application deletes the second cards in the sequence list according to the information for indicating the deletion of the second cards and the information for representing the display sequence of the second cards; the desktop application displays the first card in a fourth dynamic effect according to the sequence list for deleting the second card; wherein the fourth action comprises: the second card keeps the current position unchanged, the transparency of the second card is changed from ninth transparency to tenth transparency, the scaling of the second card is changed from seventh scaling to eighth scaling, the ninth transparency is larger than the tenth transparency, and the seventh scaling is smaller than the eighth scaling; and the upper edge of the first card moves a sixth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the eleventh transparency, the scaling of the first card is changed from the second scaling to the ninth scaling, the second transparency is smaller than the eleventh transparency, and the second scaling is smaller than the ninth scaling.

With reference to the first aspect, in one possible implementation manner, the card display method provided by the present application further includes: the desktop application receives an operation for indicating deletion of the third card; the desktop application deletes the third card, the second card is placed on top for display through a fifth effect, and the first card is displayed behind the second card in a stacking mode; wherein, the fifth effect includes: the third card moves along the moving direction of the operation of deleting the third card, the transparency of the third card keeps the eighth transparency unchanged, the scaling of the third card is changed from the sixth scaling to the tenth scaling, and the sixth scaling is larger than the tenth scaling; after the operation of deleting the third card is released, the upper edge of the second card moves a seventh preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the second card is changed from sixth transparency to twelfth transparency, the scaling of the second card is changed from fifth scaling to eleventh scaling, the sixth transparency is smaller than the twelfth transparency, and the fifth scaling is smaller than the eleventh scaling; after the releasing operation, the current position, transparency and scaling of the first card are kept unchanged; the desktop application deletes the third card in the order list and information indicating the display order of the third card.

In the above example, according to the method for displaying the notification message, the user can delete the unnecessary cards, and the desktop application responds to the operation of deleting the third card indicated by the user, so that the deleted cards are displayed in a dynamic and efficient manner, the user experience is enriched, and the user can conveniently view other cards.

With reference to the first aspect, in one possible implementation manner, the card display method provided by the present application further includes: the desktop application receives an operation for indicating deletion of the second card; the desktop application deletes the second card and displays the first card in a sixth dynamic effect; wherein, the sixth effect includes: the second card moves along the moving direction of the operation of deleting the second card, the transparency of the second card keeps the twelfth transparency unchanged, the scaling of the second card is changed from the eleventh scaling to the twelfth scaling, and the eleventh scaling is larger than the twelfth scaling; after releasing the operation of deleting the second card, the upper edge of the first card moves an eighth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the thirteenth transparency, the scaling of the first card is changed from the second scaling to the thirteenth scaling, the second transparency is smaller than the ninth transparency, and the second scaling is smaller than the thirteenth scaling.

With reference to the first aspect, in one possible implementation, a desktop application includes a widget including a control for creating a card stack;

before the desktop application receives the display information sent by the first application, the card display method provided by the application further comprises the following steps: the widget receives user operation on a control used for creating the card stack; the widget sends indication information to the first application, the indication information being used to indicate the first application to provide the presentation information.

In a second aspect, the application provides a card display apparatus, which is applied to an electronic device, where the electronic device includes a desktop application, a first application and a second application, the desktop application includes a widget, the widget includes a control for creating a card stack, and the desktop application includes a view preprocessing module, a data management module and a card display module. The widget receives user operation on a control used for creating the card stack; the widget sends indication information to the first application, wherein the indication information is used for indicating the first application to provide display information; the view preprocessing module receives display information sent by a first application; the data management module generates a first card corresponding to the display information; the data management module creates a sequence list according to the first card; the sequence list comprises a first card and information used for indicating the display sequence of the first card; the data management module creates a card stack corresponding to the sequence list; the card display module displays a first card on the card stack; the view preprocessing module receives a notification message from a second application; the view preprocessing module generates a second card of the notification message; the data management module updates the sequence list according to the generated second card; wherein the updated order list further comprises: a second card, and information indicating a display order of the second card; the card display module displays the second card on top by a first dynamic effect according to the updated sequence list, and the first card is displayed behind the second card in a stacking manner; wherein, first dynamic effect includes: the upper edge of the first card moves a first preset distance along a first direction from the upper edge of the card stack, the transparency of the first card is changed from first transparency to second transparency, the scaling of the first card is changed from first scaling to second scaling, the first transparency is larger than the second transparency, and the first scaling is larger than the second scaling; the lower edge of the second card is moved a second preset distance in the first direction from the upper edge of the card stack, the transparency of the second card is changed from a third transparency to a fourth transparency, the scaling of the second card is kept unchanged according to the third scaling, and the third transparency is smaller than the fourth transparency.

With reference to the second aspect, in one possible implementation, the view preprocessing receives a notification message from a third application; the view preprocessing module generates a third card of the notification message; the data management module updates the sequence list according to the generated third card; wherein the updated order list further comprises: a third card and information for indicating a display order of the third card; the card display module displays the third card on top by a second action according to the updated sequence list, and the first card and the second card are displayed behind the third card in a stacking manner; wherein, the second is moved the effect and is included: the first card keeps the current position, and the transparency and the scaling are not changed; the upper edge of the second card moves a third preset distance along the first direction from the upper edge of the card stack, the transparency of the second card is changed from fifth transparency to sixth transparency, the scaling of the second card is changed from fourth scaling to fifth scaling, the fifth transparency is greater than the sixth transparency, and the fourth scaling is greater than the fifth scaling; and the lower edge of the third card moves a fourth preset distance from the upper edge of the card stack along the first direction, the transparency of the third card is changed from the seventh transparency to the eighth transparency, the scaling of the third card is kept unchanged according to the sixth scaling, and the seventh transparency is smaller than the eighth transparency.

With reference to the second aspect, in one possible implementation, the data management module receives information from a third application indicating deletion of a third card; the data management module deletes the third card in the sequence list and information for indicating the display sequence of the third card according to the information for indicating the deletion of the third card; the card display module displays the second card on top by a third dynamic effect according to the sequence list for deleting the third card, and the first card is displayed behind the second card in a stacking manner; wherein the third action comprises: the third card keeps the current position unchanged, the transparency of the third card is changed from eighth transparency to ninth transparency, the scaling of the third card is changed from sixth scaling to seventh scaling, the eighth transparency is greater than the ninth transparency, and the sixth scaling is smaller than the seventh scaling; moving the upper edge of the second card to the upper edge of the card stack by a fifth preset distance along the first direction from the current position, wherein the transparency of the second card is changed from sixth transparency to ninth transparency, the scaling of the second card is changed from fifth scaling to seventh scaling, the sixth transparency is smaller than the ninth transparency, and the fifth scaling is smaller than the seventh scaling; the position, transparency and scaling of the first card are unchanged, wherein the position, transparency and scaling of the first card are kept.

With reference to the second aspect, in one possible implementation, the data management module receives information from the second application indicating deletion of the second card; the data management module deletes the second cards in the sequence list according to the information for indicating the deletion of the second cards and the information for indicating the display sequence of the second cards; the card display module displays the first card in a fourth dynamic effect according to the sequence list for deleting the second card; wherein the fourth action comprises: the second card keeps the current position unchanged, the transparency of the second card is changed from ninth transparency to tenth transparency, the scaling of the second card is changed from seventh scaling to eighth scaling, the ninth transparency is larger than the tenth transparency, and the seventh scaling is smaller than the eighth scaling; and the upper edge of the first card moves a sixth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the eleventh transparency, the scaling of the first card is changed from the second scaling to the ninth scaling, the second transparency is smaller than the eleventh transparency, and the second scaling is smaller than the ninth scaling.

With reference to the second aspect, in one possible implementation manner, the card display module receives an operation for instructing deletion of the third card; the data management module deletes the third card, the second card is placed on top for display through a fifth effect, and the first card is displayed behind the second card in a stacking mode; wherein, the fifth effect includes: the third card moves along the moving direction of the operation of deleting the third card, the transparency of the third card keeps the eighth transparency unchanged, the scaling of the third card is changed from the sixth scaling to the tenth scaling, and the sixth scaling is larger than the tenth scaling; after the operation of deleting the third card is released, the upper edge of the second card moves a seventh preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the second card is changed from sixth transparency to twelfth transparency, the scaling of the second card is changed from fifth scaling to eleventh scaling, the sixth transparency is smaller than the twelfth transparency, and the fifth scaling is smaller than the eleventh scaling; after the releasing operation, the current position, transparency and scaling of the first card are kept unchanged; the desktop application deletes the third card in the order list and information indicating the display order of the third card.

With reference to the second aspect, in one possible implementation manner, the card display module receives an operation for instructing deletion of the second card; the card display module deletes the second card and displays the first card by a sixth effect; wherein, the sixth effect includes: the second card moves along the moving direction of the operation of deleting the second card, the transparency of the second card keeps the twelfth transparency unchanged, the scaling of the second card is changed from the eleventh scaling to the twelfth scaling, and the eleventh scaling is larger than the twelfth scaling; after releasing the operation of deleting the second card, the upper edge of the first card moves an eighth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the thirteenth transparency, the scaling of the first card is changed from the second scaling to the thirteenth scaling, the second transparency is smaller than the ninth transparency, and the second scaling is smaller than the thirteenth scaling.

In a third aspect, the present application provides an electronic device, comprising: communication interface, processor, memory, bus; the memory is used for storing computer execution instructions, and the processor is connected with the memory through the bus; when the electronic device is running, the processor executes the computer-executable instructions stored by the memory to cause the electronic device to perform the method as described in the first aspect and any one of its possible design forms.

In a fourth aspect, the present application provides a computer-readable storage medium, wherein instructions, when executed by a processor of an electronic device, enable the electronic device to perform the method according to the first aspect and any one of its possible designs.

In a fifth aspect, the present application provides a computer program product comprising instructions for causing a computer to perform the method according to the first aspect and any one of its possible designs when the computer program product is run on the computer.

It should be understood that, for the electronic device according to the second aspect, the third aspect, and any possible design manner thereof, the computer storage medium according to the fourth aspect, and the computer program product according to the fifth aspect, the advantageous effects achieved by the electronic device according to the first aspect and any possible design manner thereof may be referred to, and are not described herein again.

Drawings

Fig. 1 is a schematic view of a scenario in which a mobile phone reads a notification message in the prior art.

Fig. 2 is a schematic structural diagram of an electronic device provided in the present application.

Fig. 3 is a second schematic structural diagram of an electronic device provided in the present application.

Fig. 4 is a schematic diagram of a card module and a coordinate system of a card display method provided in the present application.

Fig. 5 is a schematic diagram illustrating a stacking manner of a card display method according to the present application.

Fig. 6 is a schematic view of a scene of a card display method provided in the present application.

Fig. 7 is a schematic diagram of logic for displaying cards in a card stack in a card display method provided by the present application.

Fig. 8 is a second schematic view of a scene of a card display method provided in the present application.

Fig. 9 is a second schematic diagram of a logic for displaying cards in a card stack according to a card display method provided in the present application.

Fig. 10 is a third schematic view of a scene of a card display method provided in the present application.

Fig. 11 is a third schematic view of a logic diagram of displaying cards in a card stack in a card displaying method according to the present application.

Fig. 12 is a fourth schematic view of a scene of a card display method provided in the present application.

Fig. 13 is a fourth schematic diagram of a display logic of cards in a card stack in a card display method provided by the present application.

Fig. 14 is a fifth schematic view of a scene of a card display method provided in the present application.

Fig. 15 is a fifth schematic view of a logic diagram of displaying cards in a card stack in a card displaying method provided by the present application.

Fig. 16 is a sixth schematic view of a scene of a card display method provided in the present application.

Fig. 17 is a sixth schematic view of a logic diagram of displaying cards in a card stack in a card displaying method according to the present application.

Fig. 18 is a seventh schematic view of a scene of a card display method provided in the present application.

Fig. 19 is a seventh schematic diagram illustrating a logic of displaying cards in a card stack according to a card displaying method provided by the present application.

Fig. 20 is an eighth schematic view of a scene of a card display method provided in the present application.

Fig. 21 is an eighth schematic diagram of a logic of displaying cards in a card stack in a card displaying method provided by the present application.

Fig. 22 is a ninth view illustrating a scene of a card display method according to the present application.

Fig. 23 is a ninth schematic diagram illustrating a logic of displaying cards in a card stack according to a card displaying method provided by the present application.

Fig. 24 is a schematic view of a scene of a card display method provided in the present application.

Fig. 25 is a logic diagram illustrating a display of cards in a card stack according to a card display method provided in the present application.

Fig. 26 is a schematic diagram of a chip system provided in the present application.

Detailed Description

The following explanation is given of the relevant concepts involved in the present application:

widgets (web widgets) are a derivative of web2.0, and are similar to a small application program, and can be applied to the field of mobile devices. The Widget may be a clock, a diary, a piece of video, a weather report, a Flash game, etc.

The window gadget, the card and the card stack are all one expression form of the widget and are used for displaying various related information. Such as: text, images, buttons, and maps.

Transparency can be a software term, transparency is expressed in percentage and pictures and colorless transparent phases can be divided into 100 parts. Such as: at a card transparency of 100%, the card is completely opaque. When the transparency of the card is 0%, the card is completely transparent.

The poison may be the vertical distance between the upper edge of the stack of cards and the upper edge of the cards. Such as: a nesting value of 0 indicates that the top edge of the stack of cards coincides with the top edge of the cards.

The transparency may be a transparency of a view-corresponding region of the card.

The zoom scale may be the ratio of the display area of the card after zooming to the display area of the card before zooming.

height represents the height of a card (standard edition) displayed at the top of the interface of the mobile phone.

At present, for a notification message received by a mobile phone, a user needs to check the notification bar after unlocking the mobile phone. Illustratively, the mobile phone is currently in a screen locking state, and the mobile phone receives flight information of the AB 108. The handset may display a corresponding notification message 101 on the lock screen interface, as shown in fig. 1 (a). After receiving an operation of unlocking the mobile phone, such as a sliding operation from the lower edge of the display screen of the mobile phone upward, the mobile phone unlocks, and displays the desktop 102 as shown in fig. 1 (b). After the mobile phone receives an operation of the user for triggering display of the notification bar, such as a downward sliding operation from the upper edge of the display screen of the mobile phone, the mobile phone may display the notification bar 103 as shown in (c) of fig. 1. The notification bar 103 may include notification messages received by the mobile phone, such as flight information of the AB108, for the user to view. That is to say, for the notification messages received by the mobile phone, the notification bar needs to be opened to view the notification messages under the condition that the mobile phone is unlocked, so that the human-computer interaction efficiency is low.

The application provides a card display method which can be applied to electronic equipment. For the notification message, the electronic equipment can display the card corresponding to the notification message on the desktop of the electronic equipment, and a user does not need to open a notification bar, so that the man-machine interaction efficiency is improved, and the use experience of the user is improved.

The electronic device in the present application may be, for example, a portable computer (e.g., a mobile phone), a tablet computer, a notebook computer, a Personal Computer (PC), a wearable electronic device (e.g., a smart watch), an Augmented Reality (AR) \ Virtual Reality (VR) device, an in-vehicle computer, etc., and the following examples do not particularly limit the specific form of the electronic device.

Take the above electronic device as a mobile phone as an example. Please refer to fig. 2, which illustrates a schematic structural diagram of an electronic device 10 provided in the present application. The electronic device 10 may include a processor 110, an external memory interface 120, an internal memory 121, a Universal Serial Bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a display 193, a Subscriber Identification Module (SIM) card interface 194, a camera 195, and the like. Wherein, the sensor module 180 may include a pressure sensor, a gyroscope sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, etc.

It is to be understood that the illustrated structure of the embodiment of the present application does not specifically limit the electronic device 10. In other examples of the present application, electronic device 10 may include more or fewer components than shown, or some components may be combined, some components may be split, or a different arrangement of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

Processor 110 may include one or more processing units, such as: the processor 110 may include an Application Processor (AP), a modem processor, a Graphics Processing Unit (GPU), an Image Signal Processor (ISP), a controller, a memory, a video codec, a Digital Signal Processor (DSP), a baseband processor, and/or a neural-Network Processing Unit (NPU), etc. The different processing units may be separate devices or may be integrated into one or more processors. The controller may be, among other things, a neural center and a command center of the electronic device 10. The controller can generate an operation control signal according to the instruction operation code and the timing signal to complete the control of instruction fetching and instruction execution. Memory 220 may be used to store computer executable program code, such as computer programs corresponding to applications and operating systems; the processor 110 may invoke a computer program stored in the memory 220 to implement the functions defined by the computer program.

It will be appreciated that the implementation of the functions of the electronic device requires the cooperation of software in addition to the hardware support described above. In some examples, the software architecture of the electronic device may include: an application layer and an application framework layer. The application layer may include: installed in various applications of the electronic device. For example, the desktop application and the first application installed in the terminal, where the first application is configured to send target information to the desktop application, and the target information may be presentation information, or a notification message, or information of a target card is deleted, or information of the target card is updated, so that the desktop application displays, deletes, or updates a card corresponding to the target information on an interface of a mobile phone according to the target information. The first application may include a short message, a music player, a file manager, a gallery, a browser, a memo, a calendar, a mail, and the like. The first application may be a system application of the electronic device, or may be a third-party application, and the application is not specifically limited herein. The application layer may further include a system notification service and a desktop application system notification service, which are used to send target information to the desktop application, for example, the target information may be presentation information, or a notification message, or information of a target card is deleted, or information of the target card is updated, so that the desktop application displays, deletes, or updates a card corresponding to the target information on an interface of the mobile phone according to the target information. The application framework layer provides an application programming interface (APP) and a programming framework for an application program of the application layer, such as: the desktop application is configured to perform a corresponding operation according to the operation of the user on the mobile phone by using an input manager service (WMS).

Specifically, the application layer interacts with the application framework layer, so that each application of the application layer can complete a corresponding function. Such as: after the user performs user operation on the interface of the mobile phone. After receiving the user operation, the window management service feeds the user operation back to the card display module of the desktop application through the window management service, so that the desktop application can execute corresponding operation according to the operation of the user on the mobile phone.

In this application, the first application or the system notification service may serve as a service requester, and send a notification message to the desktop application to trigger the desktop application to add a card corresponding to the notification message on the desktop of the electronic device. The first application or the system notification service may further trigger the desktop application to update the information of the target card displayed on the desktop of the electronic device by sending information for updating the target card to the desktop application. The first application or the system notification service may further trigger the desktop application to delete the target card on the desktop of the electronic device by sending information for deleting the target card to the desktop application. Or the input management service receives user operation (such as deletion operation on the target card), and feeds back the deletion operation on the target card to the desktop application through the window management service, so that the desktop application triggers the desktop application to delete the target card on the desktop of the electronic device according to the deletion operation on the target card fed back by the input management service.

As an example, as shown in fig. 3, a desktop application may include: desktop card management tool. The first application or the system notification service may trigger the desktop application to add a card corresponding to the notification message on the desktop of the electronic device by sending the notification message to a desktop card management tool of the desktop application. The first application or the system notification service may further trigger the desktop application to update the information of the target card displayed on the desktop of the electronic device by sending information for updating the target card to a desktop card management tool of the desktop application. The first application or the system notification service may trigger the desktop application to delete the target card on the desktop of the electronic device in an action manner by sending information of deleting the target card to a desktop card management tool of the desktop application. Or, the input management service receives user operation (such as deletion operation on the target card), and feeds back the deletion operation on the target card to the desktop card management tool through the window management service, so that the desktop card management tool triggers the desktop application to delete the target card on the desktop of the electronic device in an effective manner according to the deletion operation on the target card fed back by the input management service.

Similarly, the first application or system notification service may also enable the creation of other cards by sending a notification message to the view preprocessing module. In the case where a plurality of cards are created, such as when the number of cards is greater than or equal to 2, the plurality of cards may be displayed on the desktop in a card stack.

In some examples, the desktop application may further include: and the window gadget is used for cooperating with the desktop card management tool to realize the creation of the card stack on the desktop.

The card display method provided by the present application is described in detail below with reference to fig. 3 by taking an electronic device as an example of a mobile phone. The card display method provided by the application can comprise the following steps: the method comprises the steps of establishing a card stack, adding a new card in the card stack, deleting the card in the card stack and updating the card in the card stack.

The "card stack creation flow" may include S1 to S8.

S1, the widget receives the creation operation of the card stack by the user, and the widget notifies the application 1 to provide the presentation information.

And S2, the application 1 sends the display information to the view preprocessing module.

In some examples, when the application 1 sends the presentation information to the view preprocessing module, a pre-configured card corresponding to the application 1, such as a card called a transparent bottom card, needs to be sent to the desktop application. Therefore, through interaction among modules in the desktop card management tool, cards and a sequence list corresponding to the display information are generated. At this moment, the sequential list only includes the card corresponding to the display information, and in this case, the desktop application does not display the card corresponding to the display information any more, but directly displays the transparent bottom card corresponding to the application 1, so as to identify the display position where the card is stacked on the desktop, and ensure the aesthetic property of the desktop display.

And S3, the view preprocessing module performs templating processing on the display information according to the display information sent by the application 1 to generate a card corresponding to the display information.

In some examples, the presentation information may include one or more of an icon (icon), a title (title), and a view (view). The icon (icon) may be an application icon for application 1. The title (title) may be a title showing the content. The view (view) may be the presentation, such as the presentation may be a user-defined picture or a name plate, and the like, or the presentation may be the data of the presentation of the application 1, such as weather, temperature, time, date, and the like. After the view preprocessing module receives the display information, the display information can be processed, such as templated processing, to generate a card corresponding to the display information.

In some examples, different presentation information may be presented to the user in different display styles (e.g., layouts) to enable a diversified card presentation. In the examples provided by the application, a plurality of card templates can be configured in advance in the mobile phone, and different card templates correspond to different display styles. For example, the display style of the presentation information of the same type of application may be the same, and the display style of the presentation information of different types of applications may be different. As such, different card templates may correspond to different application types.

Specifically, different card templates have different layout modes, the layout information corresponding to the different layout modes is different, the layout information at least includes layout sizes and layout contents, the layout sizes include one or more of icon bar sizes, title bar sizes and view bar sizes, and the layout contents include one or more of icon bars, title bars and view bars.

And S4, sending the card to the data management module by the view preprocessing module.

In some examples, the view preprocessing module may send the card corresponding to the presentation information to the data management module after generating the card, so as to implement maintenance of the card by the data management module, such as maintenance of the card by the data management module including the following S5-S9.

S5, the data management module creates order list 1 for maintaining cards according to the received cards.

In the present application, the cards are maintained by a sequential list as an example, and the present application is not limited to other modes of maintaining the cards.

S6, the data management module creates a card stack according to the sequence list and the received cards.

In some examples, each card stack corresponds to a sequential list, each sequential list including at least one card. When a user views the cards in the card stack on the interface of the mobile phone, the card stack displays each card in the sequence list to the user according to the sequence list.

And S7, binding the card stack by the data management module.

In some examples, there are differences in the ordered list of cards shown in different card stacks, such as: the user creates multiple card stacks on the desktop of the cell phone and there are differences in the cards included in each card stack. Therefore, according to the card display method provided by the application, each card stack is bound with the data management module, so that the data management module can maintain the sequence list of each card stack, and the card stacks are convenient to manage.

And S8, the card display module displays the cards corresponding to the display information in the sequence list according to the sequence list generated by the data management module.

In some examples, after the "card stack creation process" is performed, the card stack is created for the first time, and only the cards corresponding to the display information, such as the initial cards, are included in the card stack to identify the display positions of the card stack on the desktop. And then, under the condition that other cards need to be added to the card stack, the cards can be added to the card stack according to a card adding flow in the card stack, so that the user can conveniently view the notification message. Specifically, the "card adding flow in the card stack" includes S9 to S13.

S9, the view preprocessing module receives the notification message of the application 2.

And S10, the view preprocessing module performs templating processing on the notification message to generate a card corresponding to the notification message.

And S11, sending the card to the data management module by the view preprocessing module.

It should be noted that the above S10 is similar to the description of the above S3 of "the view preprocessing module performs templating processing on the display information to generate the card corresponding to the display information", and the above S11 and S4 are not repeated here.

S12, the data management module updates the sequence list 1 when determining that the card identifier corresponding to the received card does not exist in the sequence list.

S13, the card display module determines that the number of cards included in the order list 2 currently generated by the data management module is greater than the number of cards included in the order list 1 last generated by the data management module, and the number of cards included in the order list 2 is greater than or equal to 2, so as to dynamically display the cards newly added to the order list 2 compared with the order list 1.

In some examples, to facilitate alerting a user that there are currently view cards of multiple notification messages, i.e., the number of view cards displayed in the card stack is greater than or equal to 2, the card display module displays each view card in the card stack in a specified manner. Such as in a stacked manner, or in an interleaved manner. Illustratively, the case where the designated manner is a stacking manner is taken as an example, and as shown in fig. 4 (a), a coordinate system as shown in fig. 4 (b) is established along the a and b sides of the view card. The manner of stacking is shown in fig. 5. With reference to the coordinate system shown in fig. 4 (b), as shown in fig. 5, when the card display module displays each view card in the card stack in a stacking manner, the origin of coordinates of each view card is completely overlapped, both the x axis and the y axis of each view card are also completely overlapped, the view card located below the currently displayed view card is scaled according to a preset scale, if the preset scale is 10%, the scaled view card is translated by a second preset distance along the x axis of the currently displayed view card, if: 8dp, the zoomed view card is translated a third preset distance along the y-axis direction of the currently displayed view card, such as: 8 dp.

In some examples, the card presentation module determines a relationship between the number of cards included in the order list 2 currently generated by the data management module and the number of cards included in the order list 1 last generated by the data management module, displaying the cards that are added in the order list 2. Such as: the card display module displays each card in the sequential list 2 in a dynamic effect. For example: the card display module determines that the number of cards in the sequence list 2 generated by the data management module at present is greater than the number of cards in the sequence list 1 generated by the data management module at last time, and the number of cards in the sequence list 2 is equal to 2, and determines to display the newly added cards in the sequence list 2 by the dynamic effect 1. The action is determined according to the display parameters of the current card and the newly added card, and the display parameters at least comprise poison, transparency and scaling. Such as: the card display module determines display parameters of each card in different time periods in a preset period according to the corresponding position, transparency and scaling of each card in different time periods in the preset period. The card display module determines the dynamic effect according to the display parameters of each card in different time periods in a preset period.

Illustratively, taking a transparent bottom card of a currently top-positioned display application 1 on a desktop of a mobile phone, a sequence list generated last time is a sequence list 1, the sequence list 1 includes 1 card, such as an initial card 1, the currently generated sequence list is a sequence list 2, the sequence list 2 includes 2 cards, such as the initial card 1 and other cards 2, display parameters include a vertical distance stimuli, transparency and a zoom scale are exemplified, and in combination with a coordinate system shown in (b) in fig. 4, as shown in (a) in fig. 6, a card display module displays the transparent bottom card 110 in an interface 1200. In the display parameters corresponding to the transparent bottom card 110, the vertical distance poison 1 is 0, the transparency 1 is 100%, and the scaling ratio 1 is 100. Thereafter, the view preprocessing module receives a notification message of the application 2. And the view preprocessing module performs templating processing on the notification message to generate a card corresponding to the notification message. The view preprocessing module sends the card to the data management module. The data management module updates the order list 1 based on the received cards to generate an order list 2. When the card display module determines that the number of cards included in the sequential list 2 currently generated by the data management module is greater than the number of cards included in the sequential list 1 last generated by the data management module, and the number of cards included in the sequential list 2 is 2, in conjunction with the display logic shown in fig. 7, the card display module controls the transparent bottom card 110 to remain at the position 2 for the duration 1, such as the duration 1 is 600ms, and the position 2 is 5% × height +8 dp. Thus, transparent bottom card 110 is always at position 2 within 600 ms. The card display module controls the transparency of transparent bottom card 110 to change to transparency 2 in duration 2, for example, duration 2 is 450ms, and transparency 2 is 0%. Thus, transparency of transparent base card 110 changes from 100% to 0% within 450ms, thereby realizing transparentization of transparent base card 110. The card display module controls the scaling of the transparent bottom card 110 in time duration 3 from scaling 2 to scaling 3, for example, time duration 3 is 600ms, scaling 2 is 100%, and scaling 3 is 90%. Thus, the scaling of transparent bottom card 110 is changed from 100% to 90% within 600ms, thereby achieving scaling of transparent bottom card 110. As shown in fig. 6 (b), the transparent base card 110 in the interface 1201 is completely transparent through the above operation, and the initial card 1 gradually covers the transparent base card 110.

At the same time, the card presentation module controls the initial card 1 to move from the position 3 to the position 4 along the y-axis direction within time length 4, such as time length 4 of 600ms, position 3 of 0, and position 4 of 5% x height +8 dp. In this manner, initial card 1 is moved from pesticide 3 to pesticide 4 within 600ms, thereby enabling movement of initial card 1 in the y-axis direction. The card display module controls the transparency of the original card 1 to change from transparency 3 to transparency 4 within time period 5, such as time period 5 of 350ms, transparency 3 of 0, and transparency 4 of 60%. In this way, the transparency of the original card 1 is changed from 0% to 60% within 350ms, thereby realizing non-transparency of the original card 1. The card display module controls the scaling of the original card 1 from scaling 4 to scaling 5 within time duration 6, for example, time duration 6 is 600ms, scaling 4 is 100%, and scaling 5 is 90%. In this way, the scaling of the original card 1 is changed from 100% to 90% within 600ms, thereby achieving the scaling of the original card 1. As shown in fig. 6 (c), the transparent base card 110 in the interface 1202 is completely transparent through the above operation, while the initial card 1 covers the transparent base card 110, and the other cards 2 gradually cover the initial card 1.

At the same time, the card display module controls the other cards 2 to move from the position 5 to the position 6 along the y-axis direction within the time period 7, such as time period 7 of 600ms, position 5 of-height, and position 6 of 0. In this manner, the other card 2 is moved from the position 5 to the position 6 within 600ms, thereby achieving the movement of the other card 2 in the y-axis direction. The card display module controls the other cards 2 to change transparency from transparency 5 to transparency 6 for time period 8. For example, the time period 8 is 200ms, the transparency 5 is 0%, and the transparency 6 is 100%. In this way, the transparency of the other card 2 is changed from 0% to 100% within 200ms, thereby realizing non-transparency of the other card 2. The card display module controls the other cards 2 to display the other cards 2 at the scale 6 for the duration 9. Such as: duration 9 is 600ms and scale 6 is 100%. Thus, other cards 2 display other cards 2 at 100% zoom in 600 ms. As shown in fig. 6 (d), transparent bottom card 110 in interface 1203 is completely transparent after the above operation, while other cards 2 partially cover original card 1, so that card display module displays other cards 2 and original card 1 in a stacked manner in interface 1103. In this way, the card display module realizes that the cards newly added in the sequence list 2 are displayed in the dynamic effect 1.

The above example is described by taking an example that the card display module determines that the number of cards included in the sequence list 2 currently generated by the data management module is greater than the number of cards included in the sequence list 1 generated last time by the data management module, and the number of cards included in the sequence list 2 is equal to 2, and determines that the action 1 displays the newly added cards in the sequence list 2. In some other examples, the card display module determines that the number of cards included in the order list 2 currently generated by the data management module is greater than the number of cards included in the order list 1 last generated by the data management module, and that the number of cards included in the order list 2 is greater than 2, and determines to display the newly added cards in the order list 2 in the action 2. Such as: with reference to the above example, after the application 3 sends the notification message to the desktop card management tool of the desktop application, the modules of the desktop card management tool cooperate with each other to complete the "card adding process in the card stack". At this time, the data management module updates the order list 2 to generate an order list 3.

Illustratively, taking the other cards 2 of the application 2 currently set on the desktop of the mobile phone as the top display, the sequence list generated last time is the sequence list 2, the sequence list 2 includes the other cards 2 and the initial cards 1, the sequence list generated currently is the sequence list 3, the sequence list 3 includes the other cards 3, the other cards 2 and the initial cards 1 as an example, and combining with the coordinate system shown in (b) in fig. 4, as shown in (a) in fig. 8, the card display module displays the other cards 2 and the initial cards 1 in the interface 1400.

Thereafter, the view preprocessing module receives a notification message of the application 3. And the view preprocessing module performs templating processing on the notification message to generate a card corresponding to the notification message. The view preprocessing module sends the card to the data management module. The data management module updates the order list 2 based on the received cards to generate an order list 3. When the card display module determines that the number of cards included in the sequential list 3 currently generated by the data management module is greater than the number of cards included in the sequential list 2 generated last time by the data management module, and the number of cards included in the sequential list 2 is greater than 2, in conjunction with the display logic shown in fig. 9, the card display module controls the initial card 1 to stay at the position 4 for a duration 10, such as a duration 10 of 500ms, and a position 4 of 5% × height +8 dp. In this way, the initial card 1 is always in the same position within 500 ms. The card display module controls the transparency of the original card 1 to change from transparency 7 to transparency 8 for a time period 11, such as 200ms for time period 11, 60% for

transparency

7, and 0% for transparency 8. In this way, the initial card 1 becomes gradually transparent within 200 ms. As shown in fig. 8 (b), the initial card 1 in the interface 1401 is completely transparent after the above operation, and the other cards 2 completely cover the initial card 1.

At the same time, the card display module controls the other cards 2 to move from the position 7 to the position 8 along the y-axis direction within the time period 12, such as time period 12 of 500ms, position 7 of 0, and position 8 of 5% x height +8 dp. In this manner, the other card 2 is moved from the position 7 to the position 8 within 500ms, thereby achieving movement of the other card 2 in the y-axis direction. The card display module controls the transparency of the other cards 2 to change from transparency 9 to transparency 10 for time period 13, such as time period 13 of 250ms, transparency 9 of 100%, transparency 10 of 60%. In this way, the transparency of the other card 3 is changed from 100% to 60% within 200ms, thereby achieving gradual transparency of the other card 2. The card display module controls the other cards 2 to zoom from scale 7 to scale 8 within time period 14, for example, time period 14 is 500ms, scale 7 is 100%, and scale 8 is 60%. Thus, the other cards 2 are zoomed from 100% to 60% within 500ms, thereby realizing the zooming of the other cards 2. As shown in fig. 8 (c), the original card 1 in the interface 1402 is completely transparent after the above operation, while the other cards 3 are completely covered with the other cards 2.

At the same time, the card display module controls the other cards 3 to move from the position 9 to the position 10 along the y-axis direction within the time period 15, such as time period 15 of 500ms, position 9 of-height, and position 10 of 0. In this manner, the other card 3 is moved from the position 9 to the position 10 within 500ms, thereby achieving the movement of the other card 3 in the y-axis direction. The card display module controls the transparency of the other cards 3 to change from transparency 11 to transparency 12 in time period 16, such as time period 16 of 200ms, transparency 11 of 0, and transparency 12 of 100%. In this way, the transparency of the other card 3 is changed from 0% to 100% within 200ms, thereby realizing non-transparency of the other card 3. The card display module controls the other cards 3 to display the other cards 3 at the scale 9 for the duration 17. For example, duration 17 is 500ms and scale 9 is 100%. In this way, the other cards 3 are displayed at a zoom ratio of 100% in 500ms, thereby realizing the display of the other cards 3 on the desktop. As shown in fig. 8 (c), the initial card 1 in the interface 1402 is completely transparent after the above operation, while the other cards 3 partially cover the other cards 2, so that the card display module displays the other cards 3 and the other cards 2 in a stacked manner in the interface 1303. In this way, the card display module realizes that the cards newly added in the sequence list 2 are displayed in the action 2.

It should be noted that the dynamic effect display process is a gradual process, not a process of directly performing state switching. Such as: the card display module controls the movement of transparent bottom card 110 from position 1 to position 2 within 600ms, where the distance each millisecond transparent bottom card 110 moves is

Thus, clear bottom card 110 moves from pod 1 to pod 2 after 600ms has elapsed. In addition, the card display module controls the implementation process of changing the transparency of the transparent bottom card 110 from transparency 1 to transparency 2 in the time period 2, and the card display module controls the transparent bottom card 110The implementation process of changing the scaling in duration 3 from scaling 1 to scaling 2 is similar to the implementation process of the card display module controlling the transparent bottom card 110 to move from the position 1 to the position 2 within 600ms, and is not described here again. In addition, the card display module determines that the number of cards included in the sequence list 2 currently generated by the data management module is greater than the number of cards included in the sequence list 1 last generated by the data management module, and when the number of cards included in the sequence list 2 is greater than 2, the newly added cards in the sequence list 2 are all displayed in the dynamic effect 2, which is not repeated here.

The above example is described by taking an example that when the card display module displays the cards in the sequential list, the start time of the dynamic effect of the cards may not be synchronized. In other examples, the card presentation module may be fully synchronized in the dynamic start time of the cards when displaying the cards in the sequential list. Specifically, when the card display module displays the cards in the sequence list, the dynamic effect start time of the cards may be completely synchronous with the implementation process of the card display module when the cards are displayed in the sequence list, and the dynamic effect start time of the cards may be asynchronous, which is similar to the implementation process, and is not repeated here.

In addition, in order to prevent too many cards from being displayed in the card stack, the user's review is not changed. The card display method provided by the application can further comprise a card deleting process in the card stack. The 'card stack deletion process' comprises a plurality of modes for deleting the cards in the card stack. Such as: the first mode of deleting the cards in the card stack is that a user can delete the cards which are not needed, the second mode of deleting the cards in the card stack is that the application 2 deletes the cards corresponding to the notification messages sent by the application 2 in the card stack, and the third mode of deleting the cards in the card stack is that the system notification service deletes the cards corresponding to the notification messages sent by the system notification service in the card stack, so that the user can conveniently look up the cards.

Specifically, the first way of deleting cards in the card stack may include S14 to S17.

And S14, the card display module receives the deletion operation, and when the number of the cards remaining in the sequence list is determined to be greater than or equal to 1 in response to the deletion operation, the currently displayed card is deleted in a dynamic and effective mode, and each card in the card stack is continuously displayed according to the sequence list.

In some examples, the card presentation module receives a delete operation, and in response to the delete operation, deletes the currently presented card based on the number of cards in the ordered list currently generated by the data management module, and continues to present each card in the stack of cards in the ordered list. Such as: the card display module deletes the currently displayed card in a dynamic and effective mode and continues to display each card in the card stack according to the sequence list. For example: and the card display module receives the deletion operation, responds to the deletion operation, deletes the currently displayed card in a dynamic effect 3 mode according to the condition that the number of the remaining cards is greater than or equal to 2 after subtracting 1 from the number of the cards in the sequence list currently generated by the data management module, and continues to display each card in the card stack according to the sequence list.

Illustratively, in combination with the above example, the other cards 3 of the application 3 are currently displayed on the desktop of the mobile phone in a top-positioned manner, the currently generated sequential list is the sequential list 3, the sequential list 3 includes the other cards 3, the other cards 2 and the initial card 1, and the deleting operation may be an operation of sliding the currently displayed card for a distance greater than a distance threshold in a predetermined direction, for example, a finger of the user presses the other cards 3 to move toward the left edge of the mobile phone. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 10 (a), the card display module displays the other card 3 and the other card 2 in the interface 1700.

Thereafter, in conjunction with the display logic shown in fig. 11, as shown in (b) of fig. 10, the user presses the other card 3 with a finger on the interface 1701 displayed on the mobile phone to move toward the left edge of the mobile phone, the card display module receives the number of cards in the determination order list 3 minus 1, the remaining number of cards is equal to 2, and the card display module determines that the moving distance of the right edge of the other card 3 in the x-axis direction is greater than the distance threshold (for example:

as shown in (a) of fig. 4, a indicates the length of the card), and after the other card 3 is released by the user's finger, the other card 3 is deleted. And the card display module controls other cards 3 during the period that the user's finger presses other cards 3 (hereinafter referred to as the viewing period), the scaling of other cards 3 is changed from scaling 10 to scaling 11, for example, scaling 10 is 100%, and scaling 11 is 95%. In this way, the card display module controls the scaling of other cards 3 to be changed from 100% to 95% during the viewing of other cards 3, so that the other cards 3 realize scaling of other cards 3 in the process of deletion. The card display module controls the other cards 3 to continue moving toward the left edge of the phone after the user's finger releases the other cards 3 and before the right edges of the other cards 3 move completely out of the left edge of the stack. As shown in fig. 10 (c), the other cards 3 in the interface 1702 have been deleted through the above operation, while the other cards 2 are gradually displayed on top.

Meanwhile, the card display module controls the other cards 2 to be zoomed in and out during the viewing from the transparency 15 to the transparency 16, such as the transparency 15 is 60% and the transparency 16 is 85%. The transparency of the other cards 2 is thus changed from 60% to 85%, thereby achieving zooming of the other cards 2. The card display module controls other cards 2 to move from the position 11 to the position 12 along the y-axis direction within the time length 18 after the other cards 3 are released by the user's finger, e.g., 500ms for time length 18, 5% height +8dp for position 11, and 0 for position 12. In this manner, the other card 2 is moved from the position 11 to the position 12 in the y-axis direction within 500ms after the other card 3 is released by the user's finger, thereby achieving the movement of the other card 2 in the y-axis direction. The card display module controls the transparency of the other cards 2 to move from the transparency 13 to the transparency 14 within the time period 19 after the other cards 3 are released by the user's finger, for example, the time period 19 is 500ms, the transparency 13 is 85%, and the transparency 14 is 100%, so that the transparency of the other cards 2 is changed from 85% to 100% within 500ms, and the opacity of the other cards 2 is realized. The card display module controls the scaling of the other cards 2 to move from the scaling 14 to the scaling 15 within the time length 20 after the other cards 3 are released by the user's finger, for example, the time length 20 is 500ms, the scaling 14 is 85%, and the scaling 15 is 100%, so that the scaling of the other cards 2 is changed from 85% to 100% within 500ms, and the scaling of the other cards 2 is realized. As shown in fig. 10 (d), the other cards 3 in the interface 1703 have been deleted through the above operation while the other cards 2 partially cover the original card 1, so that the card display module displays the other cards 2 and the original card 1 in a stacked manner in the interface 1704.

Meanwhile, the card display module controls the scaling of the initial card 1 to be changed from scaling 12 to scaling 13 during the viewing process, for example, the scaling 12 is 90%, and the scaling 13 is 85%. In this way, the scaling of the original card 1 is changed from 90% to 85%, thereby achieving the opacity of the original card 1. The card presentation module controls the initial card 1 to stay at position 4 for time period 21 after the user's finger releases the other card 3, e.g., 500ms for time period 21 and 5% height +8dp for position 4. In this manner, the initial card 1 continues to stay at the position 4 within 500ms after the user's finger releases the other cards 3. The card display module controls the transparency of the original card 1 to change from transparency 17 to transparency 18 within a time period 22 after the user's finger releases the other card 3, such as 500ms for time period 22, 85% for transparency 17 and 90% for transparency 18.

The transparency of the original card 1 is thus changed from 85% to 90% within 500ms, achieving the opacity of the original card 1. The card display module controls the scaling of the initial card 1 to change from 16 to 17 within a time period 23 after the user's finger releases the other card 3, e.g., 500ms for time period 23, 0% for 16 and 60% for 17. Thus, the initial card 1 is zoomed from 0% to 60% in 500ms, and the zooming of the initial card 1 is realized. In this way, the card display module completes deleting the currently displayed card in the action 3 manner, and continues to display each card in the card stack in the sequential list.

The above example is described by taking an example in which the card display module receives a deletion operation, and in response to the deletion operation, after subtracting 1 from the number of cards in the sequence list currently generated by the data management module, the number of remaining cards is greater than or equal to 2, and the currently displayed card is deleted in a dynamic and efficient manner, and each card in the card stack continues to be displayed according to the sequence list. In some other examples, the card display module receives a deletion operation, and in response to the deletion operation, deletes the currently displayed card in a dynamic effect 4 manner by subtracting 1 from the number of cards in the sequential list currently generated by the data management module, and continues to display each card in the card stack according to the sequential list.

Illustratively, in combination with the above example, the other cards 2 of the application 2 are currently displayed on the desktop of the mobile phone in a top-positioned manner, the currently generated sequential list is the sequential list 2, the sequential list 2 includes the other cards 2 and the initial card 1, and the deletion operation may be an operation of sliding the currently displayed card for a distance greater than a distance threshold in a predetermined direction, for example, a finger of the user presses the other cards 2 to move toward the left edge of the mobile phone, which is described as an example. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 12 (a), the card display module displays the other card 2 and the initial card 1 in the interface 1900.

Thereafter, in conjunction with the display logic shown in fig. 13, as shown in (b) of fig. 12, the user presses the other card 2 with a finger on the interface 1901 of the display of the mobile phone to move toward the left edge of the mobile phone, the card display module receives the number of cards in the determination order list 2 minus 1, the remaining number of cards is equal to 1, and the card display module determines that the movement distance of the right edge of the other card 2 in the x-axis direction is greater than the distance threshold (e.g., 2/3 × a, as shown in (a) of fig. 4, a represents the length of the card), and the user's finger releases the other card 2, and deletes the other card 2. The card display module controls other cards 2 during the period that the user's finger presses other cards 2 (hereinafter referred to as the viewing period), the scaling of other cards 2 is changed from scaling 18 to scaling 19, for example, the scaling 18 is 100%, and the scaling 19 is 95%. In this way, the card display module controls the scaling of other cards 2 to be changed from 100% to 95% during the viewing of other cards 2, so that the other cards 2 realize scaling of other cards 2 in the process of deletion. The card display module controls the other cards 2 to continue moving towards the left edge of the phone after the user's finger releases the other cards 2 and before the right edges of the other cards 2 move completely out of the left edge of the card stack. As shown in fig. 12 (c), the other cards 2 in the interface 1902 have been deleted through the above-described operation, while the initial card 1 is displayed on top.

Meanwhile, the card display module controls the transparency of the initial card 1 to change from transparency 19 to transparency 20 during the viewing process, such as transparency 19 of 60% and transparency 20 of 85%. The transparency of the original card 1 is thus changed from 60% to 85%, thereby achieving non-transparency of the original card 1. The card display module controls the scaling of the initial card 1 from scaling 20 to scaling 21 during viewing, such as scaling 20 of 90% and scaling 21 of 85%. Thus, the scaling of the initial card 1 is changed from 90% to 85%, thereby realizing the scaling of the initial card 1. The card presentation module controls the initial card 1 to move from the position 13 to the position 14 along the y-axis direction 1 within the time period 24 after the other card 2 is released by the user's finger, e.g., 500ms for time period 24, 5% height +8dp for position 13, and 0 for position 14. In this manner, the initial card 1 is moved from the position 13 to the position 14 in the y-axis direction within 500ms after the other card 2 is released by the user's finger, thereby achieving the movement of the initial card 1 in the y-axis direction. The card display module controls the transparency of the initial card 1 to move from the transparency 21 to the transparency 22 within a time period 25 after the other cards 2 are released by the user's finger, such as 500ms for the time period 25, 85% for the transparency 21, and 100% for the transparency 22. The transparency of the original card 1 is thus changed from 85% to 100% within 500ms, and the opacity of the original card 1 is achieved. The card display module controls the initial card 1 to move from the zoom scale 22 to the zoom scale 23 within the time period 26 after the user's finger releases the other card 2, for example, the time period 26 is 500ms, the zoom scale 22 is 85%, and the zoom scale 23 is 100%. Thus, the initial card 1 is zoomed from 85% to 100% in 500ms, and the zooming of the initial card 1 is realized. As shown in fig. 12 (c), the other cards 2 in the interface 1902 have been deleted through the above-described operation while the transparent base card 110 partially covers the original card 1.

Meanwhile, the card presentation module determines that only the initial card 1 remains after the other cards 2 are deleted in the sequential list 2. The card display module controls transparent bottom card 110 to stay at position 15 for time duration 27, such as 500ms for time duration 27 and 5% height +8dp for position 15. Thus, transparent bottom card 110 stays at position 15 for 500 ms. Card display module controls the change in transparency from transparency 23 to transparency 24 of transparent bottom card 110 during time period 28. For example, the duration 28 is 400ms, the transparency 23 is 0% and the transparency 24 is 100%. Thus, the transparency of transparent base card 110 changes from 0% to 100% within 500ms, thereby realizing non-transparency of transparent base card 110. Card display module controls transparent bottom card 110 to change from zoom ratio 24 to zoom ratio 25 during time period 29, for example: duration 29 is 500ms, scale 24 is 90%, and scale 25 is 100%. Thus, the transparent bottom card 110 is zoomed from 90% to 100% within 500ms, and the zooming of the transparent bottom card 110 is realized. As shown in fig. 12 (d), the card display module displays the transparent bottom card 110 on the interface 1903 of the cell phone. In this way, the card display module realizes that the deletion operation is received, and in response to the deletion operation, after subtracting 1 from the number of cards in the sequence list currently generated by the data management module, the number of the remaining cards is equal to 1, the currently displayed cards are deleted in a dynamic effect 4 mode, and each card in the card stack is continuously displayed according to the sequence list.

The above example is described by taking an example in which the card display module receives a deletion operation, deletes a currently displayed card in response to the deletion operation, and continues to display each card in the card stack in the order list. In some other examples, the card display module receives a switching operation, and switches the currently displayed card to the next card to be displayed when it is determined that the number of cards included in the currently generated sequential list is greater than or equal to 2 in response to the switching operation, so as to keep displaying each card in the card stack according to the sequential list. Such as: the switching operation is an operation of sliding the currently displayed card for a movement distance in a prescribed direction greater than a distance threshold. The prescribed direction may be a direction pointing from the card to an upper edge of the display of the mobile phone, or the prescribed direction may be a direction pointing from the card to a lower edge of the display of the mobile phone. Such as: the card display module receives sliding operation pointing to the edge of the upper side of the mobile phone display screen from the card, refers to the scratching operation in a simplified mode, switches the currently displayed card to the next card to be displayed, and displays each card in the card stack according to the sequence list. Or the card display module receives a sliding operation, namely a downward sliding operation, from the card to the lower side edge of the mobile phone display screen, and switches the currently displayed card to the next card to be displayed so as to keep displaying each card in the card stack according to the sequence list.

Specifically, in some examples, the preset direction is perpendicular to the prescribed direction in order to distinguish between the deletion operation and the switching operation.

For example: and the card display module receives the drawing operation, responds to the drawing operation and switches the currently displayed card to the next card to be displayed in a dynamic effect 5 mode when the number of the cards in the currently generated sequence list is determined to be equal to 2 so as to keep displaying each card in the card stack according to the sequence list.

Illustratively, with reference to the above example, the other cards 2 are displayed on the top of the interface of the mobile phone, the currently generated sequential list is the sequential list 2, and the sequential list 2 includes the other cards 2 and the initial card 1. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 14 (a), the card display module displays the other card 2, and the initial card 1 in the interface 2100.

The display logic shown in fig. 15 is then incorporated. As shown in fig. 14 (b), the user performs a swipe operation with a finger on another card on the interface 2101 displayed on the mobile phone. The card display module receives the stroke operation on the other cards 2, determines that the number of cards included in the currently generated sequential list is equal to 2 in response to the stroke operation, determines that the moving distance of the lower edges of the other cards 2 in the y-axis direction is greater than a distance threshold (e.g.: b, as shown in fig. 4 (a), b represents the width of the card), and controls the moving distance of the other cards 2 in the first target area (e.g.: the moving distance of the lower edges of the other cards 2 in the y-axis direction is less than or equal to a first moving threshold (e.g.:

) Is scaled 26 to scale 27, e.g., scale 26 is 100% and scale 27 is 95%. In this way, the other cards 3 realize zooming while switching. After the user releases the drawing-up operation on the other cards 3, the card display module switches the currently displayed card to the next card to be displayed. The card display module controls the other cards 2 to continue moving towards the upper edge of the cell phone after the fingers of the user release the other cards 2 and before the lower edges of the other cards 2 move completely out of the upper edge of the stack of cards. As shown in fig. 14 (b), after the above operation is performed, the cards currently displayed in the interface 2101 of the mobile phone are gradually switched from the other cards 2 to the initial card 1.

Meanwhile, the card display module controls the initial card 1 to be in the first target area, and the transparency is changed from transparency 25 to transparency 26, for example, the transparency 25 is 60% and the transparency 26 is 80%. In this way, the transparency of the original card 1 is changed from 60% to 80% in the first target area, and the opacity of the original card 1 is achieved. The card display module controls the initial card 1 to be in the first target area, and the scaling is changed from scaling 28 to scaling 29, for example, the scaling 28 is 90% and the scaling 29 is 85%. In this way, the initial card 1 is zoomed from 90% to 85% in the first target area, and zooming of the other cards 2 is achieved. After the user releases the swipe operation on the other card 2, the card presentation module controls the initial card 1 to move from the pop 16 to the pop 17 along the y-axis direction within time period 30, e.g., time period 30 is 500ms, pop 16 is 5% height +8dp, and pop 17 is 0. In this manner, the initial card 1 is moved from the position 16 to the position 17 within 500ms, thereby achieving movement of the initial card 1 in the y-axis direction. After the user releases the swiping operation on the other card 3, the card display module controls the transparency of the original card 1 to change from transparency 27 to transparency 28 within a time period 31, for example, 500ms for time period 31, 80% for transparency 27 and 100% for transparency 28. In this manner, the original card 1 is changed from the transparency of 80% to 100% within 500ms, thereby achieving the opacity of the original card 1. After the user releases the drawing operation on the other cards 2, the card display module controls the initial card 1 to change the scaling from the scaling 30 to the scaling 31 within the time length 32, for example, the time length 32 is 500ms, the scaling 30 is 85%, and the scaling 31 is 100%. In this way, the original card 1 is changed from the scaling of 85% to 100% within 500ms, thereby realizing the scaling of the original card 1. As shown in fig. 14 (c), after the above operation is performed, the other card 2 currently displayed in the interface 2102 of the mobile phone is switched to the original card 1. In this way, the card display module realizes that when the card display module receives the drawing operation and responds to the drawing operation and determines that the number of the cards included in the currently generated sequence list is equal to 2, the currently displayed card is switched to the next card to be displayed in a dynamic effect 5 mode so as to keep displaying each card in the card stack according to the sequence list.

The above example is described by taking an example in which the card display module receives the top-line operation, and when it is determined that the number of cards included in the currently generated sequential list is equal to 2 in response to the top-line operation, the currently displayed card is switched to the next card to be displayed according to the action 5, so that each card in the card stack is displayed according to the sequential list. In some other examples, the card display module receives the top-stroke operation, and when determining that the number of cards included in the currently generated sequential list is greater than 2 in response to the top-stroke operation, switches the currently displayed card to the next card to be displayed in a dynamic 6 manner so as to keep displaying each card in the card stack according to the sequential list.

Illustratively, in combination with the above example, the other cards 3 are currently set on top of the interface of the mobile phone, the currently generated sequential list is the sequential list 3, and the sequential list 3 includes the other cards 3, the other cards 2, and the initial card 1. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 16 (a), the card display module displays the other card 2, the other card 3, and the initial card 1 in the interface 2300.

The display logic shown in fig. 17 is then incorporated. As shown in fig. 16 (b), the user performs a swipe operation with a finger on another card on the interface 2301 displayed on the mobile phone. Card with detachable coverThe display module receives the drawing operation on the other cards 3, determines that the number of cards included in the currently generated sequential list is greater than 2 in response to the drawing operation, and determines that the moving distance of the lower edges of the other cards 3 in the y-axis direction is greater than a distance threshold (e.g.: b, as shown in (a) in fig. 4, b represents the width of the card), and the card display module controls the other cards 3 in a first target area (e.g.: the moving distance of the lower edges of the other cards 3 in the y-axis direction is less than or equal to a first moving threshold (e.g.:

) Is scaled 32 to scale 33, e.g., scale 32 is 100% and scale 33 is 95%. In this way, the other cards 3 realize zooming while switching. After the user releases the drawing-up operation on the other cards 3, the card display module switches the currently displayed card to the next card to be displayed. The card display module controls the other cards 3 to continue moving toward the lower edge of the cell phone after the user's fingers release the other cards 3 and before the lower edges of the other cards 3 move completely out of the lower edge of the stack.

As shown in fig. 16 (c), after the above operation is performed, the card currently displayed in the interface 2302 of the mobile phone is switched from the other card 3 to the other card 2.

Meanwhile, the card display module controls other cards 2 in the first target area, and the transparency is changed from transparency 29 to transparency 30, such as transparency 29 is 60% and transparency 30 is 80%. In this way, the transparency of the other card 2 is changed from 60% to 80% in the first target area, and the opacity of the other card 2 is realized. The card display module controls other cards 2 in the first target area, and the scaling is changed from scaling 34 to scaling 35, for example, the scaling 34 is 90% and the scaling 35 is 85%. Thus, the scaling of the other cards 2 in the first target area is changed from 90% to 85%, and the scaling of the other cards 2 is realized. After the user releases the swipe up operation on the other card 3, the card presentation module controls the other card 2 to move from the pop 18 to the pop 19 along the y-axis direction within time length 33, such as time length 33 of 500ms, pop 18 of 5% height +8dp, and pop 19 of 0. In this manner, the other card 2 is moved from the position 18 to the position 19 within 500ms, thereby achieving movement of the other card 2 in the y-axis direction. After the user releases the swiping operation on the other card 3, the card display module controls the other card 2 to change transparency from transparency 31 to transparency 32 within time period 34, for example, time period 34 is 250ms, transparency 32 is 80%, and transparency 32 is 100%. In this way, the other card 2 changes from transparency 80% to 100% within 250ms, thereby achieving the opacity of the other card 2. After the user releases the drawing operation on the other cards 3, the card display module controls the other cards 2 to change the scaling from the scaling 36 to the scaling 37 in the time length 35, for example, the time length 35 is 500ms, the scaling 36 is 85%, and the scaling 37 is 100%. Thus, the other cards 2 are changed from the scaling of 85% to 100% within 500ms, thereby realizing the scaling of the other cards 2. After the above operations are performed, as shown in fig. 16 (c) and 16 (d), the other cards 2 currently displayed gradually move toward the upper edge of the mobile phone, and the initial card 1 located under the other cards gradually appears, as shown in the interface 2302 and the interface 2303.

Meanwhile, after the user releases the swipe operation on the other card 3, the card presentation module controls the initial card 1 to remain stationary at the position of the pesticide 4 for a duration 36, e.g., 500ms for duration 36 and 5% height +8dp for pesticide 4. Thus, the initial card 1 remains stationary at the location 4 within 500 ms. The card display module controls the transparency of the original card 1 to change from transparency 33 to transparency 34 for a time period 37, such as 400ms for time period 37, 0% for transparency 33, and 60% for transparency 34. In this way, the transparency of the original card 1 is changed from 0% to 60% within 400ms, and the non-transparency of the original card 1 is realized. The card display module controls the initial card 1 to change the zoom ratio from zoom ratio 38 to zoom ratio 39 within time period 38, for example, time period 38 is 500ms, zoom ratio 38 is 80%, and zoom ratio 39 is 90%. Thus, the initial card 1 is zoomed from 80% to 90% in 500ms, and the zooming of the initial card 1 is realized. As shown in fig. 16 (e), after the above operation is performed, the card currently displayed in the interface 2304 of the mobile phone is switched from the other card 2 to the initial card 1. In this way, the card display module realizes that when the drawing operation is received and the number of the cards included in the currently generated sequence list is determined to be greater than 2 in response to the drawing operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 6 mode, so that each card in the card stack is kept to be displayed according to the sequence list.

The above example is described by taking an example in which the card display module receives a drawing operation, and when it is determined that the number of cards included in the currently generated sequential list is greater than or equal to 2 in response to the drawing operation, the currently displayed card is switched to the next card to be displayed in a dynamic and efficient manner, so as to keep displaying each card in the card stack according to the sequential list. In other examples, for example: and the card display module receives the downward drawing operation, responds to the downward drawing operation, and switches the currently displayed card to the next card to be displayed in a dynamic and effective mode when the number of the cards in the currently generated sequence list is determined to be greater than or equal to 2 so as to keep displaying each card in the card stack according to the sequence list.

For example: and the card display module receives the downward drawing operation, responds to the downward drawing operation, and switches the currently displayed card to the next card to be displayed in a dynamic effect 7 mode when the number of the cards in the currently generated sequence list is determined to be equal to 2 so as to keep displaying each card in the card stack according to the sequence list.

Illustratively, in combination with the above example, the other cards 2 are displayed on the top of the interface of the mobile phone, the currently generated sequential list is the sequential list 2, and the sequential list 2 includes the other cards 2 and the initial card 1, which is taken as an example for explanation. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 18 (a), the card display module displays the other card 2 and the initial card 1 in the interface 2300.

Thereafter, the display logic shown in FIG. 19 is incorporated. As shown in fig. 18 (a), the user presses another card on the interface 2500 of the mobile phone by the mobile phone to move toward the lower edge of the mobile phone. Thus, the card display module receives the downward stroke operation for the other cards 2, determines that the number of cards included in the currently generated sequential list is equal to 2 in response to the downward stroke operation, and determines that the moving distance of the lower edges of the other cards 2 in the y-axis direction is greater than the distance threshold (e.g., b, which represents the width of the card as shown in fig. 4 (a)), controls the other cards 2 in the second target area (e.g., the area where the moving distance of the lower edges of the other cards 2 in the y-axis direction is less than or equal to the second moving threshold (e.g., 1/2 b)), and changes the scaling from scaling 40 to scaling 41, such as scaling 40 being 100% and scaling 41 being 95%. In this way, the other cards 2 realize zooming while switching. After the user releases the drag operation on the other cards 2, the card display module switches the currently displayed card to the next card to be displayed. The card display module controls the other cards 2 to continue moving toward the lower edge of the cell phone after the user's fingers release the other cards 2 and before the lower edges of the other cards 2 move completely out of the lower edge of the stack.

As shown in fig. 18 (b), after the above operation is performed, the cards currently displayed on the interface 2501 of the mobile phone are gradually switched from the other cards 2 to the initial card 1.

Meanwhile, the card display module controls the initial card 1 to be in the second target area, and the transparency is changed from the transparency 35 to the transparency 36, for example, the transparency 35 is 60% and the transparency 36 is 80%. In this way, the transparency of the original card 1 is changed from 60% to 80% in the second target area, and the non-transparency of the original card 1 is realized. The card display module controls the initial card 1 to be in the second target area, and the scaling ratio is changed from scaling ratio 42 to scaling ratio 43, for example, the scaling ratio 42 is 90%, and the scaling ratio 43 is 85%. Thus, the scaling of the initial card 1 in the second target area is changed from 90% to 85%, and the scaling of the initial card 1 is realized. After the user releases the swipe down of the other card 2, the card presentation module controls the initial card 1 to move from pop 20 to pop 221 along the y-axis direction for time length 39, e.g., 500ms for time length 39, 5% height +8dp for

pop

20, and 0 for pop 21. In this manner, the initial card 1 is moved from the position 20 to the position 21 within 500ms, thereby achieving movement of the initial card 1 in the y-axis direction. After the user releases the swipe down of the other card 2, the card display module controls the other card 2 to change transparency from transparency 37 to transparency 38 for a duration 40, such as 500ms for duration 40, 80% for transparency 37, and 100% for transparency 38. In this way, the other card 2 changes from transparency 80% to 100% within 500ms, thereby achieving the opacity of the original card 1. After the user releases the drag operation on the other card 2, the card display module controls the initial card 1 to change the zoom ratio from zoom ratio 44 to zoom ratio 45 in time period 41, for example, time period 41 is 500ms, zoom ratio 44 is 85%, and zoom ratio 45 is 100%. Thus, the other cards 2 are changed from the scaling of 85% to 100% within 500ms, thereby achieving the scaling of the original card 1. As shown in fig. 18 (c), after the above operation is performed, the other card 2 currently displayed in the interface 2502 of the mobile phone is switched to the original card 1. In this way, the card display module achieves that when the downward stroke operation is received and the number of the cards included in the currently generated sequence list is determined to be equal to 2 in response to the downward stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 7 mode, so that each card in the card stack is kept to be displayed according to the sequence list.

The above example is described by taking an example in which the card display module receives a downward stroke operation, and when it is determined that the number of cards included in the currently generated sequential list is equal to 2 in response to the downward stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic 7 manner, so as to keep displaying each card in the card stack according to the sequential list. In some other examples, the card display module receives the downward stroke operation, and when it is determined that the number of cards included in the currently generated sequential list is greater than 2 in response to the downward stroke operation, switches the currently displayed card to the next card to be displayed in a dynamic 8 manner, so as to keep displaying each card in the card stack according to the sequential list.

Illustratively, in combination with the above example, the other cards 3 are currently set on top of the interface of the mobile phone, the currently generated sequential list is the sequential list 3, and the sequential list 3 includes the other cards 3, the other cards 2 and the initial card 1. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 20 (a), the card display module displays the other card 2, the other card 3, and the initial card 1 in the interface 2700.

The display logic shown in FIG. 21 is then incorporated. As shown in fig. 20 (b), the user presses another card on the interface 2701 of the cellular phone by the cellular phone to move toward the lower edge of the cellular phone. Thus, the card display module receives the downward stroke operation for the other cards 3, determines that the number of cards included in the currently generated sequential list is greater than 2 in response to the downward stroke operation, and determines that the moving distance of the lower edges of the other cards 3 in the y-axis direction is greater than the distance threshold (e.g., b, which represents the width of the card, as shown in fig. 4 (a)), the card display module controls the other cards 3 in the second target area (e.g., the area where the moving distance of the lower edges of the other cards 3 in the y-axis direction is less than or equal to the second moving threshold (e.g., 1/2 b)), and the scaling ratio is kept unchanged at the scaling ratio 46, e.g., the scaling ratio 46 is 100%. In this way, the other cards 3 are switched while the scaling is kept unchanged. After the user releases the drag operation on the other cards 3, the card display module switches the currently displayed card to the next card to be displayed. The card display module controls the other cards 3 to continue moving toward the lower edge of the cell phone after the user's fingers release the other cards 3 and before the lower edges of the other cards 3 move completely out of the lower edge of the stack.

As shown in fig. 20 (c), after the above operation is performed, the card currently displayed on the interface 2702 of the mobile phone is switched from the other card 3 to the other card 2.

Meanwhile, the card display module controls other cards 2 in the second target area, and the transparency is changed from the transparency 39 to the transparency 10, such as the transparency 39 is 100% and the transparency 40 is 60%. In this way, the transparency of the other card 2 is changed from 100% to 60% in the second target area, and the transparency of the other card 2 is realized. The card display module controls other cards 2 in the second target area, and the scaling ratio is changed from the scaling ratio 47 to the scaling ratio 48, for example, the scaling ratio 47 is 100% and the scaling ratio 48 is 90%. Thus, the scaling of the other cards 2 in the second target area is changed from 100% to 90%, and the scaling of the other cards 2 is realized. After the user releases the swipe down operation on the other card 3, the card presentation module controls the other card 2 to move from the pop 22 to the pop 23 along the y-axis direction within time period 42, such as time period 42 of 500ms, pop 22 of 5% height +8dp, and pop 23 of 0. In this manner, the other card 2 is moved from the position 22 to the position 23 within 500ms, thereby achieving movement of the other card 2 in the y-axis direction. After the user releases the swiping operation on the other card 3, the card display module controls the other card 2 to change transparency from transparency 41 to transparency 42 within time period 43, for example, time period 43 is 250ms, transparency 41 is 85%, and transparency 42 is 100%. In this way, the other card 2 changes from 85% transparency to 100% within 250ms, thereby achieving the opacity of the other card 2. After the user releases the drag operation on the other card 3, the card display module controls the other card 2 to change the scale from the scale 49 to the scale 50 within the time period 44, for example, the time period 44 is 500ms, the scale 49 is 85%, and the scale 50 is 100%. Thus, the other cards 2 are changed from the scaling of 85% to 100% within 500ms, thereby realizing the scaling of the other cards 2. As shown in fig. 20 (d), after the above operation is performed, the other cards 2 currently displayed in the interface 2703 of the mobile phone gradually move toward the lower edge of the mobile phone, and the initial cards 1 located under the other cards are gradually displayed.

Meanwhile, the card display module controls the initial card 1 to be in the second target area and to be in the position of the pesticide 4 unchanged, such as the position 4 is 5% multiplied by height +8 dp. In this manner, the initial card 1 remains stationary at the location 4 throughout the second target area. The card display module controls the original card 1 to be in the second target area, and the transparency is changed from the transparency 43 to the transparency 44, for example, the transparency 43 is 60% and the transparency 44 is 0%. In this way, the transparency of the original card 1 is changed from 60% to 0% in the second target area, and the transparency of the other card 2 is realized. After the user releases the swipe down of the other card 3, the card presentation module controls the initial card 1 to hold the pesticide 24 for time period 45, such as time period 45 of 500ms and pesticide 24 of 5% height +8 dp. Thus, the initial card 1 is stationary at the position of the pesticide 24 within 500 ms. The card display module controls the transparency of the original card 1 to change from transparency 45 to transparency 46 for a time period 46, such as 400ms for time period 46, 0% for transparency 45, and 60% for transparency 46. In this way, the transparency of the original card 1 is changed from 0% to 60% within 400ms, and the non-transparency of the original card 1 is realized. The card display module controls the initial card 1 to zoom from zoom 51 to zoom 52 within time period 47, such as 500ms for 47, 85% for zoom 51 and 90% for zoom 52. Thus, the initial card 1 is zoomed from 85% to 90% in 500ms, and the zooming of the initial card 1 is realized. As shown in fig. 20 (e), after the above operation is performed, the card currently displayed in the interface 2704 of the mobile phone is switched from the other card 2 to the initial card 1.

In this way, the card display module realizes that when the downward stroke operation is received and the number of the cards included in the currently generated sequence list is determined to be greater than 2 in response to the downward stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 8 mode, so that each card in the card stack is kept to be displayed according to the sequence list.

S15, the card display module informs the data management module to delete the card.

And S16, the data management module deletes the card and updates the sequence list.

And S17, the data management module controls the card display module to display each card in the card stack according to the updated sequence list.

The second way of deleting cards from the card stack may include S18-S20.

S18, the application 2 sends the information of deleting the target card to the data management module.

In some examples, application 2 can only delete the card corresponding to that application 2. The card corresponding to the application 2 is a card corresponding to the notification message, which is generated by the notification message sent by the application 2 to the view preprocessing module and templated by the view preprocessing module.

In some examples, the card has a presentation period, such as a travel card or the like. When the display cycle of the travel card is finished, the travel card is still displayed in the card stack at the moment, so that the number of the cards in the card stack is large, and the user cannot conveniently look up the cards. Therefore, according to the card display method provided by the application 2, when the display period of the corresponding card is determined to be finished, the information for deleting the target card, such as the card identifier of the target card, is sent to the data management module. The data management module thus deletes the entry corresponding to the card identifier, such as the card name and the card identifier, based on the card identifier sent by the application 2. In this manner, the data management module completes the update of the ordered list. The number of cards in the card stack is reduced, and a user can conveniently look up the cards.

And S19, the data management module deletes the target card according to the information of the deleted target card and updates the sequence list.

And S20, when the card display module determines that the number of cards included in the sequence list generated by the data management module at present is less than the number of cards included in the sequence list generated by the data management module at last time, and the number of cards included in the sequence list generated at present is greater than or equal to 1, the cards deleted from the sequence list generated at present compared with the sequence list generated at last time are displayed in a dynamic and effective mode.

In some examples, the card presentation module displays cards deleted from the currently generated order list compared to the last generated order list according to a relationship between the number of cards included in the order list currently generated by the data management module being smaller than the number of cards included in the order list last generated by the data management module. Such as: cards deleted from the currently generated sequential list compared to the last generated sequential list are displayed in an animated manner. For example: and when the card display module determines that the number of cards in the sequence list generated currently by the data management module is less than the number of cards in the sequence list generated last time by the data management module and the number of cards in the sequence list generated currently is greater than or equal to 2, displaying the cards deleted in the sequence list generated currently compared with the sequence list generated last time in a dynamic effect 9 mode.

Illustratively, in combination with the above example, the other cards 3 of the application 3 are currently displayed on the desktop of the mobile phone in a top-set manner, the target card is the other cards 3, the currently generated sequential list is the sequential list 2, the sequential list 2 includes the other cards 2 and the initial card 1, the last generated sequential list is the sequential list 3, the sequential list 3 includes the other cards 3, the other cards 2 and the initial card 1, and the deletion operation may be an operation of sliding the currently displayed card for a distance greater than a distance threshold in a predetermined direction, for example, a finger of the user presses the other cards 3 to move toward the left edge of the mobile phone. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 22 (a), the card display module displays the other card 3, the other card 2, and the initial card 1 in the interface 3000.

Thereafter, the display logic shown in FIG. 23 is incorporated. The card display module controls the other cards 3 to change transparency from transparency 47 to transparency 48 for time period 48, such as time period 48 of 400ms, transparency 47 of 100%, and transparency 48 of 0%. In this way, the transparency of the other card 3 is changed from 100% to 0% within 400ms, and the transparency of the other card 3 is realized. The card display module controls the other cards 3 to zoom from zoom scale 53 to zoom scale 54 within time period 49, for example, time period 49 is 600ms, zoom scale 53 is 100, and zoom scale 54 is 105%. Thus, the other cards 3 are zoomed from 100% to 105% in 600ms, and zooming to the other cards 3 is realized. As shown in fig. 22 (b), after the other cards 3 are subjected to the above operation, the other cards 3 become transparent while becoming larger as shown in the interface 3001. Thus, after the other card 3 is completely transparent, the other card 3 is not visible on the interface of the mobile phone, i.e. the other card 3 is deleted.

At the same time, the card display module controls the other cards 2 to move from the position 25 to the position 26 along the y-axis direction within the time length 50, e.g., 500ms for time length 50, 5% height +8dp for position 25, and 0 for position 26. Thus, the other card 2 moves in the y-axis direction from the position 25 to the position 26 within 500ms, which enables movement of the other card 2 in the y-axis. The card display module controls the transparency of the other cards 2 to change from transparency 49 to transparency 50 in time period 51, such as time period 51 of 250ms, transparency 49 of 60% and transparency 50 of 100%. In this way, the transparency of the other card 2 is changed from 60% to 100% in 250ms, and the non-transparency of the other card 2 is realized. The card display module controls the other cards 2 to zoom from zoom 55 to zoom 56 in duration 52, e.g., duration 52 is 500ms, zoom 55 is 90%, and zoom 56 is 100%. Thus, the other cards 2 are zoomed from 90% to 100% in 500ms, which realizes the zooming of the other cards 2. As shown in fig. 22 (c), after the other card 3 is completely transparent, only the other card 2 is currently displayed on the interface 3002 of the mobile phone.

At the same time, the card presentation module controls the initial card 1 to move from the position 27 to the position 28 along the y-axis direction within the time period 53, e.g., 500ms for time period 53, 0 for position 27, and 5% x height +8dp for position 28. Thus, the initial card 1 is moved in the y-axis direction from the position 27 to the position 28 within 500ms, which enables movement of the initial card 1 in the y-axis. The card display module controls the transparency of the original card 1 to change from transparency 51 to transparency 52 within a time period 54, such as 500ms for the time period 54, 0% for the transparency 51, and 60% for the transparency 52. In this way, the transparency of the original card 1 is changed from 0% to 60% within 500ms, and the original card 1 is made non-transparent. The card display module controls the initial card 1 to be displayed at a zoom 57 for a time period 55, such as 500ms for time period 55 and 90% for zoom 57. Thus, the original card 1 is displayed at a 90% zoom ratio in 500 ms. As shown in fig. 22 (c), after the card display module controls the initial card 1 to perform the above operations, the other cards 2 and the initial card 1 are displayed on the interface 3002 of the mobile phone. In this way, the card display module realizes that when the number of cards included in the sequence list currently generated by the data management module is smaller than the number of cards included in the sequence list generated last time by the data management module and the number of cards included in the sequence list currently generated is greater than or equal to 2, the cards deleted from the sequence list currently generated compared with the sequence list generated last time are displayed in a dynamic effect 9 manner.

The above example is described by taking an example in which when the card display module determines that the number of cards included in the sequence list currently generated by the data management module is smaller than the number of cards included in the sequence list generated last time by the data management module, and the number of cards included in the sequence list currently generated is greater than or equal to 2, the cards deleted from the sequence list currently generated compared to the sequence list generated last time are displayed in a dynamic effect 9 manner. In some other examples, the card presentation module determines that the number of cards included in the sequential list currently generated by the data management module is less than the number of cards included in the sequential list last generated by the data management module, and displays the cards deleted from the sequential list currently generated compared to the sequential list last generated in an action 10 manner when the number of cards included in the sequential list currently generated is equal to 1.

Illustratively, in combination with the above example, the other cards 2 of the application 2 are currently displayed on the desktop of the mobile phone in a top-set manner, the target card is the other cards 2, the currently generated sequential list is the sequential list 1, the sequential list 1 includes the initial card 1, the last generated sequential list is the sequential list 2, the sequential list 2 includes the other cards 2 and the initial card 1, and the deletion operation may be an operation of sliding the currently displayed card in a predetermined direction by a distance greater than a distance threshold, for example, a finger of the user presses the other cards 3 to move toward the left edge of the mobile phone, which is described as an example. In conjunction with the coordinate system shown in fig. 4 (b), as shown in fig. 24 (a), the card display module displays the other card 2 and the initial card 1 in the interface 3200.

The display logic shown in FIG. 25 is then incorporated. The card display module controls the transparency of the other cards 2 to change from transparency 53 to transparency 54 within a time period 56, such as 400ms for the time period 56, 100% for the transparency 53 and 0% for the transparency 54. In this way, the transparency of the other card 2 is changed from 100% to 0% within 400ms, and the transparency of the other card 2 is realized. The card display module controls the other cards 2 to zoom from scale 58 to scale 59 within time period 57, e.g., 600ms for time period 57, 100 for scale 58, and 105 for scale 59. Thus, the other cards 2 are zoomed from 100% to 105% in 600ms, which realizes the zooming of the other cards 2. As shown in fig. 24 (b), after the other cards 2 are subjected to the above operation, the other cards 2 become transparent while becoming larger as shown in the interface 3201. In this way, after the other card 2 is completely transparent, the other card 2 is not visible on the interface of the mobile phone, i.e. the other card 2 is deleted.

At the same time, the card display module controls the initial card 1 to move from position 29 to position 30 along the y-axis direction within time length 58, e.g., time length 58 is 600ms, position 29 is 5% x height +8dp, and position 30 is 0. Thus, initial card 1 is moved in 600ms along the y-axis from pesticide 29 to pesticide 30, which effects movement of initial card 1 in the y-axis. The card display module controls the transparency of the original card 1 to change from transparency 55 to transparency 56 for a time period 59, such as 350ms for time period 59, 60% for transparency 55, and 0% for transparency 56. In this way, the transparency of the original card 1 is changed from 60% to 0% in 350ms, and the transparency of the original card 1 is realized. The card display module controls the initial card 1 to change the scaling from the scaling 60 to the scaling 61 in the time period 60, for example, the time period 60 is 600ms, the scaling 60 is 90%, and the scaling 61 is 100%. Thus, the initial card 1 is zoomed from 90% to 100% in 600ms, and the zooming of the initial card 1 is realized. As shown in fig. 24 (c), after the other cards 2 are completely transparent, only the initial card 1 is currently displayed on the interface 3202 of the mobile phone.

Meanwhile, the card presentation module determines that only the initial card 1 remains after the other cards 2 are deleted in the sequential list 2. The card display module controls transparent bottom card 110 to stay at position 31 for time period 61, such as time period 61 of 600ms and position 31 of 5% height +8 dp. Thus, transparent bottom card 110 stays at position 31 for 600 ms. Card display module controls the change in transparency of transparent bottom card 110 from transparency 57 to transparency 58 during time period 62. For example, time 62 is 400ms, transparency 57 is 0% and transparency 58 is 100%. Thus, the transparency of transparent base card 110 changes from 0% to 100% within 400ms, thereby realizing non-transparency of transparent base card 110. Card display module controls transparent bottom card 110 to zoom from zoom scale 63 to zoom scale 64 within time period 63, such as: duration 63 is 600ms, scale 63 is 90%, and scale 64 is 100%. Thus, the transparent bottom card 110 is zoomed from 90% to 100% within 600ms, and the zooming of the transparent bottom card 110 is realized. As shown in fig. 24 (d), the card display module displays the transparent bottom card 110 on the interface 3203 of the mobile phone. In this way, the card display module realizes that when the number of cards included in the sequence list currently generated by the data management module is smaller than the number of cards included in the sequence list generated last time by the data management module and the number of cards included in the sequence list currently generated is equal to 1, the cards deleted from the sequence list currently generated compared with the sequence list generated last time are displayed in a dynamic effect 10 manner.

The above example is explained by taking as an example that the deletion operation may be an operation of sliding the currently presented card by a movement distance in a predetermined direction greater than a distance threshold. In some other examples, the delete operation may be an operation of pressing the currently presented card for a period of time greater than a time threshold. For example, the currently generated sequential list includes other cards 2 and an initial card 1, the mobile phone displays the other cards 2 by placing the top on the current interface, and the deletion operation may be an operation in which the duration of pressing the currently displayed card is greater than a time threshold. When the user does not need other cards 2, the user presses the other cards 2 on the interface displayed by the mobile phone, and when the time length for pressing the other cards 2 is greater than the time threshold value, the card display module prompts the user whether to delete the other cards 2. The interface of the mobile phone is provided with icons for prompting the user to ignore other cards 2, setting icons and removing icons. The user selects (for example, clicks) the icon ignoring the "other card 2", and then the other "other card 2" is no longer displayed in the card stack (here, the application corresponding to the other card 2 is referred to, and when there is a new notification message again, the card corresponding to the notification message is no longer displayed on the interface of the mobile phone). After the user selects the setting icon, the "other cards 2" may be set, for example, the set items include a display sequence, a display duration, and the like. After the user selects the removal icon on the interface displayed by the mobile phone, the card display module deletes the other cards 2 according to the mode of deleting the cards in the card stack. Thus, only the initial card 1 is currently displayed on the interface of the handset. At this time, if the user continues to delete the initial card 1 by using the above operation, the initial card 1 identifying the display position of the card stack on the desktop is deleted, so that the user cannot see the corresponding card stack on the desktop, that is, the card stack is deleted.

Specifically, the process of updating cards in the card stack may include S21 to S25.

S21, the application 2 sends a notification message to the view preprocessing module.

In some examples, each card corresponds to a card identifier, and the notification message further includes the card identifier. Thus, after receiving the notification message of the application 2, the view preprocessing module determines the target card to be updated according to the notification message. And then, the view preprocessing module sends the target card and the card identifier to be updated to the data management module. And the data management module replaces the target card corresponding to the card identifier in the sequence list with the target card to be updated according to the target card to be updated and the card identifier so as to update the target card and further update the sequence list.

And S22, the view preprocessing module performs templating processing on the notification message according to the notification message to generate a target card to be updated corresponding to the notification message.

It should be noted that the implementation process of S22 is similar to the implementation process of S3, and is not described here again.

S23, the view preprocessing module sends the target card and the card identifier to be updated to the data management module.

And S24, when the data management module determines that the card identifier corresponding to the target card exists in the sequence list according to the target card to be updated and the card identifier, replacing the target card corresponding to the card identifier in the sequence list with the target card to be updated, and updating the sequence list.

And S25, the data management module controls the card display module to display each card in the card stack according to the updated sequence list.

For convenience of understanding, the method for displaying the notification message provided by the present application is explained in conjunction with a "card stack creation process", a "card adding process in a card stack", a "card deleting process in a card stack", and a "card updating process in a card stack" included in the method for displaying the notification message provided by the present application. For example, the electronic device is a mobile phone, the application 1 is a weather application, and the application 2 is a calendar application, and the user performs a two-finger pinch operation on an interface of the mobile phone. The desktop application may display an interface 503 containing a widget in response to receiving a pinch-in-two operation by the user. After the widget receives the selection operation, an interface containing the card stack may be displayed in response. Thereafter, the user may perform a click operation on the card stack on the cell phone. After the mobile phone receives the click operation on the card stack, the desktop application informs the weather application to provide display information, and the card corresponding to the display information, such as an initial card, is displayed on the interface of the mobile phone according to the card stack creation flow, and is used for identifying the display position of the card in the card stack on the interface. After that, the application 2 sends a notification message to the desktop application, and after receiving the notification message sent by the application 2, the desktop application determines, according to the "new card adding flow in the card stack", that the number of cards included in the currently generated order list 2 is greater than the number of cards included in the last generated order list 1, and the number of cards included in the order list 2 is equal to 2, displays, in the dynamic effect 1 in the above example, cards that are added to the order list 2 in comparison with the order list 1, and places the cards in a top display. Alternatively, the desktop application determines that the number of cards included in the currently generated sequential list 2 is greater than the number of cards included in the previously generated sequential list 1, and the number of cards included in the sequential list 2 is greater than 2, and displays the cards newly added to the sequential list 2 compared to the sequential list 1 in the dynamic effect 2 in the above example, and displays the cards in a juxtaposed manner. At this time, the cards include 2 cards, which are the initial card and the card 2.

And then, the weather application sends a notification message to the desktop application, and the desktop application updates the displayed content of the initial card according to the 'card stack updating process' after receiving the notification message sent by the weather application, so that the user can see the weather data provided by the weather application in real time.

In one case, when the user is not in need of the card 2, the user may perform a delete operation on the mobile phone as shown in fig. 10. And then, the desktop application receives a deletion operation input by a user, and according to the 'card deleting process in the card stack', when the number of the cards remaining in the sequence list is determined to be greater than or equal to 2 in response to the deletion operation, the currently displayed card (such as the card 2) is deleted in a dynamic effect 3 mode, and each card in the card stack is continuously displayed according to the sequence list. Alternatively, as shown in fig. 12, the desktop application receives a deletion operation input by the user, and in response to the deletion operation, when it is determined that the number of cards remaining in the sequential list is equal to 1, deletes the currently displayed card (e.g., card 2) in the manner of action 4, and continues to display each card in the card stack according to the sequential list. Thereafter, the desktop application continues to display the remaining cards in the card stack, such as card 1, on the interface of the cell phone. As such, the user may continue to view the cards remaining in the card stack.

Of course, the user may refer to the cards in the card stack by a swiping operation. Accordingly, as shown in fig. 14, when the desktop application receives the top-stroke operation and determines that the number of cards included in the currently generated sequential list is equal to 2 in response to the top-stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 5 manner, so as to keep displaying each card in the card stack according to the sequential list. Alternatively, as shown in fig. 16, when the desktop application receives the top-stroke operation and determines that the number of cards included in the currently generated sequential list is greater than 2 in response to the top-stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 6 manner, so as to keep displaying each card in the card stack according to the sequential list. Similarly, a user may refer to the cards in the card stack by a swiping operation. Accordingly, as shown in fig. 18, when the desktop application receives the downward stroke operation and determines that the number of cards included in the currently generated sequential list is equal to 2 in response to the downward stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic 7 manner, so that each card in the card stack is kept displayed according to the sequential list. Alternatively, as shown in fig. 20, when the desktop application receives the downward stroke operation and determines that the number of cards included in the currently generated sequential list is greater than 2 in response to the downward stroke operation, the currently displayed card is switched to the next card to be displayed in a dynamic effect 8 manner, so as to keep displaying each card in the card stack according to the sequential list.

In another case, the calendar application creates a card with a presentation period, such as card 2. When the calendar application determines that the presentation period of the card 2 is over, the calendar application sends deletion information for deleting the card 2 to the desktop application. As shown in fig. 22, after receiving the deletion information for deleting the card 2, according to the above "card stack deletion flow", the desktop application determines that the number of cards included in the currently generated sequential list is smaller than the number of cards included in the previously generated sequential list, and when the number of cards included in the currently generated sequential list is greater than or equal to 2, displays the cards (such as the cards 2) deleted from the currently generated sequential list as compared with the previously generated sequential list in an action 9 manner. Alternatively, as shown in fig. 24, after receiving the deletion information for deleting the card 2, the desktop application determines that the number of cards included in the currently generated sequential list is smaller than the number of cards included in the previously generated sequential list according to the above "delete card flow in card stack", and displays the cards (such as the cards 2) deleted from the currently generated sequential list compared to the previously generated sequential list in a manner of action 10 when the number of cards included in the currently generated sequential list is equal to 1. Thereafter, the desktop application continues to display the remaining cards in the card stack, such as card 1, on the interface of the cell phone. As such, the user may continue to view the cards remaining in the card stack.

After the operation, if the user does not need the card stack, the user can execute a deleting operation of deleting the last card left in the card stack on the interface of the mobile phone. And the desktop application receives a deletion operation input by a user, and deletes the last card left in the card stack according to the 'mode for deleting the card in the card stack'. Thereafter, the desktop application continues to display the card stack on the interface of the cell phone.

According to the card display method, after the desktop application receives the notification message sent by the application 2, the notification message is subjected to templating processing through the view preprocessing module, and the templated card is obtained. And then, the view preprocessing module sends the templated card to the data management module. And the data management module updates the sequence list according to the currently received card. The data management module controls the card display module to display each card in the card stack according to the updated sequence list, so that a user can look up the card of the notification message sent by the application 2 on the desktop of the mobile phone without looking up the notification message of the application 2 in the notification bar of the mobile phone, and the problem that the user needs to unlock the mobile phone on the mobile phone and look up the notification message in the notification bar every time the user looks up the notification message of the mobile phone in the related technology is solved.

In an example, please refer to fig. 3, a schematic composition diagram of an electronic device 10 is provided. As shown in fig. 3, the electronic device 10 may include: a view preprocessing module 101, a data management module 102, and a card presentation module 103. The electronic device further comprises a desktop application, a first application and a second application, wherein the desktop application comprises a widget, the widget comprises a control used for creating the card stack, and the desktop application comprises a view preprocessing module 101, a data management module 102 and a card display module 103. The widget receives user operation on a control used for creating the card stack; the widget sends indication information to the first application, wherein the indication information is used for indicating the first application to provide display information; the view preprocessing module 101 receives display information sent by a first application; the data management module 102 generates a first card corresponding to the display information; the data management module 102 creates a sequential list according to the first card; the sequence list comprises a first card and information used for indicating the display sequence of the first card; the data management module 102 creates a card stack corresponding to the sequential list; the card display module 103 displays a first card on the stack of cards; the view preprocessing module 101 receives a notification message from the second application; the view preprocessing module 101 generates a second card of the notification message; the data management module 102 updates the sequence list according to the generated second card; wherein the updated order list further comprises: a second card, and information indicating a display order of the second card; the card display module 103 displays the second card on top with the first dynamic effect according to the updated sequence list, and the first card is displayed behind the second card in a stacked manner; wherein, first dynamic effect includes: the upper edge of the first card moves a first preset distance along a first direction from the upper edge of the card stack, the transparency of the first card is changed from first transparency to second transparency, the scaling of the first card is changed from first scaling to second scaling, the first transparency is larger than the second transparency, and the first scaling is larger than the second scaling; the lower edge of the second card is moved a second preset distance in the first direction from the upper edge of the card stack, the transparency of the second card is changed from a third transparency to a fourth transparency, the scaling of the second card is kept unchanged according to the third scaling, and the third transparency is smaller than the fourth transparency.

In one possible implementation, the view pre-processing receives a notification message from a third application; the view preprocessing module 101 generates a third card of the notification message; the data management module 102 updates the sequence list according to the generated third card; wherein the updated order list further comprises: a third card and information for indicating a display order of the third card; the card display module 103 displays the third card on top with a second effect according to the updated sequence list, and the first card and the second card are displayed behind the third card in a stacked manner; wherein, the second is moved the effect and is included: the first card keeps the current position, and the transparency and the scaling are not changed; the upper edge of the second card moves a third preset distance along the first direction from the upper edge of the card stack, the transparency of the second card is changed from fifth transparency to sixth transparency, the scaling of the second card is changed from fourth scaling to fifth scaling, the fifth transparency is greater than the sixth transparency, and the fourth scaling is greater than the fifth scaling; and the lower edge of the third card moves a fourth preset distance from the upper edge of the card stack along the first direction, the transparency of the third card is changed from the seventh transparency to the eighth transparency, the scaling of the third card is kept unchanged according to the sixth scaling, and the seventh transparency is smaller than the eighth transparency.

In one possible implementation, the data management module 102 receives information from the third application indicating deletion of the third card; the data management module 102 deletes the third card in the order list and information indicating a display order of the third card according to the information indicating deletion of the third card; the card display module 103 displays the second card on top by a third action according to the sequence list for deleting the third card, and the first card is displayed behind the second card in a stacking manner; wherein the third action comprises: the third card keeps the current position unchanged, the transparency of the third card is changed from eighth transparency to ninth transparency, the scaling of the third card is changed from sixth scaling to seventh scaling, the eighth transparency is greater than the ninth transparency, and the sixth scaling is smaller than the seventh scaling; moving the upper edge of the second card to the upper edge of the card stack by a fifth preset distance along the first direction from the current position, wherein the transparency of the second card is changed from sixth transparency to ninth transparency, the scaling of the second card is changed from fifth scaling to seventh scaling, the sixth transparency is smaller than the ninth transparency, and the fifth scaling is smaller than the seventh scaling; the position, transparency and scaling of the first card are unchanged, wherein the position, transparency and scaling of the first card are kept.

In one possible implementation, the data management module 102 receives information from the second application indicating deletion of the second card; the data management module 102 deletes the second card in the order list and information indicating a display order of the second card according to the information indicating deletion of the second card; the card display module 103 displays the first card with a fourth animation according to the sequence list for deleting the second card; wherein the fourth action comprises: the second card keeps the current position unchanged, the transparency of the second card is changed from ninth transparency to tenth transparency, the scaling of the second card is changed from seventh scaling to eighth scaling, the ninth transparency is larger than the tenth transparency, and the seventh scaling is smaller than the eighth scaling; and the upper edge of the first card moves a sixth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the eleventh transparency, the scaling of the first card is changed from the second scaling to the ninth scaling, the second transparency is smaller than the eleventh transparency, and the second scaling is smaller than the ninth scaling.

In one possible implementation, the card display module 103 receives an operation for instructing deletion of the third card; the data management module 102 deletes the third card, sets the second card to the top for display with a fifth effect, and displays the first card after the second card in a stacking manner; wherein, the fifth effect includes: the third card moves along the moving direction of the operation of deleting the third card, the transparency of the third card keeps the eighth transparency unchanged, the scaling of the third card is changed from the sixth scaling to the tenth scaling, and the sixth scaling is larger than the tenth scaling; after the operation of deleting the third card is released, the upper edge of the second card moves a seventh preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the second card is changed from sixth transparency to twelfth transparency, the scaling of the second card is changed from fifth scaling to eleventh scaling, the sixth transparency is smaller than the twelfth transparency, and the fifth scaling is smaller than the eleventh scaling; after the releasing operation, the current position, transparency and scaling of the first card are kept unchanged; the desktop application deletes the third card in the order list and information indicating the display order of the third card.

In one possible implementation, the card display module 103 receives an operation for instructing deletion of the second card; the card display module 103 deletes the second card and displays the first card with a sixth animation effect; wherein, the sixth effect includes: the second card moves along the moving direction of the operation of deleting the second card, the transparency of the second card keeps the twelfth transparency unchanged, the scaling of the second card is changed from the eleventh scaling to the twelfth scaling, and the eleventh scaling is larger than the twelfth scaling; after releasing the operation of deleting the second card, the upper edge of the first card moves an eighth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the thirteenth transparency, the scaling of the first card is changed from the second scaling to the thirteenth scaling, the second transparency is smaller than the ninth transparency, and the second scaling is smaller than the thirteenth scaling.

Of course, the electronic device 10 provided herein includes, but is not limited to, the above-described module, for example, the electronic device 10 may further include a storage module. The storage module may be used for storing program codes of the electronic device 10, and may also be used for storing data generated by the electronic device 10 during operation, such as data in a write request.

The present application also provides an electronic device, which may include: a display screen, a memory, and one or more processors. The memory is for storing computer program code comprising computer instructions. When the processor executes the computer instructions, the electronic device may perform various functions or steps performed by the mobile phone in the above-described method embodiments. Of course, the electronic device includes, but is not limited to, the display screen, memory, and one or more processors described above. For example, the structure of the electronic device may refer to the structure of the electronic device 10 shown in fig. 2.

The present application also provides a chip system, which can be applied to the electronic device in the foregoing example. As shown in fig. 26, the system-on-chip includes at least one processor 1501 and at least one interface circuit 1502. The processor 1501 may be a processor in an electronic device as described above. The processor 1501 and the interface circuit 1502 may be interconnected by wires. The processor 1501 may receive and execute computer instructions from the memory of the electronic device via the interface circuit 1502. The computer instructions, when executed by the processor 1501, may cause the electronic device to perform the various steps performed by the cell phone in the above-described example. Of course, the chip system may also include other discrete devices, which is not specifically limited in this application.

The present application also provides a computer-readable storage medium for storing computer instructions for operating the above-mentioned electronic device (such as a mobile phone).

The present application also provides a computer program product comprising computer instructions for operating the above-mentioned electronic device (e.g. a mobile phone).

Through the description of the above embodiments, it is clear to those skilled in the art that, for convenience and simplicity of description, the foregoing division of the functional modules is merely used as an example, and in practical applications, the above function distribution may be completed by different functional modules according to needs, that is, the internal structure of the device may be divided into different functional modules to complete all or part of the above described functions.

In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described device embodiments are merely illustrative, and for example, the division of the modules or units is only one logical functional division, and there may be other divisions when actually implemented, for example, a plurality of units or components may be combined or may be integrated into another device, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may be one physical unit or a plurality of physical units, that is, may be located in one place, or may be distributed in a plurality of different places. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present application may be essentially or partially contributed to by the prior art, or all or part of the technical solutions may be embodied in the form of a software product, where the software product is stored in a storage medium and includes several instructions to enable a device (which may be a single chip, a chip, or the like) or a processor (processor) to execute all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.

The above description is only an embodiment of the present application, but the scope of the present application is not limited thereto, and any changes or substitutions within the technical scope of the present disclosure should be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. The card display method is applied to electronic equipment, the electronic equipment comprises a desktop application, a first application and a second application,

the desktop application receives the display information sent by the first application;

the desktop application generates a first card corresponding to the display information;

the desktop application creates a sequential list according to the first card; wherein the sequential list comprises the first card and information indicating a display sequence of the first card;

the desktop application creates a card stack corresponding to the sequential list;

the desktop application displays the first card on the card stack;

the desktop application receives a notification message from the second application;

the desktop application generates a second card of the notification message;

the desktop application updates the sequence list according to the generated second card; wherein the updated ordered list further comprises: the second card and information indicating a display order of the second card;

the desktop application displays the second card on top with a first dynamic effect according to the updated sequence list, and the first card is displayed behind the second card in a stacking mode;

wherein the first dynamic effect comprises: the upper edge of the first card moves a first preset distance from the upper edge of the card stack along a first direction, the transparency of the first card is changed from a first transparency to a second transparency, the scaling of the first card is changed from a first scaling to a second scaling, the first transparency is larger than the second transparency, and the first scaling is larger than the second scaling;

and the lower edge of the second card moves a second preset distance along the first direction from the upper edge of the card stack, the transparency of the second card is changed from third transparency to fourth transparency, the scaling of the second card is kept unchanged according to the third scaling, and the third transparency is smaller than the fourth transparency.

2. The method of claim 1, further comprising:

the desktop application receives a notification message from the third application;

the desktop application generates a third card of the notification message;

the desktop application updates the sequence list according to the generated third card; wherein the updated ordered list further comprises: the third card and information for indicating the display order of the third card;

the desktop application displays the third card on top with a second effect according to the updated sequence list, and the first card and the second card are displayed behind the third card in a stacking mode;

wherein the second dynamic effect comprises:

the first card keeps the current position, transparency and scaling unchanged;

the upper edge of the second card is moved by a third preset distance along the first direction from the upper edge of the card stack, the transparency of the second card is changed from fifth transparency to sixth transparency, the scaling of the second card is changed from fourth scaling to fifth scaling, the fifth transparency is larger than the sixth transparency, and the fourth scaling is larger than the fifth scaling;

and the lower edge of the third card moves a fourth preset distance from the upper edge of the card stack along the first direction, the transparency of the third card is changed from seventh transparency to eighth transparency, the scaling of the third card is kept unchanged according to a sixth scaling, and the seventh transparency is smaller than the eighth transparency.

3. The method of claim 2, further comprising:

the desktop application receiving information from a third application indicating deletion of a third card;

the desktop application deletes the third card in the sequence list and the information for representing the display sequence of the third card according to the information for indicating deletion of the third card;

the desktop application displays the second card on top in a third dynamic effect according to the sequence list of the third cards, and the first card is displayed behind the second card in a stacking mode;

wherein the third dynamic effect comprises:

the third card keeps the current position unchanged, the transparency of the third card is changed from eighth transparency to ninth transparency, the scaling of the third card is changed from sixth scaling to seventh scaling, the eighth transparency is larger than the ninth transparency, and the sixth scaling is smaller than the seventh scaling;

moving the upper edge of the second card to the upper edge of the card stack by a fifth preset distance along the first direction from the current position, wherein the transparency of the second card is changed from sixth transparency to ninth transparency, the scaling of the second card is changed from fifth scaling to seventh scaling, the sixth transparency is smaller than the ninth transparency, and the fifth scaling is smaller than the seventh scaling;

the position, transparency and scaling of the first card are unchanged, wherein the position, transparency and scaling of the first card are kept unchanged.

4. The method of claim 3, further comprising:

the desktop application receiving information from a second application indicating deletion of a second card;

the desktop application deletes the second card in the sequence list and the information for representing the display sequence of the second card according to the information for indicating deletion of the second card;

the desktop application displays the first card in a fourth dynamic effect according to the sequence list for deleting the second card;

wherein the fourth action comprises:

the second card keeps the current position unchanged, the transparency of the second card is changed from ninth transparency to tenth transparency, the scaling of the second card is changed from seventh scaling to eighth scaling, the ninth transparency is larger than the tenth transparency, and the seventh scaling is smaller than the eighth scaling;

the upper edge of the first card moves a sixth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the eleventh transparency, the scaling of the first card is changed from the second scaling to the ninth scaling, the second transparency is smaller than the eleventh transparency, and the second scaling is smaller than the ninth scaling.

5. The method of claim 2, further comprising:

the desktop application receives an operation for indicating deletion of a third card;

the desktop application deletes the third card, and displays the second card on top with a fifth effect, wherein the first card is displayed behind the second card in a stacked manner;

wherein the fifth action comprises:

the third card moves along the moving direction of the operation of deleting the third card, the transparency of the third card keeps unchanged at an eighth transparency, the scaling of the third card is changed from a sixth scaling to a tenth scaling, and the sixth scaling is larger than the tenth scaling;

after the operation of deleting the third card is released, the upper edge of the second card moves to the upper edge of the card stack by a seventh preset distance along the first direction from the current position, the transparency of the second card is changed from sixth transparency to twelfth transparency, the scaling of the second card is changed from fifth scaling to eleventh scaling, the sixth transparency is smaller than the twelfth transparency, and the fifth scaling is smaller than the eleventh scaling;

after the operation is released, the position, transparency and scaling of the first card are kept unchanged;

and the desktop application deletes a third card in the sequence list and the information for representing the display sequence of the third card.

6. The method of claim 5, further comprising:

the desktop application receives an operation for indicating deletion of a second card;

the desktop application deletes the second card and displays the first card with a sixth animation effect;

wherein, the sixth effect includes:

the second card moves along the moving direction of the operation of deleting the second card, the transparency of the second card keeps unchanged a twelfth transparency, the scaling of the second card is changed from an eleventh scaling to a twelfth scaling, and the eleventh scaling is larger than the twelfth scaling;

after the operation of deleting the second card is released, the upper edge of the first card moves an eighth preset distance from the current position to the upper edge of the card stack along the first direction, the transparency of the first card is changed from the second transparency to the thirteenth transparency, the scaling of the first card is changed from the second scaling to the thirteenth scaling, the second transparency is smaller than the ninth transparency, and the second scaling is smaller than the thirteenth scaling.

7. The method of claim 1, wherein the desktop application comprises a widget including controls for creating a stack of cards;

before the desktop application receives the display information sent by the first application, the method further includes:

the window gadget receives user operation on a control used for creating a card stack;

the widget sends indication information to the first application, wherein the indication information is used for indicating the first application to provide display information.

8. An electronic device, comprising: means for performing the steps of the method of any one of claims 1 to 7.

9. An electronic device, comprising: communication interface, processor, memory, bus;

the memory is used for storing computer execution instructions, and the processor is connected with the memory through the bus;

the processor executes computer-executable instructions stored by the memory to cause the electronic device to perform the card display method of any of claims 1-7 when the electronic device is operating.

10. A computer readable storage medium having instructions which, when executed by a processor of an electronic device, enable the electronic device to perform the card display method of any one of claims 1 to 7.

11. A computer program product comprising instructions for causing a computer to perform the card presentation method of any one of claims 1 to 7 when said computer program product is run on the computer.