WO2024109220A1 - 显示卡片的方法、电子设备及可读存储介质 - Google Patents

显示卡片的方法、电子设备及可读存储介质 Download PDF

Info

Publication number
WO2024109220A1
WO2024109220A1 PCT/CN2023/114776 CN2023114776W WO2024109220A1 WO 2024109220 A1 WO2024109220 A1 WO 2024109220A1 CN 2023114776 W CN2023114776 W CN 2023114776W WO 2024109220 A1 WO2024109220 A1 WO 2024109220A1
Authority
WO
WIPO (PCT)
Prior art keywords
card
display area
switching
displayed
items
Prior art date
Application number
PCT/CN2023/114776
Other languages
English (en)
French (fr)
Inventor
张涛林
Original Assignee
荣耀终端有限公司
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 荣耀终端有限公司 filed Critical 荣耀终端有限公司
Publication of WO2024109220A1 publication Critical patent/WO2024109220A1/zh

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

Definitions

  • the present application relates to the field of terminal technology, and in particular to a card display method, an electronic device and a readable storage medium.
  • widgets also known as desktop widgets or cards
  • desktop widgets or cards are increasingly used in electronic devices.
  • a widget refers to a tiny application view that can be embedded in other applications, such as embedded in applications such as the desktop of an electronic device.
  • a widget is embedded in the desktop, in order to save the display space of the desktop of the electronic device, multiple cards can be displayed in turn in the card display area where the same widget is located, and each card corresponds to a view of an application, thereby forming a card stacking effect.
  • the present application provides a method for displaying cards, an electronic device, and a readable storage medium, which can be used to solve the problem in the related art that the user's card viewing operation is cumbersome, resulting in low card display efficiency.
  • the technical solution is as follows:
  • a method for displaying a card which is applied in an electronic device, and the method comprises:
  • the electronic device can display at least two switching items in the card display area in response to the user's first operation on the first card displayed in the card display area. Since each switching item can trigger a switch to a corresponding card, when at least two switching items are displayed, the user can quickly determine which switching item corresponds to the card that needs to be switched, and trigger the switching item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switching item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the card.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • each card corresponding to The switch items include:
  • a card preview area and a switching item display area are determined in the card display area, and the direction of the card preview area relative to the switching item display area is the same as the sliding direction;
  • the at least two switching items are displayed in the switching item display area.
  • the user can not only quickly find the card they need to view from the at least two switch items, but also display the thumbnail of the first card in the card preview area, thereby ensuring the aesthetics of the card display area.
  • the method before receiving a second operation on any one of the at least two displayed switching items, the method further includes:
  • a thumbnail of the card corresponding to the any one switching item is displayed in the card preview area.
  • the user can clearly understand whether the card corresponding to the switching item is the card that needs to be viewed, thereby improving the card display efficiency.
  • the number of the plurality of cards is greater than the number of the at least two cards; after displaying the at least two switching items in the switching item display area, the method further includes:
  • the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same or different from at least two switching items in the switching item display area before the update.
  • the switching items in the switching item display area are updated through the first page turning operation, so that the user can quickly view the switching items corresponding to the required cards in the switching item display area, thereby improving the card display efficiency.
  • the method further includes:
  • a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the user can understand the styles of at least two cards or all cards from the first card expansion interface.
  • the first card expansion interface displays a card corresponding to each of the at least two switching items; after the first card expansion interface is displayed in response to the fourth operation, the method further includes:
  • a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card expansion interface.
  • the electronic device can display more card styles, thereby making it easier for users to view the styles of each card and improving the display efficiency of the cards.
  • the method further includes:
  • the second card is any card displayed in the expanded interface of the first card, and the editing operation includes a deletion operation and/or a position movement operation;
  • the second card is edited.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • displaying in the card display area a switching item corresponding to each of at least two cards comprises:
  • a thumbnail of the first card is displayed in a card preview area of the card display area, and the at least two switch items are displayed in a switch item display area of the card display area, and the card preview area and the switch item display area are determined according to the sliding direction of the first operation.
  • the switching item is a card view of a corresponding card
  • the first operation is an operation of sliding downward on the first card
  • displaying in the card display area a switching item corresponding to each of at least two cards comprises:
  • the at least two switch items are displayed in the form of a card clip, and the form of the card clip is that the bottom edges of the at least two switch items overlap with the bottom edge of the card display area, and every two adjacent switch items in the at least two switch items partially overlap.
  • the switching item is a card view of a card
  • at least two switching items are displayed in the form of a card folder, so that the user can directly know the style of the card according to the switching item, thereby improving the display efficiency of the card.
  • the method further includes:
  • a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the switching item is a label including an application icon and an application name of an application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;
  • displaying in the card display area a switching item corresponding to each of at least two cards comprises:
  • the at least two switching items are displayed in the form of tags.
  • the method further includes:
  • the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and/or a position movement operation;
  • the first switching item is edited.
  • the display of at least two switching items can be made more flexible.
  • the method in response to the first operation, after displaying the switching item corresponding to each of the at least two cards in the card display area, the method further includes:
  • the display of the first card is restored.
  • the card display area is made more beautiful.
  • a device for displaying a card wherein the device for displaying a card has the function of implementing the method for displaying a card in the first aspect.
  • the device for displaying a card includes at least one module, and the at least one module is used to implement the method for displaying a card provided in the first aspect.
  • the device for displaying a card includes:
  • a first receiving module configured to receive a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked and displayed in the card display area;
  • a first display module configured to display, in response to the first operation, a switching item corresponding to each of at least two cards in the card display area, wherein the switching item is used to trigger switching to a corresponding card, and the plurality of cards includes the at least two cards;
  • a second receiving module configured to receive a second operation on any one of the at least two displayed switching items
  • a second display module is configured to display a card corresponding to any one of the switching items in the card display area in response to the second operation.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • the first display module is used for:
  • a card preview area and a switching item display area are determined in the card display area, and the direction of the card preview area relative to the switching item display area is the same as the sliding direction;
  • the at least two switching items are displayed in the switching item display area.
  • the device further includes:
  • a third receiving module configured to receive a third operation on any one of the switching items
  • the third display module is used to display a thumbnail of the card corresponding to any one of the switching items in the card preview area in response to the third operation.
  • the number of the plurality of cards is greater than the number of the at least two cards; and the first display module is further used for:
  • the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same or different from at least two switching items in the switching item display area before the update.
  • the first display module is also used for:
  • a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the first card expansion interface displays a card corresponding to each of the at least two switching items; and the first display module is further used for:
  • a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card expansion interface.
  • the first display module is also used for:
  • the second card is any card displayed in the expanded interface of the first card, and the editing operation includes a deletion operation and/or a position movement operation;
  • the second card is edited.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • the first display module is used for:
  • a thumbnail of the first card is displayed in a card preview area of the card display area, and the at least two switch items are displayed in a switch item display area of the card display area, and the card preview area and the switch item display area are determined according to the sliding direction of the first operation.
  • the switching item is a card view of a corresponding card
  • the first operation is an operation of sliding downward on the first card
  • the first display module is used for:
  • the at least two switching items are displayed in the form of a card holder, and the form of the card holder is
  • the bottom edges of the at least two switching items overlap with the bottom edge of the card display area, and each two adjacent switching items of the at least two switching items partially overlap.
  • the first display module is also used for:
  • a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the switching item is a label including an application icon and an application name of an application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;
  • the first display module is used for:
  • the at least two switching items are displayed in the form of tags.
  • the first display module is also used for:
  • the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and/or a position movement operation;
  • the first switching item is edited.
  • the device further includes:
  • the fourth display module is used to restore the display of the first card when the duration of displaying the at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold.
  • an electronic device in a third aspect, is provided, wherein the structure of the electronic device includes a processor and a memory, wherein the memory is used to store a program that supports the electronic device to execute the method for displaying a card provided in the first aspect, and to store data involved in implementing the method for displaying a card in the first aspect.
  • the processor is configured to execute the program stored in the memory.
  • the electronic device may also include a communication bus, wherein the communication bus is used to establish a connection between the processor and the memory.
  • a computer-readable storage medium wherein instructions are stored in the computer-readable storage medium, and when the computer-readable storage medium is run on a computer, the computer executes the method for displaying a card described in the first aspect.
  • a computer program product comprising instructions, which, when executed on a computer, enables the computer to execute the method for displaying a card as described in the first aspect.
  • Fig. 1 is a schematic diagram showing an application scenario according to an exemplary embodiment
  • FIG2 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG3 is a schematic structural diagram of an electronic device according to another exemplary embodiment
  • FIG4 is a schematic diagram of a software architecture of an electronic device according to an exemplary embodiment
  • FIG5 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG6 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG7 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG8 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG9 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • FIG10 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG11 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG12 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG13 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • FIG14 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG15 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG16 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG17 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • FIG18 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • FIG19 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • FIG20 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG21 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG22 is a schematic diagram showing an application scenario according to another exemplary embodiment
  • FIG23 is a schematic flow chart of a method for displaying a card according to an exemplary embodiment
  • FIG24 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • Fig. 25 is a schematic diagram of the structure of a device for displaying cards according to an exemplary embodiment.
  • references to "one embodiment” or “some embodiments” etc. described in the specification of this application mean that a certain feature, structure or characteristic described in conjunction with the embodiment is included in one or more embodiments of the present application. Therefore, the statements “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. that appear in different places in this specification do not necessarily refer to the same embodiment, but mean “one or more but not all embodiments", unless otherwise specifically emphasized in other ways.
  • the terms “including”, “comprising”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized in other ways.
  • the mobile phone in order to increase the richness of the mobile phone display and facilitate the user to use various applications, supports displaying application cards on the desktop.
  • the application after the application is installed on the mobile phone, it can be registered with the mobile phone's widget manager (also called the card manager) to generate a card corresponding to the application.
  • the mobile phone can respond to the user's addition operation and scan the applications that have been registered with the card manager to obtain all card lists. The table displays the card list, and then the user can select the card to be added from the card list.
  • the user adds a weather card, a news card, an album card and a clock card to the desktop of the mobile phone, and the weather card, the news card, the album card and the clock card are the same size.
  • the weather card, the news card, the album card and the clock card are the same size.
  • multiple cards of the same size can be displayed in the same card display area;
  • the user can drag the album card to the card display area where the clock card is located, and the mobile phone responds to the user's drag operation on the album card, and displays the album card in the card display area where the clock card is located, so that the album card and the clock card are stacked and displayed, and when the album card is dragged to the card display area where the clock card is located, the album card is displayed above the clock card.
  • the mobile phone responds to the user's drag operation on the news card, and displays 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 and displayed, and when the news card is dragged to the card display area where the clock card is located, the news card is displayed above the album card.
  • the mobile phone responds to the user's drag operation 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 and displayed, and when the weather card is dragged to the card display area where the clock card is located, the weather card is displayed above the news card.
  • the multiple cards can be displayed cyclically in the card display area in the order of arrangement.
  • multiple cards are displayed in a stack
  • the user needs to search through the multiple cards until the mobile phone displays the card.
  • the display order of the multiple cards in the card display area is a weather card, a news card, an album card, and a clock card.
  • the weather card is currently displayed at the top.
  • the user can slide down on the currently displayed weather card; in response to the downward sliding operation of the weather card, referring to (b) in FIG.
  • the mobile phone displays the weather card at the bottom of the multiple cards, and displays the next card in the display order, that is, displays the news card. If the news card is not the card that the user needs to view, the user needs to continue to slide down on the news card; in response to the downward sliding operation of the news card, referring to (c) in FIG. 2 , the mobile phone displays the news card at the bottom of the multiple cards, and displays the album card in the display order.
  • the mobile phone displays the album card at the bottom of multiple cards, and displays the clock card in the display order, and the clock card is the card that the user needs to view.
  • an embodiment of the present application provides a method for displaying cards, in which, when multiple cards are stacked and displayed in a card display area of a desktop, the electronic device can display at least two switching items in the card display area in response to a first operation of a user on a first card displayed in the card display area. Since each switching item can trigger a switch to a corresponding card, when at least two switching items are displayed, the user can quickly determine which switching item corresponds to the card that needs to be switched, and trigger the switching item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switching item. Since the electronic device does not need to display each card one by one, the cards required by the user can be displayed, thereby improving the display efficiency of the cards.
  • the method provided in the embodiment of the present application can be executed by an electronic device, and a plurality of cards running in the main process of the desktop are displayed on the desktop of the electronic device, and the plurality of cards can be displayed in a stacked manner.
  • the electronic device can be, but is not limited to, a mobile sports camera (GoPro), a digital camera, a tablet computer, a desktop, a laptop, a handheld computer, a notebook computer, a vehicle-mounted device, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), an augmented reality (AR) ⁇ virtual reality (VR) device, a mobile phone, a door lock, a smart appliance, etc., and the embodiment of the present application does not limit this.
  • GoPro mobile sports camera
  • UMPC ultra-mobile personal computer
  • UMPC ultra-mobile personal computer
  • netbook a netbook
  • a cellular phone a personal digital assistant (PDA)
  • PDA personal digital assistant
  • FIG3 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna S1, an antenna S2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc.
  • SIM subscriber identification module
  • 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 light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100.
  • the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently.
  • the components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU), etc.
  • AP application processor
  • GPU graphics processor
  • ISP image signal processor
  • controller a memory
  • video codec a digital signal processor
  • DSP digital signal processor
  • NPU neural-network processing unit
  • Different processing units may be independent devices or integrated in one or more processors.
  • the controller may be the nerve center and command center of the electronic device 100.
  • the controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.
  • the processor 110 may also be provided with a memory for storing instructions and data.
  • the memory in the processor 110 is a cache memory.
  • the memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.
  • the processor 110 may include one or more interfaces, such as an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver/transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (SIM) interface, and/or a universal serial bus (UART) interface. bus, USB) interface, etc.
  • I2C inter-integrated circuit
  • I2S inter-integrated circuit sound
  • PCM pulse code modulation
  • UART universal asynchronous receiver/transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • UART universal serial bus
  • the interface connection relationship between the modules illustrated in the embodiment of the present application is only a schematic illustration and does not constitute a structural limitation on the electronic device 100.
  • the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.
  • the wireless communication function of the electronic device 100 can be implemented through the antenna S1, the antenna S2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.
  • the electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor.
  • the GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor.
  • the GPU is used to perform mathematical and geometric calculations for graphics rendering.
  • the 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, etc.
  • the display screen 194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diodes (QLED), etc.
  • the electronic device 100 may include 1 or N display screens 194, where N is an integer greater than 1.
  • the electronic device 100 can realize the shooting function through ISP, camera 193, video codec, GPU, display screen 194 and application processor.
  • ISP is used to process the data fed back by camera 193. For example, when taking a photo, the shutter is opened, and the light is transmitted to the camera photosensitive element through the lens. The light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to ISP for processing and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on the noise, brightness, and skin color of the image. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, ISP can be set in camera 193.
  • Video codecs are used to compress or decompress digital videos.
  • the electronic device 100 may support one or more video codecs. In this way, the electronic device 100 may play or record videos in multiple coding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.
  • MPEG Moving Picture Experts Group
  • MPEG2 MPEG2, MPEG3, MPEG4, etc.
  • the external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music and videos can be stored in the external memory card.
  • the internal memory 121 can be used to store computer executable program codes, which include instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121.
  • the internal memory 121 may include a program storage area and a data storage area.
  • the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.
  • the data storage area may store data created by the electronic device 100 during use (such as audio data, a phone book, etc.), etc.
  • the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.
  • UFS universal flash storage
  • the electronic device 100 can implement audio functions, such as music playback, recording, etc., through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone interface 170D and the application processor.
  • audio functions such as music playback, recording, etc.
  • the audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals.
  • the audio module 170 can also be used to encode and decode audio signals.
  • the audio module 170 may be disposed in the processor 110 , or some 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 the USB interface 130, or may be a 3.5 mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.
  • OMTP open mobile terminal platform
  • CTIA cellular telecommunications industry association of the USA
  • the pressure sensor 180A is used to sense the pressure signal and can convert the pressure signal into an electrical signal.
  • the pressure sensor 180A can be set on the display screen 194.
  • the capacitive pressure sensor can be a parallel plate including at least two conductive materials.
  • the electronic device 100 determines the intensity of the pressure based on the change in capacitance.
  • the electronic device 100 detects the touch operation intensity according to the pressure sensor 180A.
  • the electronic device 100 can also calculate the touch position according to the detection signal of the pressure sensor 180A.
  • touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than a pressure threshold acts on a short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the pressure threshold acts on a short message application icon, an instruction to create a new short message is executed.
  • the gyro sensor 180B can be used to determine the motion posture of the electronic device 100.
  • the angular velocity of the electronic device 100 around three axes i.e., x, y, and z axes
  • the gyro sensor 180B can be used for anti-shake shooting. For example, when the shutter is pressed, the gyro sensor 180B detects the angle of the electronic device 100 shaking, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse movement to achieve anti-shake.
  • the gyro sensor 180B can also be used for navigation and somatosensory game scenes.
  • the touch sensor 180K is also called a "touch panel”.
  • the touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen”.
  • the touch sensor 180K is used to detect touch operations acting on or near it.
  • the touch sensor 180K can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to the touch operation can be provided through the display screen 194.
  • the touch sensor 180K can also be set on the surface of the electronic device 100, which is different from the position of the display screen 194.
  • Motor 191 can generate vibration prompts.
  • Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback.
  • touch operations acting on different applications can correspond to different vibration feedback effects.
  • Touch operations acting on different areas of the display screen 194 can also correspond to different vibration feedback effects.
  • Different application scenarios (such as: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects.
  • the touch vibration feedback effect can also support customization.
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture.
  • the embodiment of the present application takes the Android system of the layered architecture as an example to exemplify the software system of the electronic device 100.
  • Fig. 4 is a block diagram of a software system of an electronic device 100 provided in an embodiment of the present application.
  • the layered architecture divides the software into several layers, each layer has a clear role and division of labor.
  • the layers communicate with each other through software interfaces.
  • the Android system is divided into four layers, namely, from top to bottom, an application layer, an application framework layer, an Android runtime (Android runtime) and a system layer, and a kernel layer.
  • the application layer may include a series of application packages. As shown in FIG4 , the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, etc.
  • the application layer may also include a desktop launcher (Launcher) and multiple cards running in the desktop main process.
  • Laser desktop launcher
  • the desktop launcher is used to manage the main desktop process and can trigger operations such as adding, editing, and switching cards.
  • a card is used to display any application view of a corresponding application.
  • a weather card can display a weather condition view of a weather application, which includes information such as the current time, the weather conditions in the city where the electronic device is currently located in the recent period of time, and the air index of the day.
  • the application framework layer provides an application programming interface (API) and a programming framework for the application of the application layer.
  • the application framework layer includes some predefined functions.
  • the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, and the like.
  • the window manager is used to manage window programs.
  • the window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, capture the screen, and the like.
  • the content provider is used to store and obtain data and make these data accessible to the application, which may include video, images, audio, dialed and received calls, browsing history and bookmarks, phone books, and the like.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and the like.
  • the view system can be used to construct the display interface of the application, and the display interface can be composed of one or more views, such as a view for displaying a text message notification icon, a view for displaying text, and a view for displaying pictures.
  • the phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including connected, hung up, etc.).
  • the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and the like.
  • the notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction.
  • the notification manager is used to notify the completion of downloads, message reminders, etc.
  • the notification manager can also be a notification that appears in the system's top status bar in the form of an icon or scroll bar text, such as notifications from applications running in the background.
  • the notification manager can also be a notification that appears on the screen in the form of a dialog window, such as a text message prompt in the status bar, a beep, an electronic device vibrating, an indicator light flashing, etc.
  • Android Runtime includes core libraries and virtual machines.
  • Android runtime is responsible for scheduling and management of the Android system.
  • the core library consists of two parts: one is the function that the Java language needs to call, and the other is the Android core library.
  • the application layer and the application framework layer run in the virtual machine.
  • the virtual machine executes the Java files of the application layer and the application framework layer as binary files.
  • the virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection and other functions.
  • the system library can include multiple functional modules, such as: surface manager, media library, 3D graphics processing library (such as: OpenGL ES), 2D graphics engine (such as: SGL), etc.
  • the surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing.
  • the 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer contains at least display driver, camera driver, audio driver, Sensor driven.
  • the corresponding hardware interrupt is sent to the kernel layer.
  • the kernel layer processes the touch operation into an original input event (including touch coordinates, timestamp of the touch operation, and other information).
  • the original input event is stored in the kernel layer.
  • the application framework layer obtains the original input event from the kernel layer and identifies the control corresponding to the original input event. For example, if the touch operation is a single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer, starts the camera application, and then calls the kernel layer to start the camera driver to capture static images or videos through the camera 193.
  • the application scenario involved in the embodiment of the present application is introduced by taking the electronic device as a mobile phone and multiple cards stacked and displayed on the desktop of the mobile phone as an example.
  • FIG5 is a schematic diagram of an application scenario according to an exemplary embodiment.
  • a plurality of cards are stacked and displayed in the card display area of the desktop of the mobile phone, and 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.
  • the mobile phone determines a card preview area and a switch item display area in the card display area, the card preview area is located to the left of the switch item display area, the card preview area displays a thumbnail of the weather card, and the switch item display area displays 4 switch items, which are, from top to bottom, 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, and the user can directly click the application icon thumbnail of the clock application.
  • the mobile phone displays the clock card in the full area of the card display area.
  • FIG. 6 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone determines a card preview area and a switch item display area in the card display area, and a thumbnail of a weather card is displayed in the card preview area.
  • the user can touch any switch item to view the card corresponding to any switch item.
  • the user touches the application icon thumbnail of the news application; in response to the user's touch operation on the application icon thumbnail of the news application, referring to FIG. 6 (b), the mobile phone displays the thumbnail of the news card in the card preview area.
  • the user can click the thumbnail of the news card displayed in the card preview area; in response to the click operation on the thumbnail of the news card, referring to FIG. 6 (c), the mobile phone displays the news card in the entire card display area.
  • the above touch operation is neither a click operation nor a long press operation, and the force of the touch operation is smaller than the force of the click operation and also smaller than the force of the long press operation.
  • the mobile phone when the mobile phone displays a thumbnail of a news card in the preview area, the user can also click on the application icon thumbnail of the news application. In response to the click on the application icon thumbnail of the news application, the mobile phone displays the news card in the entire card display area.
  • FIG. 7 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone determines a card preview area and a switch item display area in the card display area, and a thumbnail of a weather card is displayed in the card preview area.
  • the switch item display area When four switch items are displayed in the switch item display area, if the number of cards stacked and displayed in the card display area is greater than 4, that is, in addition to the weather card, news card, album card and clock card, other cards are stacked, for example, payment cards and memo cards are stacked. Due to the limited position of the switch item display area, the switch items corresponding to each card in all the stacked cards cannot be fully displayed at one time.
  • the user in order to view all the switch items, the user can slide up in the switch item display area; in response to the upward slide operation, the mobile phone updates the switch items in the switch item display area, and displays the updated switch item display area as shown in (b) in FIG. 7 , and the updated switch item display area can display the application icon thumbnail of the payment application and the application icon thumbnail of the memo application.
  • Figure 8 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone determines a card preview area and a switch item display area in the card display area, and a thumbnail of a weather card is displayed in the card preview area. If the user slides up the switch item display area, referring to Figure 8 (b), the mobile phone responds to the upward sliding operation and displays an updated switch item display area, and the updated switch item display area displays an expansion control 1, and the user can click on the expansion control 1; the mobile phone responds to the click operation on the expansion control 1 and displays the first card expansion interface as shown in Figure 8 (c), and the first card expansion interface displays a clock card, an album card, a news card, and a weather card.
  • the expansion control 1 is already displayed in the switch item display area before the switch item display area is updated, the user does not need to slide the switch item display area upward, and the user can directly click the expansion control 1 .
  • Figure 9 is a schematic diagram of an application scenario shown according to another exemplary embodiment.
  • the user can edit any card.
  • the weather card is deleted from the first card expansion interface.
  • Figure (c) in Figure 9.
  • the weather card is displayed below the clock card; of course, the user can also click on the weather card, refer to Figure (d) in Figure 9.
  • the mobile phone returns to the desktop and displays the weather card in the card display area of the desktop.
  • the mobile phone when the user deletes the weather card in the first card expansion interface, the mobile phone will also delete the weather card from the desktop, that is, the weather card will no longer be displayed in the card display area.
  • Figure 10 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone when the mobile phone displays the first card expansion interface, if the user clicks on the weather card, the mobile phone responds to the click operation on the weather card.
  • the mobile phone can display the interface shown in Figure 9 (d) above.
  • the mobile phone responds to the click operation on the weather card, see Figure 10 (b), the mobile phone can start the weather application to which the weather card belongs, and display the weather application interface, which displays the content related information displayed in the weather card.
  • the user's operation to trigger the two scenes may be different.
  • the mobile phone displays the first card expansion interface
  • the mobile phone responds to the user double-clicking the weather card, and can display the application scene shown in Figure 9 (d);
  • the mobile phone displays the first card expansion interface
  • the mobile phone responds to the user clicking the weather card, and can display the application scene shown in Figure 10 (b).
  • This embodiment of the application does not specifically describe this. limit.
  • Figure 11 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the user can click the folding control 2 displayed on the first card expansion interface; in response to the click operation on the folding control 2, see Figure 11 (b), the mobile phone returns to the display of the card preview area and the switch item display area, and the card preview area and the switch item display area are updated, 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 displayed at the top of the switch item display area, that is, the thumbnail of the news card is displayed in the card preview area.
  • Figure 12 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • Figure 12 (a) when the mobile phone displays the first card expansion interface, if the user needs to return to the state where multiple cards are stacked, the user can click on the folding control 2 displayed on the first card expansion interface; in response to the click operation on the folding control 2, see Figure 12 (b), the mobile phone desktop is displayed, and a card display area is displayed on the mobile phone desktop, and multiple cards are stacked in the card display area, and the currently displayed card is the topmost card displayed in the first card expansion interface, that is, the weather card.
  • the user can not only click on the folding control 2, but also slide upward from the folding control 2 as the starting position, so that the mobile phone responds to the upward sliding operation with the folding control 2 as the starting position, and displays the card display area shown in Figure 12 (b).
  • Figure 13 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • a clock card, an album card, a news card, a weather card, a payment card, and a memo card are stacked and displayed in the card display area, then refer to Figure 13 (a)
  • the first card expansion interface cannot display all cards.
  • the user can slide up in the first card expansion interface; in response to the upward sliding operation in the first card expansion interface, the second card expansion interface shown in Figure 13 (b) is displayed, and the second card expansion interface displays a payment card and a memo card.
  • FIG. 14 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • a plurality of cards are stacked and displayed in the card display area of the mobile phone desktop, and 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.
  • the user wants to view the clock card during the display of the weather card, the user can slide the weather card to the left and pause; the mobile phone responds to the operation of sliding to the left and pausing on the weather card, referring to FIG.
  • the mobile phone sequentially displays the application icon thumbnail of the weather application, the application icon thumbnail of the news application, the application icon thumbnail of the album application and the application icon thumbnail of the clock application in the card display area, and the user can directly click on the application icon thumbnail of the clock application.
  • the mobile phone displays the clock card in the entire area of the card display area.
  • FIG. 15 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • a plurality of cards are stacked and displayed in the card display area of the mobile phone desktop.
  • the display order of the plurality of cards in the loop display process is weather card, news card, album card and clock card, and the currently displayed card is the weather card. If the user wants to view the clock card during the display of the weather card, the user can slide down the weather card; the mobile phone responds to the downward sliding operation on the weather card, Referring to (b) in FIG. 15 , the mobile phone sequentially displays the card views of the weather card, news card, album card, and clock card in the card display area.
  • the weather card, news card, album card, and clock card overlap at the bottom edge of the card display area, and two adjacent card views partially overlap, thereby forming the card holder form shown in (b) in FIG. 15 .
  • the user can directly click on the card view of the clock card.
  • the mobile phone displays the clock card in the entire area of the card display area.
  • Figure 16 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the user when the card view of the weather card, news card, album card and clock card is displayed in the form of a card holder, the user can continue to slide down in the card display area; in response to the downward sliding operation in the card display area, the mobile phone displays the third card expansion interface as shown in Figure 16 (b).
  • Figure 17 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the user when the card views of weather cards, news cards, album cards and clock cards are displayed in the form of a card holder, the user can continue to slide down in the card display area; the mobile phone responds to the downward sliding operation performed in the card display area, and in one possible case, the mobile phone can display the third card expansion interface as shown in Figure 16 (b).
  • the mobile phone displays the card view of the news card at the front of the card display area; if the user slides up in the card display area, referring to Figure 17 (c), in response to the upward sliding operation, the mobile phone displays the card view of the weather card at the front of the card display area.
  • the user's operations to trigger the two scenarios may be different.
  • the mobile phone displays the card view of the weather card, news card, album card and clock card in the form of a card holder
  • the mobile phone responds to the user's downward sliding operation in the card display area.
  • the application scenario shown in (b) of FIG. 16 may be displayed; if the sliding distance of the downward sliding operation is greater than or equal to the sliding threshold, the application scenario shown in (b) of FIG. 17 may be displayed.
  • the embodiments of the present application do not impose specific restrictions on this.
  • the sliding threshold can be pre-set according to requirements.
  • the sliding threshold can be the width of the card view.
  • FIG. 18 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • a plurality of cards are stacked and displayed in the card display area of the mobile phone desktop, and the display order of the plurality of cards in the card display area is a weather card, a news card, an album card and a clock card, and the currently displayed card is a weather card.
  • the user wants to view the clock card during the display of the weather card, the user can slide the weather card to the left and pause; the mobile phone responds to the operation of sliding to the left and pausing on the weather card, referring to FIG.
  • the mobile phone displays 4 labels in the card display area in sequence, and the 4 labels are labels corresponding to the weather card, the news card, the album card and the clock card, and each label includes the application icon and application name of the application to which the corresponding card belongs.
  • the mobile phone displays the clock card in the entire area of the card display area.
  • FIG. 19 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone when the mobile phone displays labels corresponding to the weather card, news card, album card, and clock card in the card display area, the user can click on the weather card, news card, album card, and clock card. If the user slides down the label corresponding to the news card, as shown in Figure 19 (b), the mobile phone deletes the label corresponding to the news card; if the user drags the label corresponding to the news card behind the label corresponding to the album card, as shown in Figure 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.
  • FIG. 20 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the card display area may not be able to display the labels corresponding to each card in all the cards at once. See (a) in FIG. 20.
  • the card display area displays labels corresponding to the weather card, news card, album card and clock card, respectively.
  • the user can slide the card display area to the left; see (b) in FIG. 20.
  • the mobile phone displays the updated card display area, and the updated card display area displays the labels corresponding to the payment card and the memo card.
  • Figure 21 is a schematic diagram of an application scenario according to another exemplary embodiment.
  • the mobile phone displays a thumbnail of a weather card in the card preview area of the card display area, and displays the application icon thumbnail of the weather application, the application icon thumbnail of the news application, the application icon thumbnail of the album application, and the application icon thumbnail of the clock application in the switch item display area. If the display duration of the display state is greater than or equal to the duration threshold, and no operation is detected within the duration threshold, see Figure 21 (b), the mobile phone can restore the display of the weather card.
  • the duration for which the mobile phone displays the application icon thumbnail of the weather application, the application icon thumbnail of the news application, the application icon thumbnail of the album application, and the application icon thumbnail of the clock application in the card display area is greater than or equal to the duration threshold, or, when the mobile phone displays the card view of the weather card, the news card, the album card, and the clock card in the form of a card holder, the duration is greater than or equal to the duration threshold, or, when the mobile phone displays the labels corresponding to the weather card, the news card, the album card, and the clock card is greater than or equal to the duration threshold, if the user does not perform any operation within the duration threshold, that is, when the mobile phone does not detect any operation within the duration threshold, the mobile phone can also resume display of the weather card.
  • the duration threshold can be pre-set according to requirements, for example, the duration threshold can be 6 seconds, 5 seconds or 3 seconds.
  • FIG. 22 is a schematic diagram showing an application scenario according to another exemplary embodiment.
  • a weather card, a news card, an album card and a clock card are stacked and displayed in one card display area
  • a memo card is displayed in the other card display area.
  • the card display area in which the weather card, the news card, the album card and the clock card are stacked and displayed is referred to as the first card display area
  • the card display area in which the memo card is displayed is referred to as the second card display area.
  • the mobile phone determines a card preview area and a switch item display area in the first card display area in response to the user's sliding to the left and pausing operation on the weather card.
  • the card preview area is located to the left of the switch item display area.
  • a thumbnail of the weather card is displayed in the card preview area, and four switch items are displayed in the switch item display area.
  • the four switch items are, from top to bottom, an application icon thumbnail of the weather application, an application icon thumbnail of the news application, an application icon thumbnail of the album application and an application icon thumbnail of the clock application.
  • the user can drag the memo card from the second card display area to the first card display area. Since after the memo card is dragged to the first card display area, the first card display area can display the memo card above other stacked display cards without displaying the switch item display area and the card preview area, therefore, referring to Figure 22 (c), in response to the drag operation of the memo card, the mobile phone can display the thumbnail of the memo card in the card preview area, and display the application icon thumbnail of the memo application to which the memo card belongs at the top of the switch item display area.
  • the switch item display area can accommodate up to 4 application icon thumbnails, then since the application icon thumbnail of the memo application is inserted and displayed above the application icon thumbnail of the weather application, the switch item display area can no longer accommodate the application icon thumbnail of the clock application at the same time, therefore, referring to Figure 22 (c), the application icon thumbnail of the clock application is no longer displayed in the switch item display area. Among them, the application icon thumbnail of the clock application can be displayed in the updated switch item display area when the user slides down the switch item display area.
  • Figure 23 is a schematic flow chart of a method for displaying cards according to an exemplary embodiment.
  • the method is applied to an electronic device that displays multiple cards stacked on a desktop, and the electronic device is the electronic device shown in Figure 3 as an example for explanation.
  • the method may include some or all of the following contents:
  • Step 2301 Receive a first operation on a first card displayed in a card display area of a desktop, where a plurality of cards are stacked and displayed.
  • the first card currently displayed at the top may not be the card that the user currently needs to view.
  • the user can perform a first operation on the first card displayed in the card display area, so that the electronic device can receive the first operation.
  • the first operation may be an operation of sliding on the first card and pausing, for example, the first operation is an operation of sliding to the left and pausing in the application scenario shown in Figures 5, 14 or 17 above, or the first operation may be an operation of sliding downward on the first card, for example, the first operation is an operation of sliding downward in the application scenario shown in Figure 16 above.
  • the user may perform a first operation on the first card, and of course may perform other operations, and the electronic device may perform other responses to the other operations.
  • the first card may be slid (including a left slid operation, a right slid operation, etc.), and the electronic device turns pages of the stacked multiple cards in the card display area in response to the slid operation on the first card.
  • FIG. 24 In a possible scenario, see FIG. 24 (a), multiple cards are stacked and displayed in the card display area of the mobile phone desktop, and the display order of the multiple cards is a weather card, a news card, an album card, and a clock card. The user can slide on the currently displayed card.
  • the mobile phone displays the news card in the card display area; if the user slid the news card to the right, see FIG. 24 (c), in response to the right slid operation on the news card, the mobile phone displays the weather card in the card display area.
  • Step 2302 In response to the first operation, display the corresponding card of each of at least two cards in the card display area. Toggle item.
  • the switching item is used to trigger switching to a corresponding card
  • the multiple cards include at least two cards.
  • the switching item can be displayed in different forms, and when the switching item is displayed in different forms, the electronic device displays the switching item corresponding to each card in the card display area of at least two cards in different ways.
  • the embodiments of the present application are described by taking the following four cases as examples.
  • the switching item is a thumbnail of an application icon of an application to which the corresponding card belongs
  • the first operation is an operation of sliding on the first card and pausing.
  • the electronic device responds to the first operation and displays the switching item corresponding to each of at least two cards in the card display area, including: in response to the first operation, reducing the size of the first card according to a preset ratio to obtain a thumbnail of the first card; determining a card preview area and a switching item display area in the card display area according to the sliding direction of the first operation, and the direction of the card preview area relative to the switching item display area is the same as the sliding direction; displaying a thumbnail of the first card in the card display area; and displaying at least two switching items in the switching item display area.
  • the preset ratio can be set in advance according to the requirements, and the preset ratio is the ratio between the area of the first card before reduction and the area of the first card after reduction, or the preset ratio is the ratio between the size of the first card before reduction and the size of the first card after reduction.
  • the preset ratio can be 2:1 or 3:2.
  • the electronic device Since the sliding direction of the user may be different each time the user performs the first operation on the first card, the electronic device needs to determine the card preview area and the switching item display area in the card display area according to the sliding direction of the first operation. For example, when the user slides the first card to the left and pauses, the electronic device can display the card preview area on the left side of the card display area and the switching item display area on the right side of the card display area.
  • This application scenario can refer to the application scenario shown in Figure 5 above.
  • the application icon thumbnails of the applications to which the multiple cards belong may be fully displayed in the switch item display area, or may not be fully displayed in the switch item display area. Therefore, the number of the at least two switch items displayed in the switch item display area may be less than or equal to the number of the multiple cards.
  • the electronic device displays at least two switch items in the switch item display area
  • the number of multiple cards is greater than the number of at least two cards
  • the application icon thumbnails of the applications to which all cards belong cannot be displayed in the switch item display area.
  • the user can perform a first page turning operation in the switch item display area, so that the electronic device can receive the first page turning operation in the switch item display area; in response to the first page turning operation, the switch items in the switch item display area are updated, and the switch items in the updated switch item display area are not completely the same or identical to the at least two switch items in the switch item display area before the update.
  • the application scenario can refer to the application scenario shown in Figure 7 or Figure 8 above.
  • the first page turning operation may refer to a sliding operation performed in the switching item display area.
  • the switching items in the switching item display area are updated through the first page turning operation, so that the user can quickly view the switching items corresponding to the required cards in the switching item display area, thereby improving the card display efficiency.
  • the user can also perform a third operation on any switching item, so that the electronic device receives the third operation on any switching item; in response to the third operation, the card is displayed.
  • the browsing area displays a thumbnail of a card corresponding to any switching item.
  • the application scenario can refer to the application scenario shown in FIG. 6 above.
  • the third operation may refer to a touch operation on any switch item, and the touch operation may refer to touching any switch item, and the triggering force of the touch operation is less than the triggering force of the click operation or the long press operation. And when the user needs to view the card thumbnail corresponding to another switch item, the user can slide to another switch item without raising his hand to implement the touch operation on the other switch item.
  • the third operation can also be other operations.
  • the third operation can also be an operation of acting on any switch item and dragging the switch item to the card preview area, or the third operation can be a line operation from any switch item to the card preview area.
  • the electronic device when the electronic device displays a thumbnail of a card corresponding to any switch item in the card preview area, if the user needs to display the full area of the card corresponding to the switch item in the card display area, the user can perform a second operation on the switch item to cause the electronic device to perform the operation 2303 after the following steps; alternatively, the user can also perform a sixth operation on the thumbnail of the card displayed in the card preview area, and the electronic device responds to the sixth operation on the thumbnail of the card displayed in the card preview area by displaying the full area of the card corresponding to the thumbnail of the card displayed in the card preview area in the card display area.
  • the second operation may be a click operation, a long press operation, a double-click operation, or an operation in which two fingers act on the switch item in the switch item display area and then move the two fingers away from each other, etc.
  • the sixth operation may be a click operation, a long press operation, a double-click operation, or an operation in which two fingers act on the thumbnail of the card in the card preview area and then move the two fingers away from each other (which may also be referred to as an operation of enlarging the thumbnail of the card).
  • the user when the electronic device displays the toggle item display area, in order to make it easier for the user to understand the style of multiple stacked cards, the user can also perform a fourth operation in the toggle item display area, so that the electronic device can receive the fourth operation in the toggle item display area; in response to the fourth operation, a first card expansion interface is displayed, in which the first card expansion interface displays a card corresponding to each of at least two toggle items or multiple cards.
  • an expansion control may be displayed in the switching item display area, so the fourth operation may be a triggering operation on the expansion control, such as a click operation or a long press operation, etc.
  • this scenario may refer to the application scenario shown in FIG. 8 above.
  • the user can also trigger the electronic device to display the first card expansion interface in other ways.
  • the fourth operation can be an operation in which the user applies two fingers to the switch item display area and then moves the two fingers away from each other (also referred to as a zoom-in operation on the switch item display area).
  • the electronic device responds to the fourth operation and displays the first card expansion interface.
  • the user can understand the styles of at least two cards or all cards from the first card expansion interface.
  • the first card expansion interface can display the card corresponding to each switch item of at least two switch items; or, when there are a small number of multiple cards, the first card expansion interface can accommodate all the cards. In this case, multiple cards can be displayed in the first card expansion interface.
  • the first card expansion interface displays at least two switching items corresponding to each switching item.
  • the user in order to view the styles of other cards, the user can perform a second page-turning operation on the first card expansion interface, so that the electronic device can receive the second page-turning operation on the first card expansion interface; in response to the second page-turning operation, the second card expansion interface is displayed, and the card displayed in the second card expansion interface is not completely the same or different from the card displayed in the first card expansion interface.
  • the second page turning operation may be a downward sliding operation or a left sliding operation performed in the first card expansion interface, etc.
  • this scenario may refer to the application scenario shown in FIG. 12 above.
  • the electronic device can display more card styles, thereby making it easier for users to view the styles of each card and improving the display efficiency of the cards.
  • the user when the first card expansion interface is displayed, the user can also perform an editing operation on any card in the first card expansion interface.
  • the electronic device can receive an editing operation on a second card, where the second card is any card displayed in the first card expansion interface, and the editing operation includes a deletion operation and/or a position movement operation; in response to the editing operation on the second card, the second card is edited.
  • this scenario can refer to the application scenario shown in FIG. 9 above.
  • the switching item is a thumbnail of an application icon of an application to which the corresponding card belongs
  • the first operation is an operation of sliding on the first card and pausing.
  • the electronic device responds to the first operation and displays the switching item corresponding to each of at least two cards in the card display area, including: determining the size of the card display area in response to the first operation; when the size of the card display area is smaller than the target size, displaying at least two switching items in the card display area; when the size of the card display area is greater than or equal to the target size, displaying a thumbnail of the first card in the card preview area of the card display area, and displaying at least two switching items in the switching item display area of the card display area, wherein the card preview area and the switching item display area are determined according to the sliding direction of the first operation.
  • the electronic device can determine the size of the card display area.
  • the size of the card display area is smaller than the target size, at least two switch items can be directly displayed in the card display area without displaying the thumbnail of the first card; exemplarily, the scenario can refer to the application scenario shown in Figure 14 above.
  • the electronic device can display the thumbnail of the first card in the card preview area of the card display area in response to the first operation according to the operation described in the first case above, and display at least two switch items in the switch item display area of the card display area.
  • the target size can be pre-set according to needs.
  • the target size can be 2*2 application icon size or 2*1 application icon size, etc.
  • the application icon size is the size of the application icon of any application displayed on the electronic device, and the size of the application icon displayed on electronic devices of different types and different display screen sizes may be different.
  • the related operations of the electronic device on the at least two switch items can refer to the operations of the above-mentioned electronic device on the at least two switch items in the switch item display area, and the embodiments of the present application will not go into details one by one.
  • the switching item is a card view of a corresponding card
  • the first operation is an operation of sliding downward on the first card
  • the electronic device responds to the first operation and displays the switching item corresponding to each card in the card display area of at least two cards, including: in response to the first operation, obtaining the arrangement order of multiple cards stacked and displayed in the card display area; according to the arrangement order, displaying at least two switching items in the form of a card clip, the form of the card clip is that the bottom edges of at least two switching items overlap at the bottom edge of the card display area, and each adjacent two switching items in at least two switching items partially overlap.
  • this scenario can refer to the application scenario shown in FIG. 15 above.
  • the arrangement order may be the display order of the multiple cards in the card display area.
  • the switching item is a card view of a card
  • displaying at least two switching items in the form of a card folder allows the user to directly learn the style of the card based on the switching item, thereby improving the display efficiency of the card.
  • the user when at least two switching items are displayed in the form of a card holder, the user can continue to operate the card holder.
  • the user can perform a fifth operation on at least two switching items, so that the electronic device receives the fifth operation on at least two switching items; in response to the fifth operation, a third card expansion interface is displayed, and the third card expansion interface displays a card corresponding to each switching item in at least two switching items or displays multiple cards.
  • this scenario can refer to the application scenario shown in Figure 16 above.
  • the fifth operation may be an operation of sliding downward on at least two switching items, or the fifth operation may be an operation of moving two fingers away from each other after applying two fingers to the card display area.
  • the switching item is a label including an application icon and an application name of the application to which the corresponding card belongs
  • the first operation is an operation of sliding and pausing on the first card
  • the electronic device responds to the first operation
  • the operation of displaying the switching item corresponding to each card in the card display area of at least two cards includes: in response to the first operation, obtaining the arrangement order of multiple cards stacked and displayed in the card display area; and displaying at least two switching items in the form of labels according to the arrangement order.
  • this scenario can refer to the application scenario shown in FIG. 18 above.
  • the user when at least two switching items are displayed in the form of labels in the card display area, the user can also perform an editing operation on any one of the at least two switching items.
  • the electronic device can receive an editing operation on a first switching item, the first switching item being any one of the at least two switching items, the editing operation including a deletion operation and/or a position movement operation; in response to the editing operation, the first switching item is edited.
  • performing a position moving operation on any switching item is equivalent to performing a sorting operation on at least two displayed switching items.
  • the display of at least two switching items can be made more flexible.
  • the duration of displaying at least two switching items is greater than or equal to the duration threshold, and within the duration threshold If no operation is detected within 1 second, the display of the first card is restored.
  • the electronic device can restore the display of the first card for the sake of the aesthetics of the desktop. That is, the electronic device displays the entire area of the first card in the card display area.
  • Step 2303 Receive a second operation on any one of the at least two displayed switch items.
  • the user may select a card to be displayed, in this case, the user can perform a second operation on the switching item corresponding to the card to be displayed, so that the electronic device can receive the second operation.
  • Step 2304 In response to the second operation, a card corresponding to any switching item is displayed in the card display area.
  • the electronic device may display a card corresponding to any switching item in the entire card display area.
  • the electronic device when multiple cards are stacked and displayed in a card display area of a desktop, can display at least two switching items in the card display area in response to a first operation of a user on a first card displayed in the card display area. Since each switching item can trigger a switch to a corresponding card, when at least two switching items are displayed, the user can quickly determine which switching item corresponds to the card that needs to be switched, and trigger the switching item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switching item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the card.
  • FIG25 is a schematic diagram of the structure of a device for displaying a card provided in an embodiment of the present application, and the device can be implemented as part or all of an electronic device by software, hardware, or a combination of both, and the computer device can be the computer device shown in FIG3.
  • the device 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 is used to receive a first operation on a first card displayed in a card display area of a desktop, wherein a plurality of cards are stacked and displayed in the card display area;
  • a first display module 2502 configured to display, in response to the first operation, a switching item corresponding to each of at least two cards in the card display area, wherein the switching item is used to trigger switching to a corresponding card, and the plurality of cards include the at least two cards;
  • the second receiving module 2503 is used to receive a second operation on any one of the at least two displayed switching items
  • the second display module 2504 is used to display the card corresponding to the any one switching item in the card display area in response to the second operation.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • the first display module 2502 is used for:
  • a card preview area and a switching item display area are determined in the card display area, and the direction of the card preview area relative to the switching item display area is the same as the sliding direction;
  • the at least two switching items are displayed in the switching item display area.
  • the device further includes:
  • a third receiving module configured to receive a third operation on any one of the switching items
  • the third display module is used to display a thumbnail of the card corresponding to any one of the switching items in the card preview area in response to the third operation.
  • the number of the plurality of cards is greater than the number of the at least two cards; and the first display module is further used for:
  • the switching items in the switching item display area are updated, and the switching items in the switching item display area after the update are not completely the same or different from at least two switching items in the switching item display area before the update.
  • the first display module 2502 is also used for:
  • a first card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the first card expansion interface displays a card corresponding to each of the at least two switching items; the first display module 2502 is also used to:
  • a second card expansion interface is displayed, and the cards displayed in the second card expansion interface are not completely the same as or different from the cards displayed in the first card expansion interface.
  • the first display module 2502 is also used for:
  • the second card is any card displayed in the expanded interface of the first card, and the editing operation includes a deletion operation and/or a position movement operation;
  • the second card is edited.
  • the switching item is an application icon thumbnail of an application to which the corresponding card belongs, and the first operation is an operation of sliding on the first card and pausing;
  • the first display module 2502 is used for:
  • a thumbnail of the first card is displayed in a card preview area of the card display area, and the at least two switch items are displayed in a switch item display area of the card display area, and the card preview area and the switch item display area are determined according to the sliding direction of the first operation.
  • the switching item is a card view of a corresponding card
  • the first operation is an operation of sliding downward on the first card
  • the first display module 2502 is used for:
  • the at least two switching items are displayed in the form of a card holder, and the form of the card holder is
  • the bottom edges of the at least two switching items overlap with the bottom edge of the card display area, and each two adjacent switching items of the at least two switching items partially overlap.
  • the first display module 2502 is also used for:
  • a third card expansion interface is displayed, in which a card corresponding to each of the at least two switching items or the plurality of cards is displayed.
  • the switching item is a label including an application icon and an application name of an application to which the corresponding card belongs, and the first operation is an operation of sliding and pausing on the first card;
  • the first display module 2502 is used for:
  • the at least two switching items are displayed in the form of tags.
  • the first display module 2502 is also used for:
  • the first switching item is any one of the at least two switching items, and the editing operation includes a deletion operation and/or a position movement operation;
  • the first switching item is edited.
  • the device further includes:
  • the fourth display module is used to restore the display of the first card when the duration of displaying the at least two switching items is greater than or equal to a duration threshold and no operation is detected within the duration threshold.
  • the electronic device when multiple cards are stacked and displayed in a card display area of a desktop, can display at least two switching items in the card display area in response to a first operation of a user on a first card displayed in the card display area. Since each switching item can trigger a switch to a corresponding card, when at least two switching items are displayed, the user can quickly determine which switching item corresponds to the card that needs to be switched, and trigger the switching item that needs to be switched, so that the electronic device displays the card corresponding to the triggered switching item. Since the electronic device does not need to display each card one by one, the card required by the user can be displayed, thereby improving the display efficiency of the card.
  • the device for displaying cards provided in the above embodiment only uses the division of the above-mentioned functional modules as an example when displaying cards.
  • the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.
  • the functional units and modules in the above embodiments may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit, and the above integrated units may be implemented in the form of hardware or in the form of software functional units.
  • the specific names of the functional units and modules are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present application.
  • the device for displaying a card provided in the above embodiment and the method for displaying a card are of the same concept.
  • the specific working process and technical effects of the units and modules in the above embodiment can be found in the method embodiment part and will not be described in detail here.
  • all or part of the embodiments may be implemented by software, hardware, firmware, or any combination thereof.
  • all or part of the embodiments may be implemented in the form of a computer program product.
  • the computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the process or function described in the embodiments of the present application is generated in whole or in part.
  • the computer may be a general-purpose computer, a special-purpose computer, Computer network or other programmable device.
  • 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.
  • the computer instructions may be transmitted from one website, computer, server or data center to another website, computer, server or data center by wired (e.g., coaxial cable, optical fiber, 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 or data center that includes one or more available media integrated therein.
  • the available medium may be a magnetic medium (e.g., a floppy disk, a hard disk, a magnetic tape), an optical medium (e.g., a digital versatile disc (DVD)), or a semiconductor medium (e.g., a solid state drive (SSD)), etc.
  • a magnetic medium e.g., a floppy disk, a hard disk, a magnetic tape
  • an optical medium e.g., a digital versatile disc (DVD)
  • DVD digital versatile disc
  • SSD solid state drive

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

本申请公开了一种显示卡片的方法、电子设备及可读存储介质,属于终端技术领域。应用于电子设备中,该方法包括:接收对桌面的卡片显示区域中显示的第一卡片的第一操作,该卡片显示区域中堆叠显示有多个卡片;响应于第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,该切换项用于触发切换至对应的卡片,多个卡片包括至少两个卡片;接收对显示的至少两个切换项中任意一个切换项的第二操作;响应于第二操作,在卡片显示区域显示任意一个切换项对应的卡片。本申请通过显示堆叠卡片对应的切换项,可以使用户触发需要切换的切换项,从而电子设备可以显示触发的切换项对应的卡片,提高了卡片的显示效率。

Description

显示卡片的方法、电子设备及可读存储介质
本申请要求于2022年11月26日提交到国家知识产权局、申请号为202211497893.6、申请名称为“显示卡片的方法、电子设备及可读存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域,特别涉及一种显示卡片的方法、电子设备及可读存储介质。
背景技术
随着终端技术的发展,为了便于用户快速获知应用程序的信息,也为了便于用户使用电子设备的功能,微件(widget),也即桌面小组件或称卡片在电子设备中的应用越来越广泛。其中,微件是指微小的应用程序视图且能够被嵌入到其他应用程序中,譬如嵌入到电子设备的桌面等应用程序中。在微件嵌入在桌面中的情况下,为了节省电子设备的桌面的显示位置,可以在同一个微件所在的卡片显示区域中轮流显示多个卡片,每个卡片对应一个应用程序的视图,从而形成卡片堆叠效果。
目前,在卡片堆叠的情况下,为了查看卡片,用户可以依次对位于同一卡片显示区域的多个卡片进行翻页操作,直至找到需要查看的卡片,该操作繁琐,降低了卡片的显示效率。
发明内容
本申请提供了一种显示卡片的方法、电子设备及可读存储介质,可以用于解决相关技术中用户查看卡片操作繁琐,导致卡片显示效率低的问题。所述技术方案如下:
第一方面,提供了一种显示卡片的方法,应用于电子设备中,所述方法包括:
接收对桌面的卡片显示区域中显示的第一卡片的第一操作,所述卡片显示区域中堆叠显示有多个卡片;
响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,所述切换项用于触发切换至对应的卡片,所述多个卡片包括所述至少两个卡片;
接收对显示的至少两个切换项中任意一个切换项的第二操作;
响应于所述第二操作,在所述卡片显示区域显示所述任意一个切换项对应的卡片。
如此,在桌面的卡片显示区域中堆叠显示多个卡片的情况下,电子设备响应于用户对卡片显示区域中显示的第一卡片的第一操作,可以在卡片显示区域中显示至少两个切换项,由于每个切换项可以触发切换至对应的卡片,在显示至少两个切换项的情况下,用户可以快速确定哪个切换项对应的卡片是需要切换的卡片,并触发需要切换的切换项,以使电子设备显示触发的切换项对应的卡片。由于无需电子设备逐个显示各个卡片,即可显示用户需要的卡片,从而提高了卡片的显示效率。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应 的切换项,包括:
响应于所述第一操作,按照预设比例,缩小所述第一卡片的尺寸,得到所述第一卡片的缩略图;
根据所述第一操作的滑动方向,在所述卡片显示区域中确定卡片预览区域和切换项显示区域,所述卡片预览区域相对于所述切换项显示区域的方向与所述滑动方向相同;
在所述卡片显示区域中显示所述第一卡片的缩略图;
在所述切换项显示区域中显示所述至少两个切换项。
如此,通过在卡片预览区域显示第一卡片的缩略图,在切换项显示区域显示至少两个切换项,从而用户不仅可以快速从至少两个切换项中查找需要的查看的卡片,同时在卡片预览区域显示第一卡片的缩略图,保证了卡片显示区域的美观性。
作为本申请的一个示例,所述接收对显示的至少两个切换项中任意一个切换项的第二操作之前,还包括:
接收对所述任意一个切换项的第三操作;
响应于所述第三操作,在所述卡片预览区域显示所述任意一个切换项对应的卡片的缩略图。
如此,通过在卡片预览区域显示用户触发的切换项对应的卡片的缩略图,从而用户可以清楚的了解到切换项对应的卡片是否为需要查看的卡片,提高了卡片显示效率。
作为本申请的一个示例,所述多个卡片的数量大于所述至少两个卡片的数量;所述在所述切换项显示区域中显示所述至少两个切换项之后,还包括:
接收在所述切换项显示区域内的第一翻页操作;
响应于所述第一翻页操作,对所述切换项显示区域中的切换项进行更新,更新后的所述切换项显示区域中的切换项与更新前的所述切换项显示区域中的至少两个切换项不完全相同或不相同。
如此,通过第一翻页操作更新切换项显示区域中的切换项,从而使得用户可以在切换项显示区域中快速查看需要的卡片对应的切换项,提高了卡片显示效率。
作为本申请的一个示例,所述在所述切换项显示区域中显示所述至少两个切换项之后,还包括:
接收在所述切换项显示区域内的第四操作;
响应于所述第四操作,显示第一卡片展开界面,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
如此,通过显示第一卡片展开界面,从而用户能够从第一卡片展开界面中了解至少两个卡片或所有卡片的样式。
作为本申请的一个示例,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片;所述响应于所述第四操作,显示第一卡片展开界面之后,还包括:
接收对所述第一卡片展开界面的第二翻页操作;
响应于所述第二翻页操作,显示第二卡片展开界面,所述第二卡片展开界面中显示的卡片与所述第一卡片展开界面中显示的卡片不完全相同或不相同。
如此,通过对第一卡片展开界面进行翻页操作,电子设备能够展示更多的卡片的样式,从而便于用户查看各个卡片的样式,提高了卡片的显示效率。
作为本申请的一个示例,所述响应于所述第四操作,显示第一卡片展开界面之后,还包括:
接收对第二卡片的编辑操作,所述第二卡片为所述第一卡片展开界面中显示的任意一个卡片,所述编辑操作包括删除操作和/或位置移动操作;
响应于对所述第二卡片的编辑操作,对所述第二卡片进行编辑。
如此,通过对第一卡片展开界面中显示的任意一个卡片进行排序、删除等编辑操作,从而提高了卡片显示区域中堆叠显示的多个卡片的显示灵活性。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
响应于所述第一操作,确定所述卡片显示区域的尺寸;
在所述卡片显示区域的尺寸小于目标尺寸的情况下,在所述卡片显示区域中显示所述至少两个切换项;
在所述卡片显示区域的尺寸大于或等于所述目标尺寸的情况下,在所述卡片显示区域的卡片预览区域中显示所述第一卡片的缩略图,并在所述卡片显示区域的切换项显示区域中显示所述至少两个切换项,所述卡片预览区域和所述切换项显示区域根据所述第一操作的滑动方向确定。
如此,通过根据卡片显示区域的尺寸来选择对至少两个切换项的显示方式,从而提高了显示至少两个切换项的丰富性和灵活性。
作为本申请的一个示例,所述切换项为对应卡片的卡片视图,所述第一操作为在所述第一卡片上向下滑动的操作;
所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项,所述卡片夹的形式为所述至少两个切换项的底边在所述卡片显示区域的底边重合,且所述至少两个切换项中每相邻两个切换项部分重合。
如此,在切换项为卡片的卡片视图的情况下,通过卡片夹的形式显示至少两个切换项,可以使得用户能够直接根据切换项获知卡片的样式,从而提高了卡片的显示效率。
作为本申请的一个示例,所述根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项之后,还包括:
接收对所述至少两个切换项的第五操作;
响应所述第五操作,显示第三卡片展开界面,所述第三卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
如此,在以卡片夹的形式显示至少两个切换项的情况下,通过显示第三卡片展开界面,从而使用户能够更清楚的获知堆叠显示的多个卡片的样式,提高了卡片显示的效率。
作为本申请的一个示例,所述切换项为包括对应卡片所属应用程序的应用图标和应用名称的标签,所述第一操作为在所述第一卡片上滑动并停顿的操作;
所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以标签的形式显示所述至少两个切换项。
如此,通过在卡片显示区域中根据排列顺序,以标签的形式显示至少两个卡片所述应用程序的应用图标和应用名称的标签,从而不仅节省了卡片显示区域的显示空间,还使得用户能够根据显示的标签获知堆叠显示的至少两个卡片的大概内容,提高了用户获取卡片信息的准确性。
作为本申请的一个示例,所述根据所述排列顺序,以标签的形式显示所述至少两个切换项之后,还包括:
接收对第一切换项的编辑操作,所述第一切换项为所述至少两个切换项中任意一个切换项,所述编辑操作包括删除操作和/或位置移动操作;
响应于所述编辑操作,对所述第一切换项进行编辑。
如此,通过对卡片显示区域显示至少两个标签进行排序操作或删除操作,可以使得至少两个切换项显示更灵活。
作为本申请的一个示例,所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项之后,还包括:
在显示所述至少两个切换项的时长大于或等于时长阈值,且在所述时长阈值内未检测到任何操作的情况下,恢复对所述第一卡片的显示。
如此,过恢复对第一卡片的显示,从而使得卡片显示区域更加美观。
第二方面,提供了一种显示卡片的装置,所述显示卡片的装置具有实现上述第一方面中显示卡片的方法行为的功能。所述显示卡片的装置包括至少一个模块,所述至少一个模块用于实现上述第一方面所提供的显示卡片的方法。所述显示卡片的装置包括:
第一接收模块,用于接收对桌面的卡片显示区域中显示的第一卡片的第一操作,所述卡片显示区域中堆叠显示有多个卡片;
第一显示模块,用于响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,所述切换项用于触发切换至对应的卡片,所述多个卡片包括所述至少两个卡片;
第二接收模块,用于接收对显示的至少两个切换项中任意一个切换项的第二操作;
第二显示模块,用于响应于所述第二操作,在所述卡片显示区域显示所述任意一个切换项对应的卡片。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述第一显示模块用于:
响应于所述第一操作,按照预设比例,缩小所述第一卡片的尺寸,得到所述第一卡片的缩略图;
根据所述第一操作的滑动方向,在所述卡片显示区域中确定卡片预览区域和切换项显示区域,所述卡片预览区域相对于所述切换项显示区域的方向与所述滑动方向相同;
在所述卡片显示区域中显示所述第一卡片的缩略图;
在所述切换项显示区域中显示所述至少两个切换项。
作为本申请的一个示例,所述装置还包括:
第三接收模块,用于接收对所述任意一个切换项的第三操作;
第三显示模块,用于响应于所述第三操作,在所述卡片预览区域显示所述任意一个切换项对应的卡片的缩略图。
作为本申请的一个示例,所述多个卡片的数量大于所述至少两个卡片的数量;所述第一显示模块还用于:
接收在所述切换项显示区域内的第一翻页操作;
响应于所述第一翻页操作,对所述切换项显示区域中的切换项进行更新,更新后的所述切换项显示区域中的切换项与更新前的所述切换项显示区域中的至少两个切换项不完全相同或不相同。
作为本申请的一个示例,所述第一显示模块还用于:
接收在所述切换项显示区域内的第四操作;
响应于所述第四操作,显示第一卡片展开界面,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
作为本申请的一个示例,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片;所述第一显示模块还用于:
接收对所述第一卡片展开界面的第二翻页操作;
响应于所述第二翻页操作,显示第二卡片展开界面,所述第二卡片展开界面中显示的卡片与所述第一卡片展开界面中显示的卡片不完全相同或不相同。
作为本申请的一个示例,所述第一显示模块还用于:
接收对第二卡片的编辑操作,所述第二卡片为所述第一卡片展开界面中显示的任意一个卡片,所述编辑操作包括删除操作和/或位置移动操作;
响应于对所述第二卡片的编辑操作,对所述第二卡片进行编辑。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述第一显示模块用于:
响应于所述第一操作,确定所述卡片显示区域的尺寸;
在所述卡片显示区域的尺寸小于目标尺寸的情况下,在所述卡片显示区域中显示所述至少两个切换项;
在所述卡片显示区域的尺寸大于或等于所述目标尺寸的情况下,在所述卡片显示区域的卡片预览区域中显示所述第一卡片的缩略图,并在所述卡片显示区域的切换项显示区域中显示所述至少两个切换项,所述卡片预览区域和所述切换项显示区域根据所述第一操作的滑动方向确定。
作为本申请的一个示例,所述切换项为对应卡片的卡片视图,所述第一操作为在所述第一卡片上向下滑动的操作;
所述第一显示模块用于:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项,所述卡片夹的形式为 所述至少两个切换项的底边在所述卡片显示区域的底边重合,且所述至少两个切换项中每相邻两个切换项部分重合。
作为本申请的一个示例,所述第一显示模块还用于:
接收对所述至少两个切换项的第五操作;
响应所述第五操作,显示第三卡片展开界面,所述第三卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
作为本申请的一个示例,所述切换项为包括对应卡片所属应用程序的应用图标和应用名称的标签,所述第一操作为在所述第一卡片上滑动并停顿的操作;
所述第一显示模块用于:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以标签的形式显示所述至少两个切换项。
作为本申请的一个示例,所述第一显示模块还用于:
接收对第一切换项的编辑操作,所述第一切换项为所述至少两个切换项中任意一个切换项,所述编辑操作包括删除操作和/或位置移动操作;
响应于所述编辑操作,对所述第一切换项进行编辑。
作为本申请的一个示例,所述装置还包括:
第四显示模块,用于在显示所述至少两个切换项的时长大于或等于时长阈值,且在所述时长阈值内未检测到任何操作的情况下,恢复对所述第一卡片的显示。
第三方面,提供了一种电子设备,所述电子设备的结构中包括处理器和存储器,所述存储器用于存储支持电子设备执行上述第一方面所提供的显示卡片的方法的程序,以及存储用于实现上述第一方面所述的显示卡片的方法所涉及的数据。所述处理器被配置为用于执行所述存储器中存储的程序。所述电子设备还可以包括通信总线,所述通信总线用于在所述处理器与所述存储器之间建立连接。
第四方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述第一方面所述的显示卡片的方法。
第五方面,提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面所述的显示卡片的方法。
上述第二方面、第三方面、第四方面和第五方面所获得的技术效果与上述第一方面中对应的技术手段获得的技术效果近似,在这里不再赘述。
附图说明
图1是根据一示例性实施例示出的一种应用场景的示意图;
图2是根据另一示例性实施例示出的一种应用场景的示意图;
图3是根据另一示例性实施例示出的一种电子设备的结构示意图;
图4是根据一示例性实施例示出的一种电子设备的软件架构示意图;
图5是根据另一示例性实施例示出的一种应用场景的示意图;
图6是根据另一示例性实施例示出的一种应用场景的示意图;
图7是根据另一示例性实施例示出的一种应用场景的示意图;
图8是根据另一示例性实施例示出的一种应用场景的示意图;
图9是根据另一示例性实施例示出的一种应用场景的示意图;
图10是根据另一示例性实施例示出的一种应用场景的示意图;
图11是根据另一示例性实施例示出的一种应用场景的示意图;
图12是根据另一示例性实施例示出的一种应用场景的示意图;
图13是根据另一示例性实施例示出的一种应用场景的示意图;
图14是根据另一示例性实施例示出的一种应用场景的示意图;
图15是根据另一示例性实施例示出的一种应用场景的示意图;
图16是根据另一示例性实施例示出的一种应用场景的示意图;
图17是根据另一示例性实施例示出的一种应用场景的示意图;
图18是根据另一示例性实施例示出的一种应用场景的示意图;
图19是根据另一示例性实施例示出的一种应用场景的示意图;
图20是根据另一示例性实施例示出的一种应用场景的示意图;
图21是根据另一示例性实施例示出的一种应用场景的示意图;
图22是根据另一示例性实施例示出的一种应用场景的示意图;
图23是根据一示例性实施例示出的一种显示卡片的方法流程示意图;
图24是根据另一示例性实施例示出的一种应用场景的示意图;
图25是根据一示例性实施例示出的一种显示卡片的装置的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请的实施方式作进一步地详细描述。
应当理解的是,本申请提及的“多个”是指两个或两个以上。在本申请的描述中,除非另有说明,“/”表示或的意思,比如,A/B可以表示A或B;本文中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,比如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,为了便于清楚描述本申请的技术方案,采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定,并且“第一”、“第二”等字样也并不限定一定不同。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的某个特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
在一种应用场景中,用户在使用手机的过程中,为了增加手机显示的丰富性,也为了便于用户使用各类应用程序,手机支持在桌面中显示应用程序的卡片。在一个示例中,应用程序在安装于手机后,可以向手机的微件管理器(也可称为卡片管理器)进行注册,从而生成该应用程序对应的卡片。在接收到用户在手机的桌面添加卡片的情况下,手机可以响应于用户的添加操作,扫描已经向卡片管理器注册的应用程序,从而获得所有的卡片列 表并显示该卡片列表,之后,用户可以从卡片列表中选择需要添加的卡片。示例性地,参见图1中的(a)图,用户在手机的桌面中添加了天气卡片、新闻卡片、相册卡片和时钟卡片,且该天气卡片、新闻卡片、相册卡片和时钟卡片的尺寸相同。而由于手机桌面的空间有限,为了节省桌面空间,可以将多个尺寸相同的卡片显示在同一个卡片显示区域内;参见图1中的(b)图,用户可以将相册卡片拖拽至时钟卡片所在的卡片显示区域内,手机响应于用户对相册卡片的拖拽操作,将相册卡片显示在时钟卡片所在的卡片显示区域内,从而相册卡片和时钟卡片堆叠显示,且在将相册卡片拖拽至时钟卡片所在的卡片显示区域时,该相册卡片显示在时钟卡片之上。若用户继续将新闻卡片拖拽至时钟卡片所在的卡片显示区域内,则参见图1中的(c)图,手机响应于用户对新闻卡片的拖拽操作,将新闻卡片显示在时钟卡片所在的卡片显示区域内,从而新闻卡片、相册卡片和时钟卡片堆叠显示,且在将新闻卡片拖拽至时钟卡片所在的卡片显示区域时,该新闻卡片显示在相册卡片之上。之后,若用户继续将天气卡片拖动至时钟卡片所在的卡片显示区域内,则参见图1中的(d)图,手机响应于用户对天气卡片的拖拽操作,将天气卡片显示在时钟卡片所在的卡片显示区域内,从而天气卡片、新闻卡片、相册卡片和时钟卡片堆叠显示,且在将天气卡片拖拽至时钟卡片所在的卡片显示区域时,该天气卡片显示在新闻卡片之上。在多个卡片堆叠显示在卡片显示区域的情况下,该多个卡片能够按照排列顺序在卡片显示区域中循环显示。
在多个卡片堆叠显示的情况下,用户为了查看多个卡片中的某个卡片,需要在多个卡片中翻找,直至手机显示该卡片。示例性地,参见图2中的(a)图,多个卡片堆叠显示在手机的桌面中,且在卡片显示区域中多个卡片的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,天气卡片当前显示在最上方,用户为了查看时钟卡片,可以在当前显示的天气卡片上进行向下滑动操作;响应于对天气卡片的向下滑动操作,参见图2中的(b)图,手机将天气卡片显示在多个卡片的最下边,并按照显示顺序显示下一个卡片,即显示新闻卡片,若新闻卡片并不是用户需要查看的卡片,则用户需要继续在新闻卡片上进行向下滑动操作;响应于对新闻卡片的向下滑动操作,参见图2中的(c)图,手机将新闻卡片显示在多个卡片的最下边,并按照显示顺序显示相册卡片。若相册卡片仍不是用户需要查看的卡片,则用户继续在相册卡片上进行向下滑动操作;响应于对相册卡片的向下滑动操作,参见图2中的(d)图,手机将相册卡片显示在多个卡片的最下边,并按照显示顺序显示时钟卡片,时钟卡片即为用户需要查看的卡片。
由上述可知,用户为了查看想要查看的卡片,需要不断的在堆叠的多个卡片中进行翻页操作,操作繁琐,降低了卡片的显示效率。
为了提高卡片的显示效率,本申请实施例提供了一种显示卡片的方法,该方法中,在桌面的卡片显示区域中堆叠显示多个卡片的情况下,电子设备响应于用户对卡片显示区域中显示的第一卡片的第一操作,可以在卡片显示区域中显示至少两个切换项,由于每个切换项可以触发切换至对应的卡片,在显示至少两个切换项的情况下,用户可以快速确定哪个切换项对应的卡片是需要切换的卡片,触发需要切换的切换项,以使电子设备显示触发的切换项对应的卡片。由于无需电子设备逐个显示各个卡片,即可显示用户需要的卡片,从而提高了卡片的显示效率。
在对本申请实施例提供的显示卡片的方法进行详细地解释说明之前,先对本申请实施例涉及的电子设备予以说明。
本申请实施例提供的方法可以由电子设备执行,电子设备的桌面上显示有运行在桌面主进程中的多个卡片,且多个卡片能够堆叠显示。作为示例而非限定,电子设备可以是但不限于手机运动相机(GoPro)、数码相机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、车载设备、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)\虚拟现实(virtual reality,VR)设备、手机、门锁、智能电器等,本申请实施例对此不作限定。
图3是本申请实施例提供的一种电子设备的结构示意图。参见图3,电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线S1,天线S2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中,传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,比如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从该存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了***的效率。
在一些实施例中,处理器110可以包括一个或多个接口,如可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuit sound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purpose input/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial  bus,USB)接口等。
可以理解的是,本申请实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
电子设备100的无线通信功能可以通过天线S1,天线S2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。比如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,比如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
外部存储器接口120可以用于连接外部存储卡,比如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。比如将音乐,视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码,计算机可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,来执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作***,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100在使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,比如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D以及应用处理器等实现音频功能,比如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中, 音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130,也可以是3.5mm的开放移动终端平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝电信工业协会(cellular telecommunications industry association of the USA,CTIA)标准接口。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194,电子设备100根据压力传感器180A检测触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。比如:当有触摸操作强度小于压力阈值的触摸操作作用于短消息应用图标时,执行查看短消息的指令。当有触摸操作强度大于或等于压力阈值的触摸操作作用于短消息应用图标时,执行新建短消息的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的,当按下快门,陀螺仪传感器180B检测电子设备100抖动的角度,根据角度计算出镜头模组需要补偿的距离,让镜头通过反向运动抵消电子设备100的抖动,实现防抖。陀螺仪传感器180B还可以用于导航,体感游戏场景。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器180K可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。比如,作用于不同应用(比如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作,也可对应不同的振动反馈效果。不同的应用场景(比如:时间提醒,接收信息,闹钟,游戏等),也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
接下来对电子设备100的软件***予以说明。
电子设备100的软件***可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以分层架构的安卓(Android)***为例,对电子设备100的软件***进行示例性说明。
图4是本申请实施例提供的一种电子设备100的软件***的框图。参见图4,分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。 在一些实施例中,将Android***分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和***层,以及内核层。
应用程序层可以包括一系列应用程序包。如图4所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐等应用程序。
应用程序层中还可以包括桌面启动器(Launcher)和运行在桌面主进程中的多个卡片。
作为一个示例,桌面启动器用于管理桌面主进程,且能够触发对卡片的添加操作、编辑操作、切换操作等。
作为一个示例,卡片用于展示对应的应用程序的任意一个应用视图。比如,天气卡片可以展示天气应用程序的天气情况视图,该天气情况视图中包括当前时间、电子设备当前所处城市最近一段时间内的天气情况、当天的空气指数等信息。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。如图4所示,应用程序框架层可以包括窗口管理器,内容提供器,视图***,电话管理器,资源管理器,通知管理器等。窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问,这些数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。视图***包括可视控件,比如显示文字的控件,显示图片的控件等。视图***可用于构建应用程序的显示界面,显示界面可以由一个或多个视图组成,比如,包括显示短信通知图标的视图,包括显示文字的视图,以及包括显示图片的视图。电话管理器用于提供电子设备100的通信功能,比如通话状态的管理(包括接通,挂断等)。资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等。通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如,通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或滚动条文本形式出现在***顶部状态栏的通知,比如后台运行的应用程序的通知。通知管理器还可以是以对话窗口形式出现在屏幕上的通知,比如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓***的调度和管理。核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
***库可以包括多个功能模块,比如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(比如:OpenGL ES),2D图形引擎(比如:SGL)等。表面管理器用于对显示子***进行管理,并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,比如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动, 传感器驱动。
下面结合捕获拍照场景,示例性说明电子设备100软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作,相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标,触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件,识别原始输入事件所对应的控件。以该触摸操作是单击操作,该单击操作所对应的控件为相机应用图标的控件为例,相机应用调用应用程序框架层的接口,启动相机应用,再调用内核层启动摄像头驱动,通过摄像头193捕获静态图像或视频。
为了便于理解,在对本申请实施例提供的方法进行详细介绍之前,基于上述实施例提供的执行主体,接下来以电子设备是手机,且手机的桌面中堆叠显示有多个卡片为例对本申请实施例涉及的应用场景进行介绍。
请参考图5,图5是根据一示例性实施例示出的一种应用场景的示意图。在一种可能的场景中,参见图5中的(a)图,手机的桌面的卡片显示区域中堆叠显示有多个卡片,该多个卡片在循环显示过程中的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,且当前显示的卡片为天气卡片,若在显示天气卡片过程中,用户想要查看时钟卡片,则用户可以对天气卡片进行向左滑动并停顿的操作;手机响应于在天气卡片上进行向左滑动并停顿的操作,参见图5中的(b)图,手机在卡片显示区域中确定卡片预览区域和切换项显示区域,卡片预览区域位于切换项显示区域的左边,该卡片预览区域中显示有天气卡片的缩略图,切换项显示区域中显示有4个切换项,该4个切换项由上到下依次为天气应用程序的应用图标缩略图、新闻应用程序的应用图标缩略图、相册应用程序的应用图标缩略图和时钟应用程序的应用图标缩略图,用户可以直接点击时钟应用程序的应用图标缩略图。响应于用户对时钟应用程序的应用图标缩略图的点击操作,参见图5中的(c)图,手机在卡片显示区域中全区域显示时钟卡片。
请参考图6,图6是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图6中的(a)图,手机在卡片显示区域中确定卡片预览区域和切换项显示区域,且该卡片预览区域中显示有天气卡片的缩略图,切换项显示区域中显示有4个切换项的情况下,用户为了查看任意一个切换项对应的卡片,可以触控任意一个切换项。示例性地,用户触摸在新闻应用程序的应用图标缩略图上;响应于用户对新闻应用程序的应用图标缩略图的触摸操作,参见图6中的(b)图,手机在卡片预览区域中显示新闻卡片的缩略图,若用户需要显示新闻卡片,则用户可以点击卡片预览区域中显示的新闻卡片的缩略图;响应于对新闻卡片的缩略图的点击操作,参见图6中的(c)图,手机在卡片显示区域全区域显示新闻卡片。
需要说明的是,上述触摸操作不为点击操作,也不为长按操作,且触摸操作的力度小于点击操作的力度,同时也小于长按操作的力度。
作为一个示例,手机在预览区域中显示新闻卡片的缩略图的情况下,用户也可以点击新闻应用程序的应用图标缩略图,手机响应于对新闻应用程序的应用图标缩略图的点击操作,在卡片显示区域的全区域显示新闻卡片。
请参考图7,图7是根据另一示例性实施例示出的一种应用场景的示意图。在另一种 可能的场景中,参见图7中的(a)图,手机在卡片显示区域中确定卡片预览区域和切换项显示区域,且该卡片预览区域中显示有天气卡片的缩略图,切换项显示区域中显示有4个切换项的情况下,若卡片显示区域堆叠显示的卡片数量大于4,也即是,除了天气卡片、新闻卡片、相册卡片和时钟卡片之外,还堆叠有其他卡片,比如,还堆叠有支付卡片和备忘录卡片。由于切换项显示区域位置有限,一次性无法完全显示所有堆叠的卡片中每个卡片对应的切换项,该种情况下,为了查看所有切换项,用户可以在切换项显示区域内进行向上滑动操作;手机响应于向上滑动操作,更新切换项显示区域中的切换项,并显示如图7中的(b)图所示的更新后的切换项显示区域,更新后的切换项显示区域中可以显示有支付应用程序的应用图标缩略图和备忘录应用程序的应用图标缩略图。
请参考图8,图8是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图8中的(a)图,手机在卡片显示区域中确定卡片预览区域和切换项显示区域,且该卡片预览区域中显示有天气卡片的缩略图,若用户对切换项显示区域进行向上滑动操作,则参见图8中的(b)图,手机响应于向上滑动操作,显示更新后的切换项显示区域,该更新后的切换项显示区域中显示有展开控件1,用户可以点击展开控件1;手机响应于对展开控件1的点击操作,显示如图8中的(c)图所示的第一卡片展开界面,该第一卡片展开界面中显示有时钟卡片、相册卡片、新闻卡片和天气卡片。
需要说明的是,若在切换项显示区域更新之前,该切换项显示区域内已显示该展开控件1,则用户无需对切换项显示区域进行向上滑动操作,用户可以直接点击该展开控件1。
请参考图9,图9是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图9中的(a)图,手机在显示第一卡片展开界面的情况下,用户可以对任意一个卡片进行编辑。示例性地,若用户对天气卡片进行向左滑动操作,则参见图9中的(b)图,响应于对天气卡片的向左滑动操作,将天气卡片从第一卡片展开界面中删除。若用户对天气卡片进行拖拽操作,并将天气卡片拖拽至时钟卡片下方,则参见图9中的(c)图,响应于对天气卡片的拖拽操作,将天气卡片显示在时钟卡片下方;当然用户还可以对天气卡片进行点击操作,参见图9中的(d)图,响应于对天气卡片的点击操作,手机返回桌面,并在桌面的卡片显示区域中显示天气卡片。
需要说明的是,当用户在第一卡片展开界面中删除天气卡片的情况下,手机同时将天气卡片从桌面中删除,即该卡片显示区域将不再显示天气卡片。
请参考图10,图10是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图10中的(a)图,手机在显示第一卡片展开界面的情况下,若用户对天气卡片进行点击操作,则手机响应于对天气卡片的点击操作,一种可能的情况下,手机可以显示上述图9中的(d)图所示的界面,当然,还可能存在其他可能的情况,比如,手机响应于对天气卡片的点击操作,参见图10中的(b)图,手机可以启动天气卡片所属的天气应用程序,并显示天气应用界面,该天气应用界面中显示有天气卡片中显示的内容相关信息。需要说明的是,为了同时存在图9中的(d)图所示的场景和图10中的(b)图所示场景,用户触发两个场景的操作可以不相同。示例性的,手机在显示第一卡片展开界面的情况下,手机响应于用户对天气卡片进行双击操作,可以显示如图9中的(d)图所示的应用场景;手机在显示第一卡片展开界面的情况下,手机响应于用户对天气卡片进行单击操作,可以显示如图10中的(b)图所示的应用场景。本申请实施例对此不作具体 限制。
请参考图11,图11是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图11中的(a)图,在显示第一卡片展开界面的情况下,用户删除天气卡片之后,用户可以点击第一卡片展开界面上显示的折叠控件2;响应于对折叠控件2的点击操作,参见图11中的(b)图,手机返回对卡片预览区域和切换项显示区域的显示,且卡片预览区域和切换项显示区域均发生更新,该卡片预览区域内显示的卡片的缩略图为切换项显示区域内最上边显示的应用程序的应用图标缩略图对应的卡片的缩略图,即卡片预览区域内显示新闻卡片的缩略图。
请参考图12,图12是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图12中的(a)图,在手机显示第一卡片展开界面的情况下,若用户需要返回多个卡片堆叠显示的状态,则用户可以点击第一卡片展开界面上显示着折叠控件2;响应于对折叠控件2的点击操作,参见图12中的(b)图,显示手机桌面,且手机桌面中显示有卡片显示区域,该卡片显示区域多个卡片堆叠显示,当前显示的卡片为第一卡片展开界面中最上方显示的卡片,即天气卡片。
需要说明的是,用户不仅可以对折叠控件2进行点击操作,还可以从折叠控件2为起始位置进行向上滑动操作,从而手机响应于以折叠控件2为起始位置的向上滑动操作,显示如图12中的(b)图所示的卡片显示区域。
请参考图13,图13是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,若卡片显示区域内堆叠显示有时钟卡片、相册卡片、新闻卡片、天气卡片、支付卡片和备忘录卡片,则参见图13中的(a)图,在手机显示第一卡片展开界面的情况下,该第一卡片展开界面中无法显示全部卡片,该种情况下,用户可以在第一卡片展开界面中进行向上滑动操作;响应于在第一卡片展开界面中进行的向上滑动操作,显示如图13中的(b)图所示第二卡片展开界面,该第二卡片展开界面中显示有支付卡片和备忘录卡片。
请参考图14,图14是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图14中的(a)图,手机的桌面的卡片显示区域中堆叠显示有多个卡片,该多个卡片在循环显示过程中的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,且当前显示的卡片为天气卡片,若在显示天气卡片过程中,用户想要查看时钟卡片,则用户可以对天气卡片进行向左滑动并停顿的操作;手机响应于在天气卡片上进行向左滑动并停顿的操作,参见图14中的(b)图,手机在卡片显示区域中依次显示天气应用程序的应用图标缩略图、新闻应用程序的应用图标缩略图、相册应用程序的应用图标缩略图和时钟应用程序的应用图标缩略图,用户可以直接点击时钟应用程序的应用图标缩略图。响应于用户对时钟应用程序的应用图标缩略图的点击操作,参见图14中的(c)图,手机在卡片显示区域全区域显示时钟卡片。
请参考图15,图15是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图15中的(a)图,手机的桌面的卡片显示区域中堆叠显示有多个卡片,该多个卡片在循环显示过程中的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,且当前显示的卡片为天气卡片,若用户在显示天气卡片过程中想要查看时钟卡片,则用户可以对天气卡片进行向下滑动操作;手机响应于在天气卡片上进行向下滑动操作, 参见图15中的(b)图,手机在卡片显示区域中依次显示天气卡片、新闻卡片、相册卡片和时钟卡片的卡片视图,该天气卡片、新闻卡片、相册卡片和时钟卡片在卡片显示区域的底边重合,且相邻两个卡片视图部分重合,从而构成图15中的(b)图所示的卡片夹的形式,用户可以直接点击时钟卡片的卡片视图。响应于用户对时钟卡片的卡片视图的点击操作,参见图15中的(c)图,手机在卡片显示区域全区域显示时钟卡片。
请参考图16,图16是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图16中的(a)图,在以卡片夹的形式显示天气卡片、新闻卡片、相册卡片和时钟卡片的卡片视图的情况下,用户还可以继续在卡片显示区域中进行向下滑动操作;响应于在卡片显示区域中进行的向下滑动操作,手机显示如图16中的(b)图所示的第三卡片展开界面。
请参考图17,图17是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图17中的(a)图,在以卡片夹的形式显示天气卡片、新闻卡片、相册卡片和时钟卡片的卡片视图的情况下,用户还可以继续在卡片显示区域中进行向下滑动操作;手机响应于在卡片显示区域中进行的向下滑动操作,在一种可能的情况下,手机可以显示如图16中的(b)图所示的第三卡片展开界面。在另一种可能的情况下,则参见图17中的(b)图,手机在卡片显示区域的最前边显示新闻卡片的卡片视图;若用户在卡片显示区域内进行的向上滑动操作,则参见图17中的(c)图,响应于向上滑动操作,手机在卡片显示区域的最前边显示天气卡片的卡片视图。
需要说明的是,为了同时实现上述图16中的(b)图所示的场景和图17中的(b)图所示的场景,用户触发两个场景的操作可以不相同,示例性的,手机在以卡片夹的形式显示天气卡片、新闻卡片、相册卡片和时钟卡片的卡片视图的情况下,手机响应于用户在卡片显示区域内进行的向下滑动操作,在向下滑动操作结束后,在向下滑动操作的滑动距离小于滑动阈值的情况下,可以显示如图16中的(b)图所示的应用场景;在向下滑动操作的滑动距离大于或等于滑动阈值的情况下,可以显示如图17中的(b)图所示的应用场景。本申请实施例对此不作具体限制。
需要说明的是,该滑动阈值可以根据需求预先进行设置,比如,该滑动阈值可以为卡片视图的宽度。
请参考图18,图18是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图18中的(a)图,手机的桌面的卡片显示区域中堆叠显示有多个卡片,该多个卡片在卡片显示区域中的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,且当前显示的卡片为天气卡片,若在显示天气卡片过程中,用户想要查看时钟卡片,则用户可以对天气卡片进行向左滑动并停顿的操作;手机响应于在天气卡片上进行的向左滑动并停顿的操作,参见图18中的(b)图,手机在卡片显示区域中依次显示4个标签,该4个标签分别为天气卡片、新闻卡片、相册卡片和时钟卡片对应的标签,每个标签中包括对应卡片所属应用程序的应用图标和应用名称。响应于用户对时钟卡片对应的标签的点击操作,参见图18中的(c)图,手机在卡片显示区域全区域显示时钟卡片。
请参考图19,图19是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图19中的(a)图,手机在卡片显示区域中显示天气卡片、新闻卡片、相册卡片和时钟卡片分别对应的标签的情况下,用户可以对天气卡片、新闻卡片、相 册卡片和时钟卡片分别对应的标签进行编辑操作。若用户对新闻卡片对应的标签进行向下滑动操作,则参见图19中的(b)图,手机将新闻卡片对应的标签进行删除;若用户将新闻卡片对应的标签拖拽至相册卡片对应的标签之后,则参见图19中的(c)图,手机将新闻卡片对应的标签显示在相册卡片对应的标签和时钟卡片对应的标签之间。
请参考图20,图20是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,在手机在卡片显示区域中除了天气卡片、新闻卡片、相册卡片和时钟卡片,还堆叠有支付卡片和备忘录卡片的情况下,由于卡片显示区域空间位置有限,该卡片显示区域可能无法一次性显示全部卡片中每个卡片对应的标签,参见图20中的(a)图,该卡片显示区域内显示有天气卡片、新闻卡片、相册卡片和时钟卡片分别对应的标签,该种情况下,用户为了查看其他卡片对应的标签,用户可以对卡片显示区域进行向左滑动的操作;参见图20中的(b)图,手机响应于对卡片显示区域的向左滑动的操作,显示更新后的卡片显示区域内,该更新后的卡片显示区域内显示有支付卡片对应的标签和备忘录卡片对应的标签。
请参考图21,图21是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图21中的(a)图,手机在卡片显示区域的卡片预览区域中显示有天气卡片的缩略图,切换项显示区域中显示天气应用程序的应用图标缩略图、新闻应用程序的应用图标缩略图、相册应用程序的应用图标缩略图和时钟应用程序的应用图标缩略图的情况下,若该显示状态的显示时长大于或等于时长阈值,且在该时长阈值内未检测到任何操作的情况下,参见图21中的(b)图,手机可以恢复对天气卡片的显示。
作为一个示例,手机在卡片显示区域中显示天气应用程序的应用图标缩略图、新闻应用程序的应用图标缩略图、相册应用程序的应用图标缩略图和时钟应用程序的应用图标缩略图的时长大于或等于时长阈值,或者,在手机以卡片夹形式显示天气卡片、新闻卡片、相册卡片和时钟卡片的卡片视图的时长大于或等于时长阈值,或者,手机显示天气卡片、新闻卡片、相册卡片和时钟卡片对应的标签的时长大于或等于时长阈值的情况下,若在该时长阈值内用户并未进行任何操作,即在该时长阈值内手机未检测到任何操作的情况下,手机同样可以恢复对天气卡片的显示。
需要说明的是,该时长阈值可以根据需求预先进行设置,比如,该时长阈值可以为6秒、5秒或3秒等。
请参考图22,图22是根据另一示例性实施例示出的一种应用场景的示意图。在另一种可能的场景中,参见图22中的(a)图,手机的桌面中存在两个卡片显示区域,其中一个卡片显示区域中堆叠显示有天气卡片、新闻卡片、相册卡片和时钟卡片,另一个卡片显示区域中显示有备忘录卡片,为了便于区域,将堆叠显示有天气卡片、新闻卡片、相册卡片和时钟卡片的卡片显示区域称为第一卡片显示区域,将显示有备忘录卡片的卡片显示区域称为第二卡片显示区域,若用户对第一卡片显示区域中显示的天气卡片进行向左滑动并停顿的操作,则参见图22中的(b)图,手机响应于用户对天气卡片上进行的向左滑动并停顿的操作,在第一卡片显示区域中确定卡片预览区域和切换项显示区域,卡片预览区域位于切换项显示区域的左边,该卡片预览区域中显示有天气卡片的缩略图,切换项显示区域中显示有4个切换项,该4个切换项由上到下依次为天气应用程序的应用图标缩略图、新闻应用程序的应用图标缩略图、相册应用程序的应用图标缩略图和时钟应用程序的应用 图标缩略图;该种情况下,若用户为了节省桌面空间,用户可以将备忘录卡片由第二卡片显示区域拖拽至第一卡片显示区域中。由于在将备忘录卡片拖拽至第一卡片显示区域后,该第一卡片显示区域在未显示切换项显示区域和卡片预览区域的情况下,可以将备忘录卡片显示在其他堆叠显示卡片的上方,因此,参见图22中的(c)图,手机响应于对备忘录卡片的拖拽操作,可以将备忘录卡片的缩略图显示卡片预览区域内,并将备忘录卡片所属备忘录应用程序的应用图标缩略图显示在切换项显示区域的最上方。若切换项显示区域内最多能够容纳4个应用图标缩略图,那么由于将备忘录应用程序的应用图标缩略图***显示在天气应用程序的应用图标缩略图的上方,导致切换项显示区域无法再同时容纳时钟应用程序的应用图标缩略图,因此,参见图22中的(c)图,该切换项显示区域内不再显示时钟应用程序的应用图标缩略图。其中,该时钟应用程序的应用图标缩略图可以在用户对切换项显示区域进行向下滑动操作的情况下,在更新后的切换项显示区域内显示。
需要说明的是,本申请实施例中以上述图5-图22所示的应用场景为例进行说明,并不对本申请实施例构成限定。
基于上述实施例提供的执行主体和应用场景,接下来对本申请实施例提供的显示卡片的方法进行介绍。请参考图23,图23是根据一示例性实施例示出的一种显示卡片的方法流程示意图。作为示例而非限定,这里以该方法应用于桌面中堆叠显示多个卡片的电子设备中,电子设备为图3所示的电子设备为例进行说明,该方法可以包括如下部分或者全部内容:
步骤2301:接收对桌面的卡片显示区域中显示的第一卡片的第一操作,该卡片显示区域中堆叠显示有多个卡片。
由于电子设备的桌面中堆叠显示有多个卡片的情况下,当前最上方显示的第一卡片可能不是用户当前需要查看的卡片,此时,为了快速查看到需要查看的卡片,用户可以对卡片显示区域中显示的第一卡片进行第一操作,从而电子设备可以接收该第一操作。
需要说明的是,该第一操作可以是在第一卡片上滑动后并停顿的操作,比如,第一操作为如上述图5、图14或图17中所示应用场景中的向左滑动并停顿的操作,或者,第一操作可以是在第一卡片上向下滑动的操作,比如,第一操作为如上述图16所示应用场景中的向下滑动操作。
在一些实施例中,用户可以对第一卡片进行第一操作,当然也可能会进行其他操作,对其他操作,电子设备进行其他的响应。比如,可以对第一卡片进行滑动操作(包括向左滑动操作、向右滑动操作等),电子设备响应于对第一卡片的滑动操作,在卡片显示区域中对堆叠显示的多个卡片进行翻页。示例性地,请参考图24,在一种可能的场景中,参见图24中的(a)图,手机桌面的卡片显示区域中堆叠显示有多个卡片,且多个卡片的显示顺序为天气卡片、新闻卡片、相册卡片和时钟卡片,用户可以在当前显示的卡片上进行滑动操作。示例性地,在当前显示天气卡片的情况下,若用户对天气卡片进行左滑操作,则参见图24中的(b)图,响应于对天气卡片的左滑操作,手机在卡片显示区域显示新闻卡片;若用户对新闻卡片进行右滑操作,则参见图24中的(c)图,响应于对新闻卡片的右滑操作,手机在卡片显示区域中显示天气卡片。
步骤2302:响应于第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的 切换项。
需要说明的是,切换项用于触发切换至对应的卡片,该多个卡片包括至少两个卡片。
作为一个示例,切换项可以以不同形式显示,且切换项在以不同的形式显示的情况下,电子设备在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项的方法也不同。示例性地,本申请实施例以下述4种情况为例进行说明。
第一种情况,切换项为对应卡片所属的应用程序的应用图标缩略图,该第一操作为在第一卡片上滑动后并停顿的操作,该种情况下,电子设备响应于第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项的操作包括:响应于第一操作,按照预设比例,缩小第一卡片的尺寸,得到第一卡片的缩略图;根据第一操作的滑动方向,在卡片显示区域中确定卡片预览区域和切换项显示区域,该卡片预览区域相对于切换项显示区域的方向与滑动方向相同;在卡片显示区域中显示第一卡片的缩略图;在切换项显示区域中显示至少两个切换项。
需要说明的是,该预设比例可以根据需求预先进行设置,且预设比例为缩小前第一卡片的面积与缩小后的第一卡片的面积之间的比例,或者,预设比例为缩小前第一卡片的尺寸与缩小后的第一卡片的尺寸之间的比例。比如,预设比例可以为2:1或3:2等。
由于用户在第一卡片上每一次进行第一操作时的滑动方向可能是不一样的,因此,电子设备需要根据第一操作的滑动方向,在卡片显示区域中确定卡片预览区域和切换项显示区域。示例性地,用户对第一卡片进行向左滑动后并停顿的操作的情况下,电子设备可以将卡片预览区域显示在卡片显示区域的左边区域,将切换项显示区域显示在卡片显示区域的右侧,该应用场景可以参考上述图5所示的应用场景。
值得说明的是,通过在卡片预览区域显示第一卡片的缩略图,在切换项显示区域显示至少两个切换项,从而用户不仅可以快速从至少两个切换项中查找需要的查看的卡片,同时在卡片预览区域显示第一卡片的缩略图,保证了卡片显示区域的美观性。
由于切换项显示区域的区域空间有限,在卡片显示区域中堆叠显示多个卡片的情况下,该多个卡片所属应用程序的应用图标缩略图可能能够全部显示在切换项显示区域中,也可能无法全部显示在切换项显示区域中。因此,切换项显示区域中显示的至少两个切换项的数量可能会小于或等于多个卡片的数量。
作为一个示例,电子设备在切换项显示区域中显示至少两个切换项之后,若多个卡片的数量大于至少两个卡片的数量,则说明切换项显示区域中无法显示全部卡片所属应用程序的应用图标缩略图,该种情况下,用户为了查找需要的卡片或为了查看所有应用图标缩略图,用户可以在切换项显示区域内进行第一翻页操作,从而电子设备可以接收在切换项显示区域内的第一翻页操作;响应于第一翻页操作,对切换项显示区域中的切换项进行更新,更新后的切换项显示区域中的切换项与更新前的切换项显示区域中的至少两个切换项不完全相同或不相同。示例性地,该应用场景可以参考上述图7或图8所示的应用场景。
需要说明的是,该第一翻页操作可以是指在切换项显示区域内进行的滑动操作。
值得说明的是,通过第一翻页操作更新切换项显示区域中的切换项,从而使得用户可以在切换项显示区域中快速查看需要的卡片对应的切换项,提高了卡片显示效率。
作为一个示例,在显示切换项显示区域的情况下,用户还可以对任意一个切换项进行第三操作,从而电子设备接收对任意一个切换项的第三操作;响应于第三操作,在卡片预 览区域显示任意一个切换项对应的卡片的缩略图。示例性地,该应用场景可以参考上述图6所示的应用场景。
需要说明的是,该第三操作可以是指对任意一个切换项的触摸操作,该触摸操作可以是指触摸在任意一个切换项上,该触摸操作的触发力度小于点击操作或长按操作的触发力度。且在用户需要查看另一个切换项对应的卡片缩略图的情况下,用户可以在不抬手的情况下滑动到另一个切换项,以实现对另一个切换项的触摸操作。当然,该第三操作还可以是其他操作,比如,该第三操作还可以为作用于任意一个切换项后将该切换项拖拽至卡片预览区域中的操作,或者,该第三操作可以为由任意一个切换项至卡片预览区域的划线操作。
值得说明的是,通过在卡片预览区域显示用户触发的切换项对应的卡片的缩略图,从而用户可以清楚的了解到切换项对应的卡片是否为需要查看的卡片,提高了卡片显示效率。
在一些实施例中,电子设备在卡片预览区域显示任意一个切换项对应的卡片的缩略图的情况下,若用户需要将该切换项对应的卡片全区域显示在卡片显示区域内,则用户可以对该切换项进行第二操作,以使电子设备执行下述步骤后2303的操作;或者,用户还可以对卡片预览区域内显示的卡片的缩略图进行第六操作,电子设备响应于对卡片预览区域内显示的卡片的缩略图的第六操作,将卡片预览区域内显示的卡片的缩略图对应的卡片全区域显示在卡片显示区域内。
需要说明的是,该第二操作可以为点击操作、长按操作、双击操作或者为双指作用在切换项显示区域内的切换项上后双指相互远离的操作等。该第六操作可以为点击操作、长按操作、双击操作或者为双指作用在卡片预览区域内的卡片的缩略图上后双指相互远离的操作(也可以称为对卡片的缩略图的放大操作)。
在一些实施例中,电子设备在显示切换项显示区域的情况下,为了更便于用户了解堆叠显示的多个卡片的样式,用户还可以在切换项显示区域内进行第四操作,从而电子设备可以接收在切换项显示区域内的第四操作;响应于第四操作,显示第一卡片展开界面,该第一卡片展开界面中显示有至少两个切换项中每个切换项对应的卡片或者显示有多个卡片。
作为一个示例,该切换项显示区域内可以显示有展开控件,因此,该第四操作可以为对展开控件的触发操作,如点击操作或长按操作等。示例性地,该场景可以参考上述图8所示的应用场景。
作为一个示例,用户还能够通过其他方式触发电子设备显示第一卡片展开界面,比如,该第四操作可以为用户双指作用在切换项显示区域内后双指相互远离的操作(也可以称为对切换项显示区域的放大操作),电子设备响应于该第四操作,显示第一卡片展开界面。
值得说明的是,通过显示第一卡片展开界面,从而用户能够从第一卡片展开界面中了解至少两个卡片或所有卡片的样式。
由于第一卡片展开界面空间有限,在多个卡片的数量较多的情况下,该第一卡片展开界面中可能不足以显示全部的卡片,该种情况下,该第一卡片展开界面中可以显示有至少两个切换项中每个切换项对应的卡片;或者,在多个卡片的数量较少的情况下,该第一卡片展开界面中可以容纳所有卡片,该种情况下,第一卡片展开界面中可以显示有多个卡片。
在一些实施例中,在第一卡片展开界面中显示有至少两个切换项中每个切换项对应的 卡片的情况下,用户为了查看其他的卡片的样式,用户可以对第一卡片展开界面进行第二翻页操作,从而电子设备可以接收对第一卡片展开界面的第二翻页操作;响应于第二翻页操作,显示第二卡片展开界面,该第二卡片展开界面中显示的卡片与第一卡片展开界面中显示的卡片不完全相同或不相同。
需要说明的是,该第二翻页操作可以为在第一卡片展开界面中进行的向下滑动操作或向左滑动操作等。示例性地,该场景可以参考上述图12所示的应用场景。
值得说明的是,通过对第一卡片展开界面进行翻页操作,电子设备能够展示更多的卡片的样式,从而便于用户查看各个卡片的样式,提高了卡片的显示效率。
在一些实施例中,在显示第一卡片展开界面的情况下,用户还可以对第一卡片展开界面中的任意一个卡片进行编辑操作。示例性地,电子设备可以接收对第二卡片的编辑操作,第二卡片为第一卡片展开界面中显示的任意一个卡片,该编辑操作包括删除操作和/或位置移动操作;响应于对第二卡片的编辑操作,对第二卡片进行编辑。示例性地,该场景可以参考上述图9所示的应用场景。
值得说明的是,通过对第一卡片展开界面中显示的任意一个卡片进行排序、删除等编辑操作,从而提高了卡片显示区域中堆叠显示的多个卡片的显示灵活性。
第二种情况,切换项为对应卡片所属的应用程序的应用图标缩略图,第一操作为在第一卡片上滑动后并停顿的操作,该种情况下,电子设备响应于的第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项的操作包括:响应于第一操作,确定卡片显示区域的尺寸;在卡片显示区域的尺寸小于目标尺寸的情况下,在卡片显示区域中显示至少两个切换项;在卡片显示区域的尺寸大于或等于目标尺寸的情况下,在卡片显示区域的卡片预览区域中显示第一卡片的缩略图,并在卡片显示区域的切换项显示区域中显示至少两个切换项,该卡片预览区域和切换项显示区域根据第一操作的滑动方向确定。
由于有的卡片显示区域的尺寸较小,若显示卡片预览区域和切换项显示区域可能会导致显示的切换项尺寸较小,不利于用户操作,因此,电子设备可以确定卡片显示区域的尺寸,在卡片显示区域的尺寸小于目标尺寸的情况下,可以直接在卡片显示区域内显示至少两个切换项且不显示第一卡片的缩略图;示例性地,该场景可以参考上述图14所示的应用场景。在卡片显示区域的尺寸大于或等于目标尺寸的情况下,电子设备响应于第一操作可以按照上述第一种情况中描述的操作在卡片显示区域的卡片预览区域中显示第一卡片的缩略图,并在卡片显示区域的切换项显示区域中显示至少两个切换项。
需要说明的是,该目标尺寸可以根据需求预先进行设置,比如,该目标尺寸可以为2*2个应用图标大小或2*1个应用图标大小等,应用图标大小为电子设备显示任意一个应用程序的应用图标的大小,且不同类型、不同显示屏尺寸的电子设备显示的应用图标的大小可能不相同。
在一些实施例中,在卡片显示区域的尺寸小于目标尺寸,且电子设备在卡片显示区域中显示至少两个切换项的情况下,电子设备对至少两个切换项的相关操作可以参考上述电子设备对切换项显示区域内的至少两个切换项的操作,本申请实施例对此不再进行一一赘述。
值得说明的是,通过根据卡片显示区域的尺寸来选择对至少两个切换项的显示方式,从而提高了显示至少两个切换项的丰富性和灵活性。
第三种情况,切换项为对应卡片的卡片视图,该第一操作为在第一卡片上向下滑动的操作;该种情况下,电子设备响应于第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项的操作包括:响应于第一操作,获取卡片显示区域中堆叠显示的多个卡片的排列顺序;根据排列顺序,以卡片夹的形式显示至少两个切换项,该卡片夹的形式为至少两个切换项的底边在卡片显示区域的底边重合,且至少两个切换项中每相邻两个切换项部分重合。示例性地,该场景可以参考上述图15所示的应用场景。
需要说明的是,在用户未对堆叠的多个卡片进行任何编辑之前,该排列顺序可以为多个卡片在卡片显示区域中的显示顺序。
值得说明的是,在切换项为卡片的卡片视图的情况下,通过卡片夹的形式显示至少两个切换项,可以使得用户能够直接根据切换项获知卡片的样式,从而提高了卡片的显示效率。
在一些实施例中,在以卡片夹的形式显示至少两个切换项的情况下,用户还可以继续对该卡片夹进行操作。示例性地,用户可以对至少两个切换项进行第五操作,从而电子设备接收对至少两个切换项的第五操作;响应第五操作,显示第三卡片展开界面,该第三卡片展开界面中显示有至少两个切换项中每个切换项对应的卡片或者显示有多个卡片。示例性地,该场景可以参考上述图16所示的应用场景。
需要说明的是,该第五操作可以为对至少两个切换项进行向下滑动的操作,或者,第五操作可以为两指作用在卡片显示区域中后两指相互远离的操作等。
值得说明的是,在以卡片夹的形式显示至少两个切换项的情况下,通过显示第三卡片展开界面,从而使用户能够更清楚的获知堆叠显示的多个卡片的样式,提高了卡片显示的效率。
第四种情况,切换项为包括对应卡片所属应用程序的应用图标和应用名称的标签,该第一操作为在第一卡片上滑动并停顿的操作;该种情况下,电子设备响应于第一操作,在卡片显示区域中显示至少两个卡片中每个卡片对应的切换项的操作包括:响应于第一操作,获取卡片显示区域中堆叠显示的多个卡片的排列顺序;根据排列顺序,以标签的形式显示至少两个切换项。示例性地,该场景可以参考上述图18所示的应用场景。
值得说明的是,通过在卡片显示区域中根据排列顺序,以标签的形式显示至少两个卡片所述应用程序的应用图标和应用名称的标签,从而不仅节省了卡片显示区域的显示空间,还使得用户能够根据显示的标签获知堆叠显示的至少两个卡片的大概内容,提高了用户获取卡片信息的准确性。
在一些实施例中,在卡片显示区域中以标签的形式显示至少两个切换项的情况下,用户还可以对至少两个切换项中任意一个切换项进行编辑操作。示例性地,电子设备可以接收对第一切换项的编辑操作,该第一切换项为至少两个切换项中任意一个切换项,该编辑操作包括删除操作和/或位置移动操作;响应于编辑操作,对第一切换项进行编辑。
需要说明的是,对任意一个切换项进行位置移动操作也即是对显示的至少两个切换项进行排序操作。
值得说明的是,通过对卡片显示区域显示至少两个标签进行排序操作或删除操作,可以使得至少两个切换项显示更灵活。
在一些实施例中,在显示至少两个切换项的时长大于或等于时长阈值,且在时长阈值 内未检测到任何操作的情况下,恢复对第一卡片的显示。
由于在显示至少两个切换项的情况下,若用户长时间不对卡片显示区域进行操作,则为了桌面的美观性,电子设备可以恢复对第一卡片的显示。也即是,电子设备将第一卡片全区域显示在卡片显示区域内。
值得说明的是,通过恢复对第一卡片的显示,从而使得卡片显示区域更加美观。
步骤2303:接收对显示的至少两个切换项中任意一个切换项的第二操作。
由于在显示至少两个切换项的情况下,用户可能会选择需要显示的卡片,该种情况下,用户可以对需要显示的卡片对应的切换项进行第二操作,从而电子设备可以接收到该第二操作。
步骤2304:响应于第二操作,在卡片显示区域显示任意一个切换项对应的卡片。
作为一个示例,响应于第二操作,电子设备可以在卡片显示区域中全区域显示任意一个切换项对应的卡片。
在本申请实施例中,在桌面的卡片显示区域中堆叠显示多个卡片的情况下,电子设备响应于用户对卡片显示区域中显示的第一卡片的第一操作,可以在卡片显示区域中显示至少两个切换项,由于每个切换项可以触发切换至对应的卡片,在显示至少两个切换项的情况下,用户可以快速确定哪个切换项对应的卡片是需要切换的卡片,并触发需要切换的切换项,以使电子设备显示触发的切换项对应的卡片。由于无需电子设备逐个显示各个卡片,即可显示用户需要的卡片,从而提高了卡片的显示效率。
图25是本申请实施例提供的一种显示卡片的装置的结构示意图,该装置可以由软件、硬件或者两者的结合实现成为电子设备的部分或者全部,该计算机设备可以为图3所示的计算机设备。参见图25,该装置包括:第一接收模块2501、第一显示模块2502、第二接收模块2503和第二显示模块2504。
第一接收模块2501,用于接收对桌面的卡片显示区域中显示的第一卡片的第一操作,所述卡片显示区域中堆叠显示有多个卡片;
第一显示模块2502,用于响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,所述切换项用于触发切换至对应的卡片,所述多个卡片包括所述至少两个卡片;
第二接收模块2503,用于接收对显示的至少两个切换项中任意一个切换项的第二操作;
第二显示模块2504,用于响应于所述第二操作,在所述卡片显示区域显示所述任意一个切换项对应的卡片。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述第一显示模块2502用于:
响应于所述第一操作,按照预设比例,缩小所述第一卡片的尺寸,得到所述第一卡片的缩略图;
根据所述第一操作的滑动方向,在所述卡片显示区域中确定卡片预览区域和切换项显示区域,所述卡片预览区域相对于所述切换项显示区域的方向与所述滑动方向相同;
在所述卡片显示区域中显示所述第一卡片的缩略图;
在所述切换项显示区域中显示所述至少两个切换项。
作为本申请的一个示例,所述装置还包括:
第三接收模块,用于接收对所述任意一个切换项的第三操作;
第三显示模块,用于响应于所述第三操作,在所述卡片预览区域显示所述任意一个切换项对应的卡片的缩略图。
作为本申请的一个示例,所述多个卡片的数量大于所述至少两个卡片的数量;所述第一显示模块还用于:
接收在所述切换项显示区域内的第一翻页操作;
响应于所述第一翻页操作,对所述切换项显示区域中的切换项进行更新,更新后的所述切换项显示区域中的切换项与更新前的所述切换项显示区域中的至少两个切换项不完全相同或不相同。
作为本申请的一个示例,所述第一显示模块2502还用于:
接收在所述切换项显示区域内的第四操作;
响应于所述第四操作,显示第一卡片展开界面,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
作为本申请的一个示例,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片;所述第一显示模块2502还用于:
接收对所述第一卡片展开界面的第二翻页操作;
响应于所述第二翻页操作,显示第二卡片展开界面,所述第二卡片展开界面中显示的卡片与所述第一卡片展开界面中显示的卡片不完全相同或不相同。
作为本申请的一个示例,所述第一显示模块2502还用于:
接收对第二卡片的编辑操作,所述第二卡片为所述第一卡片展开界面中显示的任意一个卡片,所述编辑操作包括删除操作和/或位置移动操作;
响应于对所述第二卡片的编辑操作,对所述第二卡片进行编辑。
作为本申请的一个示例,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
所述第一显示模块2502用于:
响应于所述第一操作,确定所述卡片显示区域的尺寸;
在所述卡片显示区域的尺寸小于目标尺寸的情况下,在所述卡片显示区域中显示所述至少两个切换项;
在所述卡片显示区域的尺寸大于或等于所述目标尺寸的情况下,在所述卡片显示区域的卡片预览区域中显示所述第一卡片的缩略图,并在所述卡片显示区域的切换项显示区域中显示所述至少两个切换项,所述卡片预览区域和所述切换项显示区域根据所述第一操作的滑动方向确定。
作为本申请的一个示例,所述切换项为对应卡片的卡片视图,所述第一操作为在所述第一卡片上向下滑动的操作;
所述第一显示模块2502用于:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项,所述卡片夹的形式为 所述至少两个切换项的底边在所述卡片显示区域的底边重合,且所述至少两个切换项中每相邻两个切换项部分重合。
作为本申请的一个示例,所述第一显示模块2502还用于:
接收对所述至少两个切换项的第五操作;
响应所述第五操作,显示第三卡片展开界面,所述第三卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
作为本申请的一个示例,所述切换项为包括对应卡片所属应用程序的应用图标和应用名称的标签,所述第一操作为在所述第一卡片上滑动并停顿的操作;
所述第一显示模块2502用于:
响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
根据所述排列顺序,以标签的形式显示所述至少两个切换项。
作为本申请的一个示例,所述第一显示模块2502还用于:
接收对第一切换项的编辑操作,所述第一切换项为所述至少两个切换项中任意一个切换项,所述编辑操作包括删除操作和/或位置移动操作;
响应于所述编辑操作,对所述第一切换项进行编辑。
作为本申请的一个示例,所述装置还包括:
第四显示模块,用于在显示所述至少两个切换项的时长大于或等于时长阈值,且在所述时长阈值内未检测到任何操作的情况下,恢复对所述第一卡片的显示。
在本申请实施例中,在桌面的卡片显示区域中堆叠显示多个卡片的情况下,电子设备响应于用户对卡片显示区域中显示的第一卡片的第一操作,可以在卡片显示区域中显示至少两个切换项,由于每个切换项可以触发切换至对应的卡片,在显示至少两个切换项的情况下,用户可以快速确定哪个切换项对应的卡片是需要切换的卡片,并触发需要切换的切换项,以使电子设备显示触发的切换项对应的卡片。由于无需电子设备逐个显示各个卡片,即可显示用户需要的卡片,从而提高了卡片的显示效率。
需要说明的是:上述实施例提供的显示卡片的装置在显示卡片时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
上述实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请实施例的保护范围。
上述实施例提供的显示卡片的装置与显示卡片的方法实施例属于同一构思,上述实施例中单元、模块的具体工作过程及带来的技术效果,可参见方法实施例部分,此处不再赘述。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意结合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、 计算机网络或其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,比如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(比如:同轴电缆、光纤、数据用户线(Digital Subscriber Line,DSL))或无线(比如:红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质,或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(比如:软盘、硬盘、磁带)、光介质(比如:数字通用光盘(Digital Versatile Disc,DVD))或半导体介质(比如:固态硬盘(Solid State Disk,SSD))等。
以上所述为本申请提供的可选实施例,并不用以限制本申请,凡在本申请的揭露的技术范围之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (15)

  1. 一种显示卡片的方法,其特征在于,应用于电子设备中,所述方法包括:
    接收对桌面的卡片显示区域中显示的第一卡片的第一操作,所述卡片显示区域中堆叠显示有多个卡片;
    响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,所述切换项用于触发切换至对应的卡片,所述多个卡片包括所述至少两个卡片;
    接收对显示的至少两个切换项中任意一个切换项的第二操作;
    响应于所述第二操作,在所述卡片显示区域显示所述任意一个切换项对应的卡片。
  2. 如权利要求1所述的方法,其特征在于,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
    所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
    响应于所述第一操作,按照预设比例,缩小所述第一卡片的尺寸,得到所述第一卡片的缩略图;
    根据所述第一操作的滑动方向,在所述卡片显示区域中确定卡片预览区域和切换项显示区域,所述卡片预览区域相对于所述切换项显示区域的方向与所述滑动方向相同;
    在所述卡片显示区域中显示所述第一卡片的缩略图;
    在所述切换项显示区域中显示所述至少两个切换项。
  3. 如权利要求2所述的方法,其特征在于,所述接收对显示的至少两个切换项中任意一个切换项的第二操作之前,还包括:
    接收对所述任意一个切换项的第三操作;
    响应于所述第三操作,在所述卡片预览区域显示所述任意一个切换项对应的卡片的缩略图。
  4. 如权利要求2或3所述的方法,其特征在于,所述多个卡片的数量大于所述至少两个卡片的数量;所述在所述切换项显示区域中显示所述至少两个切换项之后,还包括:
    接收在所述切换项显示区域内的第一翻页操作;
    响应于所述第一翻页操作,对所述切换项显示区域中的切换项进行更新,更新后的所述切换项显示区域中的切换项与更新前的所述切换项显示区域中的至少两个切换项不完全相同或不相同。
  5. 如权利要求2-4中任一项所述的方法,其特征在于,所述在所述切换项显示区域中显示所述至少两个切换项之后,还包括:
    接收在所述切换项显示区域内的第四操作;
    响应于所述第四操作,显示第一卡片展开界面,所述第一卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
  6. 如权利要求5所述的方法,其特征在于,所述第一卡片展开界面中显示有所述 至少两个切换项中每个切换项对应的卡片;所述响应于所述第四操作,显示第一卡片展开界面之后,还包括:
    接收对所述第一卡片展开界面的第二翻页操作;
    响应于所述第二翻页操作,显示第二卡片展开界面,所述第二卡片展开界面中显示的卡片与所述第一卡片展开界面中显示的卡片不完全相同或不相同。
  7. 如权利要求5或6所述的方法,其特征在于,所述响应于所述第四操作,显示第一卡片展开界面之后,还包括:
    接收对第二卡片的编辑操作,所述第二卡片为所述第一卡片展开界面中显示的任意一个卡片,所述编辑操作包括删除操作和/或位置移动操作;
    响应于对所述第二卡片的编辑操作,对所述第二卡片进行编辑。
  8. 如权利要求1所述的方法,其特征在于,所述切换项为对应卡片所属的应用程序的应用图标缩略图,所述第一操作为在所述第一卡片上滑动后并停顿的操作;
    所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
    响应于所述第一操作,确定所述卡片显示区域的尺寸;
    在所述卡片显示区域的尺寸小于目标尺寸的情况下,在所述卡片显示区域中显示所述至少两个切换项;
    在所述卡片显示区域的尺寸大于或等于所述目标尺寸的情况下,在所述卡片显示区域的卡片预览区域中显示所述第一卡片的缩略图,并在所述卡片显示区域的切换项显示区域中显示所述至少两个切换项,所述卡片预览区域和所述切换项显示区域根据所述第一操作的滑动方向确定。
  9. 如权利要求1所述的方法,其特征在于,所述切换项为对应卡片的卡片视图,所述第一操作为在所述第一卡片上向下滑动的操作;
    所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
    响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
    根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项,所述卡片夹的形式为所述至少两个切换项的底边在所述卡片显示区域的底边重合,且所述至少两个切换项中每相邻两个切换项部分重合。
  10. 如权利要求9所述的方法,其特征在于,所述根据所述排列顺序,以卡片夹的形式显示所述至少两个切换项之后,还包括:
    接收对所述至少两个切换项的第五操作;
    响应所述第五操作,显示第三卡片展开界面,所述第三卡片展开界面中显示有所述至少两个切换项中每个切换项对应的卡片或者显示有所述多个卡片。
  11. 如权利要求1所述的方法,其特征在于,所述切换项为包括对应卡片所属应用程序的应用图标和应用名称的标签,所述第一操作为在所述第一卡片上滑动并停顿的操作;
    所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项,包括:
    响应于所述第一操作,获取所述卡片显示区域中堆叠显示的多个卡片的排列顺序;
    根据所述排列顺序,以标签的形式显示所述至少两个切换项。
  12. 如权利要求10所述的方法,其特征在于,所述根据所述排列顺序,以标签的形式显示所述至少两个切换项之后,还包括:
    接收对第一切换项的编辑操作,所述第一切换项为所述至少两个切换项中任意一个切换项,所述编辑操作包括删除操作和/或位置移动操作;
    响应于所述编辑操作,对所述第一切换项进行编辑。
  13. 如权利要求1-12中任一项所述的方法,其特征在于,所述响应于所述第一操作,在所述卡片显示区域中显示至少两个卡片中每个卡片对应的切换项之后,还包括:
    在显示所述至少两个切换项的时长大于或等于时长阈值,且在所述时长阈值内未检测到任何操作的情况下,恢复对所述第一卡片的显示。
  14. 一种电子设备,其特征在于,所述电子设备的结构中包括处理器和存储器;
    所述存储器用于存储支持所述电子设备执行如权利要求1-13任意一项所述的方法的程序,以及存储用于实现如权利要求1-13任意一项所述的方法所涉及的数据。
  15. 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行如权利要求1-13任意一项所述的方法。
PCT/CN2023/114776 2022-11-26 2023-08-24 显示卡片的方法、电子设备及可读存储介质 WO2024109220A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211497893.6A CN118093067A (zh) 2022-11-26 2022-11-26 显示卡片的方法、电子设备及可读存储介质
CN202211497893.6 2022-11-26

Publications (1)

Publication Number Publication Date
WO2024109220A1 true WO2024109220A1 (zh) 2024-05-30

Family

ID=91148237

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/114776 WO2024109220A1 (zh) 2022-11-26 2023-08-24 显示卡片的方法、电子设备及可读存储介质

Country Status (2)

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

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609166A (zh) * 2011-01-24 2012-07-25 联想(北京)有限公司 显示方法和终端
CN105183907A (zh) * 2015-09-30 2015-12-23 北京奇虎科技有限公司 一种移动终端搜索结果展示的方法及装置
CN112068744A (zh) * 2020-08-26 2020-12-11 深圳传音控股股份有限公司 交互方法、移动终端及存储介质
CN114327195A (zh) * 2022-02-15 2022-04-12 荣耀终端有限公司 卡片管理方法、设备及存储介质
CN115016867A (zh) * 2021-09-15 2022-09-06 荣耀终端有限公司 一种卡片管理方法和终端设备
WO2022184173A1 (zh) * 2021-03-05 2022-09-09 华为技术有限公司 一种卡片组件的显示方法、图形用户界面及相关装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609166A (zh) * 2011-01-24 2012-07-25 联想(北京)有限公司 显示方法和终端
CN105183907A (zh) * 2015-09-30 2015-12-23 北京奇虎科技有限公司 一种移动终端搜索结果展示的方法及装置
CN112068744A (zh) * 2020-08-26 2020-12-11 深圳传音控股股份有限公司 交互方法、移动终端及存储介质
WO2022184173A1 (zh) * 2021-03-05 2022-09-09 华为技术有限公司 一种卡片组件的显示方法、图形用户界面及相关装置
CN115016867A (zh) * 2021-09-15 2022-09-06 荣耀终端有限公司 一种卡片管理方法和终端设备
CN114327195A (zh) * 2022-02-15 2022-04-12 荣耀终端有限公司 卡片管理方法、设备及存储介质

Also Published As

Publication number Publication date
CN118093067A (zh) 2024-05-28

Similar Documents

Publication Publication Date Title
WO2022100315A1 (zh) 应用界面的生成方法及相关装置
EP2360569B1 (en) Method and apparatus for providing informations of multiple applications
US20230297206A1 (en) User interfaces for retrieving contextually relevant media content
AU2014216029B2 (en) Electronic device and method for providing content according to field attribute
US20120216146A1 (en) Method, apparatus and computer program product for integrated application and task manager display
CN114816167B (zh) 应用图标的显示方法、电子设备及可读存储介质
WO2019128923A1 (zh) 一种控制被选中对象在应用界面中显示的方法及终端设备
WO2019128193A1 (zh) 移动终端及浮屏操作控制方法、装置
CN111225108A (zh) 一种通信终端及负屏界面的卡片显示方法
CN109948101B (zh) 页面切换方法、装置、存储介质及电子设备
CN113805744A (zh) 窗口的显示方法和电子设备
CN112948844A (zh) 控制方法、装置及电子设备
US10497079B2 (en) Electronic device and method for managing image
WO2023221946A1 (zh) 一种信息的中转方法及电子设备
WO2024007703A1 (zh) 任务显示区的显示方法、窗口的显示方法及电子设备
WO2023083184A1 (zh) 桌面管理方法、图形用户界面及电子设备
US11875016B2 (en) Devices, methods, and graphical user interfaces for displaying media items shared from distinct applications
WO2024109220A1 (zh) 显示卡片的方法、电子设备及可读存储介质
CN114461312B (zh) 显示的方法、电子设备及存储介质
CN115525367A (zh) 一种快速返回界面的方法及电子设备
WO2024125301A1 (zh) 显示方法和电子设备
CN116661645B (zh) 显示应用卡片的方法、电子设备及可读存储介质
WO2024114234A1 (zh) 一种单手操作方法及电子设备
CN116048317B (zh) 一种显示方法及装置
WO2023160208A1 (zh) 图像删除操作的通知方法、设备和存储介质