CN118093067A - Method for displaying card, electronic device and readable storage medium - Google Patents

Method for displaying card, electronic device and readable storage medium Download PDF

Info

Publication number
CN118093067A
CN118093067A CN202211497893.6A CN202211497893A CN118093067A CN 118093067 A CN118093067 A CN 118093067A CN 202211497893 A CN202211497893 A CN 202211497893A CN 118093067 A CN118093067 A CN 118093067A
Authority
CN
China
Prior art keywords
card
switching
display area
displaying
cards
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211497893.6A
Other languages
Chinese (zh)
Inventor
张涛林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Honor Device Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202211497893.6A priority Critical patent/CN118093067A/en
Priority to PCT/CN2023/114776 priority patent/WO2024109220A1/en
Publication of CN118093067A publication Critical patent/CN118093067A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses a method for displaying a card, electronic equipment and a readable storage medium, and belongs to the technical field of terminals. The method is applied to the electronic equipment, and comprises the following steps: receiving a first operation on a first card displayed in a card display area of a desktop, the card display area having a plurality of cards stacked and displayed therein; responding to the first operation, displaying a switching item corresponding to each card in the at least two cards in a card display area, wherein the switching item is used for triggering switching to the corresponding card, and the plurality of cards comprise at least two cards; receiving a second operation of any one of the at least two displayed switching items; and responding to the second operation, and displaying the card corresponding to any one switching item in the card display area. According to the application, the switching items corresponding to the stacked cards are displayed, so that a user can trigger the switching items to be switched, the electronic equipment can display the cards corresponding to the triggered switching items, and the display efficiency of the cards is improved.

Description

Method for displaying card, electronic device and readable storage medium
Technical Field
The present application relates to the field of terminal technologies, and in particular, to a method for displaying a card, an electronic device, and a readable storage medium.
Background
With the development of terminal technology, in order to facilitate users to quickly acquire information of an application program, and also in order to facilitate users to use functions of electronic devices, widget (i.e., desktop gadget or card) is increasingly used in electronic devices. The widget refers to a tiny application view and can be embedded into other applications, such as applications embedded into a desktop of an electronic device. Under the condition that the widget is embedded in the desktop, in order to save the display position of the desktop of the electronic device, a plurality of cards can be alternately displayed in the card display area where the same widget is located, and each card corresponds to a view of one application program, so that a card stacking effect is formed.
At present, under the condition that cards are stacked, in order to view the cards, a user can sequentially perform page turning operation on a plurality of cards positioned in the same card display area until the cards to be viewed are found, and the operation is complex, so that the display efficiency of the cards is reduced.
Disclosure of Invention
The application provides a method for displaying a card, electronic equipment and a readable storage medium, which can be used for solving the problem of low card display efficiency caused by complex card checking operation of a user in the related technology. The technical scheme is as follows:
In a first aspect, a method for displaying a card is provided, and the method is applied to an electronic device, and 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;
responding to the first operation, displaying a switching item corresponding to each card in at least two cards in the card display area, wherein the switching item is used for triggering switching to the corresponding card, and the plurality of cards comprise the at least two cards;
Receiving a second operation of any one of the at least two displayed switching items;
and responding to the second operation, and displaying the card corresponding to any one switching item in the card display area.
In this way, under the condition that a plurality of 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 first operation of the user on the first card displayed in the card display area, and under the condition that at least two switching items are displayed, the user can quickly determine which card corresponding to the switching item is the card needing to be switched and trigger the switching item needing to be switched, so that the electronic device displays the card corresponding to the triggered switching item. The cards needed by the user can be displayed without electronic equipment to display the cards one by one, so that the display efficiency of the cards is improved.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
The responding to the first operation, displaying the corresponding switching item of each card in at least two cards in the card display area, comprises the following steps:
Responding to the first operation, and reducing the size of the first card according to a preset proportion 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, wherein 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 the at least two switching items in the switching item display area.
Therefore, the thumbnail of the first card is displayed in the card preview area, and at least two switching items are displayed in the switching item display area, so that a user can not only quickly search for the required checked card from the at least two switching items, but also display the thumbnail of the first card in the card preview area, and the attractiveness of the card display area is ensured.
As an example of the present application, before the receiving the second operation on any one of the at least two displayed switching items, the method further includes:
receiving a third operation on any one of the switching items;
And responding to the third operation, and displaying the thumbnail of the card corresponding to any switching item in the card preview area.
Therefore, the thumbnail of the card corresponding to the switching item triggered by the user is displayed in the card preview area, so that the user can clearly know whether the card corresponding to the switching item is the card to be checked or not, and the card display efficiency is improved.
As one example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; after the at least two switching items are displayed in the switching item display area, the method further comprises:
receiving a first page turning operation in the switching item display area;
And responding to the first page turning operation, updating the switching items in the switching item display area, wherein the updated switching items in the switching item display area are not identical or different from at least two switching items in the switching item display area before updating.
Therefore, the switching items in the switching item display area are updated through the first page turning operation, so that a user can quickly look up the switching items corresponding to the required cards in the switching item display area, and the card display efficiency is improved.
As an example of the present application, after the at least two switching items are displayed in the switching item display area, the method further includes:
Receiving a fourth operation within the switching item display area;
And responding to the fourth operation, displaying a first card unfolding interface, wherein the first card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
Thus, by displaying the first card expansion interface, the user can learn the styles of at least two cards or all cards from the first card expansion interface.
As an example of the present application, a card corresponding to each of the at least two switching items is displayed in the first card expansion interface; the displaying the first card expansion interface in response to the fourth operation further comprises:
Receiving a second page turning operation of the first card expansion interface;
and responding to the second page turning operation, displaying a second card unfolding interface, wherein the card displayed in the second card unfolding interface is not identical or different from the card displayed in the first card interface.
Therefore, through page turning operation on the first card expansion interface, the electronic equipment can display more card patterns, so that a user can conveniently check the patterns of each card, and the display efficiency of the card is improved.
As an example of the present application, after displaying the first card expansion interface in response to the fourth operation, the method further includes:
Receiving editing operation on a second card, wherein the second card is any card displayed in the first card display interface, and the editing operation comprises deleting operation and/or position moving operation;
And responding to the editing operation of the second card, and editing the second card.
Therefore, editing operations such as sorting and deleting are performed on any one card displayed in the first card display interface, so that display flexibility of a plurality of cards stacked and displayed in the card display area is improved.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
The displaying at least two switching items in the card display area in response to the first operation includes:
determining a size of the card display area in response to the first operation;
Displaying the at least two switching items in the card display area if the size of the card display area is smaller than a target size;
And displaying the thumbnail of the first card in a card preview area of the card display area and displaying the at least two switching items in a switching item display area of the card display area, wherein the card preview area and the switching item display area are determined according to the sliding direction of the first operation, under the condition that the size of the card display area is greater than or equal to the target size.
Therefore, the richness and flexibility of displaying at least two switching items are improved by selecting the display mode of the at least two switching items according to the size of the card display area.
As one 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 down on the first card;
The displaying at least two switching items in the card display area in response to the first operation includes:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
And displaying the at least two switching items in the form of a card holder according to the arrangement sequence, wherein the bottom edges of the at least two switching items are overlapped at the bottom edge of the card display area, and every two adjacent switching items in the at least two switching items are partially overlapped.
Therefore, when the switching items are card views of the cards, at least two switching items are displayed in the form of card clips, so that a user can directly know the patterns of the cards according to the switching items, and the display efficiency of the cards is improved.
As an example of the present application, after displaying the at least two switching items in the form of a card clip according to the arrangement order, the method further includes:
receiving a fifth operation on the at least two switching items;
and responding to the fifth operation, displaying a third card unfolding interface, wherein the third card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
Therefore, under the condition that at least two switching items are displayed in the form of card clips, the user can know the patterns of a plurality of stacked and displayed cards more clearly by displaying the third card unfolding interface, and the card display efficiency is improved.
As an example of the present application, the switching item is a label including an application icon and an application name corresponding to an application program to which a card belongs, and the touch operation is an operation of sliding and pausing on the first card;
The displaying at least two switching items in the card display area in response to the first operation includes:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
and displaying the at least two switching items in the form of labels according to the arrangement sequence.
Therefore, the labels of the application icons and the application names of the application programs of at least two cards are displayed in the card display area according to the arrangement sequence, so that the display space of the card display area is saved, a user can know the approximate content of at least two cards which are displayed in a stacked mode according to the displayed labels, and the accuracy of obtaining card information by the user is improved.
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:
Receiving an editing operation on a first switching item, wherein the first switching item is any one switching item of the at least two switching items, and the editing operation comprises a deleting operation and/or a position moving operation;
And responding to the editing operation, editing the first switching item.
In this way, the at least two switching items can be displayed more flexibly by performing the sorting operation or the deleting operation on the at least two labels displayed in the card display area.
As one example of the present application, after the at least two switching items are displayed in the card display area in response to the first operation, the method further includes:
and restoring the display of the first card when the time length of displaying the at least two switching items is greater than or equal to a time length threshold value and no operation is detected within the time length threshold value.
Thus, the display of the first card is restored, so that the card display area is more attractive.
In a second aspect, there is provided a device for displaying a card, the device having a function of implementing the method behavior for displaying a card in the first aspect. The device for displaying the card comprises at least one module, wherein the at least one module is used for realizing the method for displaying the card provided by the first aspect. The device for displaying the card comprises:
a first receiving module for receiving a first operation on a first card displayed in a card display area of a desktop, the card display area having a plurality of cards stacked and displayed therein;
the first display module is used for responding to the first operation, displaying a switching item corresponding to each card in at least two cards in the card display area, wherein the switching item is used for triggering switching to the corresponding card, and the plurality of cards comprise the at least two cards;
the second receiving module is used for receiving a second operation of any one of the at least two displayed switching items;
and the second display module is used for responding to the second operation and displaying the card corresponding to any one switching item in the card display area.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
the first display module is used for:
Responding to the first operation, and reducing the size of the first card according to a preset proportion 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, wherein 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 the at least two switching items in the switching item display area.
As an example of the present application, the apparatus further comprises:
A third receiving module, configured to receive a third operation on the arbitrary switching item;
and the third display module is used for responding to the third operation and displaying the thumbnail of the card corresponding to the any switching item in the card preview area.
As one example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; the first display module is further configured to:
receiving a first page turning operation in the switching item display area;
And responding to the first page turning operation, updating the switching items in the switching item display area, wherein the updated switching items in the switching item display area are not identical or different from at least two switching items in the switching item display area before updating.
As an example of the present application, the first display module is further configured to:
Receiving a fourth operation within the switching item display area;
And responding to the fourth operation, displaying a first card unfolding interface, wherein the first card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
As an example of the present application, a card corresponding to each of the at least two switching items is displayed in the first card expansion interface; the first display module is further configured to:
Receiving a second page turning operation of the first card expansion interface;
and responding to the second page turning operation, displaying a second card unfolding interface, wherein the card displayed in the second card unfolding interface is not identical or different from the card displayed in the first card interface.
As an example of the present application, the first display module is further configured to:
Receiving editing operation on a second card, wherein the second card is any card displayed in the first card display interface, and the editing operation comprises deleting operation and/or position moving operation;
And responding to the editing operation of the second card, and editing the second card.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
the first display module is used for:
determining a size of the card display area in response to the first operation;
Displaying the at least two switching items in the card display area if the size of the card display area is smaller than a target size;
And displaying the thumbnail of the first card in a card preview area of the card display area and displaying the at least two switching items in a switching item display area of the card display area, wherein the card preview area and the switching item display area are determined according to the sliding direction of the first operation, under the condition that the size of the card display area is greater than or equal to the target size.
As one 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 down on the first card;
the first display module is used for:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
And displaying the at least two switching items in the form of a card holder according to the arrangement sequence, wherein the bottom edges of the at least two switching items are overlapped at the bottom edge of the card display area, and every two adjacent switching items in the at least two switching items are partially overlapped.
As an example of the present application, the first display module is further configured to:
receiving a fifth operation on the at least two switching items;
and responding to the fifth operation, displaying a third card unfolding interface, wherein the third card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
As an example of the present application, the switching item is a label including an application icon and an application name corresponding to an application program to which a card belongs, and the touch operation is an operation of sliding and pausing on the first card;
the first display module is used for:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
and displaying the at least two switching items in the form of labels according to the arrangement sequence.
As an example of the present application, the first display module is further configured to:
Receiving an editing operation on a first switching item, wherein the first switching item is any one switching item of the at least two switching items, and the editing operation comprises a deleting operation and/or a position moving operation;
And responding to the editing operation, editing the first switching item.
As an example of the present application, the apparatus further comprises:
And the fourth display module is used for restoring the display of the first card when the time length of displaying the at least two switching items is greater than or equal to a time length threshold value and no operation is detected within the time length threshold value.
In a third aspect, an electronic device is provided, where the electronic device includes a processor and a memory, where the memory is configured to store a program for supporting the electronic device to execute the method for displaying a card provided in the first aspect, and store data related to implementing the method for displaying a card in the first aspect. The processor is configured to execute a program stored in the memory. The electronic device may further comprise a communication bus for establishing a connection between the processor and the memory.
In a fourth aspect, there is provided a computer readable storage medium having instructions stored therein which, when run on a computer, cause the computer to perform the method of displaying a card as described in the first aspect above.
In a fifth aspect, there is provided a computer program product comprising instructions which, when run on a computer, cause the computer to perform the method of displaying a card as described in the first aspect above.
The technical effects obtained by the second, third, fourth and fifth aspects are similar to the technical effects obtained by the corresponding technical means in the first aspect, and are not described in detail herein.
Drawings
FIG. 1 is a schematic diagram of an application scenario shown in accordance with an exemplary embodiment;
FIG. 2 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
fig. 3 is a schematic structural view of an electronic device according to another exemplary embodiment;
FIG. 4 is a schematic diagram of a software architecture of an electronic device, according to an example embodiment;
FIG. 5 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 6 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 7 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 8 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 9 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 10 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 11 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 12 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 13 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 14 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 15 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 16 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 17 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 18 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 19 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 20 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 21 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 22 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
FIG. 23 is a flow chart of a method of displaying a card, according to an exemplary embodiment;
FIG. 24 is a schematic diagram of an application scenario illustrated in accordance with another exemplary embodiment;
Fig. 25 is a schematic structural view showing an apparatus for displaying a card according to an exemplary embodiment.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the present application more apparent, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
It should be understood that references to "a plurality" in this disclosure refer to two or more. In the description of the present application, "/" means or, unless otherwise indicated, for example, A/B may represent A or B; "and/or" herein is merely an association relationship describing an association object, and means that three relationships may exist, for example, a and/or B may mean: a exists alone, A and B exist together, and B exists alone. In addition, in order to facilitate the clear description of the technical solution of the present application, the words "first", "second", etc. are used to distinguish the same item or similar items having substantially the same function and function. It will be appreciated by those of skill in the art that the words "first," "second," and the like do not limit the amount and order of execution, and that the words "first," "second," and the like do not necessarily differ.
Reference in the specification to "one embodiment" or "some embodiments" or the like means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," and the like in the specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments" unless expressly specified otherwise. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless expressly specified otherwise.
In an application scenario, in order to increase the richness of mobile phone display, and also to facilitate the user to use various application programs, a mobile phone supports a card for displaying the application program in a desktop. In one example, after the application is installed on the mobile phone, the application may register with a widget manager (also referred to as a card manager) of the mobile phone, thereby generating a card corresponding to the application. In the case that the user adds a card on the desktop of the mobile phone is received, the mobile phone can respond to the adding operation of the user, scan the application programs registered with the card manager, obtain all card lists and display the card lists, and then the user can select the card to be added from the card lists. Illustratively, referring to fig. 1 (a), the user adds weather cards, news cards, album cards and clock cards to the desktop of the mobile phone, and the weather cards, news cards, album cards and clock cards are the same in size. In order to save the desktop space, a plurality of cards with the same size can be displayed in the same card display area because the desktop space of the mobile phone is limited; referring to fig. 1 (b), the user can drag the album card into the card display area where the clock card is located, the mobile phone displays the album card in the card display area where the clock card is located in response to the drag operation of the user on the album card, so that the album card and the clock card are displayed in a stacked manner, and when the album card is dragged into the card display area where the clock card is located, the album card is displayed on the clock card. If the user continues to drag the news card into the card display area where the clock card is located, referring to the diagram (c) in fig. 1, the mobile phone responds to the drag operation of the user on the news card to display the news card in the card display area where the clock card is located, so that the news card, the album card and the clock card are stacked for display, and when the news card is dragged into the card display area where the clock card is located, the news card is displayed on the album card. Then, if the user continues to drag the weather card into the card display area where the clock card is located, referring to the diagram (d) in fig. 1, the mobile phone responds to the drag operation of the user on the weather card, and displays the weather card in the card display area where the clock card is located, so that the weather card, the news card, the album card and the clock card are stacked for display, and when the weather card is dragged into the card display area where the clock card is located, the weather card is displayed on the news card. In the case where a plurality of cards are displayed in a stack in the card display area, the plurality of cards can be displayed in a cyclic manner in the card display area in the arrangement order.
In the case of a multiple card stack display, a user needs to find a card among multiple cards until the mobile phone displays the card in order to view the card. Illustratively, referring to fig. 2 (a), a plurality of cards are displayed in a stack in a desktop of a mobile phone, and the display order of the plurality of cards in a card display area is weather cards, news cards, album cards and clock cards, the weather cards are currently displayed at the uppermost, and a user may perform a downward sliding operation on the currently displayed weather cards in order to view the clock cards; in response to the downward sliding operation on the weather card, referring to fig. 2 (b), the mobile phone displays the weather card at the lowest edge of the plurality of cards, and displays the next card, that is, the news card, in the display order, and if the news card is not the card that the user needs to view, the user needs to continue the downward sliding operation on the news card; in response to the downward sliding operation of the news card, referring to fig. 2 (c), the mobile phone displays the news card at the lowermost side of the plurality of cards and displays the album cards in the display order. If the album card is still not the card to be checked by the user, the user continues to slide downwards on the album card; in response to the downward sliding operation of the album card, referring to fig. 2 (d), the mobile phone displays the album card at the lowest edge of the plurality of cards, and displays the clock cards in the display order, which are the cards that the user needs to view.
Therefore, in order to view the card to be viewed, the user needs to continuously perform page turning operation on a plurality of stacked cards, which is complex in operation and reduces the display efficiency of the cards.
In order to improve the display efficiency of cards, in the method, under the condition that a plurality of cards are stacked and displayed in a card display area of a desktop, the electronic device responds to a first operation of a first card displayed in the card display area by a user, at least two switching items can be displayed in the card display area, and as each switching item can trigger switching to a corresponding card, under the condition that at least two switching items are displayed, the user can quickly determine which card corresponding to the switching item is the card needing switching, and trigger the switching item needing switching, so that the electronic device displays the card corresponding to the triggered switching item. The cards needed by the user can be displayed without electronic equipment to display the cards one by one, so that the display efficiency of the cards is improved.
Before explaining the method for displaying the card provided by the embodiment of the application in detail, the electronic device related to the embodiment of the application is explained.
The method provided by the embodiment of the application can be executed by the electronic equipment, a plurality of cards running in the desktop main process are displayed on the desktop of the electronic equipment, and the cards can be stacked and displayed. By way of example and not limitation, the electronic device may be, but is not limited to, a mobile phone motion camera (GoPro), a digital camera, a tablet, a desktop, a laptop, a handheld computer, a notebook, a vehicle mounted device, an ultra-mobile personal computer (UMPC), a netbook, a cellular telephone, a Personal Digital Assistant (PDA), an augmented reality (augmented reality, AR), a Virtual Reality (VR) device, a cell phone, a door lock, a smart appliance, and the like, as embodiments of the application are not limited in this regard.
Fig. 3 is a schematic structural diagram of an electronic device according to an embodiment of the present application. Referring to fig. 3, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charge 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, keys 190, a motor 191, an indicator 192, a camera 193, a display 194, a subscriber identity module (subscriber identification module, SIM) card interface 195, and the like. The sensor module 180 may 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 sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, and the like.
It should be understood that the illustrated structure of the embodiment of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the application, electronic device 100 may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.
The processor 110 may include one or more processing units, such as: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (IMAGE SIGNAL processor, ISP), a controller, a memory, a video codec, a digital signal processor (DIGITAL SIGNAL processor, DSP), a baseband processor, and/or a neural Network Processor (NPU), etc. Wherein the different processing units may be separate devices or may be integrated in one or more processors.
The controller may be a neural hub and a command center of the electronic device 100, among others. The controller can generate operation control signals according to the instruction operation codes and the time sequence signals to finish the control of instruction fetching and instruction execution.
A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to reuse the instruction or data, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby improving the efficiency of the system.
In some embodiments, the processor 110 may include one or more interfaces, such as may include an integrated circuit (inter-INTEGRATED CIRCUIT, I2C) interface, an integrated circuit built-in audio (inter-INTEGRATED CIRCUIT SOUND, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous receiver transmitter (universal asynchronous receiver/transmitter, UART) interface, a mobile industry processor interface (mobile industry processor interface, MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (subscriber identity module, SIM) interface, and/or a universal serial bus (universal serial bus, USB) interface, among others.
It should be understood that the interfacing relationship between the modules illustrated in the embodiments of the present application is only illustrative, and is not meant to limit the structure of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also employ different interfacing manners in the above embodiments, or a combination of multiple interfacing manners.
The wireless communication function of the electronic device 100 may be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, a modem processor, a baseband processor, and the like.
The electronic device 100 implements display functions through a GPU, a display screen 194, an application processor, and the like. The GPU is a microprocessor for image processing, and is connected to the display 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 change display information.
The display screen 194 is used to display images, videos, and the like. The display 194 includes a display panel. The display panel may employ a Liquid Crystal Display (LCD) CRYSTAL DISPLAY, an organic light-emitting diode (OLED), an active-matrix organic LIGHT EMITTING diode (AMOLED), a flexible light-emitting diode (FLED), miniled, microLed, micro-oLed, a quantum dot LIGHT EMITTING diode (QLED), or the like. In some embodiments, the electronic device 100 may include 1 or N display screens 194, N being an integer greater than 1.
The electronic device 100 may implement photographing functions through an ISP, a camera 193, a video codec, a GPU, a display screen 194, an application processor, and the like.
The ISP is used to process data fed back by the camera 193. For example, when photographing, the shutter is opened, light is transmitted to the camera photosensitive element through the lens, the light signal is converted into an electric signal, and the camera photosensitive element transmits the electric signal to the ISP for processing and is converted into an image visible to naked eyes. ISP can also optimize the noise, brightness and skin color of the image. The ISP can also optimize parameters such as exposure, color temperature and the like of a shooting scene. In some embodiments, the ISP may be provided in the camera 193.
Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. Thus, the electronic device 100 may play or record video in a variety of encoding formats, such as: dynamic picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4, etc.
The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to enable expansion of the memory capabilities of the electronic device 100. The external memory card communicates with the processor 110 through an external memory interface 120 to implement data storage functions. Such as storing files of music, video, etc. in an external memory card.
The internal memory 121 may be used to store computer-executable program code that includes instructions. The processor 110 executes various functional applications of the electronic device 100 and data processing by executing instructions stored in the internal memory 121. The internal memory 121 may include a storage program area and a storage data area. The storage program area may store an application program (such as a sound playing function, an image playing function, etc.) required for at least one function of the operating system, etc. The storage data area may store data (e.g., audio data, phonebook, etc.) created by the electronic device 100 during use, and so forth. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a nonvolatile memory such as at least one magnetic disk storage device, a flash memory device, a universal flash memory (universal flash storage, UFS), and the like.
The electronic device 100 may implement audio functions such as music playing, recording, etc. through the audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone interface 170D, and application processor, etc.
The audio module 170 is used to convert digital audio information into an analog audio signal output and also to convert an analog audio input into a digital audio signal. The audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be disposed in the processor 110, or a portion of the functional modules of the audio module 170 may be disposed in the processor 110.
The earphone interface 170D is used to connect a wired earphone. The earphone interface 170D may be a USB interface 130 or a 3.5mm open mobile terminal platform (open mobile terminal platform, OMTP) standard interface, a american cellular telecommunications industry association (cellular telecommunications industry association of the USA, CTIA) standard interface.
The pressure sensor 180A is used to sense a pressure signal, and may convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194. The pressure sensor 180A is of various types, such as a resistive pressure sensor, an inductive pressure sensor, a capacitive pressure sensor, and the like. The capacitive pressure sensor may be a capacitive pressure sensor comprising at least two parallel plates with conductive material. The capacitance between the electrodes changes when a force is applied to the pressure sensor 180A. The electronic device 100 determines the strength of the pressure from the change in capacitance. When a touch operation is applied to the display screen 194, the electronic apparatus 100 detects the touch operation intensity according to the pressure sensor 180A. The electronic device 100 may also calculate the location of the touch based on the detection signal of the pressure sensor 180A. In some embodiments, touch operations that act on the same touch location, but at different touch operation strengths, may correspond to different operation instructions. Such as: when a touch operation with the touch operation intensity smaller than the pressure threshold is applied to the short message application icon, executing an instruction for checking the short message. And executing the instruction of newly creating the short message when the touch operation with the touch operation intensity being larger than or equal to the pressure threshold acts on the short message application icon.
The gyro sensor 180B may be used to determine a motion gesture of the electronic device 100. In some embodiments, the angular velocity of electronic device 100 about three axes (i.e., x, y, and z axes) may be determined by gyro sensor 180B. The gyro sensor 180B may be used for photographing anti-shake. For example, when the shutter is pressed, the gyro sensor 180B detects the shake angle of the electronic device 100, calculates the distance to be compensated by the lens module according to the angle, and makes the lens counteract the shake of the electronic device 100 through the reverse motion, so as to realize anti-shake. The gyro sensor 180B may also be used for navigating, somatosensory game scenes.
The touch sensor 180K, also referred to as a "touch panel". The touch sensor 180K may be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, which is also called a "touch screen". The touch sensor 180K is for detecting a touch operation acting thereon or thereabout. The touch sensor 180K may communicate the detected touch operation to the application processor to determine the touch event type. Visual output related to touch operations may be provided through the display 194. In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 at a different location than the display 194.
The motor 191 may generate a vibration cue. The motor 191 may be used for incoming call vibration alerting as well as for touch vibration feedback. For example, touch operations applied to different applications (e.g., photographing, audio playing, etc.) may correspond to different vibration feedback effects. Touch operations applied to different areas of the display screen 194 may also correspond to different vibration feedback effects. Different application scenes (such as time reminding, receiving information, alarm clock, game and the like) can also correspond to different vibration feedback effects. The touch vibration feedback effect may also support customization.
The software system of the electronic device 100 will be described next.
The software system of the electronic device 100 may employ a layered architecture, an event driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. In the embodiment of the application, an Android (Android) system with a layered architecture is taken as an example, and a software system of the electronic device 100 is illustrated.
Fig. 4 is a block diagram of a software system of the electronic device 100 according to an embodiment of the present application. Referring to fig. 4, the layered architecture divides the software into several layers, each with a clear role and division of work. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, from top to bottom, an application layer, an application framework layer, an Zhuoyun lines (Android runtime) and a system layer, and a kernel layer, respectively.
The application layer may include a series of application packages. As shown in fig. 4, the application package may include camera, gallery, calendar, phone call, map, navigation, WLAN, bluetooth, music, etc. applications.
A desktop Launcher (Launcher) and a plurality of cards running in a desktop host process may also be included in the application layer.
As one example, a desktop launcher is used to manage the desktop host process and can trigger an add operation to a card, an edit operation, a switch operation, and the like.
As one example, a card is used to present any one application view of a corresponding application. For example, the weather card may display a weather view of the weather application, where the weather view includes information such as a current time, a weather condition of a city in which the electronic device is currently located in a last period of time, an air index of the current day, and the like.
The application framework layer provides an application programming interface (application programming interface, API) and programming framework for the application of the application layer. The application framework layer includes a number of predefined functions. As shown in fig. 4, the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like. The window manager is used for managing window programs. The window manager can acquire the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like. The content provider is used to store and retrieve data, which may include video, images, audio, calls made and received, browsing history and bookmarks, phonebooks, etc., and make such data accessible to the application. The view system includes visual controls, such as controls to display text, controls to display pictures, and the like. The view system may be used to construct a display interface for an application, which may be comprised of one or more views, such as a view that includes displaying a text notification icon, a view that includes displaying text, and a view that includes displaying a picture. The telephony manager is used to provide communication functions of the electronic device 100, such as management of call status (including on, off, etc.). The resource manager provides various resources for the application program, such as localization strings, icons, pictures, layout files, video files, and the like. The notification manager allows the application to display notification information in a status bar, can be used to communicate notification type messages, can automatically disappear after a short dwell, and does not require user interaction. For example, a notification manager is used to inform that the download is complete, a message alert, etc. The notification manager may also be a notification that appears in the system top status bar in the form of a chart or a scroll bar text, such as a notification of a background running application. The notification manager may also be a notification that appears on the screen in the form of a dialog window, such as a text message being prompted in a status bar, a notification sound being emitted, the electronic device vibrating, a flashing indicator light, etc.
Android run time includes a core library and virtual machines. Android runtime is responsible for scheduling and management of the android system. The core library consists of two parts: one part is a function which needs to be called by java language, and the other part is a core library of android. The application layer and the application framework layer run in a virtual machine. The virtual machine executes java files of the application program layer and the application program framework layer as binary files. The virtual machine is used for executing the functions of object life cycle management, stack management, thread management, security and exception management, garbage collection and the like.
The system library may include a plurality of functional modules, such as: surface manager (surface manager), media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., openGL ES), 2D graphics engines (e.g., SGL), etc. The surface manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications. Media libraries support a variety of commonly used audio, video format playback and recording, still image files, and the like. The media library may support a variety of audio and video encoding formats, such as: MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, etc. The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like. The 2D graphics engine is a drawing engine for 2D drawing.
The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.
The workflow of the electronic device 100 software and hardware is illustrated below in connection with capturing a photo scene.
When touch sensor 180K receives a touch operation, a corresponding hardware interrupt is issued to the kernel layer. The kernel layer processes the touch operation into the original input event (including information such as touch coordinates, time stamp of touch operation, etc.). The original input event is stored at the kernel layer. The application framework layer acquires an original input event from the kernel layer, and identifies a control corresponding to the original input event. Taking the touch operation as a click operation, the control corresponding to the click operation is a control of a camera application icon as an example, the camera application calls an interface of an application program framework layer, starts the camera application, calls a kernel layer to start a camera driver, and captures a still image or video through a camera 193.
In order to facilitate understanding, before describing the method provided by the embodiment of the present application in detail, an application scenario related to the embodiment of the present application is described next by taking an example that the electronic device is a mobile phone and a plurality of cards are stacked and displayed in a desktop of the mobile phone based on an execution body provided by the embodiment of the present application.
Referring to fig. 5, fig. 5 is a schematic diagram illustrating an application scenario according to an exemplary embodiment. In one possible scenario, referring to fig. 5 (a), a plurality of cards are stacked and displayed in a card display area of a desktop of the mobile phone, wherein the display order of the plurality of cards in a cyclic display process is a weather card, a news card, an album card and a clock card, and the currently displayed cards are weather cards, and if a user wants to view the clock card in the weather card display process, the user can perform operations of sliding the weather card to the left and stopping; in response to the operation of sliding and stopping left on the weather card, referring to the diagram (b) in fig. 5, the mobile phone determines a card preview area and a switching item display area in the card display area, wherein the card preview area is positioned at the left side of the switching item display area, the thumbnail of the weather card is displayed in the card preview area, 4 switching items are displayed in the switching item display area, the 4 switching items are sequentially an application icon thumbnail of the weather application program, an application icon thumbnail of the news application program, an application icon thumbnail of the album application program and an application icon thumbnail of the clock application program from top to bottom, and the user can directly click the application icon thumbnail of the clock application program. In response to a click operation of an application icon thumbnail of the clock application by the user, referring to (c) in fig. 5, the mobile phone displays the clock card in the full area in the card display area.
Referring to fig. 6, fig. 6 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 6 (a), the mobile phone determines a card preview area and a switching item display area in the card display area, and in the case that a thumbnail of a weather card is displayed in the card preview area and 4 switching items are displayed in the switching item display area, the user may touch any one switching item in order to view a card corresponding to any one switching item. Illustratively, the user touches on an application icon thumbnail of the news application; in response to a touch operation of the user on the application icon thumbnail of the news application program, referring to fig. 6 (b), the mobile phone displays the thumbnail of the news card in the card preview area, and 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 a click operation on a thumbnail of a news card, referring to fig. 6 (c), the mobile phone displays the news card in the entire area of the card display area.
It should be noted that, the above touch operation is not a click operation or a long-press operation, and the force of the touch operation is smaller than the force of the click operation, and is also smaller than the force of the long-press operation.
As an example, in a case where the mobile phone displays a thumbnail of a news card in the preview area, the user may also click on an application icon thumbnail of the news application, and the mobile phone displays the news card in the entire area of the card display area in response to a click operation on the application icon thumbnail of the news application.
Referring to fig. 7, fig. 7 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 7 (a), the mobile phone determines a card preview area and a switching item display area in a card display area, and in the case where a thumbnail of a weather card is displayed in the card preview area and 4 switching items are displayed in the switching item display area, if the number of cards displayed in the card display area stack is greater than 4, that is, other cards, such as a payment card and a memo card, are stacked in addition to the weather card, the news card, the album card and the clock card. Because the position of the switching item display area is limited, the switching item corresponding to each card in all stacked cards cannot be completely displayed at one time, and in this case, in order to view all the switching items, a user can perform an upward sliding operation in the switching item display area; the mobile phone updates the switching item in the switching item display area in response to the upward sliding operation, and displays an updated switching item display area as shown in the (b) diagram of fig. 7, in which an application icon thumbnail of the payment application and an application icon thumbnail of the memo application may be displayed.
Referring to fig. 8, fig. 8 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 8 (a), the mobile phone determines a card preview area and a switching item display area in the card display area, and a thumbnail of the weather card is displayed in the card preview area, if the user performs an upward sliding operation on the switching item display area, referring to fig. 8 (b), the mobile phone displays an updated switching item display area in response to the upward sliding operation, in which an expansion control 1 is displayed, and the user can click on the expansion control 1; the mobile phone displays a first card expansion interface as shown in fig. 8 (c) in which clock cards, album cards, news cards, and weather cards are displayed in response to a click operation on the expansion control 1.
It should be noted that, if the expansion control 1 is displayed in the switching item display area before the switching item display area is updated, the user does not need to perform an upward sliding operation on the switching item display area, and the user can directly click on the expansion control 1.
Referring to fig. 9, fig. 9 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 9 (a), the mobile phone may edit any one of the cards with the first card expansion interface displayed. Illustratively, if the user performs a left sliding operation on the weather card, referring to (b) in fig. 9, the weather card is deleted from the first card expansion interface in response to the left sliding operation on the weather card. If the user performs a drag operation on the weather card and drags the weather card to below the clock card, referring to (c) of fig. 9, the weather card is displayed below the clock card in response to the drag operation on the weather card; of course, the user may also perform a click operation on the weather card, see (d) in fig. 9, and in response to the 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.
It should be noted that, in the case that the user deletes the weather card in the first card expansion interface, the mobile phone deletes the weather card from the desktop at the same time, that is, the card display area will not display the weather card any more.
Referring to fig. 10, fig. 10 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 10 (a), if the mobile phone performs a clicking operation on the weather card when the mobile phone displays the first card expansion interface, the mobile phone may display the interface shown in fig. 9 (d), where the mobile phone may start a weather application program to which the weather card belongs and display a weather application interface, and the weather application interface displays content related information displayed in the weather card. It should be noted that, in order to simultaneously exist the scene shown in the (d) diagram in fig. 9 and the scene shown in the (b) diagram in fig. 10, the operation of triggering the two scenes by the user may be different. For example, when the mobile phone displays the first card expansion interface, the mobile phone responds to the double-click operation of the weather card by the user, and can display an application scene as shown in the (d) diagram in fig. 9; when the mobile phone displays the first card expansion interface, the mobile phone responds to the clicking operation of the weather card by the user, and the application scene shown in the (b) diagram in fig. 10 can be displayed. The embodiment of the present application is not particularly limited thereto.
Referring to fig. 11, fig. 11 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 11 (a), after the user deletes the weather card in the case of displaying the first card expansion interface, the user may click on the folding control 2 displayed on the first card expansion interface; in response to the clicking operation of the folding control 2, referring to fig. 11 (b), the mobile phone returns to display the card preview area and the switching item display area, and updates both the card preview area and the switching item display area, and 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 program displayed uppermost in the switching item display area, that is, the thumbnail of the news card is displayed in the card preview area.
Referring to fig. 12, fig. 12 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 12 (a), in the case where the mobile phone displays the first card expansion interface, if the user needs to return to the state of displaying multiple card stacks, the user may click on the first card expansion interface to display the folding control 2; in response to the clicking operation of the folding control 2, referring to fig. 12 (b), a mobile phone desktop is displayed, and a card display area is displayed in the mobile phone desktop, where a plurality of cards are stacked and displayed, and the currently displayed card is the card displayed at the top in the first card expansion interface, i.e., the weather card.
It should be noted that, the user may perform not only the clicking operation on the folding control 2, but also the upward sliding operation from the folding control 2 as the starting position, so that the mobile phone displays the card display area shown in fig. 12 (b) in response to the upward sliding operation with the folding control 2 as the starting position.
Referring to fig. 13, fig. 13 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, if clock cards, album cards, news cards, weather cards, payment cards and memo cards are stacked and displayed in the card display area, referring to fig. 13 (a), in the case where the mobile phone displays the first card expansion interface, all the cards cannot be displayed in the first card expansion interface, in which case the user may perform an upward sliding operation in the first card expansion interface; in response to the upward sliding operation performed in the first card expansion interface, a second card expansion interface is displayed as shown in fig. 13 (b), in which the payment card and the memo card are displayed.
Referring to fig. 14, fig. 14 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 14 (a), a plurality of cards are stacked and displayed in a card display area of a desktop of the mobile phone, the display order of the plurality of cards in the cyclic display process is a weather card, a news card, an album card and a clock card, and the currently displayed card is the weather card, if the user wants to view the clock card in the weather card display process, the user can perform operations of sliding the weather card to the left and stopping; in response to the operation of sliding and pausing left on the weather card, referring to fig. 14 (b), the mobile phone sequentially displays an application icon thumbnail of the weather application, an application icon thumbnail of the news application, an application icon thumbnail of the album application, and an application icon thumbnail of the clock application in the card display area, and the user can directly click on the application icon thumbnail of the clock application. In response to a click operation of an application icon thumbnail of the clock application by the user, referring to fig. 14 (c), the mobile phone displays the clock card in the whole area of the card display area.
Referring to fig. 15, fig. 15 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 15 (a), a plurality of cards are stacked and displayed in a card display area of a desktop of the mobile phone, wherein the display order of the plurality of cards in the cyclic display process is a weather card, a news card, an album card and a clock card, and the currently displayed card is a weather card, and if a user wants to view the clock card in the weather card display process, the user can perform a downward sliding operation on the weather card; in response to the downward sliding operation on the weather card, referring to fig. 15 (b), the mobile phone sequentially displays card views of the weather card, the news card, the album card, and the clock card in the card display area, the weather card, the news card, the album card, and the clock card being overlapped at the bottom side of the card display area, and adjacent two card views being partially overlapped, thereby constituting a card clip form shown in fig. 15 (b), and the user can directly click on the card view of the clock card. In response to a click operation of the card view of the clock card by the user, referring to fig. 15 (c), the mobile phone displays the clock card in the whole area of the card display area.
Referring to fig. 16, fig. 16 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to fig. 16 (a), in the case where card views of weather cards, news cards, album cards, and clock cards are displayed in the form of card clips, the user may also continue the downward sliding operation in the card display area; in response to the downward sliding operation performed in the card display area, the mobile phone displays a third card expansion interface as shown in fig. 16 (b).
Referring to fig. 17, fig. 17 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 17 (a), in the case where card views of weather cards, news cards, album cards, and clock cards are displayed in the form of card clips, the user may also continue the downward sliding operation in the card display area; the mobile phone may display a third card expansion interface as shown in fig. 16 (b) in response to a downward sliding operation performed in the card display area, in one possible case. In another possible case, referring to fig. 17 (b), the mobile phone displays a card view of the news card at the forefront of the card display area; if the user performs an upward sliding operation in the card display area, referring to (c) in fig. 17, the mobile phone displays a card view of the weather card at the forefront of the card display area in response to the upward sliding operation.
It should be noted that, in order to realize the scene shown in the (b) diagram in fig. 16 and the scene shown in the (b) diagram in fig. 17 at the same time, the operation of triggering the two scenes by the user may be different, and the exemplary mobile phone may display the application scene shown in the (b) diagram in fig. 16 when the sliding distance of the sliding down operation is smaller than the sliding threshold after the sliding down operation is finished in response to the sliding down operation performed by the user in the card display area when the card view of the weather card, the news card, the album card, and the clock card is displayed in the form of a card clip; in the case where the sliding distance of the downward sliding operation is greater than or equal to the sliding threshold value, an application scene as shown in the (b) diagram in fig. 17 may be displayed. The embodiment of the present application is not particularly limited thereto.
It should be noted that the sliding threshold may be preset according to requirements, for example, the sliding threshold may be a width of the card view.
Referring to fig. 18, fig. 18 is a schematic diagram of an application scenario illustrated according to another exemplary embodiment. In another possible scenario, referring to fig. 18 (a), a plurality of cards are stacked and displayed in a card display area of a desktop of the mobile phone, the display order of the plurality of cards in the card display area is weather cards, news cards, album cards and clock cards, and the currently displayed cards are weather cards, and if a user wants to view the clock cards during displaying the weather cards, the user can perform operations of sliding the weather cards to the left and stopping; in response to the operation of sliding and stopping leftwards on the weather card, referring to the diagram (b) in fig. 18, the mobile phone sequentially displays 4 labels in the card display area, wherein the 4 labels are labels corresponding to the weather card, the news card, the album card and the clock card respectively, and each label comprises an application icon and an application name of an application program to which the corresponding card belongs. In response to a click operation of a label corresponding to the clock card by the user, referring to fig. 18 (c), the mobile phone displays the clock card in the whole area of the card display area.
Referring to fig. 19, fig. 19 is a schematic diagram illustrating an application scenario according to another exemplary embodiment. In another possible scenario, referring to the diagram (a) in fig. 19, in the case where the mobile phone displays the labels respectively corresponding to the weather card, the news card, the album card, and the clock card in the card display area, the user may edit the labels respectively corresponding to the weather card, the news card, the album card, and the clock card. If the user performs the downward sliding operation on the label corresponding to the news card, referring to the diagram (b) in fig. 19, the mobile phone deletes the label corresponding to the news card; if the user drags the label corresponding to the news card to the label corresponding to the album card, referring to fig. 19 (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.
Referring to fig. 20, fig. 20 is a schematic diagram of an application scenario illustrated according to another exemplary embodiment. In another possible scenario, in the case where the mobile phone stacks a payment card and a memo card in addition to a weather card, a news card, an album card, and a clock card in the card display area, the card display area may not be able to display the labels corresponding to each card of all the cards at one time due to the limited spatial position of the card display area, see (a) of fig. 20, in which labels corresponding to the weather card, the news card, the album card, and the clock card are displayed, respectively, in which case the user may perform a left-sliding operation on the card display area in order to view the labels corresponding to the other cards; referring to fig. 20 (b), 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 in response to the operation of sliding the card display area to the left.
Referring to fig. 21, fig. 21 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 21 (a), in the case where the mobile phone displays the thumbnail of the weather card in the card preview area of the card display area, 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 switching item display area, if the display time period of the display state is greater than or equal to the time period threshold, and if no operation is detected within the time period threshold, referring to fig. 21 (b), the mobile phone may resume the display of the weather card.
As an example, when the time length of displaying the application icon thumbnail of the weather application program, the application icon thumbnail of the news application program, the application icon thumbnail of the album application program, and the application icon thumbnail of the clock application program in the card display area is greater than or equal to the time length threshold, or when the time length of displaying the card views of the weather card, the news card, the album card, and the clock card in the form of a card clip is greater than or equal to the time length threshold, or when the time length of displaying the labels corresponding to the weather card, the news card, the album card, and the clock card in the mobile phone is greater than or equal to the time length threshold, if the user does not perform any operation within the time length threshold, that is, when the mobile phone does not detect any operation within the time length threshold, the mobile phone can resume displaying the weather card.
It should be noted that, the duration threshold may be preset according to requirements, for example, the duration threshold may be 6 seconds, 5 seconds, or 3 seconds.
Referring to fig. 22, fig. 22 is a schematic diagram of an application scenario shown according to another exemplary embodiment. In another possible scenario, referring to fig. 22 (a), there are two card display areas in the desktop of the mobile phone, where weather cards, news cards, album cards and clock cards are stacked and displayed in one of the card display areas, and a memo card is displayed in the other card display area, for convenience of the area, the card display area where the weather cards, news cards, album cards and clock cards are stacked and displayed is referred to as a first card display area, the card display area where the memo card is displayed is referred to as a second card display area, if the user performs an operation of sliding and stopping the weather card displayed in the first card display area to the left, then referring to fig. 22 (b), in response to the user's operation of sliding and stopping left on the weather card, the mobile phone determines a card preview area and a switching item display area in the first card display area, the card preview area being located at the left of the switching item display area, a thumbnail of the weather card being displayed in the card preview area, 4 switching items being displayed in the switching item display area, the 4 switching items being, in order 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 album application, and an application icon thumbnail of the clock application; in this case, if the user is to save the desktop space, the user may drag the memo card from the second card display area to the first card display area. Since the first card display area can display the memo card above the other stacked display cards without displaying the switching item display area and the card preview area after the memo card is dragged to the first card display area, 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 in the uppermost of the switching item display area in response to the dragging operation of the memo card, see (c) in fig. 22. If at most 4 application icon thumbnails can be accommodated in the switching item display area, the application icon thumbnail of the clock application is no longer displayed in the switching item display area because the application icon thumbnail of the memo application is inserted and displayed above the application icon thumbnail of the weather application, so that the switching item display area can no longer accommodate the application icon thumbnail of the clock application at the same time, see fig. 22 (c). The application icon thumbnail of the clock application program can be displayed in the updated switching item display area under the condition that the user performs downward sliding operation on the switching item display area.
In the embodiment of the present application, the application scenario shown in fig. 5 to 22 is taken as an example and is not limited to the embodiment of the present application.
Based on the execution subject and the application scenario provided by the above embodiments, a method for displaying a card provided by the embodiments of the present application is described next. Referring to fig. 23, fig. 23 is a flowchart illustrating a method for displaying a card according to an exemplary embodiment. By way of example and not limitation, the method is applied to an electronic device for stacking and displaying a plurality of cards in a desktop, and the electronic device is illustrated by taking the electronic device shown in fig. 3 as an example, and the method may include some or all of the following:
Step 2301: a first operation is received on a first card displayed in a card display area of a desktop in which a plurality of cards are stacked and displayed.
In the case that a plurality of cards are stacked and displayed in the desktop of the electronic device, the first card displayed at the top currently may not be the card that the user needs to view currently, at this time, in order to quickly view the card that needs to view, the user may perform a first operation on the first card displayed in the card display area, so that the electronic device may receive the first operation.
It should be noted that the first operation may be an operation after sliding on the first card and stopping, for example, the first operation may be an operation of sliding to the left and stopping in the application scenario shown in fig. 5, 14 or 17, or the first operation may be an operation of sliding down on the first card, for example, the first operation may be a sliding down operation in the application scenario shown in fig. 16.
In some embodiments, the user may perform a first operation on the first card, although other operations may be performed, and other responses may be performed by the electronic device. For example, a sliding operation (including a left sliding operation, a right sliding operation, or the like) may be performed on the first card, and the electronic apparatus pages the plurality of cards displayed in a stack in the card display area in response to the sliding operation on the first card. For example, referring to fig. 24, in one possible scenario, referring to fig. 24 (a), a plurality of cards are stacked and displayed in a card display area of a desktop of the mobile phone, and the display order of the plurality of cards is a weather card, a news card, an album card, and a clock card, and a user may perform a sliding operation on the currently displayed cards. Illustratively, in the case where the weather card is currently displayed, if the user performs a left-sliding operation on the weather card, referring to (b) of fig. 24, in response to the left-sliding operation on the weather card, the mobile phone displays the news card in the card display area; if the user performs a right-slide operation on the news card, referring to (c) of fig. 24, the mobile phone displays the weather card in the card display area in response to the right-slide operation on the news card.
Step 2302: and responding to the first operation, and displaying a switching item corresponding to each card in the at least two cards in the card display area.
It should be noted that the switching item is used for triggering switching to the corresponding card, and the plurality of cards includes at least two cards.
As one example, the switching items may be displayed in different forms, and in the case where the switching items are displayed in different forms, the method in which the electronic device displays the switching item corresponding to each of at least two cards in the card display area is also different. The following 4 cases are exemplified as examples of the embodiments of the present application.
In a first case, the switching item is an application icon thumbnail corresponding to an application program to which the card belongs, and the first operation is an operation performed after the first card slides and is stopped, and in this case, the electronic device, in response to the first operation, displays, in the card display area, the operation of the switching item corresponding to each of at least two cards, including: responding to the first operation, and reducing the size of the first card according to a preset proportion 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, wherein 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; at least two switching items are displayed in the switching item display area.
It should be noted that the preset ratio may be preset according to the requirement, and the preset ratio is a ratio between the area of the first card before the shrinkage and the area of the first card after the shrinkage, or the preset ratio is a ratio between the size of the first card before the shrinkage and the size of the first card after the shrinkage. For example, the preset ratio may be 2:1 or 3:2, etc.
Since the sliding direction may be different each time the user performs the first operation on the first card, the electronic apparatus 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, in the case where the user performs an operation of sliding the first card to the left and pausing, the electronic device may display the card preview area in the left area of the card display area and display the switching item display area in the right area of the card display area, and the application scenario may refer to the application scenario shown in fig. 5.
It is worth to say that, through the thumbnail of the first card of display in the card preview area, display at least two switching items in switching item display area, thus the user not only can seek the card that needs to look for from at least two switching items fast, display the thumbnail of the first card in the card preview area at the same time, guaranteed the aesthetic property of card display area.
Since the area space of the switching item display area is limited, in the case where a plurality of cards are stacked and displayed in the card display area, application icon thumbnails of applications to which the plurality of cards belong may or may not be displayed in the switching item display area in its entirety. Therefore, the number of at least two switching items displayed in the switching item display area may be less than or equal to the number of the plurality of cards.
As an example, after the electronic device displays at least two switching items in the switching item display area, if the number of the plurality of cards is greater than the number of the at least two cards, it is indicated that application icon thumbnails of applications to which all the cards belong cannot be displayed in the switching item display area, in this case, in order to find a required card or in order to view all the application icon thumbnails, the user may perform a first page turning operation in the switching item display area, so that the electronic device may receive the first page turning operation in the switching item display area; 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 updated switching item display area are not identical or different from at least two switching items in the switching item display area before updating. For example, the application scenario may refer to the application scenario shown in fig. 7 or fig. 8 described above.
The first page turning operation may be a sliding operation performed in the switching item display area.
It is worth to say that, the switching item in the switching item display area is updated through the first page turning operation, so that a user can quickly look up the switching item corresponding to the required card in the switching item display area, and card display efficiency is improved.
As an example, in the case of displaying the switching item display area, the user may further perform a third operation on any one of the switching items, so that the electronic device receives the third operation on any one of the switching items; and responding to the third operation, and displaying the thumbnail of the card corresponding to any switching item in the card preview area. For example, the application scenario may refer to the application scenario shown in fig. 6 described above.
The third operation may refer to a touch operation on any one of the switching items, where the touch operation may refer to a touch on any one of the switching items, and a trigger force of the touch operation is smaller than a trigger force of a click operation or a long press operation. And under the condition that the user needs to view the card thumbnail corresponding to the other switching item, the user can slide to the other switching item without lifting the hand so as to realize the touch operation on the other switching item. Of course, the third operation may be another operation, for example, the third operation may be an operation of dragging the switching item into the card preview area after acting on any one of the switching items, or the third operation may be a scribing operation from any one of the switching items into the card preview area.
It is worth to say that, through the thumbnail of the card corresponding to the switching item triggered by the user is displayed in the card preview area, the user can clearly know whether the card corresponding to the switching item is the card to be checked, and card display efficiency is improved.
In some embodiments, if the user needs to display the whole area of the card corresponding to the switching item in the card display area under the condition that the electronic device displays the thumbnail of the card corresponding to any one switching item in the card preview area, the user may perform a second operation on the switching item, so that the electronic device performs the operation of 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 to display the whole area of the card corresponding to the thumbnail of the card displayed in the card preview area in the card display area.
The second operation may be a click operation, a long press operation, a double click operation, or an operation in which two fingers are away from each other after the two fingers act on the switching item in the switching item display area, or the like. The sixth operation may be a click operation, a long press operation, a double click operation, or an operation in which two fingers are away from each other after the two fingers act on the thumbnail of the card in the card preview area (may also be referred to as a zoom-in operation on the thumbnail of the card).
In some embodiments, in the case that the electronic device displays the switching item display area, in order to facilitate the user to understand the style of the plurality of cards that are stacked and displayed, the user may further perform a fourth operation in the switching item display area, so that the electronic device may receive the fourth operation in the switching item display area; and responding to the fourth operation, displaying a first card unfolding interface, wherein the first card unfolding interface displays the corresponding card of each of at least two switching items or displays a plurality of cards.
As an example, the toggle item display area may have a expansion control displayed therein, and thus, the fourth operation may be a triggering operation on the expansion control, such as a clicking operation or a long press operation. For example, the scenario may refer to the application scenario shown in fig. 8 described above.
As an example, the user may also be able to trigger the electronic device to display the first card expansion interface by other means, for example, the fourth operation may be an operation in which the two fingers are away from each other after the user's two fingers act in the switching item display area (may also be referred to as an enlarging operation on the switching item display area), and the electronic device displays the first card expansion interface in response to the fourth operation.
It should be noted that, by displaying the first card expansion interface, the user can learn the styles of at least two cards or all cards from the first card expansion interface.
Because the space of the first card expansion interface is limited, in the case that the number of the plurality of cards is large, the first card expansion interface may not be enough to display all the cards, and in this case, the first card expansion interface may display cards corresponding to each of at least two switching items; or in the case where the number of the plurality of cards is small, all the cards may be accommodated in the first card development interface, in which case the plurality of cards may be displayed in the first card development interface.
In some embodiments, when the card corresponding to each of the at least two switching items is displayed in the first card expansion interface, in order to view the patterns of other cards, the user may perform a second page-turning operation on the first card expansion interface, so that the electronic device may receive the second page-turning operation on the first card expansion interface; and responding to the second page turning operation, displaying a second card unfolding interface, wherein the card displayed in the second card unfolding interface is not identical or different from the card displayed in the first card interface.
The second page turning operation may be a sliding down operation or a sliding left operation performed in the first card expansion interface. For example, the scenario may refer to the application scenario shown in fig. 12 described above.
It is worth to say that, through carrying out the page turning operation to the first card expansion interface, electronic equipment can demonstrate more card patterns to the user of being convenient for looks over the pattern of each card, has improved the display efficiency of card.
In some embodiments, the user may also edit any card in the first card presentation interface while the first card expansion interface is displayed. For example, the electronic device may receive an editing operation on a second card, where the second card is any one of the cards displayed in the first card presentation interface, and the editing operation includes a deletion operation and/or a position movement operation; and editing the second card in response to the editing operation of the second card. For example, the scenario may refer to the application scenario shown in fig. 9 described above.
It is worth to say that by performing editing operations such as sorting, deleting and the like on any card displayed in the first card display interface, display flexibility of a plurality of cards stacked in the card display area is improved.
In the second case, the switching item is an application icon thumbnail corresponding to an application program to which the card belongs, and the first operation is an operation of sliding on the first card and stopping, and in this case, the operation of displaying at least two switching items in the card display area by the electronic device in response to the first operation includes: determining a size of a card display area in response to a first operation; displaying at least two switching items in the card display area in a case where the size of the card display area is smaller than the target size; in the case where 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 a card preview area of the card display area, and at least two switching items are displayed in a switching item display area of the card display area, the card preview area and the switching item display area being determined according to the sliding direction of the first operation.
Because the sizes of the card display areas are smaller, if the sizes of the displayed switching items are smaller due to the fact that the display of the card preview area and the switching item display area may cause the display of the switching items to be smaller, the electronic device can determine the size of the card display area, and at least two switching items can be directly displayed in the card display area without displaying the thumbnail of the first card under the condition that the size of the card display area is smaller than the target size; for example, the scenario may refer to the application scenario shown in fig. 14 described above. In the case where the size of the card display area is greater than or equal to the target size, the electronic device, in response to the first operation, may display a thumbnail of the first card in the card preview area of the card display area and display at least two switching items in the switching item display area of the card display area in accordance with the operation described in the first case described above.
It should be noted that the target size may be preset according to the requirement, for example, the target size may be 2×2 application icon sizes or 2*1 application icon sizes, where the application icon sizes are sizes of application icons of any application program displayed by the electronic device, and sizes of application icons displayed by electronic devices with different types and different display screen sizes may be different.
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 switching items in the card display area, the operation of the electronic device on the at least two switching items may refer to the operation of the electronic device on the at least two switching items in the switching item display area, which is not described in detail in the embodiments of the present application.
It is worth to say that, by selecting the display mode of at least two switching items according to the size of the card display area, the richness and flexibility of displaying at least two switching items are improved.
In a third case, the switching item is a card view of the corresponding card, and the first operation is an operation of sliding down on the first card; in this case, the operation of the electronic device to display at least two switching items in the card display area in response to the first operation includes: in response to a first operation, acquiring an arrangement sequence of a plurality of cards which are stacked and displayed in a card display area; according to the arrangement sequence, at least two switching items are displayed in the form of a card holder, wherein the bottom edges of the at least two switching items are overlapped at the bottom edge of the card display area, and every two adjacent switching items in the at least two switching items are partially overlapped. For example, the scenario may refer to the application scenario shown in fig. 15 described above.
It should be noted that the arrangement order may be the display order of the plurality of cards in the card display area before the user does not make any editing on the plurality of cards stacked.
It is worth to say that, when the switching items are card views of the card, at least two switching items are displayed in the form of a card holder, so that a user can directly learn the style of the card according to the switching items, and the display efficiency of the card is improved.
In some embodiments, the user may also continue to operate the card holder with at least two switching items displayed in the form of the card holder. For example, the user may perform a fifth operation on the at least two switching items, such that the electronic device receives the fifth operation on the at least two switching items; and responding to the fifth operation, displaying a third card unfolding interface, wherein the third card unfolding interface displays the corresponding card of each of at least two switching items or displays a plurality of cards. For example, the scenario may refer to the application scenario shown in fig. 16 described above.
The fifth operation may be an operation of sliding down at least two switching items, or the fifth operation may be an operation in which two fingers act in the card display area and the two fingers are away from each other.
It is worth to describe that, under the condition that at least two switching items are displayed in the form of card clips, the user can know the patterns of a plurality of stacked and displayed cards more clearly by displaying the third card unfolding interface, and card display efficiency is improved.
In the fourth case, the switching item is a label including an application icon and an application name corresponding to an application program to which the card belongs, and the touch operation is an operation of sliding and stopping on the first card; in this case, the operation of the electronic device to display at least two switching items in the card display area in response to the first operation includes: in response to a first operation, acquiring an arrangement sequence of a plurality of cards which are stacked and displayed in a card display area; according to the arrangement order, at least two switching items are displayed in the form of labels. For example, the scenario may refer to the application scenario shown in fig. 18 described above.
It is worth to say that, by displaying the application icons and the labels of the application names of the application programs of at least two cards in the card display area according to the arrangement sequence, the display space of the card display area is saved, the user can learn the approximate content of at least two cards which are displayed in a stacked mode according to the displayed labels, and the accuracy of obtaining card information by the user is improved.
In some embodiments, in a case where at least two switching items are displayed in the form of a label in the card display area, the user may also perform editing operations on any one of the at least two switching items. For example, the electronic device may receive an editing operation on a first switching item, the first switching item being any one of at least two switching items, the editing operation including a deletion operation and/or a position movement operation; the first switching item is edited in response to the editing operation.
It should be noted that, the position moving operation is performed on any one switching item, that is, the sorting operation is performed on at least two switching items displayed.
It is worth to be noted that, by performing the sorting operation or the deleting operation on the at least two labels displayed in the card display area, the display of the at least two switching items can be made more flexible.
In some embodiments, the display of the first card is resumed when the time period of displaying the at least two switching items is greater than or equal to a time period threshold and no operation is detected within the time period threshold.
Since the user does not operate the card display area for a long time in the case of displaying at least two switching items, the electronic device can resume the display of the first card for the aesthetic property of the desktop. That is, the electronic device displays the first card full area within the card display area.
It is worth noting that by resuming the display of the first card, the card display area is more attractive.
Step 2303: a second operation is received on any one of the at least two displayed switching items.
In this case, the user may perform a second operation on the switching item corresponding to the card to be displayed, so that the electronic device may receive the second operation.
Step 2304: and responding to the second operation, and displaying the card corresponding to any one switching item in the card display area.
As one example, in response to the second operation, the electronic device may display the card corresponding to any one of the switching items in the full area in the card display area.
In the embodiment of the application, under the condition that a plurality of cards are stacked and displayed in the card display area of the desktop, the electronic equipment responds to the first operation of the user on the first card displayed in the card display area, at least two switching items can be displayed in the card display area, and as each switching item can trigger switching to the corresponding card, under the condition that at least two switching items are displayed, the user can quickly determine which card corresponding to the switching item is the card needing switching, and trigger the switching item needing switching, so that the electronic equipment displays the card corresponding to the triggered switching item. The cards needed by the user can be displayed without electronic equipment to display the cards one by one, so that the display efficiency of the cards is improved.
Fig. 25 is a schematic structural diagram of an apparatus for displaying a card according to an embodiment of the present application, where the apparatus may be implemented as part or all of an electronic device by software, hardware, or a combination of both, and the computer device may be the computer device shown in fig. 3. Referring to fig. 25, the apparatus includes: a first receiving module 2501, a first display module 2502, a second receiving module 2503, and a second display module 2504.
A first receiving module 2501 for receiving a first operation on a first card displayed in a card display area of a desktop in which a plurality of cards are stacked and displayed;
A first display module 2502 for displaying, in response to the first operation, a switching item corresponding to each of at least two cards in the card display region, the switching item being for triggering switching to the corresponding card, the plurality of cards including the at least two cards;
A second receiving module 2503 for receiving a second operation on any one of the at least two displayed switching items;
And a second display module 2504, configured to display, in response to the second operation, a card corresponding to the arbitrary one of the switching items in the card display area.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
the first display module 2502 is configured to:
Responding to the first operation, and reducing the size of the first card according to a preset proportion 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, wherein 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 the at least two switching items in the switching item display area.
As an example of the present application, the apparatus further comprises:
A third receiving module, configured to receive a third operation on the arbitrary switching item;
and the third display module is used for responding to the third operation and displaying the thumbnail of the card corresponding to the any switching item in the card preview area.
As one example of the present application, the number of the plurality of cards is greater than the number of the at least two cards; the first display module is further configured to:
receiving a first page turning operation in the switching item display area;
And responding to the first page turning operation, updating the switching items in the switching item display area, wherein the updated switching items in the switching item display area are not identical or different from at least two switching items in the switching item display area before updating.
As an example of the present application, the first display module 2502 is further configured to:
Receiving a fourth operation within the switching item display area;
And responding to the fourth operation, displaying a first card unfolding interface, wherein the first card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
As an example of the present application, a card corresponding to each of the at least two switching items is displayed in the first card expansion interface; the first display module 2502 is further configured to:
Receiving a second page turning operation of the first card expansion interface;
and responding to the second page turning operation, displaying a second card unfolding interface, wherein the card displayed in the second card unfolding interface is not identical or different from the card displayed in the first card interface.
As an example of the present application, the first display module 2502 is further configured to:
Receiving editing operation on a second card, wherein the second card is any card displayed in the first card display interface, and the editing operation comprises deleting operation and/or position moving operation;
And responding to the editing operation of the second card, and editing the second card.
As an example of the present application, the switching item is an application icon thumbnail corresponding to an application to which a card belongs, and the first operation is an operation after sliding on the first card and pausing;
The first display module 2502 is configured to:
determining a size of the card display area in response to the first operation;
Displaying the at least two switching items in the card display area if the size of the card display area is smaller than a target size;
And displaying the thumbnail of the first card in a card preview area of the card display area and displaying the at least two switching items in a switching item display area of the card display area, wherein the card preview area and the switching item display area are determined according to the sliding direction of the first operation, under the condition that the size of the card display area is greater than or equal to the target size.
As one 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 down on the first card;
the first display module 2502 is configured to:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
And displaying the at least two switching items in the form of a card holder according to the arrangement sequence, wherein the bottom edges of the at least two switching items are overlapped at the bottom edge of the card display area, and every two adjacent switching items in the at least two switching items are partially overlapped.
As an example of the present application, the first display module 2502 is further configured to:
receiving a fifth operation on the at least two switching items;
and responding to the fifth operation, displaying a third card unfolding interface, wherein the third card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
As an example of the present application, the switching item is a label including an application icon and an application name corresponding to an application program to which a card belongs, and the touch operation is an operation of sliding and pausing on the first card;
the first display module 2502 is configured to:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
and displaying the at least two switching items in the form of labels according to the arrangement sequence.
As an example of the present application, the first display module 2502 is further configured to:
Receiving an editing operation on a first switching item, wherein the first switching item is any one switching item of the at least two switching items, and the editing operation comprises a deleting operation and/or a position moving operation;
And responding to the editing operation, editing the first switching item.
As an example of the present application, the apparatus further comprises:
And the fourth display module is used for restoring the display of the first card when the time length of displaying the at least two switching items is greater than or equal to a time length threshold value and no operation is detected within the time length threshold value.
In the embodiment of the application, under the condition that a plurality of cards are stacked and displayed in the card display area of the desktop, the electronic equipment responds to the first operation of the user on the first card displayed in the card display area, at least two switching items can be displayed in the card display area, and as each switching item can trigger switching to the corresponding card, under the condition that at least two switching items are displayed, the user can quickly determine which card corresponding to the switching item is the card needing switching, and trigger the switching item needing switching, so that the electronic equipment displays the card corresponding to the triggered switching item. The cards needed by the user can be displayed without electronic equipment to display the cards one by one, so that the display efficiency of the cards is improved.
It should be noted that: the card display device provided in the above embodiment is only exemplified by the above division of each functional module when displaying a card, and in practical application, the above functional allocation may be performed by different functional modules according to needs, i.e. the internal structure of the device is divided into different functional modules to perform all or part of the functions described above.
The functional units and modules in the above embodiments may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit, where the integrated units may be implemented in a form of hardware or a form of a software functional unit. In addition, specific names of the functional units and modules are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the embodiments of the present application.
The device for displaying the card provided in the above embodiment and the method embodiment for displaying the card belong to the same concept, and specific working processes and technical effects brought by the units and modules in the above embodiment can be referred to in the method embodiment section, and are not repeated here.
In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, may 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 processes or functions described in accordance with embodiments of the present application are produced in whole or in part. The computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable apparatus. The computer instructions may 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 may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center by a wired (e.g., coaxial cable, fiber optic, data subscriber line (Digital Subscriber Line, DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that contains an integration of one or more available media. The usable medium may be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., digital versatile disk (DIGITAL VERSATILE DISC, DVD)), or a semiconductor medium (e.g., solid state disk (Solid STATE DISK, SSD)), etc.
The above embodiments are not intended to limit the present application, and any modifications, equivalent substitutions, improvements, etc. within the technical scope of the present application should be included in the scope of the present application.

Claims (15)

1. A method of displaying a card for use in an electronic device, the method comprising:
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;
responding to the first operation, displaying a switching item corresponding to each card in at least two cards in the card display area, wherein the switching item is used for triggering switching to the corresponding card, and the plurality of cards comprise the at least two cards;
Receiving a second operation of any one of the at least two displayed switching items;
and responding to the second operation, and displaying the card corresponding to any one switching item in the card display area.
2. The method of claim 1, wherein the switching item is an application icon thumbnail corresponding to an application to which the card belongs, and the first operation is an operation after sliding on the first card and pausing;
The responding to the first operation, displaying the corresponding switching item of each card in at least two cards in the card display area, comprises the following steps:
Responding to the first operation, and reducing the size of the first card according to a preset proportion 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, wherein 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 the at least two switching items in the switching item display area.
3. The method of claim 2, wherein the receiving a second operation on any one of the at least two switching items displayed further comprises:
receiving a third operation on any one of the switching items;
And responding to the third operation, and displaying the thumbnail of the card corresponding to any switching item in the card preview area.
4. A method according to claim 2 or 3, wherein the number of cards is greater than the number of at least two cards; after the at least two switching items are displayed in the switching item display area, the method further comprises:
receiving a first page turning operation in the switching item display area;
And responding to the first page turning operation, updating the switching items in the switching item display area, wherein the updated switching items in the switching item display area are not identical or different from at least two switching items in the switching item display area before updating.
5. The method of any of claims 2-4, wherein after displaying the at least two switching items in the switching item display area, further comprising:
Receiving a fourth operation within the switching item display area;
And responding to the fourth operation, displaying a first card unfolding interface, wherein the first card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
6. The method of claim 5, wherein a card corresponding to each of the at least two switching items is displayed in the first card expansion interface; the displaying the first card expansion interface in response to the fourth operation further comprises:
Receiving a second page turning operation of the first card expansion interface;
and responding to the second page turning operation, displaying a second card unfolding interface, wherein the card displayed in the second card unfolding interface is not identical or different from the card displayed in the first card interface.
7. The method of claim 5 or 6, wherein, in response to the fourth operation, after displaying the first card expansion interface, further comprising:
Receiving editing operation on a second card, wherein the second card is any card displayed in the first card display interface, and the editing operation comprises deleting operation and/or position moving operation;
And responding to the editing operation of the second card, and editing the second card.
8. The method of claim 1, wherein the switching item is an application icon thumbnail corresponding to an application to which the card belongs, and the first operation is an operation after sliding on the first card and pausing;
The displaying at least two switching items in the card display area in response to the first operation includes:
determining a size of the card display area in response to the first operation;
Displaying the at least two switching items in the card display area if the size of the card display area is smaller than a target size;
And displaying the thumbnail of the first card in a card preview area of the card display area and displaying the at least two switching items in a switching item display area of the card display area, wherein the card preview area and the switching item display area are determined according to the sliding direction of the first operation, under the condition that the size of the card display area is greater than or equal to the target size.
9. The method of claim 1, wherein the switching item is a card view of a corresponding card, and the first operation is an operation of sliding down on the first card;
The displaying at least two switching items in the card display area in response to the first operation includes:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
And displaying the at least two switching items in the form of a card holder according to the arrangement sequence, wherein the bottom edges of the at least two switching items are overlapped at the bottom edge of the card display area, and every two adjacent switching items in the at least two switching items are partially overlapped.
10. The method of claim 9, wherein after displaying the at least two switching items in the form of a card holder according to the arrangement order, further comprising:
receiving a fifth operation on the at least two switching items;
and responding to the fifth operation, displaying a third card unfolding interface, wherein the third card unfolding interface displays the card corresponding to each of the at least two switching items or displays the plurality of cards.
11. The method of claim 1, wherein the switching item is a label including an application icon and an application name corresponding to an application to which the card belongs, and the touch operation is an operation of sliding and pausing on the first card;
The displaying at least two switching items in the card display area in response to the first operation includes:
acquiring an arrangement order of a plurality of cards which are stacked and displayed in the card display area in response to the first operation;
and displaying the at least two switching items in the form of labels according to the arrangement sequence.
12. The method of claim 10, wherein after displaying the at least two switching items in the form of a label according to the arrangement order, further comprising:
Receiving an editing operation on a first switching item, wherein the first switching item is any one switching item of the at least two switching items, and the editing operation comprises a deleting operation and/or a position moving operation;
And responding to the editing operation, editing the first switching item.
13. The method of any of claims 1-12, wherein, in response to the first operation, after displaying at least two switching items in the card display area, further comprising:
and restoring the display of the first card when the time length of displaying the at least two switching items is greater than or equal to a time length threshold value and no operation is detected within the time length threshold value.
14. An electronic device, wherein the electronic device comprises a processor and a memory in its structure;
The memory is adapted to store a program for supporting the electronic device to perform the method according to any of claims 1-13 and to store data for implementing the method according to any of claims 1-13.
15. A computer readable storage medium having instructions stored therein which, when run on a computer, cause the computer to perform the method of any of claims 1-13.
CN202211497893.6A 2022-11-26 2022-11-26 Method for displaying card, electronic device and readable storage medium Pending CN118093067A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202211497893.6A CN118093067A (en) 2022-11-26 2022-11-26 Method for displaying card, electronic device and readable storage medium
PCT/CN2023/114776 WO2024109220A1 (en) 2022-11-26 2023-08-24 Widget display method, electronic device, and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211497893.6A CN118093067A (en) 2022-11-26 2022-11-26 Method for displaying card, electronic device and readable storage medium

Publications (1)

Publication Number Publication Date
CN118093067A true CN118093067A (en) 2024-05-28

Family

ID=91148237

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211497893.6A Pending CN118093067A (en) 2022-11-26 2022-11-26 Method for displaying card, electronic device and readable storage medium

Country Status (2)

Country Link
CN (1) CN118093067A (en)
WO (1) WO2024109220A1 (en)

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609166B (en) * 2011-01-24 2016-03-30 联想(北京)有限公司 Display packing and terminal
CN105183907A (en) * 2015-09-30 2015-12-23 北京奇虎科技有限公司 Method and device for displaying search results of mobile terminal
CN112068744A (en) * 2020-08-26 2020-12-11 深圳传音控股股份有限公司 Interaction method, mobile terminal and storage medium
CN115033140A (en) * 2021-03-05 2022-09-09 华为技术有限公司 Display method of card assembly, graphical user interface and related device
CN115016867B (en) * 2021-09-15 2023-07-14 荣耀终端有限公司 Card management method and terminal equipment
CN114327195B (en) * 2022-02-15 2022-08-16 荣耀终端有限公司 Card management method, device and storage medium

Also Published As

Publication number Publication date
WO2024109220A1 (en) 2024-05-30

Similar Documents

Publication Publication Date Title
WO2021244443A1 (en) Split-screen display method, electronic device, and computer readable storage medium
US9448694B2 (en) Graphical user interface for navigating applications
US20180356947A1 (en) Electronic device and method for providing content according to field attribute
EP2360569B1 (en) Method and apparatus for providing informations of multiple applications
CN113805743B (en) Method for switching display window and electronic equipment
CN113766064B (en) Schedule processing method and electronic equipment
CN114816167B (en) Application icon display method, electronic device and readable storage medium
CN108463799B (en) Flexible display of electronic device and operation method thereof
KR102343361B1 (en) Electronic Device and Method of Displaying Web Page Using the same
CN113805744A (en) Window display method and electronic equipment
CN112948844A (en) Control method and device and electronic equipment
CN116664734B (en) Method for displaying ring chart, electronic device and readable storage medium
CN114461312B (en) Display method, electronic device and storage medium
WO2021253922A1 (en) Font switching method and electronic device
CN118093067A (en) Method for displaying card, electronic device and readable storage medium
CN116661645B (en) Method for displaying application card, electronic device and readable storage medium
CN116700554B (en) Information display method, electronic device and readable storage medium
CN116033062B (en) Interface display method of application program, electronic device and readable storage medium
CN116048317B (en) Display method and device
CN116719459A (en) Annotation frame display method, electronic device and readable storage medium
CN116594534A (en) Application display method and electronic equipment
CN118244950A (en) Widget display method and electronic equipment
CN118276722A (en) Window display method and electronic device
CN116450066A (en) Split screen display method, electronic device and readable storage medium
CN117827055A (en) Card display method, electronic device, and computer-readable storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination