Card display method, electronic device and readable storage medium

Abstract

The present application discloses a method for displaying cards, an electronic device, and a readable storage medium, and belongs to the field of terminal technology. Applied in an electronic device, the method includes: receiving a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked and displayed in the card display area; in response to the first operation, displaying a switch item corresponding to each of at least two cards in the card display area, wherein the switch item is used to trigger switching to the corresponding card, wherein the plurality of cards include at least two cards; receiving a second operation on any one of the at least two switch items displayed; in response to the second operation, displaying a card corresponding to any one of the switch items in the card display area. By displaying the switch items corresponding to the stacked cards, the present application can enable the user to trigger the switch item that needs to be switched, so that the electronic device can display the card corresponding to the triggered switch item, thereby improving the display efficiency of the card.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to a card display method, electronic device, and readable storage medium. Background Art

[0002] With the development of terminal technology, in order to facilitate users to quickly obtain information about applications and to facilitate users to use the functions of electronic devices, widgets, also known as desktop widgets or cards, are increasingly used in electronic devices. Among them, widgets refer to tiny application views that can be embedded in other applications, such as embedded in applications such as the desktop of an electronic device. When a widget is embedded in the desktop, in order to save the display space of the desktop of the electronic device, multiple cards can be displayed in turn in the card display area where the same widget is located, and each card corresponds to a view of an application, thereby forming a card stacking effect.

[0003] Currently, when cards are stacked, in order to view the cards, the user may sequentially turn pages of multiple cards located in the same card display area until the card to be viewed is found. This operation is cumbersome and reduces the display efficiency of the cards. Summary of the Invention

[0004] This application provides a card display method, electronic device, and readable storage medium, which can be used to solve the problem in related technologies that users have to perform cumbersome card viewing operations, resulting in low card display efficiency. The technical solution is as follows:

[0005] In a first aspect, a method for displaying a card is provided, which is applied to an electronic device, and the method includes:

[0006] Receiving a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked and displayed in the card display area;

[0007] In response to the first operation, displaying a switch item corresponding to each of at least two cards in the card display area, the switch item being used to trigger switching to the corresponding card, the plurality of cards including the at least two cards;

[0008] receiving a second operation on any one of the at least two displayed switch items;

[0009] In response to the second operation, a card corresponding to the arbitrary switching item is displayed in the card display area.

[0010] In this way, when multiple cards are stacked and displayed in the card display area of the desktop, the electronic device can display at least two switching items in the card display area in response to the user's first operation on the first card displayed in the card display area. Since each switching item can trigger a switch to a corresponding card, when at least two switching items are displayed, the user can quickly determine which switching item corresponds to the card that needs to be switched, and trigger the switching item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switching item. Since the electronic device does not need to display each card one by one, it can display the card required by the user, thereby improving the display efficiency of the card.

[0011] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0012] In response to the first operation, displaying a switching item corresponding to each of at least two cards in the card display area includes:

[0013] In response to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card;

[0014] determining a card preview area and a switch item display area in the card display area according to the sliding direction of the first operation, wherein the direction of the card preview area relative to the switch item display area is the same as the sliding direction;

[0015] Displaying a thumbnail of the first card in the card display area;

[0016] The at least two switching items are displayed in the switching item display area.

[0017] In this way, by displaying the thumbnail of the first card in the card preview area and displaying at least two switch items in the switch item display area, the user can not only quickly find the card they need to view from the at least two switch items, but also display the thumbnail of the first card in the card preview area, thereby ensuring the aesthetics of the card display area.

[0018] As an example of the present application, before receiving the second operation on any one of the at least two displayed switch items, the method further includes:

[0019] receiving a third operation on any one of the switching items;

[0020] In response to the third operation, a thumbnail of the card corresponding to any one of the switching items is displayed in the card preview area.

[0021] In this way, by displaying the thumbnail of the card corresponding to the switch item triggered by the user in the card preview area, the user can clearly understand whether the card corresponding to the switch item is the card that needs to be viewed, thereby improving the card display efficiency.

[0022] As an example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; after displaying the at least two switch items in the switch item display area, the method further includes:

[0023] receiving a first page turning operation in the switching item display area;

[0024] In response to the first page turning operation, the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same as or different from at least two switching items in the switching item display area before the update.

[0025] In this way, the switching items in the switching item display area are updated through the first page turning operation, so that the user can quickly view the switching items corresponding to the required cards in the switching item display area, thereby improving the card display efficiency.

[0026] As an example of the present application, after displaying the at least two switching items in the switching item display area, the method further includes:

[0027] receiving a fourth operation in the switching item display area;

[0028] In response to the fourth operation, a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0029] In this way, by displaying the first card expansion interface, the user can understand the styles of at least two cards or all cards from the first card expansion interface.

[0030] As an example of the present application, the first card expansion interface displays a card corresponding to each of the at least two switch items; after displaying the first card expansion interface in response to the fourth operation, the method further includes:

[0031] receiving a second page turning operation on the expanded interface of the first card;

[0032] In response to the second page turning operation, a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card interface.

[0033] In this way, by turning the pages of the first card expansion interface, the electronic device can display more card styles, thereby making it easier for users to view the styles of each card and improving the display efficiency of the cards.

[0034] As an example of the present application, after displaying the first card expansion interface in response to the fourth operation, the method further includes:

[0035] Receiving an edit operation on a second card, where the second card is any card displayed in the first card display interface, and the edit operation includes a delete operation and / or a move operation;

[0036] In response to an editing operation on the second card, the second card is edited.

[0037] In this way, by performing editing operations such as sorting and deleting on any card displayed in the first card display interface, the display flexibility of multiple cards stacked and displayed in the card display area is improved.

[0038] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0039] In response to the first operation, displaying at least two switching items in the card display area includes:

[0040] In response to the first operation, determining a size of the card display area;

[0041] When the size of the card display area is smaller than the target size, displaying the at least two switching items in the card display area;

[0042] When the size of the card display area is greater than or equal to the target size, a thumbnail of the first card is displayed in the card preview area of the card display area, and the at least two toggle items are displayed in the toggle item display area of the card display area, and the card preview area and the toggle item display area are determined according to the sliding direction of the first operation.

[0043] In this way, by selecting the display mode of the at least two switching items according to the size of the card display area, the richness and flexibility of displaying the at least two switching items are improved.

[0044] As an example of the present application, the switching item is a card view of a corresponding card, and the first operation is an operation of sliding downward on the first card;

[0045] In response to the first operation, displaying at least two switching items in the card display area includes:

[0046] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0047] According to the arrangement order, the at least two switch items are displayed in the form of a card holder, and the form of the card holder is that the bottom edges of the at least two switch items overlap with the bottom edge of the card display area, and each adjacent two switch items in the at least two switch items partially overlap.

[0048] In this way, in the case of a card view in which the switching item is a card, displaying at least two switching items in the form of a card folder allows the user to directly know the style of the card according to the switching item, thereby improving the display efficiency of the card.

[0049] As an example of the present application, after displaying the at least two switching items in the form of a card holder according to the arrangement order, the method further includes:

[0050] receiving a fifth operation on the at least two switching items;

[0051] In response to the fifth operation, a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0052] In this way, when at least two switching items are displayed in the form of a card folder, by displaying the third card expansion interface, the user can more clearly know the styles of the multiple cards displayed in a stack, thereby improving the efficiency of card display.

[0053] As an example of the present application, the switching item is a label including an application icon and an application name of the application to which the corresponding card belongs, and the touch operation is an operation of sliding and pausing on the first card;

[0054] In response to the first operation, displaying at least two switching items in the card display area includes:

[0055] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0056] The at least two switching items are displayed in the form of labels according to the arrangement order.

[0057] In this way, by displaying the application icons and application name labels of at least two cards in the card display area in the form of labels according to the arrangement order, not only the display space of the card display area is saved, but also the user can know the approximate content of at least two stacked cards based on the displayed labels, thereby improving the accuracy of the user's acquisition of card information.

[0058] As an example of the present application, after displaying the at least two switching items in the form of labels according to the arrangement order, the method further includes:

[0059] receiving an editing operation on a first switching item, where the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and / or a position movement operation;

[0060] In response to the editing operation, the first switching item is edited.

[0061] In this way, by performing a sorting operation or a deletion operation on at least two labels displayed in the card display area, the display of at least two switching items can be made more flexible.

[0062] As an example of the present application, after displaying at least two switching items in the card display area in response to the first operation, the method further includes:

[0063] When a duration for displaying the at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold, display of the first card is restored.

[0064] In this way, by restoring the display of the first card, the card display area is made more beautiful.

[0065] In a second aspect, a device for displaying cards is provided. The device for displaying cards has the function of implementing the method for displaying cards in the first aspect. The device for displaying cards includes at least one module, the at least one module being configured to implement the method for displaying cards in the first aspect. The device for displaying cards includes:

[0066] A first receiving module is configured to receive a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked and displayed in the card display area;

[0067] a first display module, configured to display, in response to the first operation, a switching item corresponding to each of at least two cards in the card display area, wherein the switching item is configured to trigger switching to the corresponding card, the plurality of cards including the at least two cards;

[0068] A second receiving module is configured to receive a second operation on any one of the at least two displayed switching items;

[0069] The second display module is configured to display a card corresponding to any one of the switching items in the card display area in response to the second operation.

[0070] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0071] The first display module is used for:

[0072] In response to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card;

[0073] determining a card preview area and a switch item display area in the card display area according to the sliding direction of the first operation, wherein the direction of the card preview area relative to the switch item display area is the same as the sliding direction;

[0074] Displaying a thumbnail of the first card in the card display area;

[0075] The at least two switching items are displayed in the switching item display area.

[0076] As an example of the present application, the device further includes:

[0077] A third receiving module, configured to receive a third operation on any one of the switching items;

[0078] The third display module is configured to display a thumbnail of the card corresponding to any one of the switching items in the card preview area in response to the third operation.

[0079] As an example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; and the first display module is further configured to:

[0080] receiving a first page turning operation in the switching item display area;

[0081] In response to the first page turning operation, the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same as or different from at least two switching items in the switching item display area before the update.

[0082] As an example of the present application, the first display module is further used for:

[0083] receiving a fourth operation in the switching item display area;

[0084] In response to the fourth operation, a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0085] As an example of the present application, the first card expansion interface displays a card corresponding to each of the at least two switching items; the first display module is further configured to:

[0086] receiving a second page turning operation on the expanded interface of the first card;

[0087] In response to the second page turning operation, a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card interface.

[0088] As an example of the present application, the first display module is further used for:

[0089] Receiving an edit operation on a second card, where the second card is any card displayed in the first card display interface, and the edit operation includes a delete operation and / or a move operation;

[0090] In response to an editing operation on the second card, the second card is edited.

[0091] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0092] The first display module is used for:

[0093] In response to the first operation, determining a size of the card display area;

[0094] When the size of the card display area is smaller than the target size, displaying the at least two switching items in the card display area;

[0095] When the size of the card display area is greater than or equal to the target size, a thumbnail of the first card is displayed in the card preview area of the card display area, and the at least two toggle items are displayed in the toggle item display area of the card display area, and the card preview area and the toggle item display area are determined according to the sliding direction of the first operation.

[0096] As an example of the present application, the switching item is a card view of a corresponding card, and the first operation is an operation of sliding downward on the first card;

[0097] The first display module is used for:

[0098] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0099] According to the arrangement order, the at least two switch items are displayed in the form of a card holder, and the form of the card holder is that the bottom edges of the at least two switch items overlap with the bottom edge of the card display area, and each adjacent two switch items in the at least two switch items partially overlap.

[0100] As an example of the present application, the first display module is further used for:

[0101] receiving a fifth operation on the at least two switching items;

[0102] In response to the fifth operation, a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0103] As an example of the present application, the switching item is a label including an application icon and an application name of the application to which the corresponding card belongs, and the touch operation is an operation of sliding and pausing on the first card;

[0104] The first display module is used for:

[0105] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0106] The at least two switching items are displayed in the form of labels according to the arrangement order.

[0107] As an example of the present application, the first display module is further used for:

[0108] receiving an editing operation on a first switching item, where the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and / or a position movement operation;

[0109] In response to the editing operation, the first switching item is edited.

[0110] As an example of the present application, the device further includes:

[0111] The fourth display module is used to restore the display of the first card when the duration of displaying the at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold.

[0112] In a third aspect, an electronic device is provided. The electronic device includes a processor and a memory, wherein the memory is configured to store a program that supports the electronic device in executing the card display method provided in the first aspect, and to store data related to implementing the card display method provided in the first aspect. The processor is configured to execute the program stored in the memory. The electronic device may further include a communication bus configured to establish a connection between the processor and the memory.

[0113] In a fourth aspect, a computer-readable storage medium is provided, wherein instructions are stored in the computer-readable storage medium. When the computer-readable storage medium is run on a computer, the computer executes the card display method described in the first aspect.

[0114] In a fifth aspect, a computer program product comprising instructions is provided, which, when executed on a computer, enables the computer to execute the method for displaying a card as described in the first aspect.

[0115] The technical effects obtained by the above-mentioned second, third, fourth and fifth aspects are similar to the technical effects obtained by the corresponding technical means in the above-mentioned first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0116] Figure 1 is a schematic diagram showing an application scenario according to an exemplary embodiment;

[0117] Figure 2 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0118] Figure 3 is a schematic structural diagram of an electronic device according to another exemplary embodiment;

[0119] Figure 4 is a schematic diagram of a software architecture of an electronic device according to an exemplary embodiment;

[0120] Figure 5 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0121] Figure 6 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0122] Figure 7 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0123] Figure 8 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0124] Figure 9 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0125] Figure 10 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0126] Figure 11 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0127] Figure 12 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0128] Figure 13 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0129] Figure 14 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0130] Figure 15 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0131] Figure 16 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0132] Figure 17 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0133] Figure 18 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0134] Figure 19 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0135] Figure 20 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0136] Figure 21 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0137] Figure 22 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0138] Figure 23 is a flowchart of a method for displaying a card according to an exemplary embodiment;

[0139] Figure 24 is a schematic diagram showing an application scenario according to another exemplary embodiment;

[0140] Figure 25 The figure is a schematic structural diagram of a device for displaying a card according to an exemplary embodiment. DETAILED DESCRIPTION

[0141] In order to make the objectives, technical solutions and advantages of this application clearer, the implementation methods of this application will be further described in detail below with reference to the accompanying drawings.

[0142] It should be understood that the “multiple” mentioned in this application refers to two or more. In the description of this application, unless otherwise specified, “ / ” means or, for example, A / B can mean A or B; “and / or” in this article is merely a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in order to facilitate the clear description of the technical solution of this application, words such as “first” and “second” are used to distinguish between identical or similar items with basically the same functions and effects. Those skilled in the art can understand that words such as “first” and “second” do not limit the quantity and execution order, and words such as “first” and “second” do not necessarily limit them to be different.

[0143] References to "one embodiment" or "some embodiments" in this specification mean that a feature, structure, or characteristic described in conjunction with the embodiment is included in one or more embodiments of the present application. Therefore, phrases such as "in one embodiment," "in some embodiments," "in other embodiments," and "in other embodiments" that appear in different places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more but not all embodiments," unless otherwise specifically emphasized. The terms "including," "comprising," "having," and their variations all mean "including but not limited to," unless otherwise specifically emphasized.

[0144] In one application scenario, when a user is using a mobile phone, in order to increase the richness of the mobile phone display and to facilitate the user to use various applications, the mobile phone supports displaying application cards on the desktop. In one example, after the application is installed on the mobile phone, it can be registered with the widget manager of the mobile phone (also called the card manager) to generate a card corresponding to the application. When the user adds a card on the desktop of the mobile phone, the mobile phone can respond to the user's add operation, scan the applications that have been registered with the card manager, and obtain a list of all cards and display the card list. After that, the user can select the card to be added from the card list. For example, see Figure 1In Figure (a), the user has added a weather card, a news card, an album card, and a clock card to the phone's desktop. The weather card, news card, album card, and clock card are all the same size. However, due to the limited desktop space, multiple cards of the same size can be displayed in the same card display area to save desktop space. Figure 1 In Figure (b), the user can drag the album card to the card display area where the clock card is located. In response to the user's dragging operation on the album card, the phone displays the album card in the card display area where the clock card is located, so that the album card and the clock card are stacked and displayed. When the album card is dragged to the card display area where the clock card is located, the album card is displayed above the clock card. If the user continues to drag the news card to the card display area where the clock card is located, then see Figure 1 In Figure (c), in response to the user's dragging operation on the news card, the phone displays the news card in the card display area where the clock card is located, so that the news card, album card, and clock card are stacked and displayed. When the news card is dragged to the card display area where the clock card is located, the news card is displayed above the album card. If the user then continues to drag the weather card to the card display area where the clock card is located, Figure 1 In Figure (d), in response to the user's dragging of the weather card, the phone displays the weather card in the card display area where the clock card is located. Thus, the weather card, news card, photo album card, and clock card are stacked. When the weather card is dragged to the card display area where the clock card is located, it is displayed above the news card. When multiple cards are stacked and displayed in the card display area, they can be displayed in a cyclical manner in the card display area in the order in which they are arranged.

[0145] In the case where multiple cards are stacked and displayed, in order to view a card among the multiple cards, the user needs to search through the multiple cards until the mobile phone displays the card. Figure 2 In Figure (a), multiple cards are stacked and displayed on the mobile phone desktop, and the display order of multiple cards in the card display area is weather card, news card, album card and clock card. The weather card is currently displayed at the top. In order to view the clock card, the user can swipe down on the currently displayed weather card; in response to the swipe down operation on the weather card, see Figure 2 In Figure (b), the phone displays the weather card at the bottom of the multiple cards and displays the next card in the display order, that is, the news card. If the news card is not the card the user wants to view, the user needs to continue to swipe down on the news card; in response to the swipe down operation on the news card, see Figure 2In Figure (c), the phone displays the news card at the bottom of the multiple cards and displays the album cards in the order in which they are displayed. If the album card is still not the card the user wants to view, the user continues to swipe down on the album card; in response to the swipe down operation on the album card, see Figure 2 In Figure (d), the mobile phone displays the album card at the bottom of multiple cards and displays the clock card in the display order. The clock card is the card that the user needs to view.

[0146] As can be seen from the above, in order to view the card that the user wants to view, the user needs to continuously turn pages among the stacked cards, which is cumbersome and reduces the display efficiency of the cards.

[0147] In order to improve the display efficiency of cards, an embodiment of the present application provides a method for displaying cards. In this method, when multiple cards are stacked and displayed in a card display area of a desktop, the electronic device can display at least two switch items in the card display area in response to the user's first operation on the first card displayed in the card display area. Since each switch item can trigger a switch to a corresponding card, when at least two switch items are displayed, the user can quickly determine which switch item corresponds to the card that needs to be switched, trigger the switch item that needs to be switched, and cause the electronic device to display the card corresponding to the triggered switch item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the card.

[0148] Before explaining in detail the card display method provided in the embodiment of the present application, the electronic device involved in the embodiment of the present application is first described.

[0149] The method provided in the embodiment of the present application can be executed by an electronic device, and multiple cards running in the desktop main process are displayed on the desktop of the electronic device, and the multiple cards can be stacked and displayed. As an example and not limitation, the electronic device can be, but is not limited to, a mobile phone sports camera (GoPro), a digital camera, a tablet computer, a desktop, a laptop, a handheld computer, a notebook computer, a vehicle-mounted device, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), an augmented reality (AR)\virtual reality (VR) device, a mobile phone, a door lock, a smart appliance, etc., and the embodiment of the present application does not limit this.

[0150] Figure 3 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present application. Figure 3The electronic device 100 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 button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 can include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

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

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

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

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

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

[0157] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

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

[0159] Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is an integer greater than one.

[0160] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0161] The ISP processes data fed back by camera 193. For example, when taking a photo, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, which is then passed to the ISP for processing and transformed into a visible image. The ISP can also perform algorithmic optimization on image noise, brightness, and skin tone. It can also optimize parameters such as exposure and color temperature of the captured scene. In some embodiments, the ISP can be located within camera 193.

[0162] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. This allows electronic device 100 to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, and MPEG4.

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

[0164] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area can store data created by the electronic device 100 during use (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

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

[0166] The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be provided in the processor 110, or some functional modules of the audio module 170 can be provided in the processor 110.

[0167] The headphone jack 170D is used to connect a wired headphone and can be the USB interface 130 or a 3.5mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0168] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be located on display screen 194. There are many types of pressure sensors 180A, such as resistive, inductive, and capacitive. A capacitive pressure sensor can include at least two parallel plates made of conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the intensity of the pressure based on this change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the touch intensity based on pressure sensor 180A. Electronic device 100 can also calculate the touch location based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch location but with different touch intensities can correspond to different operation instructions. For example, when a touch operation with an intensity less than a pressure threshold is applied to a short message application icon, a command to view short messages is executed. When a touch operation with an intensity greater than or equal to the pressure threshold is applied to a short message application icon, a command to create a new short message is executed.

[0169] The gyroscope sensor 180B can be used to determine the motion posture of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (i.e., x, y, and z axes) can be determined by the gyroscope sensor 180B. The gyroscope sensor 180B can be used for anti-shake shooting. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of the electronic device 100 shaking, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyroscope sensor 180B can also be used for navigation and somatosensory game scenes.

[0170] The touch sensor 180K is also called a "touch panel." The touch sensor 180K can be disposed on the display screen 194. The touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen." The touch sensor 180K is used to detect touch operations applied thereto or in the vicinity thereof. The touch sensor 180K can transmit the detected touch operations to the application processor to determine the type of touch event. Visual output related to the touch operations can be provided via the display screen 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a location different from that of the display screen 194.

[0171] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. Touch operations on different areas of the display screen 194 can also correspond to different vibration feedback effects. Different application scenarios (such as: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0172] Next, the software system of the electronic device 100 will be described.

[0173] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a microservice architecture, or a cloud architecture. In the embodiment of the present application, the software system of the electronic device 100 is exemplarily described by taking the Android system of the layered architecture as an example.

[0174] Figure 4 This is a block diagram of a software system of an electronic device 100 provided in an embodiment of the present application. Figure 4 The layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: the application layer, the application framework layer, the Android runtime layer, the system layer, and the kernel layer.

[0175] The application layer can include a series of application packages. Figure 4 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, etc.

[0176] The application layer may also include a desktop launcher (Launcher) and multiple cards running in the desktop main process.

[0177] As an example, the desktop launcher is used to manage the desktop main process and can trigger operations such as adding, editing, and switching cards.

[0178] As an example, a card is used to display any application view of a corresponding application. For example, a weather card can display the weather view of a weather application, which includes information such as the current time, the recent weather conditions in the city where the electronic device is currently located, and the air quality index for the day.

[0179] The application framework layer provides application programming interface (API) and programming framework for the applications in the application layer. The application framework layer includes some predefined functions. Figure 4 As shown, the application framework layer may include a window manager, content provider, view system, telephony manager, resource manager, notification manager, and so on. The window manager is used to manage window programs. It can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, and so on. The content provider is used to store and retrieve data and make this data accessible to applications. This data may include video, images, audio, incoming and outgoing calls, browsing history and bookmarks, and the phone book. The view system includes visual controls, such as those for displaying text and images. The view system can be used to construct the application's display interface, which may consist of one or more views, such as a view that displays a text message notification icon, a view that displays text, and a view that displays images. The telephony manager is used to provide communication functions for electronic device 100, such as managing call status (including connected and ended calls). The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, and video files. The notification manager enables applications to display notification information in the status bar. This information can be used to convey notification messages and can be displayed briefly and then disappear automatically without user interaction. For example, a notification manager is used to notify users of completed downloads, message alerts, and more. A notification manager can also appear as an icon or scrolling text bar in the system's top status bar, such as notifications from background applications. A notification manager can also appear as a dialog window on the screen, such as a text message in the status bar, a beep, a vibration on an electronic device, or a flashing indicator light.

[0180] The Android Runtime consists of core libraries and a virtual machine (VM). The Android runtime is responsible for scheduling and management of the Android system. The core library consists of two parts: one for Java-based functions and the other for the Android core library. The application layer and application framework layer run in the VM. The VM executes Java files from the application layer and application framework layer as binary files. The VM is responsible for performing functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0181] The system library can include multiple functional modules, such as: surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc. The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications. The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc. The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing. The 2D graphics engine is a drawing engine for 2D drawing.

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

[0183] The following describes the workflow of the software and hardware of the electronic device 100 in conjunction with capturing a photo scene.

[0184] When touch sensor 180K receives a touch operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, touch operation timestamp, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the raw input event. For example, if the touch operation is a single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer to start the camera application, and then calls the kernel layer to start the camera driver to capture a still image or video through the camera 193.

[0185] For ease of understanding, before introducing the method provided in the embodiment of the present application in detail, based on the execution entity provided in the above embodiment, the application scenario involved in the embodiment of the present application is introduced by taking the electronic device as a mobile phone and multiple cards stacked and displayed on the desktop of the mobile phone as an example.

[0186] Please refer to Figure 5 , Figure 5 is a schematic diagram of an application scenario according to an exemplary embodiment. In a possible scenario, see Figure 5In Figure (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop. The display order of the multiple cards in the loop display process is weather card, news card, album card and clock card, and the currently displayed card is the weather card. If the user wants to view the clock card during the display of the weather card, the user can slide the weather card to the left and pause. The mobile phone responds to the left sliding and pausing operation on the weather card. Figure 5 In Figure (b), the mobile phone determines a card preview area and a switch item display area in the card display area. The card preview area is located to the left of the switch item display area. The card preview area displays a thumbnail of the weather card. The switch item display area displays four switch items. The four switch items are, from top to bottom, an application icon thumbnail of the weather application, an application icon thumbnail of the news application, an application icon thumbnail of the photo application, and an application icon thumbnail of the clock application. The user can directly click on the application icon thumbnail of the clock application. In response to the user's click on the application icon thumbnail of the clock application, the mobile phone displays the clock card in the entire area of the card display area.

[0187] In some embodiments, see Figure 5 In (b), a memo card may also be displayed on the desktop. The user may click on the memo card and slide upward from the memo card to the card display area. In response to the upward sliding operation performed by the user, see Figure 5 In Figure (c), the phone displays a thumbnail of the memo card in the card preview area in the card display area, and displays an application icon thumbnail of the memo application at the top of the switch item display area.

[0188] Please refer to Figure 6 , Figure 6 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 6 In Figure (a), the mobile phone determines a card preview area and a switch item display area in the card display area, and the card preview area displays a thumbnail of a weather card. When four switch items are displayed in the switch item display area, the user can touch any switch item to view the card corresponding to any switch item. For example, the user touches the application icon thumbnail of the news application; in response to the user's touch operation on the application icon thumbnail of the news application, see Figure 6 In (b) of FIG, the mobile phone displays a thumbnail of the news card in the card preview area. If the user needs to display the news card, the user can click the thumbnail of the news card displayed in the card preview area; in response to the click operation on the thumbnail of the news card, see Figure 6In Figure (c), the mobile phone displays news cards in the entire card display area.

[0189] It should be noted that the above touch operation is neither a click operation nor a long press operation, and the force of the touch operation is smaller than the force of the click operation and also smaller than the force of the long press operation.

[0190] As an example, when the mobile phone displays a thumbnail of a news card in the preview area, the user can also click on the application icon thumbnail of the news application. In response to the click operation on the application icon thumbnail of the news application, the mobile phone displays the news card in the entire area of the card display area.

[0191] Please refer to Figure 7 , Figure 7 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 7 In Figure (a), the mobile phone determines the card preview area and the switch item display area in the card display area, and a thumbnail of a weather card is displayed in the card preview area. When 4 switch items are displayed in the switch item display area, if the number of cards stacked and displayed in the card display area is greater than 4, that is, in addition to weather cards, news cards, photo album cards and clock cards, other cards are stacked, for example, payment cards and memo cards are also stacked. Due to the limited space of the switch item display area, it is impossible to fully display the switch items corresponding to each card in all the stacked cards at one time. In this case, in order to view all the switch items, the user can swipe up in the switch item display area; in response to the swipe up operation, the mobile phone updates the switch items in the switch item display area and displays the following. Figure 7 In the updated switching item display area shown in Figure (b), the updated switching item display area can display an application icon thumbnail of the payment application and an application icon thumbnail of the memo application.

[0192] Please refer to Figure 8 , Figure 8 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 8 In Figure (a), the phone determines the card preview area and the switch item display area in the card display area, and the card preview area displays a thumbnail of the weather card. If the user slides up on the switch item display area, Figure 8 In (b) of FIG, the mobile phone responds to the upward sliding operation and displays the updated switching item display area, in which an expansion control 1 is displayed. The user can click on the expansion control 1; the mobile phone responds to the click operation on the expansion control 1 and displays the following Figure 8The first card expansion interface shown in Figure (c) displays a clock card, an album card, a news card, and a weather card.

[0193] It should be noted that, if the expansion control 1 is already displayed in the switch item display area before the switch item display area is updated, the user does not need to slide the switch item display area upward, and the user can directly click the expansion control 1.

[0194] Please refer to Figure 9 , Figure 9 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 9 In Figure (a), when the phone displays the first card expansion interface, the user can edit any card. For example, if the user slides the weather card to the left, see Figure 9 In (b) of FIG, in response to the left sliding operation on the weather card, the weather card is deleted from the first card expansion interface. If the user drags the weather card and drags the weather card below the clock card, see Figure 9 In Figure (c), in response to the drag operation on the weather card, the weather card is displayed below the clock card; of course, the user can also click on the weather card, see Figure 9 In Figure (d), in response to a click operation on the weather card, the mobile phone returns to the desktop and displays the weather card in the card display area of the desktop.

[0195] It should be noted that when the user deletes the weather card in the first card expansion interface, the mobile phone will also delete the weather card from the desktop, that is, the card display area will no longer display the weather card.

[0196] Please refer to Figure 10 , Figure 10 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 10 In Figure (a), when the mobile phone displays the first card expansion interface, if the user clicks on the weather card, the mobile phone responds to the click operation on the weather card. In one possible case, the mobile phone may display the above Figure 9 Of course, there may be other possible situations, such as the mobile phone responding to a click on the weather card, see Figure 10 In the figure (b), the mobile phone can start the weather application to which the weather card belongs and display the weather application interface, which displays the relevant information of the content displayed in the weather card. Figure 9 The scene shown in Figure (d) and Figure 10 In the scenario shown in Figure (b), the user's actions to trigger the two scenarios may be different. For example, when the mobile phone displays the first card expansion interface, the mobile phone responds to the user double-clicking the weather card, and can display the following Figure 9 The application scenario shown in Figure (d) in FIG; When the mobile phone displays the first card expansion interface, the mobile phone responds to the user clicking the weather card, and can display the following Figure 10 The application scenario shown in Figure (b) of FIG. This embodiment of the application does not impose any specific limitation on this.

[0197] Please refer to Figure 11 , Figure 11 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 11 In (a), when the first card expansion interface is displayed, after the user deletes the weather card, the user can click the folding control 2 displayed on the first card expansion interface; in response to the click operation on the folding control 2, see Figure 11 In Figure (b), the mobile phone returns to the display of the card preview area and the switch item display area, and both the card preview area and the switch item display area are updated. The thumbnail of the card displayed in the card preview area is the thumbnail of the card corresponding to the application icon thumbnail of the application displayed at the top in the switch item display area, that is, the thumbnail of the news card is displayed in the card preview area.

[0198] Please refer to Figure 12 , Figure 12 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 12 In (a), when the mobile phone displays the first card expansion interface, if the user needs to return to the state of multiple cards stacked, the user can click on the folding control 2 displayed on the first card expansion interface; in response to the click operation on the folding control 2, see Figure 12 Figure (b) shows the mobile phone desktop, and a card display area is displayed in the mobile phone desktop. Multiple cards are stacked in the card display area. The currently displayed card is the card displayed at the top in the first card expansion interface, that is, the weather card.

[0199] It should be noted that the user can not only click on the folding control 2, but also slide upward from the folding control 2 as the starting position, so that the mobile phone responds to the upward sliding operation with the folding control 2 as the starting position, and displays the following Figure 12 The card display area shown in Figure (b) .

[0200] Please refer to Figure 13 , Figure 13is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, if a clock card, an album card, a news card, a weather card, a payment card, and a memo card are stacked and displayed in the card display area, then refer to Figure 13 In (a) of FIG, when the mobile phone displays the first card expansion interface, the first card expansion interface cannot display all cards. In this case, the user can slide up in the first card expansion interface; in response to the upward sliding operation in the first card expansion interface, the following is displayed Figure 13 FIG. 8 (b) shows the second card expansion interface, in which a payment card and a memo card are displayed.

[0201] Please refer to Figure 14 , Figure 14 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 14 In Figure (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop. The display order of the multiple cards in the loop display process is weather card, news card, album card and clock card, and the currently displayed card is the weather card. If the user wants to view the clock card during the display of the weather card, the user can slide the weather card to the left and pause. The mobile phone responds to the left sliding and pausing operation on the weather card. Figure 14 In Figure (b), the mobile phone displays the application icon thumbnail of the weather application, the application icon thumbnail of the news application, the application icon thumbnail of the photo application and the application icon thumbnail of the clock application in the card display area. The user can directly click the application icon thumbnail of the clock application. In response to the user's click operation on the application icon thumbnail of the clock application, see Figure 14 In Figure (c), the phone displays the clock card in the entire card display area.

[0202] Please refer to Figure 15 , Figure 15 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 15 In Figure (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop. The display order of the multiple cards in the loop display process is weather card, news card, album card and clock card, and the currently displayed card is the weather card. If the user wants to view the clock card during the display of the weather card, the user can slide down the weather card; the mobile phone responds to the downward sliding operation on the weather card, see Figure 15In Figure (b), the mobile phone displays the card views of the weather card, news card, album card and clock card in the card display area in sequence. The weather card, news card, album card and clock card overlap at the bottom edge of the card display area, and the adjacent card views partially overlap, thus forming Figure 15 In the form of the card holder shown in Figure (b), the user can directly click on the card view of the clock card. In response to the user's click operation on the card view of the clock card, see Figure 15 In Figure (c), the phone displays the clock card in the entire card display area.

[0203] Please refer to Figure 16 , Figure 16 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 16 In Figure (a), when the card view of the weather card, news card, album card and clock card is displayed in the form of a card folder, the user can continue to slide down in the card display area; in response to the downward sliding operation in the card display area, the mobile phone displays the following Figure 16 The third card expansion interface shown in Figure (b) .

[0204] Please refer to Figure 17 , Figure 17 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 17 In Figure (a), when the card view of the weather card, news card, album card and clock card is displayed in the form of a card holder, the user can continue to slide down in the card display area; in response to the downward sliding operation in the card display area, the mobile phone may display the following in one possible case: Figure 16 In another possible case, see Figure 17 In Figure (b), the phone displays the card view of the news card at the front of the card display area; if the user slides up in the card display area, Figure 17 In Figure (c), in response to the upward sliding operation, the mobile phone displays the card view of the weather card at the front of the card display area.

[0205] It should be noted that in order to achieve the above Figure 16 The scene shown in Figure (b) and Figure 17In the scenario shown in Figure (b), the user's actions to trigger the two scenarios may be different. For example, when the mobile phone displays a card view of a weather card, a news card, an album card, and a clock card in the form of a card folder, the mobile phone responds to the user's downward sliding operation in the card display area. After the downward sliding operation is completed, if the sliding distance of the downward sliding operation is less than the sliding threshold, the following may be displayed. Figure 16 The application scenario shown in Figure (b) in FIG; when the sliding distance of the downward sliding operation is greater than or equal to the sliding threshold, the following may be displayed Figure 17 The application scenario shown in Figure (b) of FIG. This embodiment of the application does not impose any specific limitation on this.

[0206] It should be noted that the sliding threshold can be pre-set according to needs. For example, the sliding threshold can be the width of the card view.

[0207] Please refer to Figure 18 , Figure 18 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 18 In Figure (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop. The display order of the multiple cards in the card display area is weather card, news card, photo album card and clock card, and the currently displayed card is the weather card. If the user wants to view the clock card during the display of the weather card, the user can slide the weather card to the left and pause. The mobile phone responds to the left sliding and pausing operation on the weather card. Figure 18 In Figure (b), the phone displays four labels in the card display area in sequence. The four labels are labels corresponding to the weather card, news card, album card and clock card. Each label includes the application icon and application name of the application to which the corresponding card belongs. In response to the user clicking the label corresponding to the clock card, see Figure 18 In Figure (c), the phone displays the clock card in the entire card display area.

[0208] Please refer to Figure 19 , Figure 19 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 19 In Figure (a), the phone displays the labels corresponding to the weather card, news card, album card, and clock card in the card display area. The user can edit the labels corresponding to the weather card, news card, album card, and clock card. If the user slides down on the label corresponding to the news card, Figure 19In Figure (b), the phone deletes the label corresponding to the news card; if the user drags the label corresponding to the news card behind the label corresponding to the album card, then Figure 19 In Figure (c), the mobile phone displays the label corresponding to the news card between the label corresponding to the album card and the label corresponding to the clock card.

[0209] Please refer to Figure 20 , Figure 20 This is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, when a mobile phone displays a card display area with a payment card and a memo card in addition to a weather card, a news card, an album card, and a clock card, the card display area may not be able to display the labels corresponding to all the cards at once due to the limited space of the card display area. Figure 20 In Figure (a), the card display area displays labels corresponding to the weather card, news card, album card, and clock card. In this case, the user can slide the card display area to the left to view the labels corresponding to other cards; see Figure 20 In Figure (b), in response to the left sliding operation on the card display area, the mobile phone displays an updated card display area, in which a label corresponding to the payment card and a label corresponding to the memo card are displayed.

[0210] Please refer to Figure 21 , Figure 21 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 21 In Figure (a), the phone displays a thumbnail of the weather card in the card preview area of the card display area, and displays thumbnails of the weather application icon, the news application icon, the photo application icon, and the clock application icon in the switch item display area. If the display duration of this display state is greater than or equal to the duration threshold and no operation is detected within the duration threshold, see Figure 21 As shown in Figure (b), the phone can restore the display of the weather card.

[0211] As an example, the time that the mobile phone displays the application icon thumbnail of the weather application, the application icon thumbnail of the news application, the application icon thumbnail of the album application and the application icon thumbnail of the clock application in the card display area is greater than or equal to the time threshold, or, when the mobile phone displays the card view of the weather card, news card, album card and clock card in the form of a card folder for a time that is greater than or equal to the time threshold, or, when the mobile phone displays the labels corresponding to the weather card, news card, album card and clock card for a time that is greater than or equal to the time threshold, if the user does not perform any operation within the time threshold, that is, if the mobile phone does not detect any operation within the time threshold, the mobile phone can also resume displaying the weather card.

[0212] It should be noted that the duration threshold can be pre-set according to needs, for example, the duration threshold can be 6 seconds, 5 seconds or 3 seconds.

[0213] Please refer to Figure 22 , Figure 22 is a schematic diagram of an application scenario according to another exemplary embodiment. In another possible scenario, see Figure 22 In Figure (a), there are two card display areas on the phone's desktop. One card display area displays a weather card, a news card, an album card, and a clock card in a stacked manner, and the other card display area displays a memo card. For the sake of convenience, the card display area displaying the weather card, news card, album card, and clock card in a stacked manner is called the first card display area, and the card display area displaying the memo card is called the second card display area. If the user slides the weather card displayed in the first card display area to the left and pauses, see Figure 22 In Figure (b), in response to the user's left swiping and pausing operation on the weather card, the mobile phone determines a card preview area and a switch item display area in the first card display area. The card preview area is located to the left of the switch item display area. A thumbnail of the weather card is displayed in the card preview area, and four switch items are displayed in the switch item display area. The four switch items are, from top to bottom, an application icon thumbnail of the weather application, an application icon thumbnail of the news application, an application icon thumbnail of the photo application, and an application icon thumbnail of the clock application. In this case, if the user wants to save desktop space, the user can drag the memo card from the second card display area to the first card display area. Since after the memo card is dragged to the first card display area, the first card display area can display the memo card above other stacked display cards without displaying the switch item display area and the card preview area, therefore, see Figure 22In Figure (c), in response to the drag operation on the memo card, the mobile phone can display the thumbnail of the memo card in the card preview area, and display the application icon thumbnail of the memo application to which the memo card belongs at the top of the switch item display area. If the switch item display area can accommodate a maximum of 4 application icon thumbnails, then since the application icon thumbnail of the memo application is inserted and displayed above the application icon thumbnail of the weather application, the switch item display area can no longer accommodate the application icon thumbnail of the clock application at the same time. Therefore, see Figure 22 In Figure (c), the clock application's application icon thumbnail is no longer displayed in the switch item display area. The clock application's application icon thumbnail can be displayed in the updated switch item display area when the user swipes down on the switch item display area.

[0214] It should be noted that, in the embodiments of the present application, the above Figure 5-Figure 22 The application scenarios shown are provided as examples for illustration and do not limit the embodiments of the present application.

[0215] Based on the execution subject and application scenario provided in the above embodiment, the method for displaying a card provided in the embodiment of the present application is introduced below. Figure 23 , Figure 23 This is a flow chart of a method for displaying cards according to an exemplary embodiment. As an example and not a limitation, the method is applied to an electronic device that displays multiple cards in a stack on a desktop. The electronic device is Figure 3 Taking the electronic device shown in FIG. 1 as an example, the method may include some or all of the following contents:

[0216] Step 2301: Receive a first operation on a first card displayed in a card display area of a desktop, where a plurality of cards are stacked and displayed.

[0217] Since multiple cards are stacked and displayed on the desktop of the electronic device, the first card currently displayed at the top may not be the card that the user currently needs to view. At this time, in order to quickly view the card that needs to be viewed, the user can perform a first operation on the first card displayed in the card display area, so that the electronic device can receive the first operation.

[0218] It should be noted that the first operation may be an operation of sliding on the first card and pausing, for example, the first operation is as described above. Figure 5 、 Figure 14 or Figure 17 Alternatively, the first operation may be an operation of sliding left and pausing on the first card, for example, the first operation is as described above. Figure 16The downward swipe action in the application scenario shown.

[0219] In some embodiments, the user may perform a first operation on the first card, and of course may also perform other operations, and the electronic device may respond to other operations. For example, the first card may be slid (including a left slid operation, a right slid operation, etc.), and the electronic device responds to the slid operation on the first card by turning pages of multiple cards displayed in the stack in the card display area. For example, please refer to Figure 24 , in one possible scenario, see Figure 24 In Figure (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop, and the display order of the multiple cards is weather card, news card, album card and clock card. The user can slide on the currently displayed card. For example, when the weather card is currently displayed, if the user slides the weather card to the left, then Figure 24 In Figure (b), in response to a left swipe on the weather card, the phone displays a news card in the card display area; if the user swipes right on the news card, Figure 24 In Figure (c), in response to a right swipe operation on a news card, the phone displays a weather card in the card display area.

[0220] Step 2302: In response to the first operation, a switching item corresponding to each of at least two cards is displayed in the card display area.

[0221] It should be noted that the switch item is used to trigger switching to a corresponding card, and the multiple cards include at least two cards.

[0222] As an example, the toggle item can be displayed in different forms, and when the toggle item is displayed in different forms, the electronic device displays the toggle item corresponding to each of the at least two cards in the card display area in different ways. For example, the embodiments of the present application are described using the following four cases as examples.

[0223] In the first case, the switching item is a thumbnail of an application icon of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing. In this case, the electronic device responds to the first operation and displays the switching item corresponding to each of at least two cards in the card display area. The operation includes: responding to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card; determining a card preview area and a switching item display area in the card display area according to the sliding direction of the first operation, and the direction of the card preview area relative to the switching item display area is the same as the sliding direction; displaying a thumbnail of the first card in the card display area; and displaying at least two switching items in the switching item display area.

[0224] It should be noted that the preset ratio can be set in advance according to needs, and the preset ratio is the ratio between the area of the first card before reduction and the area of the first card after reduction, or the preset ratio is the ratio between the size of the first card before reduction and the size of the first card after reduction. For example, the preset ratio can be 2:1 or 3:2.

[0225] Since the sliding direction of the user may be different each time when performing the first operation on the first card, the electronic device needs to determine the card preview area and the switching item display area in the card display area according to the sliding direction of the first operation. For example, when the user slides the first card to the left and pauses, the electronic device can display the card preview area in the left area of the card display area and the switching item display area in the right area of the card display area. This application scenario can refer to the above Figure 5 The application scenario shown.

[0226] It is worth noting that by displaying a thumbnail of the first card in the card preview area and displaying at least two switch items in the switch item display area, the user can not only quickly find the card they need to view from the at least two switch items, but also display the thumbnail of the first card in the card preview area, thereby ensuring the aesthetics of the card display area.

[0227] Due to the limited space of the switch item display area, when multiple cards are stacked and displayed in the card display area, the application icon thumbnails of the applications to which the multiple cards belong may or may not all be displayed in the switch item display area. Therefore, the number of the at least two switch items displayed in the switch item display area may be less than or equal to the number of the multiple cards.

[0228] As an example, after the electronic device displays at least two switch items in the switch item display area, if the number of multiple cards is greater than the number of at least two cards, it means that the application icon thumbnails of the applications to which all cards belong cannot be displayed in the switch item display area. In this case, in order to find the required cards or to view all application icon thumbnails, the user can perform a first page turning operation in the switch item display area, so that the electronic device can receive the first page turning operation in the switch item display area; in response to the first page turning operation, the switch items in the switch item display area are updated, and the switch items in the updated switch item display area are not completely the same or the same as the at least two switch items in the switch item display area before the update. For example, this application scenario can refer to the above Figure 7 or Figure 8 The application scenario shown.

[0229] It should be noted that the first page turning operation may refer to a sliding operation performed within the switching item display area.

[0230] It is worth noting that the switching items in the switching item display area are updated through the first page turning operation, so that the user can quickly view the switching items corresponding to the required cards in the switching item display area, thereby improving the card display efficiency.

[0231] As an example, when the switching item display area is displayed, the user can also perform a third operation on any switching item, so that the electronic device receives the third operation on any switching item; in response to the third operation, a thumbnail of the card corresponding to any switching item is displayed in the card preview area. For example, this application scenario can refer to the above Figure 6 The application scenario shown.

[0232] It should be noted that the third operation may refer to a touch operation on any switch item, and the touch operation may refer to touching any switch item, and the triggering force of the touch operation is less than the triggering force of the click operation or the long press operation. And when the user needs to view the card thumbnail corresponding to another switch item, the user can slide to another switch item without raising his hand to realize the touch operation of another switch item. Of course, the third operation can also be other operations. For example, the third operation can also be an operation of dragging the switch item to the card preview area after acting on any switch item, or the third operation can be a line operation from any switch item to the card preview area.

[0233] It is worth noting that by displaying the thumbnail of the card corresponding to the switch item triggered by the user in the card preview area, the user can clearly understand whether the card corresponding to the switch item is the card that needs to be viewed, thereby improving the card display efficiency.

[0234] In some embodiments, when the electronic device displays a thumbnail of a card corresponding to any switch item in the card preview area, if the user needs to display the full area of the card corresponding to the switch item in the card display area, the user can perform a second operation on the switch item to cause the electronic device to perform the operation 2303 after the following steps; or, the user can also perform a sixth operation on the thumbnail of the card displayed in the card preview area, and the electronic device responds to the sixth operation on the thumbnail of the card displayed in the card preview area by displaying the full area of the card corresponding to the thumbnail of the card displayed in the card preview area in the card display area.

[0235] It should be noted that the second operation may be a click operation, a long press operation, a double-click operation, or an operation in which two fingers are applied to a switch item in the switch item display area and then the two fingers are moved away from each other. The sixth operation may be a click operation, a long press operation, a double-click operation, or an operation in which two fingers are applied to a card thumbnail in the card preview area and then the two fingers are moved away from each other (also referred to as an operation of zooming in on a card thumbnail).

[0236] In some embodiments, when the electronic device displays the toggle item display area, in order to make it easier for the user to understand the style of multiple stacked cards, the user can also perform a fourth operation in the toggle item display area, so that the electronic device can receive the fourth operation in the toggle item display area; in response to the fourth operation, a first card expansion interface is displayed, in which the first card expansion interface displays a card corresponding to each of at least two toggle items or multiple cards.

[0237] As an example, an expansion control may be displayed in the switch item display area, so the fourth operation may be a trigger operation for the expansion control, such as a click operation or a long press operation. Figure 8 The application scenario shown.

[0238] As an example, the user can also trigger the electronic device to display the first card expansion interface in other ways. For example, the fourth operation can be an operation in which the user places two fingers in the switch item display area and then moves the two fingers away from each other (also known as a zoom operation on the switch item display area). The electronic device responds to the fourth operation and displays the first card expansion interface.

[0239] It is worth noting that, by displaying the first card expansion interface, the user can understand the styles of at least two cards or all cards from the first card expansion interface.

[0240] Since the space of the first card expansion interface is limited, when there are a large number of multiple cards, the first card expansion interface may not be sufficient to display all the cards. In this case, the first card expansion interface can display the card corresponding to each switch item of at least two switch items; or, when there are a small number of multiple cards, the first card expansion interface can accommodate all the cards. In this case, multiple cards can be displayed in the first card expansion interface.

[0241] In some embodiments, when a card corresponding to each of at least two switch items is displayed in a first card expansion interface, in order to view the styles of other cards, the user can perform a second page-turning operation on the first card expansion interface, so that the electronic device can receive the second page-turning operation on the first card expansion interface; in response to the second page-turning operation, a second card expansion interface is displayed, and the card displayed in the second card expansion interface is not completely the same or the same as the card displayed in the first card interface.

[0242] It should be noted that the second page turning operation can be a downward sliding operation or a left sliding operation in the first card expansion interface. Figure 12 The application scenario shown.

[0243] It is worth noting that by turning the pages of the first card expansion interface, the electronic device can display more card styles, thereby making it easier for users to view the styles of each card and improving the display efficiency of the cards.

[0244] In some embodiments, when the first card expansion interface is displayed, the user can also edit any card in the first card display interface. For example, the electronic device can receive an edit operation on a second card, where the second card is any card displayed in the first card display interface, and the edit operation includes a delete operation and / or a position move operation; in response to the edit operation on the second card, the second card is edited. For example, this scenario can refer to the above Figure 9 The application scenario shown.

[0245] It is worth noting that by performing editing operations such as sorting and deleting on any card displayed in the first card display interface, the display flexibility of multiple cards stacked and displayed in the card display area is improved.

[0246] In the second case, the switching item is a thumbnail of an application icon of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing. In this case, the electronic device responds to the first operation and displays at least two switching items in the card display area. The operation includes: determining the size of the card display area in response to the first operation; when the size of the card display area is smaller than the target size, displaying at least two switching items in the card display area; when the size of the card display area is greater than or equal to the target size, displaying a thumbnail of the first card in the card preview area of the card display area, and displaying at least two switching items in the switching item display area of the card display area. The card preview area and the switching item display area are determined according to the sliding direction of the first operation.

[0247] Since some card display areas are small in size, displaying the card preview area and the switch item display area may result in a smaller size of the displayed switch item, which is not conducive to user operation. Therefore, the electronic device can determine the size of the card display area. When the size of the card display area is smaller than the target size, at least two switch items can be directly displayed in the card display area without displaying the thumbnail of the first card. For example, this scenario can refer to the above Figure 14 In the application scenario shown. When the size of the card display area is greater than or equal to the target size, the electronic device can, in response to the first operation, display a thumbnail of the first card in the card preview area of the card display area according to the operation described in the first case above, and display at least two switch items in the switch item display area of the card display area.

[0248] It should be noted that the target size can be pre-set according to needs. For example, the target size can be the size of a 2*2 application icon or a 2*1 application icon, etc. The application icon size is the size of the application icon displayed by the electronic device for any application, and the size of the application icon displayed by electronic devices of different types and different display screen sizes may be different.

[0249] In some embodiments, when the size of the card display area is smaller than the target size and the electronic device displays at least two switch items in the card display area, the related operations of the electronic device on the at least two switch items can refer to the operations of the above-mentioned electronic device on the at least two switch items in the switch item display area, and the embodiments of the present application will not go into details one by one.

[0250] It is worth noting that by selecting the display mode of the at least two switching items according to the size of the card display area, the richness and flexibility of displaying the at least two switching items are improved.

[0251] In the third case, the switching item is a card view of a corresponding card, and the first operation is a downward sliding operation on the first card; in this case, the electronic device displays at least two switching items in the card display area in response to the first operation, including: obtaining the arrangement order of multiple cards stacked and displayed in the card display area in response to the first operation; displaying at least two switching items in the form of a card clip according to the arrangement order, in which the bottom edges of at least two switching items overlap at the bottom edge of the card display area, and each adjacent two switching items in at least two switching items partially overlap. For example, this scenario can refer to the above Figure 15 The application scenario shown.

[0252] It should be noted that, before the user performs any editing on the stacked multiple cards, the arrangement order may be the display order of the multiple cards in the card display area.

[0253] It is worth noting that, in the case of a card view in which the switching item is a card, displaying at least two switching items in the form of a card folder allows the user to directly know the style of the card based on the switching item, thereby improving the display efficiency of the card.

[0254] In some embodiments, when at least two switching items are displayed in the form of a card holder, the user can continue to operate the card holder. For example, the user can perform a fifth operation on the at least two switching items, so that the electronic device receives the fifth operation on the at least two switching items; in response to the fifth operation, a third card expansion interface is displayed, in which a card corresponding to each switching item in the at least two switching items or multiple cards are displayed. For example, this scenario can refer to the above Figure 16 The application scenario shown.

[0255] It should be noted that the fifth operation may be an operation of sliding downward on at least two switching items, or the fifth operation may be an operation of moving two fingers away from each other after applying two fingers to the card display area.

[0256] It is worth noting that when at least two switching items are displayed in the form of a card holder, by displaying the third card expansion interface, the user can more clearly know the style of the multiple cards displayed in stacked form, thereby improving the efficiency of card display.

[0257] In the fourth case, the switching item is a label including an application icon and an application name of the application to which the corresponding card belongs, and the touch operation is an operation of sliding and pausing on the first card; in this case, the electronic device displays at least two switching items in the card display area in response to the first operation, including: obtaining the arrangement order of multiple cards stacked and displayed in the card display area in response to the first operation; and displaying at least two switching items in the form of labels according to the arrangement order. For example, this scenario can refer to the above Figure 18 The application scenario shown.

[0258] It is worth noting that by displaying the application icons and application name labels of at least two cards in the card display area in the form of labels according to the arrangement order, not only the display space of the card display area is saved, but also the user can know the approximate content of at least two stacked cards based on the displayed labels, thereby improving the accuracy of the user's acquisition of card information.

[0259] In some embodiments, when at least two toggle items are displayed in the form of labels in a card display area, the user can also perform an edit operation on any one of the at least two toggle items. For example, the electronic device can receive an edit operation on a first toggle item, where the first toggle item is any one of the at least two toggle items, and the edit operation includes a delete operation and / or a position move operation; and in response to the edit operation, edit the first toggle item.

[0260] It should be noted that performing a position movement operation on any switch item is equivalent to performing a sorting operation on at least two displayed switch items.

[0261] It is worth noting that by performing a sorting operation or a deletion operation on at least two labels displayed in the card display area, the display of at least two switching items can be made more flexible.

[0262] In some embodiments, when the duration of displaying at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold, the display of the first card is restored.

[0263] In the case of displaying at least two switching items, if the user does not operate the card display area for a long time, the electronic device can restore the display of the first card for the sake of desktop aesthetics. In other words, the electronic device displays the entire area of the first card in the card display area.

[0264] It is worth noting that by restoring the display of the first card, the card display area is made more beautiful.

[0265] Step 2303: Receive a second operation on any one of the at least two displayed switch items.

[0266] Since the user may select a card to be displayed when at least two switching items are displayed, in this case, the user can perform a second operation on the switching item corresponding to the card to be displayed, so that the electronic device can receive the second operation.

[0267] Step 2304: In response to the second operation, a card corresponding to any switching item is displayed in the card display area.

[0268] As an example, in response to the second operation, the electronic device may display a card corresponding to any switching item in the entire card display area.

[0269] In an embodiment of the present application, when multiple cards are stacked and displayed in a card display area of a desktop, the electronic device can display at least two switch items in the card display area in response to a user's first operation on a first card displayed in the card display area. Since each switch item can trigger a switch to a corresponding card, when at least two switch items are displayed, the user can quickly determine which switch item corresponds to the card that needs to be switched, and trigger the switch item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switch item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the cards.

[0270] Figure 25 This is a schematic diagram of the structure of a device for displaying a card provided by an embodiment of the present application. The device can be implemented as part or all of an electronic device by software, hardware, or a combination of both. The computer device can be Figure 3 Computer equipment shown. Figure 25 The device includes: a first receiving module 2501, a first display module 2502, a second receiving module 2503 and a second display module 2504.

[0271] A first receiving module 2501 is configured to receive a first operation on a first card displayed in a card display area of a desktop, where a plurality of cards are stacked and displayed;

[0272] A first display module 2502 is configured to display, in response to the first operation, a switching item corresponding to each of at least two cards in the card display area, the switching item being configured to trigger switching to the corresponding card, the plurality of cards including the at least two cards;

[0273] The second receiving module 2503 is configured to receive a second operation on any one of the at least two displayed switching items;

[0274] The second display module 2504 is configured to display a card corresponding to any one of the switching items in the card display area in response to the second operation.

[0275] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0276] The first display module 2502 is used for:

[0277] In response to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card;

[0278] determining a card preview area and a switch item display area in the card display area according to the sliding direction of the first operation, wherein the direction of the card preview area relative to the switch item display area is the same as the sliding direction;

[0279] Displaying a thumbnail of the first card in the card display area;

[0280] The at least two switching items are displayed in the switching item display area.

[0281] As an example of the present application, the device further includes:

[0282] A third receiving module, configured to receive a third operation on any one of the switching items;

[0283] The third display module is configured to display a thumbnail of the card corresponding to any one of the switching items in the card preview area in response to the third operation.

[0284] As an example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; and the first display module is further configured to:

[0285] receiving a first page turning operation in the switching item display area;

[0286] In response to the first page turning operation, the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same as or different from at least two switching items in the switching item display area before the update.

[0287] As an example of the present application, the first display module 2502 is further configured to:

[0288] receiving a fourth operation in the switching item display area;

[0289] In response to the fourth operation, a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0290] As an example of the present application, the first card expansion interface displays a card corresponding to each of the at least two switching items; the first display module 2502 is further configured to:

[0291] receiving a second page turning operation on the expanded interface of the first card;

[0292] In response to the second page turning operation, a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card interface.

[0293] As an example of the present application, the first display module 2502 is further configured to:

[0294] Receiving an edit operation on a second card, where the second card is any card displayed in the first card display interface, and the edit operation includes a delete operation and / or a move operation;

[0295] In response to an editing operation on the second card, the second card is edited.

[0296] As an example of the present application, the switching item is an application icon thumbnail of the application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;

[0297] The first display module 2502 is used for:

[0298] In response to the first operation, determining a size of the card display area;

[0299] When the size of the card display area is smaller than the target size, displaying the at least two switching items in the card display area;

[0300] When the size of the card display area is greater than or equal to the target size, a thumbnail of the first card is displayed in the card preview area of the card display area, and the at least two toggle items are displayed in the toggle item display area of the card display area, and the card preview area and the toggle item display area are determined according to the sliding direction of the first operation.

[0301] As an example of the present application, the switching item is a card view of a corresponding card, and the first operation is an operation of sliding downward on the first card;

[0302] The first display module 2502 is used for:

[0303] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0304] According to the arrangement order, the at least two switch items are displayed in the form of a card holder, and the form of the card holder is that the bottom edges of the at least two switch items overlap with the bottom edge of the card display area, and each adjacent two switch items in the at least two switch items partially overlap.

[0305] As an example of the present application, the first display module 2502 is further configured to:

[0306] receiving a fifth operation on the at least two switching items;

[0307] In response to the fifth operation, a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.

[0308] As an example of the present application, the switching item is a label including an application icon and an application name of the application to which the corresponding card belongs, and the touch operation is an operation of sliding and pausing on the first card;

[0309] The first display module 2502 is used for:

[0310] In response to the first operation, obtaining an arrangement order of a plurality of cards stacked and displayed in the card display area;

[0311] The at least two switching items are displayed in the form of labels according to the arrangement order.

[0312] As an example of the present application, the first display module 2502 is further configured to:

[0313] receiving an editing operation on a first switching item, where the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and / or a position movement operation;

[0314] In response to the editing operation, the first switching item is edited.

[0315] As an example of the present application, the device further includes:

[0316] The fourth display module is used to restore the display of the first card when the duration of displaying the at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold.

[0317] In an embodiment of the present application, when multiple cards are stacked and displayed in a card display area of a desktop, the electronic device can display at least two switch items in the card display area in response to a user's first operation on a first card displayed in the card display area. Since each switch item can trigger a switch to a corresponding card, when at least two switch items are displayed, the user can quickly determine which switch item corresponds to the card that needs to be switched, and trigger the switch item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switch item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the cards.

[0318] It should be noted that: the card display device provided in the above embodiment only uses the division of the above-mentioned functional modules as an example when displaying cards. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0319] The functional units and modules in the above embodiments may be integrated into a single processing unit, or each unit may exist physically separately, or two or more units may be integrated into a single unit. The above integrated units may be implemented in the form of hardware or software functional units. In addition, the specific names of the functional units and modules are only for the purpose of distinguishing them from each other and are not intended to limit the scope of protection of the embodiments of this application.

[0320] The device for displaying a card provided in the above embodiment and the method for displaying a card are of the same concept. The specific working process and technical effects of the units and modules in the above embodiment can be found in the method embodiment part and will not be repeated here.

[0321] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network or other programmable device. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website, computer, server or data center to another website, computer, server or data center via a wired (such as a coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (such as infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that a computer can access, or a data storage device such as a server or data center that includes one or more available media integrations. The available medium may be a magnetic medium (eg, a floppy disk, a hard disk, a magnetic tape), an optical medium (eg, a digital versatile disc (DVD)), or a semiconductor medium (eg, a solid state disk (SSD)).

[0322] The above are optional embodiments provided for this application and are not intended to limit this application. Any modifications, equivalent replacements, improvements, etc. made within the technical scope disclosed in this application should be included in the scope of protection of this application.

Claims

1. A method for displaying a card, characterized in that: Applied to electronic equipment, the method includes: receiving a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked in the card display area; In response to the first operation, displaying a thumbnail of the first card in a card preview area in the card display area, and displaying thumbnails of application icons corresponding to at least two cards in a toggle item display area in the card display area, where the plurality of cards includes the at least two cards; When a second operation is received on a first application icon thumbnail among the at least two displayed application icon thumbnails, in response to the second operation, a thumbnail of a second card corresponding to the first application icon thumbnail is displayed in the card preview area; When a third operation is received on the thumbnail of the second card in the card preview area, in response to the third operation, the second card is displayed in the entire card display area; During the process of displaying the at least two application icon thumbnails, upon receiving a first page turning operation on the switch item display area, in response to the first page turning operation, displaying a second application icon thumbnail in the switch item display area, wherein the second application icon thumbnail is different from the at least two application icon thumbnails; The switching item display area also includes an expansion control; the method further includes: When a fourth operation on the expansion control is received, a first card display interface is displayed in response to the fourth operation, in which the cards corresponding to the at least two application icon thumbnails are displayed or the multiple cards are displayed.

2. The method according to claim 1, wherein The first operation includes sliding on the first card and pausing; the second operation includes a click operation; the third operation includes a click operation; and the fourth operation includes a click operation.

3. The method according to claim 1 or 2, wherein: In response to the first operation, displaying a thumbnail of the first card in a card preview area in the card display area, and displaying thumbnails of application icons corresponding to at least two cards in a switch item display area in the card display area, includes: In response to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card; Determining the card preview area and the switch item display area in the card display area according to the operation direction of the first operation; Displaying a thumbnail of the first card in the card preview area; The application icon thumbnails corresponding to the at least two cards are displayed in the switching item display area.

4. The method according to claim 3, wherein The direction of the card preview area relative to the switching item display area is the same as the operation direction of the first operation.

5. The method according to claim 1 or 2, wherein: The first card display interface displays cards corresponding to the at least two application icon thumbnails respectively; After displaying the first card display interface in response to the fourth operation, the method further includes: receiving a second page turning operation on the first card display interface; In response to the second page turning operation, a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card display interface.

6. The method according to claim 1 or 2, wherein: After displaying the first card display interface in response to the fourth operation, the method further includes: Receiving an edit operation on a third card, where the third card is any card displayed in the first card display interface, and the edit operation includes a delete operation and / or a move operation; In response to an editing operation on the third card, the third card is edited.

7. The method according to claim 1 or 2, wherein: In response to the first operation, displaying a thumbnail of the first card in a card preview area in the card display area, and displaying thumbnails of application icons corresponding to at least two cards in a switch item display area in the card display area, includes: When the size of the card display area is greater than or equal to the target size, in response to the first operation, a thumbnail of the first card is displayed in the card preview area, and thumbnails of application icons corresponding to at least two cards are displayed in the switch item display area.

8. The method according to claim 7, wherein The method further comprises: In a case where the size of the card display area is smaller than the target size, in response to the first operation, thumbnails of the application icons respectively corresponding to the at least two cards are displayed in the entire card display area.

9. The method according to claim 1 or 2, wherein: The method further comprises: When a fifth operation is received on a fourth card displayed in a target card display area of the desktop, in response to the fifth operation, a plurality of labels are displayed in the target card display area, each of the plurality of labels including an application icon and an application name of an application to which the corresponding card stacked in the target card display area belongs; When a sixth operation on any one of the multiple tags is received, in response to the sixth operation, a card corresponding to the any one tag is displayed in the target card display area.

10. The method according to claim 9, wherein The method further comprises: After displaying the plurality of labels, receiving an editing operation on any one of the labels, the editing operation including a deletion operation and / or a position movement operation; In response to the editing operation, the arbitrary label is edited.

11. The method according to claim 1 or 2, wherein: The method further comprises: When a duration for displaying the application icon thumbnails corresponding to the at least two cards is greater than or equal to a duration threshold and no operation is detected within the duration threshold, display of the first card is restored.

12. An electronic device, characterized in that: The structure of the electronic device includes a processor and a memory; The memory is used to store a program that supports the electronic device to execute the method according to any one of claims 1 to 11, and to store data involved in implementing the method according to any one of claims 1 to 11.

13. A computer-readable storage medium, characterized in that The computer-readable storage medium stores instructions, which, when executed on a computer, enable the computer to execute the method according to any one of claims 1 to 11.

Images