WO2023061085A1 - 一种卡片信息显示方法、电子设备及图形用户界面 - Google Patents

一种卡片信息显示方法、电子设备及图形用户界面 Download PDF

Info

Publication number
WO2023061085A1
WO2023061085A1 PCT/CN2022/116343 CN2022116343W WO2023061085A1 WO 2023061085 A1 WO2023061085 A1 WO 2023061085A1 CN 2022116343 W CN2022116343 W CN 2022116343W WO 2023061085 A1 WO2023061085 A1 WO 2023061085A1
Authority
WO
WIPO (PCT)
Prior art keywords
cards
card
electronic device
screen
information
Prior art date
Application number
PCT/CN2022/116343
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 荣耀终端有限公司
Priority to EP22859449.5A priority Critical patent/EP4191986A4/en
Publication of WO2023061085A1 publication Critical patent/WO2023061085A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G06F3/04886—Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Definitions

  • the present application relates to the technical field of terminals, in particular to a method for displaying card information, electronic equipment and a graphical user interface.
  • the electronic device pushes the subscribed push information to the user on the negative screen through the card, which can realize the filtering of massive information.
  • Embodiments of the present application provide a method for displaying card information, an electronic device, and a graphical user interface, which can improve the utilization rate of display space while improving the efficiency of users viewing pushed information.
  • the embodiment of the present application provides a method for displaying card information, the method comprising: displaying a negative screen on an electronic device; wherein, the negative screen includes a first area; the first area includes stacked multiple a first card; the electronic device receives a first operation; the electronic device responds to the first operation, and in the negative screen, displays the multiple first cards tiled; wherein, the The first height of the plurality of first cards does not exceed the second height, and the first height is the total height of the plurality of first cards after being tiled; the second height is the screen display height of the minus one screen value; after displaying the plurality of tiled first cards, the electronic device displays the stacked A plurality of first cards, or, in response to the first operation, the electronic device displays the first part of the plurality of tiled first cards in the negative screen; wherein, the plurality of first cards The first height of the first card exceeds the second height; after displaying the first part, the electronic device displays the plurality of first The second part of the card; after the
  • the electronic device when the electronic device displays a negative screen, multiple cards of the same type can be stacked and displayed, for example, multiple first cards can be stacked and displayed in the first area.
  • the way of stacking can reduce the display resources occupied by multiple first cards. In this way, more other cards can be displayed on one negative screen, which improves the utilization rate of the display space.
  • the electronic device can also flatten the stacked first cards in response to the user's first operation, so that the user can quickly obtain the information content displayed on the first cards without repeatedly flipping through multiple first cards. Improve the efficiency of human-computer interaction for users to view the first card.
  • the electronic device may also stack the tiled first cards again according to the user's operation. In this way, it will not affect the user to view other cards or messages in the negative screen.
  • the user can simply slide up to instruct the electronic device to stack the first cards, which is convenient to operate.
  • the user can indicate the stack of the first card by multiple sliding operations.
  • one screen negative may display the second part of the tiled first card. In this way, it can be ensured that the electronic device displays all the first cards in sequence, so as to avoid the problem of missing cards being displayed. After displaying all the first cards of the tile in negative one screen, the first cards of the tile are stacked.
  • the first card is a smart recommendation card for displaying first information; the first information comes from one or more application programs; the first information includes timeliness information, fence information and at least one item of status information.
  • the first information when the first information is a meeting schedule from a calendar application, it may correspond to time-sensitive information, that is, the meeting start time.
  • time-sensitive information when the first information is flight information from a travel booking application program, it may also correspond to time-sensitive information, that is, the departure time of the flight.
  • the first information is a courier pick-up code from a logistics application, which may correspond to fence information, that is, a geo-fence of a courier pick-up point.
  • the first information is real-time exercise information from a sports health application program, which may correspond to state information, that is, a running state.
  • the timeliness information, fence information, and status information corresponding to different first information are determined according to the content carried by the first information itself and the message type to which it belongs.
  • the electronic device includes correspondences between different geographic names and fence information. In this way, the electronic device extracts the geographical name from the first information, and can determine the fence information of the first information.
  • the electronic device includes correspondences between different message types and fence information. In this way, the electronic device can also determine the corresponding fence information according to the message type of the first information.
  • the first card When at least one of the timeliness information, fence information, and status information of the first information satisfies a preset condition, the first card is pushed to the first area by the electronic device.
  • the negative screen further includes a second area; the second area includes at least one second card, the second card is associated with an application, and is used to display second information of the associated application;
  • the second card is a card configured by the user.
  • the electronic device reminds the user to check the first information from at least one application program through the first card in the first area at a suitable time, space or state, so as to realize the intelligent push information for different applications. push.
  • the electronic device also displays the second information of the associated application program to the user in real time through the second card, which is convenient for the user to check the subscribed information.
  • the display of the first card may also be canceled. It can be seen that in the same interface, the user can view the electronic device to evaluate the push information that needs to be viewed at present, without having to look through all the second cards.
  • the contents of the first card and the second card displayed on the same interface are also different, so as to improve the problem that users repeatedly view the same push information. In this way, the human-computer interaction efficiency for the user to view push information is effectively improved.
  • the second card is arranged below the first card, among the multiple first cards displaying tiling or among the multiple first cards displaying tiling
  • the method further includes: the electronic device controlling the tiled expansion of the plurality of first cards; during the tiled expansion of the plurality of first cards, the electronic device controls the The second card is translated down until the second card is hidden.
  • the electronic device will always control the second card to move down in parallel, until all the first cards are laid out or the second card disappears from the lower edge of the negative screen. That is, hidden.
  • the second card when the first card is tiled and unfolded, the second card only needs to be translated downwards to provide a display space for the tiled first card. This way, there is no need to create a new interface for displaying the first card of the tile. There will be no problem of repeated switching of multiple pages, and the user experience will be improved.
  • the second card can still be displayed on the negative screen, so as to avoid affecting the user's viewing of the second card.
  • the method before displaying the plurality of stacked first cards in the first area again, the method further includes: the electronic device stacks the plurality of first cards according to the first sliding up operation. a first card; during the process of stacking the plurality of first cards, the electronic device displays the second card in the negative screen, and controls the second card to move upward until the first card The second card is displayed again in the second area.
  • the method before displaying the second part of the plurality of first cards, the method further includes: the electronic device controls the first cards to translate upwards according to the second sliding up operation ; After all the first cards have been displayed on the negative screen, the method further includes: the electronic device stacks the multiple first cards according to the third sliding operation; During the process of drawing the first card, the electronic device displays the second card on the negative screen, and controls the second card to move upward until the second card is displayed again in the second area .
  • the method further includes: during the period when the plurality of first cards are stacked and displayed in the first area, the electronic device responds to the received fourth sliding up operation; the electronic device The device controls the first card and the second card, pans upward in the negative screen, and displays the hidden second card.
  • the manner in which the timeliness information of the first information satisfies the preset condition includes: a time period indicated by the timeliness information of the first information includes a current system time of the electronic device.
  • the timeliness information may correspond to a time point, for example, the meeting start time of the meeting schedule is 9:00 am, and for example, the flight departure time of the flight information is 8:00 am.
  • the time period indicated by the above aging information may be a time interval including the time point.
  • the time period indicated by the timeliness information of the meeting schedule may be between 8:00 am and 9:00 am.
  • the time period indicated by the timeliness information of the flight information may be between 4:00 am and 8:00 am.
  • the length of time period indicated by the timeliness information of different first information may be different, and the length of time period indicated by different timeliness information may be preconfigured by the user.
  • the system time of the electronic device belongs to the period indicated by the aging information
  • the first information corresponding to the aging information belongs to the information satisfying the preset condition. Therefore, push information at an appropriate time through the first card.
  • the manner in which the fence information of the first information satisfies the preset condition includes: the geographic area indicated by the fence information of the first information covers the current location of the electronic device.
  • the above-mentioned fence information may be one or a combination of geofences, Wi-Fi fences, Bluetooth fences, etc.
  • the first information After the electronic device is located in the geographical area indicated by the fence information of the first information, the first information also belongs to the information satisfying the preset condition. Therefore, push information at a suitable place through the first card.
  • the manner in which the state information of the first information satisfies the preset condition includes: the state information of the first information is the same as a current state of the user holding the electronic device.
  • the motion information detected by the acceleration sensor, gyroscope, etc. of the electronic device can be used to determine the current state of the user holding the electronic device.
  • the first information After the current state of the user holding the electronic device is the same as the state information of the first information, the first information also belongs to the information satisfying the preset condition. Therefore, information push is carried out in an appropriate user state through the first card.
  • the method further includes: when the negative screen is displayed, the electronic device receives a second operation; the electronic device displays an editable The negative one screen; during displaying the editable negative one screen, the electronic device receives a third operation of the user; the electronic device adds a new one in the second area in response to the third operation , or delete the second card in the second area.
  • the electronic device creates the second card according to the user's subscription behavior to the application program, so as to ensure that the information displayed on the second card is the information required by the user.
  • the electronic device can also delete the second card according to the behavior of the user canceling the subscription to the application program. Improve the efficiency of human-computer interaction for users to manage the second card.
  • the electronic device may also display a message interface corresponding to the first card when receiving the user's operation for the first card, for example, clicking the operation.
  • the message interface may be an application interface provided by an application program corresponding to the first card, or an interface pushed by a message source corresponding to the first card.
  • the electronic device After the electronic device displays the message interface corresponding to the first card, the electronic device may determine that the first card has been processed, and may cancel displaying the first card.
  • the electronic device may fold the first card upon receiving the user's sliding up operation on the first card, such as reducing the size of the first card.
  • the display space of the card and only display the message summary of the first card, such as the message title.
  • the negative screen further includes a third area, and the third area includes: function entry icons from one or more application programs. For example, scan icon, payment code icon, etc.
  • function entry icons can facilitate the user to quickly use the corresponding functions, such as enabling the scanning function and payment function, etc., to improve the efficiency of human-computer interaction with one screen negative.
  • the negative screen further includes a search bar.
  • the electronic device receives the user's input operation in the search bar, it can rely on the information input by the user, such as keywords, associated push information or cards in the next screen. For example, when the user inputs exercise, the second card corresponding to the application "Sports and Health" on the negative screen may be searched.
  • the first area further includes a first identification; the first identification is used to remind the user that there are multiple first cards stacked in the first area. Through this, the user may also be prompted whether the first card is fully unfolded.
  • the method further includes: the electronic device In the negative screen, a first control is displayed; the first control is used to indicate that the tiled first cards are to be stacked again.
  • the method before displaying the plurality of tiled first cards or displaying the first part of the tiled first cards, the method further includes: the electronic device according to the The number of cards of the plurality of first cards is determined to determine the corresponding first height.
  • an electronic device provided by an embodiment of the present application, includes one or more processors and a memory; the memory is coupled to the processor, and the memory is used to store computer program codes, the computer program codes include computer instructions, When one or more processors execute computer instructions, the one or more processors are configured to:
  • a negative screen is displayed; wherein, the negative screen includes a first area; the first area includes a plurality of stacked first cards;
  • the negative screen In response to the first operation, in the negative screen, display the multiple first cards tiled; wherein, the first height of the multiple first cards does not exceed the second height, and the first The first height is the total height of the multiple first cards after they are tiled; the second height is the screen display height value minus one screen; after displaying the multiple first cards that are tiled, in response to The first slide-up operation is received, and the multiple first cards stacked are displayed again in the first area of the negative one screen;
  • the negative screen in response to the first operation, in the negative screen, display the first part of the plurality of tiled first cards; wherein, the first height of the plurality of first cards exceeds the second height; after displaying the first part, in response to the second sliding up operation received, display the second part of the plurality of first cards in the negative one screen; the negative one screen has been displayed After passing through all the first cards, in response to receiving the third sliding up operation, displaying the stacked first cards again in the first area of the negative one screen.
  • the first card is a smart recommendation card for displaying first information;
  • the first information comes from one or more application programs;
  • the first information includes timeliness information, fence information and at least one of status information; when at least one of the timeliness information, fence information and status information of the first information satisfies a preset condition, the first card is pushed by the electronic device to the first area;
  • the negative screen also includes a second area; the second area includes at least one second card, and the second card is associated with the application program, and is used to display the second information of the associated application program; the first The second card is the card configured by the user.
  • the second card is arranged below the first card, and the multiple first cards are displayed tiled, or the multiple first cards tiled are displayed Before the first part, the one or more processors are also used to:
  • the second card is controlled to translate downward until the second card is hidden.
  • the one or more processors are further configured to:
  • the one or more processors are further configured to: control the first Card pans up;
  • the one or more processors are further configured to: stack the plurality of first cards according to the third sliding up operation;
  • the one or more processors are further configured to:
  • Control the first card and the second card move upward in the negative screen, and display the hidden second card.
  • the manner in which the timeliness information of the first information satisfies the preset condition includes: the time period indicated by the timeliness information of the first information includes the current system time of the electronic device;
  • the manner in which the fence information of the first information satisfies the preset condition includes: the geographical area indicated by the fence information of the first information covers the current location of the electronic device;
  • the manner in which the state information of the first information satisfies the preset condition includes: the state information of the first information is the same as the current state of the user holding the electronic device.
  • the one or more processors are further configured to:
  • a new second card is added in the second area, or a second card in the second area is deleted.
  • the negative screen further includes a third area, and the third area includes: function entry icons from one or more application programs.
  • the first area further includes a first identification; the first identification is used to remind the user that there are multiple first cards stacked in the first area.
  • the one or more processors further use At:
  • a first control is displayed; the first control is used to indicate that the tiled first cards are to be stacked again.
  • the one or more processors are further configured to : Determine the corresponding first height according to the card quantity of the plurality of first cards.
  • an embodiment of the present application provides a graphical user interface on an electronic device, the electronic device has a display screen, a memory, and one or more processors that execute one or more instructions stored in the memory, wherein : In response to detecting the fourth operation, display a negative screen; wherein, the negative screen includes a first area; the first area includes a plurality of stacked first cards; in response to the received first operation, in In the negative screen, the plurality of first cards tiled are displayed; wherein, the first height of the plurality of first cards does not exceed the second height, and the first height is equal to the first height of the plurality of first cards.
  • a computer storage medium provided by an embodiment of the present application includes computer instructions, and when the computer instructions are run on an electronic device, the electronic device executes the above-mentioned first aspect and its possible embodiments. method.
  • the present application provides a computer program product, which, when the computer program product runs on the above-mentioned electronic device, causes the electronic device to execute the method described in the above-mentioned first aspect and its possible embodiments.
  • FIG. 1 is a schematic diagram of a hardware architecture of a terminal device provided in an embodiment of the present application
  • Fig. 2 is an example diagram of negative one screen in some embodiments
  • FIG. 3 is an example diagram of a negative screen provided in the embodiment of the present application.
  • FIG. 4A is one of the display example diagrams of the mobile phone provided by the embodiment of the present application.
  • Fig. 4B is a schematic diagram of the orientation provided by the embodiment of the present application with negative one screen as a reference;
  • FIG. 5 is a flow chart of the steps of the card information display method provided by the embodiment of the present application.
  • FIG. 6A is the second display example diagram of the mobile phone provided by the embodiment of the present application.
  • FIG. 6B is the third display example diagram of the mobile phone provided by the embodiment of the present application.
  • Fig. 7 is a schematic diagram of the hot zone of a negative screen provided by the embodiment of the present application.
  • FIG. 8 is the fourth display example diagram of the mobile phone provided by the embodiment of the present application.
  • FIG. 9 is the fifth display example diagram of the mobile phone provided by the embodiment of the present application.
  • FIG. 10 is the sixth display example diagram of the mobile phone provided by the embodiment of the present application.
  • Fig. 11 is the seventh display example diagram of the mobile phone provided by the embodiment of the present application.
  • FIG. 12 is the eighth display example diagram of the mobile phone provided by the embodiment of the present application.
  • Fig. 13 is the ninth example diagram of the display of the mobile phone provided by the embodiment of the present application.
  • FIG. 14 is a schematic composition diagram of a chip system provided by an embodiment of the present application.
  • first and second are used for descriptive purposes only, and cannot be understood as indicating or implying relative importance or implicitly specifying the quantity of indicated technical features. Thus, a feature defined as “first” and “second” may explicitly or implicitly include one or more of these features. In the description of this embodiment, unless otherwise specified, “plurality” means two or more.
  • the embodiment of the present application provides a method for displaying card information, which can be applied to an electronic device with a display screen.
  • the above-mentioned display screen can display information of multiple stacked cards (also referred to as cards).
  • the display space required by multiple cards is the same as the display space required by one card, effectively saving display space.
  • the electronic device can also unfold the stacked cards in a flat manner according to the user's operation, which is convenient for the user to read. In the case that all the cards are tiled, the electronic device can also stack the tiled cards together again according to the user's operation. This not only saves the display space of the electronic device, but also improves the efficiency of human-computer interaction for users to view information.
  • the above-mentioned electronic devices may be mobile phones, tablet computers, wearable devices, vehicle-mounted devices, augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) equipment, notebook computers, ultra-mobile personal computers (ultra-mobile personal computers) computers, UMPCs), netbooks, personal digital assistants (personal digital assistants, PDAs) and other devices with display screens, the embodiments of the present application do not impose any restrictions on the specific types of electronic devices.
  • FIG. 1 is a schematic structural diagram of an electronic device provided in an embodiment of the present application.
  • an electronic device such as a mobile phone
  • SIM subscriber identification module
  • the above-mentioned sensor module 280 may include sensors such as pressure sensor, gyroscope sensor, air pressure sensor, magnetic sensor, acceleration sensor, distance sensor, proximity light sensor, fingerprint sensor, temperature sensor, touch sensor, ambient light sensor and bone conduction sensor.
  • sensors such as pressure sensor, gyroscope sensor, air pressure sensor, magnetic sensor, acceleration sensor, distance sensor, proximity light sensor, fingerprint sensor, temperature sensor, touch sensor, ambient light sensor and bone conduction sensor.
  • the structure shown in this embodiment does not constitute a specific limitation on the electronic device.
  • the electronic device may include more or fewer components than shown, or combine certain components, or separate certain components, or arrange different components.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • the processor 210 may include one or more processing units, for example: the processor 210 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (neural-network processing unit, NPU) wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.
  • application processor application processor, AP
  • modem processor graphics processing unit
  • GPU graphics processing unit
  • image signal processor image signal processor
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • baseband processor baseband processor
  • neural network processor neural-network processing unit, NPU
  • a controller can be the nerve center and command center of an electronic device.
  • the controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.
  • a memory may also be provided in the processor 210 for storing instructions and data.
  • the memory in processor 210 is a cache memory.
  • the memory may hold instructions or data that the processor 210 has just used or recycled. If the processor 210 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 210 is reduced, thereby improving the efficiency of the system.
  • processor 210 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transmitter (universal asynchronous receiver/transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input and output (general-purpose input/output, GPIO) interface, subscriber identity module (subscriber identity module, SIM) interface, and /or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input and output
  • subscriber identity module subscriber identity module
  • SIM subscriber identity module
  • USB universal serial bus
  • the interface connection relationship among the modules shown in this embodiment is only a schematic illustration, and does not constitute a structural limitation of the electronic device.
  • the electronic device may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.
  • the charging management module 240 is configured to receive charging input from the charger.
  • the charger may be a wireless charger or a wired charger. While the charging management module 240 is charging the battery 242 , it can also supply power to the electronic device through the power management module 241 .
  • the power management module 241 is used for connecting the battery 242 , the charging management module 240 and the processor 210 .
  • the power management module 241 receives the input from the battery 242 and/or the charging management module 240 to provide power for the processor 210 , the internal memory 221 , the external memory, the display screen 294 , the camera 293 , and the wireless communication module 260 .
  • the power management module 241 and the charging management module 240 can also be set in the same device.
  • the wireless communication function of the electronic device can be realized by the antenna 1, the antenna 2, the mobile communication module 250, the wireless communication module 260, the modem processor and the baseband processor.
  • the antenna 1 of the electronic device is coupled to the mobile communication module 250, and the antenna 2 is coupled to the wireless communication module 260, so that the electronic device can communicate with the network and other devices through wireless communication technology, such as communicating with wearable devices.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in an electronic device can be used to cover a single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas.
  • Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 250 can provide wireless communication solutions including 2G/3G/4G/5G applied to electronic devices.
  • the mobile communication module 250 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like.
  • the mobile communication module 250 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation.
  • the mobile communication module 250 can also amplify the signal modulated by the modem processor, convert it into electromagnetic wave and radiate it through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 250 may be set in the processor 210 .
  • at least part of the functional modules of the mobile communication module 250 and at least part of the modules of the processor 210 may be set in the same device.
  • the wireless communication module 260 can provide WLAN (such as (wireless fidelity, Wi-Fi) network), Bluetooth (bluetooth, BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency) applied on the electronic device. modulation, FM), near field communication (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • WLAN such as (wireless fidelity, Wi-Fi) network
  • Bluetooth bluetooth, BT
  • global navigation satellite system global navigation satellite system, GNSS
  • frequency modulation frequency applied on the electronic device.
  • modulation, FM near field communication
  • NFC near field communication
  • infrared technology infrared, IR
  • GNSS can include Beidou navigation satellite system (BDS), global positioning system (global positioning system, GPS), global navigation satellite system (global navigation satellite system, GLONASS), quasi-zenith satellite system (quasi- zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).
  • BDS Beidou navigation satellite system
  • GPS global positioning system
  • GLONASS global navigation satellite system
  • QZSS quasi-zenith satellite system
  • SBAS satellite based augmentation systems
  • the wireless communication module 260 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 260 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 210 .
  • the wireless communication module 260 can also receive the signal to be sent from the processor 210 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 to radiate out.
  • the electronic device realizes the display function through the GPU, the display screen 294, and the application processor.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 294 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering.
  • Processor 210 may include one or more GPUs that execute program instructions to generate or change display information.
  • the display screen 294 is used to display images, videos and the like.
  • the display screen 294 includes a display panel.
  • the electronic device can realize the shooting function through ISP, camera 293 , video codec, GPU, display screen 294 and application processor.
  • the ISP is used for processing the data fed back by the camera 293 .
  • Camera 293 is used to capture still images or video.
  • the electronic device may include 1 or N cameras 293, where N is a positive integer greater than 1.
  • the external memory interface 220 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device.
  • the external memory card communicates with the processor 210 through the external memory interface 220 to implement a data storage function. Such as saving music, video and other files in the external memory card.
  • the internal memory 221 may be used to store computer-executable program codes including instructions.
  • the processor 210 executes various functional applications and data processing of the electronic device by executing instructions stored in the internal memory 221 .
  • the processor 210 may execute instructions stored in the internal memory 221, and the internal memory 221 may include a program storage area and a data storage area.
  • the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like.
  • the storage data area can store data (such as audio data, phone book, etc.) created during the use of the electronic device.
  • the internal memory 221 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.
  • the structure shown in the embodiment of the present application does not constitute a specific limitation on the electronic device.
  • the electronic device may include more or fewer components than shown in the illustrations, or combine certain components, or separate certain components, or arrange different components.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • negative screen may be the leftmost split screen of the electronic device, which is used to provide users with functions such as search, application suggestion, quick service, and smart scene.
  • the negative screen can be used to display information that needs to be pushed to the user, such as application news subscribed by the user, real-time hot search news, and the like.
  • the above information is usually presented in the form of cards. Cards have a bold shape that draws the user's attention to the information displayed on the card.
  • the electronic device when the electronic device receives an operation from the user indicating to display a negative screen, such as the fourth operation, for example, when the desktop 201 shown in (a) in FIG. 2 receives a right slide operation, it can display A negative screen 202 as shown in (b) of FIG. 2 .
  • the above-mentioned negative screen 202 includes some shortcut service functions, such as a shortcut entry (payment code, scan, etc.) of a certain page of the application program.
  • the negative one screen 202 also includes a plurality of subscription cards, which are used to display push information published by subscribed information sources.
  • negative screen 202 includes card 203 and card 204 .
  • the information sources corresponding to the card 203 and the card 204 may be different, and the displayed contents of the card 203 and the card 204 are also different.
  • the card 203 is used to display application usage messages, which are system messages subscribed by the user.
  • the card 203 also corresponds to a system interface including application usage information.
  • the electronic device can display the system interface.
  • the card 204 is used to display parking information, which comes from the message server of the parking APP.
  • the card 204 also corresponds to an application interface in the parking APP, and when the user clicks on the card 204, the electronic device can display the application interface.
  • the corresponding subscription card when the information source publishes a new push message, the corresponding subscription card will also update the displayed content. In this way, the subscription cards in the negative screen 202 need to be laid out in a tiled manner. However, the negative one screen 201 will always display the shortcut service function, so the area available for displaying subscription cards in the negative one screen 202 is very limited.
  • the content displayed on the subscription card will be continuously updated.
  • the user cannot predict which subscription card will display the information that needs to be checked urgently. Therefore, after the negative screen 202 is displayed on the mobile phone, the user needs to browse through all the subscription cards. Lead to reduce the human-computer interaction efficiency of the mobile phone.
  • an embodiment of the present application provides a method for displaying card information.
  • the electronic device can dynamically determine the resident service area, function shortcut entry area and suggestion area in the negative screen.
  • the suggestion area includes a system-level card, such as a suggestion card, that is, the first card.
  • the suggestion cards above are smart recommendation cards.
  • the suggestion card may be a card created when there is push information satisfying a preset condition in the electronic device.
  • the push information satisfying the preset condition may be: information that the electronic device screens out from the push information provided by all information sources that the user needs to view in the current scene.
  • the filtered push information may be push information with high urgency in the current scenario.
  • a meeting schedule that has reached the meeting time may also be push information associated with the current scene.
  • the current scene is a courier pick-up point
  • the associated push information is the courier pick-up code.
  • the filtered push information may also be push information with high importance, for example, the user marks a schedule with high importance within the current period.
  • the suggestion card may be an interactive card.
  • the suggestion card displays the push information of the application program 1
  • the suggestion card may provide a startup interface for starting the application program 1 .
  • the electronic device receives the user's operation on the suggestion card, it can display an application interface in the application program 1 .
  • the electronic device when it evaluates that the content displayed in the suggestion card no longer needs to be viewed by the user, it may also cancel displaying the suggestion card or hide and display the suggestion card. For example, when the user's operation on the suggestion card is received or the real-time scene no longer matches the push information of the suggestion card, the suggestion card may be canceled or hidden. Of course, after a new suggestion card appears, it can replace the original suggestion card and display it on the top of the suggestion area.
  • the above resident service area includes a plurality of application-level cards, which are also called service cards, that is, second cards.
  • the above-mentioned service card is a card created by the electronic device in response to the user's operation of subscribing to the application program. There is an association between service cards and subscribed applications.
  • the application program associated with the service card may also be referred to as an associated application.
  • the service card can be used to display the second information pushed by the associated application.
  • the above-mentioned service card may be used to display push information provided by an information source of an associated application.
  • the service card may also provide an interface for launching associated applications. That is, the user can trigger the electronic device to display the application interface provided by the associated application by clicking the service card.
  • the service card is permanently displayed in the resident service area.
  • the information subscribed by the user and the information needed by the user evaluated by the electronic device can be displayed on the same interface using cards of different levels. This can not only fully display the information subscribed by the user, but also reduce the need for users to flip through all the cards to check whether there is push information that needs to be processed urgently, and improve the efficiency of human-computer interaction for users to view push information.
  • the negative screen 301 of the mobile phone includes a resident service area 302 , a quick entry area 303 and a suggestion area 304 .
  • the resident service area 302 displays a service card 305 , a service card 306 and a service card 307 .
  • the above-mentioned service card 305, service card 306 and service card 307 are all subscription cards, and correspond to the sports health APP, smart card APP and application management APP subscribed by the user respectively.
  • the service card 305 is used to display the push information corresponding to the sports health APP
  • the service card 306 is used to display the push information corresponding to the smart card APP
  • the service card 307 is used to display the push information corresponding to the application management APP.
  • the push information corresponding to the application is updated, and the content displayed on the service card is also updated.
  • the service card can be kept in the resident service area 302 for a long time.
  • the service card can be canceled from the resident service area 302 to be displayed.
  • the mobile phone When the mobile phone receives the user's operation on the service card 305, such as a click operation, the mobile phone can display the application interface of the sports and health APP.
  • the mobile phone When the mobile phone receives the user's operation on the service card 306, such as a click operation, the mobile phone can display the application interface of the smart card APP.
  • the mobile phone When the mobile phone receives the user's operation on the service card 307, such as a click operation, the mobile phone can display the application interface of the application management APP.
  • the service card may be a card manually configured by the user.
  • the mobile phone may receive an operation from the user instructing to edit the service card (for example, called the second operation) in the negative screen, such as long pressing the blank area of the negative screen, or clicking a control indicating editing in the negative screen , eg, control 313. Then, the mobile phone may display a negative screen of the editable state in response to the operation. In the editable negative screen, only the service cards in the resident service area can be adjusted.
  • the second operation for example, called the second operation
  • the mobile phone may display a negative screen of the editable state in response to the operation. In the editable negative screen, only the service cards in the resident service area can be adjusted.
  • the editable negative screen includes a control for indicating adding a service card and a control for indicating completion.
  • the control indicating completion such as a click operation, cancel the editable state of negative one screen.
  • the configuration window when the mobile phone detects that the user operates, such as clicking, on the control indicating to add the service card, the configuration window is displayed.
  • the configuration window lists the applications that can add service cards, such as application 1.
  • the mobile phone determines that the user indicates to subscribe to the application 1, and creates a corresponding service card for displaying the information pushed by the application 1. It can be understood that in the editable negative screen, the operation of adding a new service card can be called the third operation.
  • each service card is correspondingly displayed with a delete control.
  • the delete control corresponding to the service card 1 the service card 1 is deleted. In this way, the service card 1 will also be canceled in the resident service area.
  • the operation of deleting service cards can also be referred to as the third operation.
  • the resident service area 302 is used in the negative screen 301 of the mobile phone to display the push information of the application programs subscribed by the user in a long-term and stable manner.
  • the function shortcut entry area 303 may include at least one function entry icon, such as an icon 308 , an icon 309 , and an icon 310 .
  • the function entry icon corresponds to the specified function of the application program.
  • the mobile phone receives an operation on the function entry icon, the corresponding function can be enabled. For example, when an operation on icon 308 is received, a scanning function may be enabled.
  • the negative one screen 301 also includes a search bar 312 .
  • the search bar 312 can be used to search for relevant pushed information or function entries according to keywords input by the user.
  • the suggestion area 304 may display a card 311 .
  • the card 311 is also a suggestion card.
  • Card 311 includes: flight information provided by the travel booking APP. The above flight information is that the mobile phone evaluates the push information that the user needs to view at this time from the push information from multiple information sources. When the mobile phone receives the user's operation on the card 311, it can start the travel booking APP.
  • the suggestion area 304 of the mobile phone may preferentially display the push information evaluated by the mobile phone and required by the user.
  • the message of the designated information source can be displayed for a long time to ensure that the user can obtain comprehensive subscription information, and can quickly obtain the push information that the user needs to view at this time, thereby improving the user's ability to view the push information. Human-computer interaction efficiency.
  • the card 311 displayed in the suggestion area 304 is only an example.
  • the mobile phone may determine the actual suggestion card to be displayed in the suggestion area 304 according to the recognized actual scene.
  • the mobile phone can aggregate push messages from multiple message servers.
  • the above-mentioned message server may be an information source providing relevant information of installed application programs, may also be an information source providing other popular information, and may also be an information source providing mobile phone system information. In the embodiment of the present application, this application does not specifically limit it.
  • the push information gathered by the mobile phone can also be referred to as the first information. If the first information meets the preset condition, the mobile phone can create a suggestion card for displaying the first information, and send the suggestion card is pushed to the suggestion area 304.
  • the first information may correspond to at least one of the following information: aging information, fence information, and status information.
  • the above-mentioned timeliness information, fence information, and status information may be determined according to the actual content of the first information and the message type it belongs to.
  • the first information when the actual content of the first information includes a specific time point, the first information may correspond to aging information. For example, if the schedule reminder information includes the schedule time, the schedule reminder information corresponds to time-sensitive information, and meanwhile, the time-sensitive information may be determined according to the schedule time. For another example, when the actual content of the first information includes a geographic name, the first information may correspond to fence information. For example, if the express pick-up information includes the location of the express pick-up point, the express pick-up information corresponds to fence information, and the fence information may indicate the express pick-up point. As another example, when it is pre-configured that the message type to which the first information belongs is associated with fence information, the first information may also correspond to fence information.
  • pre-set ride information is associated with geofences in public areas such as bus stops or subway stations.
  • the first information is the boarding code, there is a corresponding geographic fence.
  • the message type to which the first information belongs is associated with the state information, the first information may correspond to the state information.
  • the first information is the information that needs to be viewed in the current scene, that is, push information that matches the actual scene 1 .
  • the manner in which the timeliness information of the first information satisfies the preset condition includes: the period indicated by the timeliness information of the first information includes a current system time of the mobile phone.
  • the aging information may correspond to a time point, and the time period indicated by the above aging information may be a time interval including the time point.
  • the time period indicated by the timeliness information of different first information may be different, or may be pre-configured by the user.
  • the manner in which the fence information of the first information satisfies the preset condition includes: the geographic area indicated by the fence information of the first information covers the current location of the mobile phone. After the mobile phone is located in the geographical area indicated by the fence information of the first information, the first information also belongs to the information satisfying the preset condition.
  • the manner in which the state information of the first information satisfies the preset condition includes: the state information of the first information is the same as the current state of the user holding the mobile phone.
  • the status information may include running status, walking status and static status.
  • the motion information detected by the acceleration sensor, gyroscope, etc. of the mobile phone can be used to determine the current state corresponding to the user holding the mobile phone.
  • the first information also belongs to the information satisfying the preset condition.
  • the mobile phone can determine the push information 1 matching the actual scene in real time, and create a corresponding suggestion card, thereby prompting the user to pay attention to the push information 1 .
  • the suggestion area 304 may include multiple images that need to be displayed. For example, in a scenario where the mobile phone simultaneously determines multiple pieces of push information 1 that match the actual scene, the mobile phone simultaneously creates multiple suggestion cards for displaying the determined push information 1 respectively. For another example, when the suggestion card displayed in the suggestion area 304 has not been processed, the mobile phone determines a new suggestion card according to the current actual scene.
  • the multiple suggestion cards can be stacked and displayed in the suggestion area 304 .
  • Multiple suggestion cards displayed stacked form a card pile.
  • the aforementioned stack of cards may be stacked in order of creation time of the suggested cards, with the most recently created suggested card stacked at the front and the earliest suggested card stacked at the end. This way, when users flip through suggested cards, they can see cards that were created more recently first.
  • the mobile phone may evaluate the priority of each suggested card according to preset rules.
  • the foregoing preset rule may be: the mobile phone uses a preset artificial intelligence model (AI) to evaluate the urgency of the content displayed on the suggestion card. Then, prioritize the suggested cards based on the urgency of the content. Usually the higher the urgency of the content, the higher the priority.
  • AI artificial intelligence model
  • the cards with the same priority can also be stacked in the order of creation time.
  • the display area occupied by the suggestion area 304 in the negative screen 301 may be referred to as the first area, and the display area occupied by the resident service area 302 may also be referred to as the second area.
  • the area occupied by the function shortcut entry area 303 is also called the third area.
  • the suggestion area 304 may include a view window for the card pile. This view window is used to display the suggested card on top of the stack. In other words, the actually drawn card in the suggestion area 304 is the top suggested card in the card pile.
  • the card 311 is the top suggested card in the card stack.
  • the actual card displayed is the card 311 .
  • a reminder mark may also be displayed relative to the card 311 , through which the user is reminded that other cards are stacked under the card 311 .
  • the suggestion area 304 also includes a navigation bar 401 .
  • the navigation bar 401 is displayed correspondingly to the card 311 , and is used to remind the user that there are other cards stacked under the card 311 , and to remind the user to view other cards through operations such as turning pages.
  • the mobile phone receives the sliding operation 1 for the navigation bar 401 or the sliding operation 2 for the suggestion area 304, the mobile phone can change the top suggestion card in the card pile.
  • the above-mentioned sliding operation 2 may be a sliding along the direction 1 .
  • swipe operation 2 may be a swipe left.
  • the sliding operation 2 may also be sliding to the right.
  • leftward and rightward directions may be directions determined by using the user interface as a reference object.
  • the user interface as a reference object is a negative screen 301
  • the upper side, lower side, left side and right side of the negative screen 301 are shown in FIG. 4B .
  • upward may be a direction toward the upper side of the negative one screen
  • downward may be a direction toward the lower side of the negative one screen.
  • Leftward may be a direction toward the left side minus one screen.
  • Rightward may be a direction toward the right side minus one screen.
  • the suggestion area 304 also includes a stacking identifier 402 .
  • the aforementioned stack logo 402 is also displayed corresponding to the card 311 .
  • text can also remind the user of the number of suggested cards currently stacked.
  • the mobile phone can change the top suggestion card in the card stack to display different suggestion cards in the suggestion area 304 .
  • Both the above-mentioned navigation bar 401 and the stack mark 402 can be referred to as a first mark.
  • the first identifier can be used to remind the user that there are stacked cards in the suggestion area 304 .
  • a method for displaying card information may include the following steps:
  • the mobile phone may receive a slide operation 4 indicating to expand the card pile.
  • the above-mentioned sliding operation 4 which may also be referred to as the first operation, may be a user's sliding action on the display screen.
  • the sliding track corresponding to the above-mentioned sliding operation 4 starts from area 1 .
  • the aforementioned area 1 may be a display area including the suggestion area 304 .
  • area 1 may be the display area 403 shown in FIG. 4B.
  • the area 1 can also be the entire negative screen 301 , that is, the user's sliding operation at any position in the negative screen 301 can be regarded as the sliding operation 4 .
  • the mobile phone can detect the contact between the user and the display screen of the mobile phone. Of course, this contact is located in the display area 403 . After that, the user's finger slides down from the contact point.
  • the mobile phone can detect multiple touch points, and the positions of the multiple touch points on the display screen can form a track, that is, a sliding track.
  • the mobile phone can determine that the swipe operation 4 is received.
  • the above-mentioned suggestion area 304 refers to the display area actually used to display the suggestion cards in the negative one screen 301. As the number of suggested cards tiled in the negative one screen 301 increases, the display area occupied by the suggestion area 304 will also increase. That is, in some embodiments, during the process of tiling the suggestion cards, the display space corresponding to the suggestion area 304 gradually increases. Exemplarily, the display space occupied by the suggestion area 304 is determined by the height of the unfolded suggestion card.
  • the resident service area 302 refers to the display area on the negative screen 301 that is actually used to display service cards
  • the function shortcut entry area 303 refers to the display area on the negative screen 301 that is actually used to display function entry icons.
  • the service cards and function entry icons will be hidden sequentially during the process of moving down the service cards and function entry icons.
  • the display areas occupied by the resident service area 302 and the function shortcut entry area 303 are also successively reduced.
  • the service cards located at the lower side of the function entry icon are first hidden, so that the display area corresponding to the resident service area 302 begins to decrease.
  • the mobile phone continues to tile the suggestion card, and the function entry icon will also be hidden.
  • the display area corresponding to the function shortcut entry area 303 also begins to decrease until the negative one screen 301 does not include the function shortcut entry area 303 .
  • the manner of tiling and unfolding the stacked suggested cards may include the following two methods:
  • Method 1 follow hand to unfold. That is, in the process of sliding the mobile phone, it is recommended that the cards follow the fingers and unfold one by one.
  • the mobile phone can obtain the track length corresponding to the sliding operation 4 in real time.
  • the track length may be the actual sliding distance of the user's finger on the display screen, for example, referred to as length 1 .
  • the above track distance may be length 1.
  • the above track length may also be the sum of the current length 1 and the sliding inertial distance.
  • the above sliding inertial distance may be a fixed value.
  • the sliding inertial distance may also be determined according to the sliding speed of the user's finger on the display screen. For example, different speeds correspond to different sliding inertial distances.
  • the stacked suggestion cards decrease one by one, and the suggested cards displayed by rolling out increase one by one.
  • the mobile phone can detect the touch point located in area 1.
  • the touch point located in area 1 For example, when the user's finger just comes into contact with area 1 and does not actually slide, the mobile phone can detect the touch point located in area 1.
  • the navigation bar 401 corresponding to the stack of cards, there are displayed navigation points corresponding to the suggested cards stacked one by one.
  • the navigation bar 401 may indicate that there are 3 suggested cards in the card pile.
  • the mobile phone can detect the sliding operation 4 and obtain the track length corresponding to the sliding operation 4 .
  • the length of the track obtained by the mobile phone is also increasing.
  • the card 602 stacked under the card 311 also slides out from under the card 311 .
  • the card 602 is completely displayed under the card 311.
  • the above-mentioned first length value may be equal to the height of a single suggested card.
  • the mobile phone determines that the length of the track corresponding to the sliding operation 4 exceeds the height of a single suggested card, the card 602 and the card 311 are displayed on the negative screen 301 in a tiled form.
  • the navigation bar 401 includes two navigation points, thereby prompting the user that there is a suggestion card stacked under the card 311 , such as the card 603 shown in (c) of FIG. 6A .
  • the mobile phone may receive the user's sliding operation 2 on the card 311, and in response to the sliding operation 2, adjust the card 603 as the top suggested card in the card pile. In this way, the card 603 will be displayed in the negative screen 301 and the card 311 will be hidden. Card 603 and card 311 are still stacked together.
  • the user may continue to slide down on the display screen.
  • the track length of sliding operation 4 will continue to increase.
  • Card 603 may slide out from under card 602 in response to the increase in track length.
  • the track length exceeds the second length value, as shown in (c) in FIG. 6A , the card 603 is completely displayed under the card 602 .
  • the above-mentioned second length value may be the height of the two suggested cards, or slightly greater than the height of the two suggested cards.
  • the navigation bar is also canceled in the suggestion area 304 , thereby indicating that the stacked cards are not included in the suggestion area.
  • the card 311 may also slide down following the user's finger, and then gradually reveal the suggested cards stacked under the card 311 . That is, when the track length reaches the first length value, the card 602 is completely exposed, and at this time, the card 311 is located at the lower side of the card 602 .
  • the card 602 and the card 311 move down synchronously, so that the suggested card stacked under the card 602, that is, the card 603, is gradually exposed.
  • the card 603 is fully exposed. At this time, the card 603 is located on the upper side of the card 602 .
  • Method 2 Synchronous deployment. That is, after it is determined that the sliding operation 4 is received, the mobile phone displays all the suggested cards in the card pile on the negative one screen 301 in a tiled manner at the same time.
  • the negative screen 301 includes at least two hot zones, such as hot zone 1 and hot zone 2 .
  • a hot zone is an area that is linked on a user interface (such as a negative screen).
  • the above hot zone 1 may be the hot zone corresponding to the suggestion card, such as the zone 701 in FIG. 7 .
  • This area 701 is used to link the operation response to the suggestion card.
  • the aforementioned hot zone 2 may be the hot zone corresponding to the return control (control 703), such as the zone 702 in FIG. 7 .
  • the return control may be used to instruct to fold the tiled suggestion cards again, and is also called the first control.
  • This area 702 is linked with an operational response indicating a suggested card fold.
  • hot zone 1 when the number of suggested cards spread out is different, the corresponding display positions of hot zone 1 and hot zone 2 are different. Especially for hot zone 1, when the number of suggested cards expanded is different, the range covered by hot zone 1 and the connected operation responses will also be different.
  • the mobile phone may stack the multiple suggestion cards again in response to the user's operation on the hot zone 1 or the hot zone 2.
  • the mobile phone may determine whether the display space occupied by the tiled suggestion cards exceeds one screen according to the total height corresponding to the tiled suggestion cards, also referred to as the first height.
  • the above-mentioned total height may be the distance value between the upper edge of the suggestion card 1 and the lower edge of the suggestion card 2 .
  • the suggestion card 1 is the first suggestion card displayed in a tile.
  • the suggestion card 2 is the last suggestion card displayed in the tile.
  • the suggested card 1 may be the card 311
  • the suggested card 2 may also be the card 311 .
  • the corresponding total height is the distance between the upper edge and the lower edge of the card 311 , that is, the card height of the card 311 .
  • the suggested card 1 may be card 311
  • the suggested card 2 may be card 602 .
  • the corresponding total height is the distance value between the upper edge of the card 311 and the lower edge of the card 602 .
  • the suggested card 1 may be card 311
  • the suggested card 2 may be card 603 .
  • the corresponding total height is the distance value between the upper edge of the card 311 and the lower edge of the card 603 .
  • the suggestion card 1 changes from card 311 to card 602 and then to card 603 in turn. And it is suggested that card 2 is always card 311 .
  • the mobile phone will determine the size (eg, width and height), arrangement, depth and other information of each element (eg, card, control, etc.) of the negative screen. In this way, not only during the tiling and unfolding process of the suggested cards, the mobile phone can obtain the total height corresponding to the tiled suggested cards in real time according to the card height and arrangement spacing of the tiled suggested cards. After the suggested cards are tiled and unfolded, the mobile phone may also obtain the total height corresponding to the tiled suggested cards.
  • the above-mentioned total height may be the sum of card heights of all suggested cards.
  • the mobile phone can determine the total height corresponding to the tiled suggested cards according to the determined card height of each suggested card in the process of rendering a negative screen.
  • the total height corresponding to different numbers of suggested cards may be pre-configured in the mobile phone. In this way, the mobile phone can determine the corresponding total height according to the number of tiled suggested cards.
  • the mobile phone After obtaining the total height of the suggested cards that have been tiled, the mobile phone compares the total height with the screen height value 1 (also referred to as the second height).
  • the screen height value 1 is the maximum height value of the display area that can be used to display cards in one screen minus.
  • the screen height value 1 may be a set fixed value.
  • the screen height value 1 corresponding to negative screens of different sizes may be different. That is, the mobile phone is pre-configured with the corresponding relationship between negative one screens of different sizes and different screen heights of 1. After determining the size of the minus one screen displayed on the mobile phone, the screen height value 1 can be determined correspondingly.
  • the mobile phone can determine that the display space occupied by tiled suggestion cards is less than one screen. For example, in the negative one screen 301 shown in (a), (b) and (c) in FIG. 6A , the total height of the tiled suggestion cards does not exceed the screen height value of 1.
  • the mobile phone may receive the user's operation in the hot zone 1 or the hot zone 2, and in response to the operation, stack the multiple suggestion cards again.
  • the mobile phone may receive the user's click operation in the hot zone 2 (ie, zone 702 ).
  • the mobile phone may display a negative screen 301 as shown in (c) in FIG. 8 . That is, the tiled suggestion cards are stacked again, so that the mobile phone can control the function entry icon and the service card to move upwards in parallel.
  • the first area displays the suggestion cards again in the negative screen 301. It can be seen that the display space occupied by the suggestion area 304 is reduced, and the suggestion area 304 can display the card pile and the corresponding navigation bar of the card pile again.
  • the second area in the negative screen 301 will again be used to display service cards.
  • the mobile phone may receive the user's swipe up operation 1 in the hot zone 1 (ie, area 701 ), which is also referred to as the first swipe up operation.
  • the mobile phone may also display a negative screen 301 as shown in (c) in FIG. 8 . That is, the tiled suggestion cards are stacked again.
  • the changes in the negative screen displayed by the mobile phone mainly include: the display space occupied by the suggestion area 304 is changing, and the display positions of the resident service area 302 and the function shortcut entry area 303 are changing.
  • the corresponding display space does not exceed one screen.
  • the display space occupied is more than one screen.
  • the mobile phone can detect the touch point located in area 1.
  • the touch point located in area 1 As shown in (a) in FIG. 9 , only card 311 is actually displayed on the negative screen 301 of the mobile phone, and other suggested cards are still stacked under card 311 .
  • the navigation bar 401 corresponding to the stack of cards there are displayed navigation points corresponding to the suggested cards stacked one by one.
  • the navigation bar 401 may indicate that there are 4 suggested cards in the card pile.
  • the mobile phone can detect the sliding operation 4 and obtain the track length corresponding to the sliding operation 4 . It is understandable that during the process of sliding the finger on the display screen, the length of the track obtained by the mobile phone is also increasing. In addition, in the process of increasing the track length, as shown in (b) of FIG. 9 , the card 602 stacked under the card 311 also slides out from under the card 311 . In some examples, when the track length exceeds the first length value, the card 602 is completely displayed under the card 311 . At this time, the card 602 and the card 311 are displayed on the negative screen 301 in a tiled manner.
  • the navigation bar 401 is still displayed on one side of the card 311 .
  • the navigation bar 401 includes three navigation points, prompting the user that there are also two suggested cards stacked under the card 311, such as the card 603 shown in (c) in FIG. 9 and the card 603 shown in (d) in FIG. 9 .
  • the mobile phone may receive the user's sliding operation 2 on card 311, and in response to the sliding operation 2, adjust card 603 as the top suggested card in the card pile, or adjust card 901 as the top suggested card in the card pile. Suggest a card.
  • the card 603 or the card 901 can be displayed in the negative screen 301 and the card 311 can be hidden.
  • card 603, card 901 and card 311 are still stacked together.
  • the track length of sliding operation 4 will continue to increase.
  • Card 603 may slide out from under card 602 in response to the increase in track length.
  • the track length exceeds the second length value, as shown in (c) of FIG. 9 , the card 603 is completely displayed under the card 602 .
  • the above-mentioned second length value may be equal to or slightly greater than the height of the two suggested cards.
  • the mobile phone may receive the user's sliding operation 2 on the card 311, and in response to the sliding operation 2, adjust the card 901 as the top suggested card in the card pile.
  • the card 901 can be displayed in the negative screen 301 and the card 311 can be hidden.
  • the card 901 and the card 311 are still stacked together.
  • the track length of sliding operation 4 will continue to increase.
  • Card 901 may slide out from under card 603 in response to the increase in track length.
  • the mobile phone When the track length reaches the screen height value 1, the mobile phone will spread out all the stacked suggestion cards. In this scenario, due to the limited display space of the negative screen 301 , as shown in (d) of FIG. 9 , only a partial area of the card 901 is displayed on the negative screen 301 . In addition, in the negative screen 301 , the navigation bar corresponding to the stack of cards may also be cancelled, which is used to prompt that there is no stack of cards in the suggestion area 304 .
  • the card 311 may slide down following the user's finger, and then gradually reveal the suggested cards stacked under the card 311, such as gradually revealing the card 602 , card 603 and card 901.
  • the card 901, the card 603, the card 602, and the card 311 are arranged in sequence.
  • the suggestion card 2 when the display space required for tiled suggestion cards exceeds one screen, the suggestion card 2 is not directly displayed on the negative one screen 301 or is not completely displayed on the negative one screen 301 .
  • the suggestion card 2 is the card arranged at the bottom of the tiled suggestion cards.
  • the mobile phone may stack multiple suggestion cards again in response to the user's click operation on hot zone 4 or multiple upward slide operations on hot zone 3 .
  • the mobile phone may determine that the display space corresponding to the above-mentioned suggestion cards is not less than one screen.
  • the negative screen 301 includes the hot zone 3 and the hot zone 4 .
  • hot zone 3 is the hot zone corresponding to the suggestion card.
  • the hot zone 4 above is the hot zone corresponding to the return control. The back control described above can be used to indicate that the tiled suggestion cards are collapsed again.
  • negative one screen 301 includes area 1001 and area 1002 .
  • area 1001 is the hot area corresponding to the suggestion card.
  • the above-mentioned area 1002 is a hot area corresponding to the control 1003 .
  • the above-mentioned control 1003 may also be referred to as a first control, and is used for instructing to fold the tiled cards again. As such, this area 1002 is linked with an operational response for stacking suggested cards.
  • the mobile phone can receive the user's swipe up operation in the hot zone 3 (that is, the area 1001), such as called the swipe up operation 2, that is, the first swipe operation. 2. Swipe up operation. At the same time, in response to the sliding up operation 2, the mobile phone may gradually display the hidden suggestion cards until the suggestion card 2 is completely displayed on the negative screen 301 .
  • the mobile phone controls the first part of the tiled suggestion card to move upwards according to the second sliding up operation, and displays the second part of the tiled suggestion card, for example, the lower part of the card 901 .
  • the mobile phone can receive the user's swipe up operation in the hot zone 3 (that is, the area 1001), such as called swipe up Operation 3, that is, the third sliding up operation. Afterwards, the mobile phone can respond to the sliding up operation 3, as shown in (b) in FIG. 11 , to re-stack the suggested cards spread out in the negative screen 301 .
  • the mobile phone when the mobile phone receives the user's operation on the hot zone 4 (that is, the area 1002), as shown in (b) in Figure 11, the mobile phone can also re-stack the suggested cards spread out in the negative screen 301 .
  • the mobile phone can continue to receive the user's swipe up operation on the negative screen, such as the fourth swipe up operation, which can pull up the service card, that is, the mobile phone continues to control Stacks of advice cards, feature entry icons, and service cards continue to pan upward.
  • the mobile phone Limited by the display space of one negative screen, in the process of moving up the suggestion card, function entry icon and service card, the mobile phone will hide the stacked suggestion cards and function entry icons in turn until only the service card is displayed on the negative one screen. At this time, the resident service area 302 in the negative screen is expanded, and the mobile phone can display a part of hidden service cards.
  • the mobile phone can also receive the user's sliding up operation on the negative one screen, and in response to this operation, scroll and display the service cards in the resident service area 302, such as, Controls the display of another part of hidden service cards, so that users can view all service cards.
  • the service cards that were originally close to the function shortcut entry area will be hidden first.
  • the suggested cards when the mobile phone unfolds the stacked suggestion cards, the suggested cards may be tiled and unfolded sequentially according to the stacking order, as shown in FIG. 6A or FIG. 9 . In some other embodiments, the mobile phone may preferentially tile and unfold cards that have business associations with the displayed suggested cards.
  • the mobile phone determines to receive the user's sliding operation 4
  • the mobile phone queries the associated card of the top suggested card (such as the top card) from the card pile.
  • the above-mentioned associated card may be a suggested card that has a business relationship with the top card.
  • each suggestion card may correspond to a business attribute and an information source.
  • the mobile phone may determine that the multiple suggested cards are associated cards. For example, when schedule card 1 and schedule card 2 are suggestion cards belonging to the same card stack, schedule card 1 and schedule card 2 correspond to the same information source and business attribute, so they are related cards.
  • the mobile phone can use a preset AI model to determine whether there is a relationship between the display contents of the multiple suggestion cards.
  • the plurality of suggested cards are related cards.
  • card 311 and card 1201 in FIG. 12 belong to the same card pile, wherein card 311 is used to display flight information and card 1201 is used to display travel advice for navigating to the airport.
  • the mobile phone can recognize that card 311 and card 1201 display content are related through the AI model, so it can be determined that the two are related cards.
  • the mobile phone may respond to the sliding operation 4 and display the associated card in a tiled manner first.
  • the mobile phone may respond to the sliding operation 4 and display cards stacked under the top card and adjacent to the top card in a tiled manner.
  • the mobile phone searches for the associated card of the card 311 from the card pile.
  • the associated card of card 311 is found, such as card 1201
  • the mobile phone can gradually display card 1201 in negative screen 301, so that card 311 and card 1201 are in the card stack.
  • the mobile phone may receive the user's swipe up operation in the suggestion area 304 . And, in response to the swipe up operation, the card will be suggested to be folded. At this time, the display space occupied by the suggestion area 304 becomes smaller. Correspondingly, the function entry icons and service cards are also moved upwards.
  • the card 311 when the mobile phone receives the user's slide-up operation on the card 311, the card 311 may be folded, and the folded card 311 may display a summary of card content.
  • an embodiment of the present application provides a graphical user interface (graphical user interface, GUI) on a computer device, the computer device has a display screen, a touch-sensitive surface, a memory, and a program for executing one or more programs stored in the memory. or multiple processors.
  • GUI graphical user interface
  • the GUI includes a negative screen, a stack of suggested cards, a service card, and function entry icons. in:
  • the suggested cards in the card pile are tiled one by one, and a return control is displayed.
  • the display positions of the service card and the function entrance icon are moved down synchronously. As shown in (a), (b) and (c) in Fig. 6A. Alternatively, as shown in (a), (b), (c) and (d) in FIG. 9 .
  • the tiled suggestion cards are stacked together again.
  • the tiled suggestion cards are stacked together again.
  • the hidden suggestion card is displayed in response to the detection of the sliding operation on the suggestion card.
  • the suggested card 2 is the card arranged at the bottom among the suggested cards spread out in a tiled manner.
  • the tiled suggestion cards may be stacked together again in response to detecting manipulation of the back control.
  • the tiled suggestion cards are stacked together again.
  • the tiled suggestion cards are stacked together again.
  • the embodiment of the present application also provides an electronic device, and the electronic device may include: a memory and one or more processors.
  • the memory is coupled to the processor.
  • the memory is used to store computer program code comprising computer instructions.
  • the electronic device can be made to perform various steps performed by the mobile phone in the foregoing embodiments.
  • the electronic device includes, but is not limited to, the aforementioned memory and one or more processors.
  • the structure of the electronic device may refer to the structure of the mobile phone shown in FIG. 1 .
  • the chip system includes at least one processor 2201 and at least one interface circuit 2202 .
  • the processor 2201 may be a processor in the aforementioned electronic device.
  • the processor 2201 and the interface circuit 2202 may be interconnected through wires.
  • the processor 2201 can receive and execute computer instructions from the memory of the above-mentioned electronic device through the interface circuit 2202 .
  • the electronic device can be made to perform various steps performed by the mobile phone in the above-mentioned embodiments.
  • the chip system may also include other discrete devices, which is not specifically limited in this embodiment of the present application.
  • Each functional unit in each embodiment of the embodiment of the present application may be integrated into one processing unit, or each unit may physically exist separately, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units can be implemented in the form of hardware or in the form of software functional units.
  • the integrated unit is realized in the form of a software function unit and sold or used as an independent product, it can be stored in a computer-readable storage medium.
  • the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage
  • the medium includes several instructions to enable a computer device (which may be a personal computer, server, or network device, etc.) or a processor to execute all or part of the steps of the methods described in the various embodiments of the present application.
  • the aforementioned storage medium includes: flash memory, mobile hard disk, read-only memory, random access memory, magnetic disk or optical disk, and other various media capable of storing program codes.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种卡片信息显示方法、电子设备及图形用户界面，涉及终端技术领域。解决了用户查看推送信息的人机交互性差等问题。具体方案为：电子设备显示负一屏；电子设备接收第一操作；电子设备响应于第一操作，在负一屏中，显示平铺的多张第一卡片；其中，多张第一卡片的第一高度不超过第二高度；然后，电子设备响应于接收到的第一上滑操作，在负一屏的第一区域中再次显示堆叠的多张第一卡片；或者，电子设备响应于第一操作，在负一屏中，显示平铺的多张第一卡片中的第一部分；其中，多张第一卡片的第一高度超过第二高度；之后，电子设备响应于用户的多次上滑操作，在负一屏的第一区域中再次显示堆叠的多张第一卡片。

Description

一种卡片信息显示方法、电子设备及图形用户界面
本申请要求于2021年10月14日提交国家知识产权局、申请号为202111200126.X、发明名称为“一种卡片信息显示方法、电子设备及图形用户界面”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，尤其涉及一种卡片信息显示方法、电子设备及图形用户界面。
背景技术
信息爆炸时代，信息的更迭速度越来越快，用户拥有大量的信息获取渠道。快速获取到所需的有效信息，且不受无关信息打扰，成为用户的迫切需求。目前，电子设备通过卡片的方式，在负一屏中向用户推送已订阅的推送信息，可实现对海量的信息的过滤。
随着订阅的推送信息越来越多，在负一屏中平铺排列的卡片越来越多。然而，负一屏的显示空间有限，不能同时显示所有的卡片。用户需要翻阅所有的卡片，才能够避免重要的推送信息被遗漏。显然，用户查看推送信息的人机交互效率很低，负一屏的显示空间利用率也不高。
发明内容
本申请实施例提供一种卡片信息显示方法、电子设备及图形用户界面，在提高用户查看推送信息效率的同时，提高显示空间的利用率。
为达到上述目的，本申请采用如下技术方案：
第一方面，本申请实施例提供的一种卡片信息显示方法，所述方法包括：电子设备显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；所述电子设备接收第一操作；所述电子设备响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中，所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏显高度值；在显示平铺的所述多张第一卡片之后，所述电子设备响应于接收到的第一上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片，或者，所述电子设备响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；在显示所述第一部分之后，所述电子设备响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，所述电子设备响应于接收到的第三上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片。
在上述实施例中，电子设备显示负一屏时，多张卡片同类的卡片可以堆叠显示，如，多张第一卡片可以堆叠显示于第一区域。显然，堆叠的方式可以减少多张第一卡 片占用的显示资源。这样，负一屏还可以展示更多其他卡片，提升显示空间的使用率。
另外，电子设备还可以响应于用户的第一操作，将堆叠的第一卡片平铺展开，用户无需在多张第一卡片之间反复翻阅，就可以快速获取第一卡片所显示的信息内容。提高用户查看第一卡片的人机交互效率。
此外，在多张第一卡片平铺展开后，电子设备还可以依据用户的操作，将平铺的第一卡片再次堆叠。这样，也不会影响用户查看负一屏中其他卡片或消息。
另外，在平铺的第一卡片全部显示于负一屏时，用户通过简单上滑操作，指示电子设备将第一卡片堆叠，操作方便。
在平铺的第一卡片仅第一部分显示于负一屏时，用户的多次上滑操作即可指示第一卡片堆叠。在此过程中，负一屏可以显示平铺的第一卡片的第二部分。这样，可以确保电子设备依次显示所有的第一卡片，避免出现卡片遗漏显示的问题。在负一屏显示过平铺的所有第一卡片之后，再将平铺的第一卡片堆叠起来。
总而言之，在上述实施例中，提高显示空间利用率的同时，减少出现用户毫无头绪的翻阅所有卡片的场景出现，提高用户查看推送信息的人机交互效率。
在一些可能的实施例中，所述第一卡片是智能推荐卡片，用于显示第一信息；所述第一信息来源于一个或多个应用程序；所述第一信息包括时效信息、围栏信息和状态信息中的至少一项。
例如，第一信息是来源于日历应用的会议日程时，可以对应有时效信息，也即，会议开始时间。再例如，第一信息是来源于旅行订票应用程序的航班信息时，也可以对应有时效信息，也即，航班起飞时间点。再例如，第一信息是来源于物流应用的快递取件码，可以对应有围栏信息，也即，快递取件点的地理围栏。再例如，第一信息是来源于运动健康应用程序的实时运动量信息，可以对应有状态信息，也即，跑步状态。
当然，不同第一信息所对应的时效信息、围栏信息和状态信息，依据第一信息自身携带的内容和所属的消息类型确定。例如，电子设备内包括不同地理名称与围栏信息之间的对应关系。这样，电子设备从第一信息中提取到地理名称，可确定出第一信息的围栏信息。再比如，电子设备包括不同的消息类型和围栏信息之间的对应关系。这样，电子设备依据第一信息的消息类型也可确定对应的围栏信息。
在所述第一信息的时效信息、围栏信息和状态信息中至少一项满足预设条件时，所述第一卡片由所述电子设备推送至所述第一区域。
此外，所述负一屏还包括第二区域；所述第二区域包括至少一张第二卡片，所述第二卡片与应用程序相关联，用于显示相关联应用程序的第二信息；所述第二卡片为用户配置的卡片。
在上述实施例中，电子设备在适宜的时间、空间或者状态下，通过第一区域中的第一卡片提醒用户查看来源于至少一个应用程序的第一信息，实现针对不同应用程序的推送信息智能推送。同时，电子设备还通过第二卡片向用户实时展示相关联应用程序的第二信息，方便用户查看已订阅的信息。另外，在第一卡片的第一信息与第二区域中实际显示的第二信息相同时，还可以取消显示该第一卡片。可见，用户在同一界面下，既可以查看电子设备评估出当前需要查看的推送信息，又不必翻阅所有第二卡 片。同一界面下显示的第一卡片和第二卡片内容也不同，改善用户重复查看相同的推送信息的问题。如此，有效提高用户查看推送信息的人机交互效率。
在一些可能的实施例中，所述第二卡片排布在所述第一卡片的下方，在显示平铺的所述多张第一卡片或，显示平铺的所述多张第一卡片中的第一部分之前，所述方法还包括：所述电子设备控制所述多张第一卡片平铺展开；在平铺展开所述多张第一卡片的过程中，所述电子设备控制所述第二卡片向下平移，直至所述第二卡片被隐藏。
在上述实施例中，在第一卡片完全平铺展开之前，电子设备会一直控制第二卡片平行下移，直到多张第一卡片全部平铺或者，第二卡片从负一屏下边缘消失，也即被隐藏。另外，在第一卡片平铺展开的过程中，第二卡片仅需向下平移，为平铺的第一卡片提供显示空间。这样，无需创建新界面，用于显示平铺的第一卡片。也就不会出现多页面反复切换的问题，提高用户使用体验。此外，在平铺的第一卡片数量较少时，负一屏中依然可以显示第二卡片，避免影响用户查看第二卡片。
在一些可能的实施例中，所述第一区域中再次显示堆叠的所述多张第一卡片之前，所述方法还包括：所述电子设备依据所述第一上滑操作，堆叠所述多张第一卡片；在堆叠所述多张第一卡片的过程中，所述电子设备在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
在一些可能的实施例中，在显示所述多张第一卡片的第二部分之前，所述方法还包括：所述电子设备依据所述第二上滑操作，控制所述第一卡片向上平移；在所述负一屏已显示过所有的第一卡片之后，所述方法还包括：所述电子设备依据所述第三上滑操作，堆叠所述多张第一卡片；在堆叠所述多张第一卡片的过程中，所述电子设备在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
在一些可能的实施例中，所述方法还包括：在所述多张第一卡片堆叠显示于所述第一区域期间，所述电子设备响应于接收到的第四上滑操作；所述电子设备控制所述第一卡片和所述第二卡片，在所述负一屏中向上平移，并显示被隐藏的所述第二卡片。
在一些可能的实施例中，所述第一信息的时效信息满足所述预设条件的方式包括：所述第一信息的时效信息所指示的时段包含所述电子设备的当前系统时间。
其中，时效信息可以对应一个时间点，比如，会议日程的会议开始时间为早上9点，再比如，航班信息的航班起飞时间为早上8点。上述时效信息所指示的时段可以是包含该时间点的时间区间。比如，会议日程的时效信息所指示的时段可以是早上8点到9点之间，再比如，航班信息的时效信息所指示的时段可以是早上4点到8点之间。不同的第一信息的时效信息所指示的时段长短可以不同，不同时效信息所指示的时段长短可由用户预先配置。
在电子设备的系统时间属于时效信息所指示的时段的情况下，该时效信息所对应的第一信息属于满足预设条件的信息。从而，通过第一卡片在适宜的时间进行信息推送。
在一些可能的实施例中，所述第一信息的围栏信息满足所述预设条件的方式包括：所述第一信息的围栏信息所指示的地理区域覆盖所述电子设备的当前位置。
其中，上述围栏信息可以是地理围栏、Wi-Fi围栏、蓝牙围栏等之一或之间的组 合。
在电子设备位于第一信息的围栏信息所指示的地理区域后，第一信息也属于满足预设条件的信息。从而，通过第一卡片在适宜的地点进行信息推送。
在一些可能的实施例中，所述第一信息的状态信息满足所述预设条件的方式包括：所述第一信息的状态信息与持有所述电子设备的用户的当前状态相同。
其中，电子设备的加速度传感器、陀螺仪等检测到的运动信息，可用于确定持有电子设备的用户的当前状态。
在持有电子设备的用户的当前状态与第一信息的状态信息相同后，第一信息也属于满足预设条件的信息。从而，通过第一卡片在适宜的用户状态下进行信息推送。
在一些可能的实施例中，所述方法还包括：在显示所述负一屏的情况下，所述电子设备接收第二操作；所述电子设备响应于所述第二操作，显示可编辑的所述负一屏；在显示可编辑的所述负一屏期间，所述电子设备接收用户的第三操作；所述电子设备响应于所述第三操作，在所述第二区域中添加新的第二卡片，或者，删除所述第二区域中的第二卡片。
在上述实施例中，电子设备依据用户对应用程序的订阅行为进行创建第二卡片，确保第二卡片所展示的信息为用户所需的信息。另外，电子设备还可以依据用户取消订阅应用程序的行为，删除第二卡片。提高用户管理第二卡片的人机交互效率。
在一些可能的实施例中，电子设备接收到用户为第一卡片的操作，如，点击操作时，还可以显示第一卡片所对应的消息界面。该消息界面可以是第一卡片所对应的应用程序所提供的应用界面，也可以是第一卡片所对应的消息源所推送的界面。
在电子设备显示第一卡片所对应的消息界面之后，电子设备可以确定第一卡片已被处理，可以取消显示该第一卡片。
在一些可能的实施例中，在第一区域中仅有一张第一卡片的场景下，电子设备接收到用户对第一卡片的上滑操作，可以将第一卡片折叠，如，减小第一卡片的显示空间，并仅显示第一卡片的消息摘要，如，消息标题。
在一些可能的实施例中，所述负一屏还包括第三区域，所述第三区域包括：来源于一个或多个应用程序的功能入口图标。如，扫一扫图标、付款码图标等。上述功能入口图标可以方便用户快速使用对应的功能，如，启用扫码功能和付款功能等，提高负一屏的人机交互效率。
在一些可能的实施例中，所述负一屏还包括搜索栏。在电子设备接收到用户在搜索栏的输入操作时，可以依据用户输入的信息，如关键字，负一屏中关联的推送信息或卡片等。如，用户输入运动，可以查找负一屏中的应用程序“运动健康”所对应的第二卡片。
在一些可能的实施例中，所述第一区域还包括第一标识；所述第一标识用于提醒用户所述第一区域中堆叠有多张第一卡片。通过该也可以提示用户第一卡片是否全部展开。
在一些可能的实施例中，在显示平铺的所述多张第一卡片，或者显示平铺的所述多张第一卡片中的第一部分之后，所述方法还包括：所述电子设备在所述负一屏中，显示第一控件；所述第一控件用于指示将平铺的所述第一卡片再次堆叠。
在一些可能的实施例中，在显示平铺的所述多张第一卡片或者显示平铺的所述多张第一卡片中的第一部分之前，所述方法还包括：所述电子设备依据所述多张第一卡片的卡片数量，确定对应的所述第一高度。
第二方面，本申请实施例提供的一种电子设备，电子设备包括一个或多个处理器和存储器；所述存储器与处理器耦合，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，所述一个或多个处理器，用于：
显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；
接收第一操作；
响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中，所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏显高度值；在显示平铺的所述多张第一卡片之后，响应于接收到的第一上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片；
或者，响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；在显示所述第一部分之后，响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，响应于接收到的第三上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片。
在一些可能的实施例中，所述第一卡片是智能推荐卡片，用于显示第一信息；所述第一信息来源于一个或多个应用程序；所述第一信息包括时效信息、围栏信息和状态信息中的至少一项；在所述第一信息的时效信息、围栏信息和状态信息中至少一项满足预设条件时，所述第一卡片由所述电子设备推送至所述第一区域；
所述负一屏还包括第二区域；所述第二区域包括至少一张第二卡片，所述第二卡片与应用程序相关联，用于显示相关联应用程序的第二信息；所述第二卡片为用户配置的卡片。
在一些可能的实施例中，所述第二卡片排布在所述第一卡片的下方，在显示平铺的所述多张第一卡片，或者，显示平铺的所述多张第一卡片中的第一部分之前，所述一个或多个处理器，还用于：
控制所述多张第一卡片平铺展开；
在平铺展开所述多张第一卡片的过程中，控制所述第二卡片向下平移，直至所述第二卡片被隐藏。
在一些可能的实施例中，所述第一区域中再次显示堆叠的所述多张第一卡片之前，所述一个或多个处理器，还用于：
依据所述第一上滑操作，堆叠所述多张第一卡片；
在堆叠所述多张第一卡片的过程中，在所述负一屏中，显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
在一些可能的实施例中，在显示所述多张第一卡片的第二部分之前，所述一个或 多个处理器，还用于：依据所述第二上滑操作，控制所述第一卡片向上平移；
在所述负一屏已显示过所有的第一卡片之后，所述一个或多个处理器，还用于：依据所述第三上滑操作，堆叠所述多张第一卡片；
在堆叠所述多张第一卡片的过程中，在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
在一些可能的实施例中，所述一个或多个处理器，还用于：
在所述多张第一卡片堆叠显示于所述第一区域期间，响应于接收到的第四上滑操作；
控制所述第一卡片和所述第二卡片，在所述负一屏中向上平移，并显示被隐藏的所述第二卡片。
在一些可能的实施例中，所述第一信息的时效信息满足所述预设条件的方式包括：所述第一信息的时效信息所指示的时段包含所述电子设备的当前系统时间；
所述第一信息的围栏信息满足所述预设条件的方式包括：所述第一信息的围栏信息所指示的地理区域覆盖所述电子设备的当前位置；
所述第一信息的状态信息满足所述预设条件的方式包括：所述第一信息的状态信息与持有所述电子设备的用户的当前状态相同。
在一些可能的实施例中，所述一个或多个处理器，还用于：
在显示所述负一屏的情况下，接收第二操作；
响应于所述第二操作，显示可编辑的所述负一屏；
在显示可编辑的所述负一屏期间，接收用户的第三操作；
响应于所述第三操作，在所述第二区域中添加新的第二卡片，或者，删除所述第二区域中的第二卡片。
在一些可能的实施例中，所述负一屏还包括第三区域，所述第三区域包括：来源于一个或多个应用程序的功能入口图标。
在一些可能的实施例中，所述第一区域还包括第一标识；所述第一标识用于提醒用户所述第一区域中堆叠有多张第一卡片。
在一些可能的实施例中，在显示平铺的所述多张第一卡片，或者显示平铺的所述多张第一卡片中的第一部分之后，所述一个或多个处理器，还用于：
在所述负一屏中，显示第一控件；所述第一控件用于指示将平铺的所述第一卡片再次堆叠。
在一些可能的实施例中，在显示平铺的所述多张第一卡片或者显示平铺的所述多张第一卡片中的第一部分之前，所述一个或多个处理器，还用于：依据所述多张第一卡片的卡片数量，确定对应的所述第一高度。
第三方面，本申请实施例提供的一种电子设备上的图形用户界面，所述电子设备具有显示屏、存储器和执行存储于存储器中的一个或多个指令的一个或多个处理器，其中：响应于检测到第四操作，显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；响应于接收到的第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中，所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏 显高度；响应于接收到的第一上滑操作，在所述第一区域中再次显示堆叠的所述多张第一卡片；或者，响应于接收到所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，响应于接收到的第三上滑操作，在所述第一区域中再次显示堆叠的所述多张第一卡片。
第四方面，本申请实施例提供的一种计算机存储介质，包括计算机指令，当所述计算机指令在电子设备上运行时，使得电子设备执行上述第一方面及其可能的实施例中所述的方法。
第五方面，本申请提供一种计算机程序产品，当计算机程序产品在上述电子设备上运行时，使得电子设备执行上述第一方面及其可能的实施例中所述的方法。
可以理解地，上述各个方面所提供的电子设备、图形用户界面、计算机可读存储介质以及计算机程序产品均应用于上文所提供的对应方法，因此，其所能达到的有益效果可参考上文所提供的对应方法中的有益效果，此处不再赘述。
附图说明
图1为本申请实施例提供的终端设备的硬件架构示意图；
图2为一些实施例中负一屏的示例图；
图3为本申请实施例提供的负一屏示例图；
图4A为本申请实施例提供的手机的显示示例图之一；
图4B为本申请实施例提供的以负一屏为参照物的方位示意图；
图5为本申请实施例提供的卡片信息显示方法的步骤流程图；
图6A为本申请实施例提供的手机的显示示例图之二；
图6B为本申请实施例提供的手机的显示示例图之三；
图7为本申请实施例提供的负一屏的热区示意图；
图8为本申请实施例提供的手机的显示示例图之四；
图9为本申请实施例提供的手机的显示示例图之五；
图10为本申请实施例提供的手机的显示示例图之六；
图11为本申请实施例提供的手机的显示示例图之七；
图12为本申请实施例提供的手机的显示示例图之八；
图13为本申请实施例提供的手机的显示示例图之九；
图14为本申请实施例提供的一种芯片系统的组成示意图。
具体实施方式
以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。
下面将结合附图对本实施例的实施方式进行详细描述。
本申请实施例提供了一种卡片信息显示方法，可以应用于具有显示屏的电子设备。其中，上述显示屏可以显示堆叠的多张卡片信息(也可简称卡片)。这样，多张卡片 所需的显示空间与一张卡片所需的显示空间相同，有效的节约显示空间。此外，该电子设备还可以依据用户的操作，平铺展开堆叠的卡片，用户方便阅览。在卡片都平铺展开的情况下，电子设备还可以依据用户的操作，将平铺的卡片再次堆叠在一起。不仅节约电子设备的显示空间，还可以提高用户查看信息的人机交互效率。
另外，上述电子设备可以是手机、平板电脑、可穿戴设备、车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)等具有显示屏的设备，本申请实施例对电子设备的具体类型不作任何限制。
示例性的，图1是本申请实施例提供的一例电子设备的结构示意图。如图1所示，电子设备(如手机)可以包括：处理器210，外部存储器接口220，内部存储器221，通用串行总线(universal serial bus，USB)接口230，充电管理模块240，电源管理模块241，电池242，天线1，天线2，移动通信模块250，无线通信模块260，音频模块270，扬声器270A，受话器270B，麦克风270C，耳机接口270D，传感器模块280，按键290，马达291，指示器292，摄像头293，显示屏294，以及用户标识模块(subscriber identification module，SIM)卡接口295等。
其中，上述传感器模块280可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器和骨传导传感器等传感器。
可以理解的是，本实施例示意的结构并不构成对电子设备的具体限定。在另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器210可以包括一个或多个处理单元，例如：处理器210可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以是电子设备的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器210中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器210中的存储器为高速缓冲存储器。该存储器可以保存处理器210刚用过或循环使用的指令或数据。如果处理器210需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器210的等待时间，因而提高了系统的效率。
在一些实施例中，处理器210可以包括一个或多个接口。接口可以包括集成电路(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)接口等。
可以理解的是，本实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备的结构限定。在另一些实施例中，电子设备也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块240用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。充电管理模块240为电池242充电的同时，还可以通过电源管理模块241为电子设备供电。
电源管理模块241用于连接电池242，充电管理模块240与处理器210。电源管理模块241接收电池242和/或充电管理模块240的输入，为处理器210，内部存储器221，外部存储器，显示屏294，摄像头293，和无线通信模块260等供电。在一些实施例中，电源管理模块241和充电管理模块240也可以设置于同一个器件中。
电子设备的无线通信功能可以通过天线1，天线2，移动通信模块250，无线通信模块260，调制解调处理器以及基带处理器等实现。在一些实施例中，电子设备的天线1和移动通信模块250耦合，天线2和无线通信模块260耦合，使得电子设备可以通过无线通信技术与网络以及其他设备通信，如与可穿戴设备通信。
天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块250可以提供应用在电子设备上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块250可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块250可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。
移动通信模块250还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块250的至少部分功能模块可以被设置于处理器210中。在一些实施例中，移动通信模块250的至少部分功能模块可以与处理器210的至少部分模块被设置在同一个器件中。
无线通信模块260可以提供应用在电子设备上的包括WLAN(如(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。
其中，GNSS可以包括北斗卫星导航系统(beidou navigation satellite system，BDS)，全球定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
无线通信模块260可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块260经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信 号发送到处理器210。无线通信模块260还可以从处理器210接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
电子设备通过GPU，显示屏294，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏294和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器210可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏294用于显示图像，视频等。该显示屏294包括显示面板。
电子设备可以通过ISP，摄像头293，视频编解码器，GPU，显示屏294以及应用处理器等实现拍摄功能。ISP用于处理摄像头293反馈的数据。摄像头293用于捕获静态图像或视频。在一些实施例中，电子设备可以包括1个或N个摄像头293，N为大于1的正整数。
外部存储器接口220可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口220与处理器210通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器221可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器210通过运行存储在内部存储器221的指令，从而执行电子设备的各种功能应用以及数据处理。例如，在本申请实施例中，处理器210可以通过执行存储在内部存储器221中的指令，内部存储器221可以包括存储程序区和存储数据区。
其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器221可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
可以理解的是，本申请实施例示意的结构并不构成对电子设备的具体限定。在本申请另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
为了下述各实施例的描述清楚简洁，首先给出相关概念或技术的简要介绍：
目前，电子设备设有负一屏。可以理解的，负一屏可以是电子设备最左侧分屏，用于为用户提供搜索、应用建议、快捷服务、智能场景等功能。
显然地，负一屏可以用于显示需向用户推送的信息，如，用户订阅的应用消息、实时热搜消息等。在负一屏中，上述信息通常采用卡片的形式呈现。卡片具有醒目的外形，可以提醒用户关注到卡片上所显示的信息。
在一些示例中，在电子设备接收到用户指示显示负一屏的操作，如称为第四操作，如，在图2中的(a)所示的桌面201接收到右滑操作时，可显示如图2中的(b)所示的负一屏202。
其中，如图2中的(b)所示，上述负一屏202中包括一些快捷服务功能，如，应用程序某个页面的快捷入口(付款码、扫一扫等)。
另外，上述负一屏202还包括多个订阅卡片，用于显示已订阅的信息源所发布的 推送信息。例如，负一屏202包括卡片203和卡片204。卡片203和卡片204所对应的信息源可以不同，卡片203和卡片204所显示的内容也不同。
如图2中的(b)所示，卡片203用于显示应用使用消息，上述应用使用消息是用户订阅的系统消息。此外，卡片203还对应一包含应用使用信息的系统界面。在用户点击卡片203的情况下，电子设备可以显示该系统界面。
再如图2中的(b)所示，卡片204用于显示停车消息，上述停车消息来自于停车APP的消息服务器。此外，卡片204还对应停车APP中的一个应用界面，在用户点击卡片204的情况下，电子设备可以显示该应用界面。
此外，在信息源发布新的推送消息时，对应的订阅卡片也会更新所显示的内容。这样，负一屏202中的订阅卡片需平铺排布。然而，负一屏201会固定显示快捷服务功能，故，负一屏202中可用于显示订阅卡片的区域十分有限。
这样，在用户配置的卡片少的情况下，如图2中的(b)所示的情况下，用户在负一屏202能快速查看所有订阅的信息。在卡片较多的情况下，平铺排布所需显示空间较大的影响，部分订阅卡片也会被隐藏。
此外，无论负一屏202是否直接显示订阅卡片，订阅卡片所显示的内容都会持续更新。用户无法预知急需查看的信息由那一张订阅卡片进行显示，故，手机显示负一屏202之后，用户需要翻阅所有订阅卡片。导致降低手机的人机交互效率。
为了改善上述问题，本申请实施例提供了一种卡片信息显示方法，电子设备可以动态确定负一屏中的常驻服务区、功能快捷入口区和建议区。
其中，建议区包括系统级别的卡片，如称为建议卡片，也即第一卡片。上述建议卡片是智能推荐卡片。示例性地，建议卡片可以是在电子设备中存在满足预设条件的推送信息时，所创建的卡片。此外，上述满足预设条件的推送信息可以是：电子设备从所有信息源提供的推送信息中，筛选出的用户当前场景下需要查看的信息。
示例性地，筛选出的推送信息可以是当前场景下紧急程度高的推送信息。比如，已到会议时间的会议日程。又示例性地，筛选出的推送信息是也可以是与当前场景关联的推送信息。比如，当前场景为快递取件点，则关联的推送信息为快递取件码。再示例性地，筛选出的推送信息还可以是重要程度高的推送信息等，比如，用户标注在当前时段内高重要等级的日程。
在一些示例中，建议卡片可以是交互性的卡片。在建议卡片显示应用程序1的推送信息时，该建议卡片可提供启动应用程序1的启动接口。这样，电子设备接收到用户对建议卡片的操作时，可显示应用程序1中的一个应用界面。
另外，电子设备评估出建议卡片所显示内容不再需用户查看时，还可以取消显示该建议卡片或者隐藏显示该建议卡片。比如，在接收到用户对建议卡片的操作或者实时场景与该建议卡片的推送信息不再匹配等情况下，可以取消显示该建议卡片或隐藏显示该建议卡片。当然，出现新的建议卡片后，可替代原建议卡片置顶显示于建议区。
上述常驻服务区包括多个应用级的卡片，又称为服务卡片，也即第二卡片。上述服务卡片是电子设备响应于用户订阅应用程序的操作而创建的卡片。服务卡片与被订阅的应用程序之间存在关联。与服务卡片关联的应用程序又可称为关联应用。另外，服务卡片可用于显示关联应用推送的第二信息。
在一些示例中，上述服务卡片可以用于显示关联应用的信息源所提供的推送信息。在关联应用的信息源发布新的推送信息时，对应的服务卡片也更新显示内容。在另一些示例中，服务卡片还可以提供关联应用的启动接口。也即，用户可以通过点击服务卡片，触发电子设备显示关联应用所提供的应用界面。另外，与建议卡片不同的是，服务卡片在常驻服务区中长期显示。
可见，本申请实施例中，对于用户订阅的信息和电子设备评估出用户需要的信息，可在同界面中采用不同级别的卡片进行显示。这样既可以完整的展示用户订阅的信息，也减少用户翻阅所有卡片检查是否存在急需处理的推送信息，提高用户查看推送信息的人机交互效率。
以图3所示的手机进行举例。如图3所示，手机的负一屏301包括常驻服务区302、快捷入口区303以及建议区304。
在一些实施例中，常驻服务区302显示有服务卡片305、服务卡片306和服务卡片307。上述服务卡片305、服务卡片306和服务卡片307均为订阅卡片，并分别与用户订阅的运动健康APP、智能卡片APP和应用管理APP一一对应。其中，服务卡片305用于显示运动健康APP所对应的推送信息，服务卡片306用于显示智能卡片APP所对应的推送信息，服务卡片307用于显示应用管理APP所对应的推送信息。应用程序所对应的推送信息更新，服务卡片所显示的内容也更新。虽然服务卡片的内容会变化，但服务卡片可以在常驻服务区302中可以长期保留。当然，在用户取消订阅服务卡片所对应的应用程序的信息时，可从常驻服务区302中取消显示该服务卡片。
在手机接收到用户对服务卡片305的操作，如点击操作时，手机可显示运动健康APP的应用界面。在手机接收到用户对服务卡片306的操作，如点击操作时，手机可显示智能卡片APP的应用界面。在手机接收到用户对服务卡片307的操作，如点击操作时，手机可显示应用管理APP的应用界面。
另外，服务卡片可以是用户手动配置的卡片。
示例性地，手机在负一屏中可以接收到用户指示编辑服务卡片的操作(如称为第二操作)，如，长按负一屏空白区，或者，点击负一屏中指示编辑的控件，如，控件313。然后，手机可以响应于该操作，显示可编辑状态的负一屏。在可编辑的负一屏中，仅常驻服务区中的服务卡片可被调整。
其中，可编辑的负一屏中包括用于指示添加服务卡片的控件和指示完成的控件。在手机接收到用户对指示完成的控件的操作，如点击操作时，取消负一屏的可编辑状态。
在一些实施例中，在手机检测到用户对指示添加服务卡片的控件进行操作，如点击操作时，显示配置窗口。其中，配置窗口中罗列了可添加服务卡片的应用程序，如应用1。
另外，在手机接收到用户在配置窗口中对应用1的操作时，手机确定用户指示订阅该应用1，并创建对应的服务卡片，用于显示应用1所推送的信息。可以理解的，在可编辑的负一屏中，实现添加新服务卡片的操作，可称为第三操作。
另外，在可编辑的负一屏中，每一张服务卡片都对应显示有删除控件。在手机接收到用户对服务卡片1所对应的删除控件的操作时，删除该服务卡片1。这样，常驻 服务区中也会取消显示服务卡片1。可以理解的，在可编辑的负一屏中，实现删减服务卡片的操作，也可称为第三操作。
也就是，手机的负一屏301中利用常驻服务区302，采用长期稳定的方式显示用户订阅的应用程序的推送信息。
在一些实施例中，上述功能快捷入口区303，可以包括至少一个功能入口图标，如，图标308、图标309和图标310等。功能入口图标与应用程序的指定功能对应。在手机接收到针对功能入口图标的操作，可启用对应的功能。比如，接收到对图标308的操作时，可启用扫描功能。
此外，如图3所示，负一屏301中还包括搜索栏312。该搜索栏312可用于根据用户输入的关键词，查找相关的推送信息或功能入口。
在一些实施例中，上述建议区304可以显示卡片311。该卡片311也就是建议卡片。卡片311中包括：由旅行订票APP所提供的航班信息。上述航班信息是手机从来自多个信息源的推送信息中，评估出用户此时需要查看的推送信息。在手机接收到用户对该卡片311的操作时，可启动旅行订票APP。
换句话说，手机的建议区304可以优先展示手机评估出的用户所需的推送信息。同时，配合常驻服务区302中的服务卡片可以长期显示指定信息源的消息，确保用户能够得到全面的订阅信息，又可以快速得到用户此时需要查看推送信息，从而，提升用户查阅推送信息的人机交互效率。
当然，建议区304显示卡片311仅为一个示例。在一些实施例中，手机可以依据识别出的实际场景确定建议区304中实际需显示的建议卡片。
在一些实施例中，手机可以聚汇来自多个消息服务器发出的推送信息。其中，上述消息服务器可以是提供已安装应用程序的相关信息的信息源，也可以是提供其他热门信息的信息源，还可以是提供手机系统信息的信息源。在本申请实施例中，对此本申请不作具体限定。
在本实施例中，手机汇聚的推送信息又可称为第一信息，第一信息在满足预设条件的情况下，手机可创建用于显示该第一信息的建议卡片，并将该建议卡片被推送到建议区304中。
作为一种实现方式，第一信息可以对应以下至少一项信息：时效信息、围栏信息和状态信息。其中，上述时效信息、围栏信息和状态信息，可依据第一信息的实际内容和所属的消息类型而定。
示例性地，第一信息的实际内容包括具体时间点时，第一信息可对应时效信息。例如，日程提醒信息中包括日程时间，则日程提醒信息对应有时效信息，同时，该时效信息可以据日程时间而定。又示例性地，第一信息的实际内容包括地理名称时，第一信息可对应围栏信息。例如，快递取件信息包括快递取件点的位置，则该快递取件信息对应有围栏信息，该围栏信息可指示该快递取件点。再示例性地，预先配置有第一信息所属的消息类型与围栏信息存在关联时，第一信息也可以对应围栏信息。例如，预先设置乘车类信息与公交车站或地铁站等公共区域的地理围栏存在关联。这样，在第一信息为乘车码时，对应有地理围栏。再示例性地，第一信息所属的消息类型与状态信息存在关联时，第一信息可以对应状态信息。
在第一信息的时效信息、围栏信息和状态信息中至少一项满足预设条件时，可确定该第一信息为当前场景下需要查看的信息，也即，与实际场景相匹配的推送信息1。
在一些可能的实施例中，第一信息的时效信息满足所述预设条件的方式包括：所述第一信息的时效信息所指示的时段包含手机的当前系统时间。其中，时效信息可以对应一个时间点，上述时效信息所指示的时段可以是包含该时间点的时间区间。不同的第一信息的时效信息所指示的时段长短可以不同，也可以由用户预先配置。在手机的当前系统时间属于时效信息所指示的时段时，该时效信息所对应的第一信息属于满足预设条件的信息。
在一些可能的实施例中，第一信息的围栏信息满足预设条件的方式包括：第一信息的围栏信息所指示的地理区域覆盖手机的当前位置。在手机位于第一信息的围栏信息所指示的地理区域后，第一信息也属于满足预设条件的信息。
在一些可能的实施例中，第一信息的状态信息满足所述预设条件的方式包括：第一信息的状态信息与持有手机的用户的当前状态相同。其中，状态信息可以包括跑步状态、行走状态和静止状态。手机的加速度传感器、陀螺仪等检测到的运动信息，可用于确定持有手机的用户所对应的当前状态。在用户的当前状态与第一信息的状态信息相同后，第一信息也属于满足预设条件的信息。
通过上述方式，手机可以实时地确定出与实际场景所匹配的推送信息1，并创建相应的建议卡片，从而，提示用户关注到该推送信息1。
显然，在一些场景下，需要显示于建议区304可能包括多张。例如，手机同时确定出多条与实际场景匹配的推送信息1的场景下，手机会同时创建出多张建议卡片，用于分别显示所确定出的推送信息1。再例如，在建议区304显示的建议卡片未被处理的情况下，手机根据当前的实际场景确定出新的建议卡片。
在本申请实施例中，在建议区304需显示多张建议卡片的情况下，多张建议卡片可以堆叠显示于建议区304。堆叠显示的多张建议卡片组成卡片堆。
在一些示例中，上述卡片堆可以按照建议卡片的创建时间顺序进行堆叠，将最新创建的建议卡片堆叠在最前，将最先创建的建议卡片堆叠在最后。这样，用户翻阅建议卡片时，可先查看创建时间近的卡片。
在另一些示例中，手机可以按照预设的规则评估各个建议卡片的优先级。上述按照预设的规则可以是：手机利用预置的人工智能模型(AI)，对建议卡片所显示的内容进行紧急程度的评估。然后，依据内容的紧急程度确定建议卡片的优先级。通常内容紧急程度越高，优先级越高。
然后，按照建议卡片的优先级，堆叠建议卡片。这样，使优先级最高的建议卡片堆叠在最前，优先级最低的建议卡片堆叠在最后。这样，用户翻阅建议卡片时，可先查看优先级高的卡片。
当然，存在多张建议卡片的优先级相同的情况下，也可以将具有相同优先级的卡片按照创建的时间先后顺序进行堆叠。
在一些实施例中，多张建议卡片堆叠时，负一屏301中建议区304所占的显示区域可称为第一区域，常驻服务区302所占的显示区域又称为第二区域，功能快捷入口区303所占的区域又称为第三区域。
在一些实施例中，多张建议卡片组成卡片堆的情况下，建议区304可以包括卡片堆的视图窗口。该视图窗口用于显示卡片堆中置顶的建议卡片。换句话说，建议区304中实际绘制的卡片为卡片堆中置顶的建议卡片。
示例性地，如图4A所示，卡片311是卡片堆中置顶的建议卡片。在建议区304显示卡片堆期间，实际显示的卡片为卡片311。此外，还可以相对于卡片311显示提醒标识，通过该提醒标识提示用户卡片311之下堆叠有其他卡片。
例如，如图4A中的(a)所示，建议区304中还包括导航栏401。该导航栏401与卡片311对应显示，用于提醒用户卡片311之下堆叠有其他卡片，并且提示用户可以通过翻页等操作查看其他卡片。这样，手机接收到针对导航栏401的滑动操作1或者接收到针对建议区304的滑动操作2时，手机可以改变卡片堆中置顶的建议卡片。从而，实现在建议区304中显示卡不同的建议卡片。其中，上述滑动操作2可以沿着方向1的滑动。例如，滑动操作2可以是向左滑动。再例如，滑动操作2还可以是向右滑动。
需要说明的是，上述向左、向右可以是以用户界面为参照物所确定的方向。示例性地，作为参考物的用户界面是负一屏301的情况下，负一屏301的上侧、下侧、左侧和右侧如图4B所示。这样，向上可以是朝向负一屏上侧的方向，向下可以是朝向负一屏的下侧的方向。向左可以是朝向负一屏左侧的方向。向右可以是朝向负一屏的右侧的方向。
再例如，如图4A中的(b)所示，建议区304中还包括堆叠标识402。上述堆叠标识402也与卡片311对应显示。此外，还可以文字提醒用户当前堆叠的建议卡片的数量。这样，手机接收到针对堆叠标识402的滑动操作3或者接收到针对建议区304的滑动操作2时，手机可以改变卡片堆中置顶的建议卡片，实现在建议区304中显示不同的建议卡片。
上述导航栏401和堆叠标识402均可称为第一标识。该第一标识可以用于提醒用户建议区304中存在堆叠卡片。
以上示例中，例举了通过改变卡片堆中置顶的建议卡片，实现切换显示卡片堆中不同的建议卡片，从而，方便用户查看堆叠在一起的建议卡片。除此之外，用户还可以指示手机平铺展示卡片堆中的建议卡片，方便用户查看卡片堆中所有的建议卡片。
如图5所示，本申请实施例提供的一种卡片信息显示方法，可以包括以下步骤：
S101，在手机显示负一屏期间，手机可以接收指示展开卡片堆的滑动操作4。
在一些实施例中，上述滑动操作4，又可称为第一操作，可以是用户在显示屏上的下滑动作。上述滑动操作4所对应的滑动轨迹起始于区域1。上述区域1可以是包含建议区304的显示区域。例如，区域1可以是图4B中所示的显示区域403。再如，区域1还可以是整个负一屏301，也即，用户在负一屏301中任意位置的下滑操作，均可视为滑动操作4。
示例性地，用户的手指与显示区域403接触时，手机可以检测到用户与手机显示屏之间的触点。当然，该触点位于显示区域403中。之后，用户的手指以触点为起点，向下滑动。对应地，手机可以检测到多个触点，多个触点在显示屏中的位置可以构成轨迹，也即，滑动轨迹。在上述滑动轨迹向下延伸时，手机可以确定接收到滑动操作 4。
S102，手机响应于滑动操作4，将卡片堆中的建议卡片平铺展开。
可以理解的，上述建议区304是指负一屏301中，实际用于显示建议卡片的显示区域，随着负一屏301中平铺展开的建议卡片越多，建议区304所占的显示区域也会增加。也就是，在一些实施例中，平铺展开建议卡片的过程中，建议区304所对应的显示空间逐步增加。示例性地，建议区304所占的显示空间由已展开的建议卡片的高度决定。
另外，常驻服务区302是指负一屏301中，实际用于显示服务卡片的显示区域，功能快捷入口区303是指负一屏301中，实际用于显示功能入口图标的显示区域。随着多张建议卡片平铺展开，功能入口图标和服务卡片也会平行下移，这样，常驻服务区302和功能快捷入口区303所对应的显示区域也会发生变化。
当然，由于负一屏301的显示空间有限，在服务卡片和功能入口图标下移的过程中，服务卡片和功能入口图标会被依次被隐藏。这样，常驻服务区302和功能快捷入口区303所占的显示区域也依次减少。例如，随着建议卡片的平铺展开，位于功能入口图标的下侧的服务卡片先被隐藏，这样，常驻服务区302所对应的显示区域开始减少。在负一屏301不包括常驻服务区302之后，手机继续平铺展开建议卡片，那么功能入口图标也会被隐藏。这样，功能快捷入口区303所对应的显示区域也开始减少，直至负一屏301中不包括功能快捷入口区303。
在一些实施例中，平铺展开堆叠的建议卡片的方式可以是包括以下两种：
方式一：跟手展开。也就是，手机滑动的过程中，建议卡片跟随手指逐张平铺展开。
作为一种实现方式，建议卡片跟随手指逐张平铺展开的过程如下：
首先，手机可以实时地获取滑动操作4所对应的轨迹长度。
示例性地，轨迹长度可以是用户手指在显示屏上实际滑动的距离，如称为长度1。
又示例性地，在用户手指离开显示屏之前，上述轨迹距离可以是长度1。在手指离开显示屏之后，上述轨迹长度还可以是当前的长度1与滑动惯性距离之和。其中，上述滑动惯性距离可以是一个固定值。或者，上述滑动惯性距离还可以根据用户手指在显示屏上的滑动速度而定。例如，不同的速度对应不同的滑动惯性距离。
其次，在轨迹长度增加的过程中，堆叠的建议卡片逐张减少，铺开显示的建议卡片逐张增加。
例如，在用户手指刚与区域1接触，且未实际滑动时，手机可以检测到位于区域1的触点。此时，如图6A中的(a)所示，手机的负一屏301中实际显示的建议卡片仅有卡片311，其他建议卡片依然堆叠在卡片311之下。此外，卡片堆所对应的导航栏401中，显示有与堆叠的建议卡片一一对应的导航点。在图6A中的(a)所对应的示例中，导航栏401可以指示卡片堆中存在3张建议卡片。
之后，用户的手指在显示屏上滑动。这样，手机可以检测到滑动操作4，并获得滑动操作4所对应的轨迹长度。可以理解的，手指在显示屏上滑动过程中，手机得到的轨迹长度也在增长。另外，在轨迹长度增长的过程中，如图6A中的(b)所示，堆叠于卡片311之下的卡片602，也从卡片311的下方滑出。在一些示例中，在轨迹长 度超过第一长度值时，卡片602完整的显示于卡片311的下方。其中，上述第一长度值可以与单张建议卡片的高度。换句话说，在手机确定滑动操作4所对应的轨迹长度超过单张建议卡片的高度时，卡片602与卡片311以平铺的形式显示于负一屏301中。
当然，在轨迹距离达到第一长度值时，负一屏301中铺展显示的建议卡片增加一张，卡片堆中的建议卡片减少一张。此时，卡片311的一侧依然显示有导航栏401。该导航栏401中包括两个导航点，从而提示用户卡片311之下还堆叠有一张建议卡片，如，图6A中的(c)示出的卡片603。在此场景下，手机可以接收用户对卡片311的滑动操作2，并响应于该滑动操作2，将卡片603调整为卡片堆中置顶的建议卡片。这样，负一屏301中将显示卡片603，并隐藏卡片311。卡片603与卡片311依然堆叠在一起。
另外，在轨迹长度达到第一长度值之后，用户还可以在显示屏上继续往下滑。在下滑的过程中，滑动操作4的轨迹长度会继续增加。响应于轨迹长度的增加，卡片603可以从卡片602的下方滑出。在一些示例中，在轨迹长度超过第二长度值时，如图6A中的(c)所示，卡片603完整的显示于卡片602的下方。其中，上述第二长度值可以是两张建议卡片的高度，或者，略大于两张建议卡片的高度。
结合图6A中的(a)、(b)和(c)可见，随着平铺显示的建议卡片增多，负一屏301中的建议区304所对应的显示区域增加。与此同时，功能入口图标和服务卡片平行下移。这样，常驻服务区302和功能快捷入口区303逐步减少。例如，图6A中的(b)所示，在卡片602与卡片311以平铺的形式显示于负一屏301时，部分服务卡片被隐藏，常驻服务区302所对应的显示区域减少。图6A中的(c)所示，在卡片602、卡片603与卡片311以平铺的形式显示于负一屏301时，由于负一屏301剩余的显示空间仅够显示功能入口图标，故，所有服务卡片都被隐藏，负一屏301中不包括常驻服务区302。
另外，在卡片堆的所有建议卡片均平铺展开后，如图6A中的(c)所示，建议区304中还取消显示导航栏，从而，指示建议区中不包含堆叠的卡片。
再例如，如图6B所示，在滑动操作4所对应的轨迹长度增加的过程中，还可以是卡片311跟随用户的手指下滑，然后逐渐露出堆叠在卡片311之下的建议卡片。也即，在轨迹长度达到第一长度值时，完全露出卡片602，此时，卡片311位于卡片602的下侧。在轨迹长度从第一长度值增长到第二长度值的过程中，卡片602和卡片311同步下移，这样堆叠于卡片602之下的建议卡片，也即，卡片603，也逐步露出。在轨迹长度达到第二长度值之后，完全露出卡片603。此时，卡片603位于卡片602的上侧。
方式二：同步展开。也就是，在确定接收到滑动操作4之后，手机将卡片堆中所有的建议卡片同时平铺显示于负一屏301中。
在一些实施例中，通过上述任何一种方式将堆叠的建议卡片均平铺展开之后，负一屏301中包括至少两个热区，如热区1和热区2。可以理解地，热区就是在用户界面(如负一屏)中上进行了链接的一个区域。
示例性地，上述热区1可以是建议卡片所对应的热区，如，图7中的区域701。该区域701用于链接针对建议卡片的操作响应。另外，上述热区2可以是返回控件(控 件703)所对应的热区，如，图7中的区域702。其中，返回控件可以用于指示将平铺的建议卡片再次折叠，又称为第一控件。该区域702链接有指示建议卡片折叠的操作响应。
另外，在铺展开的建议卡片数量不同时，热区1和热区2所对应的显示位置不同。特别是热区1，在展开的建议卡片数量不同时，热区1所覆盖的范围和所连接的操作响应也会不同。
S103，在平铺的建议卡片所占显示空间不大于一屏的情况下，手机可以响应于用户对热区1或热区2的操作，将多张建议卡片再次堆叠。
在一些实施例中，手机可以依据已平铺展开的建议卡片所对应的总高度，又称为第一高度，确定平铺的建议卡片所占显示空间是否超过一屏。
示例性地，上述总高度可以是建议卡片1的上边缘和建议卡片2的下边缘之间的距离值。其中，建议卡片1为平铺显示的第一张建议卡片。另外，建议卡片2为平铺显示的最后一张建议卡片。
例如，图6A中的(a)所示的负一屏301中，建议卡片1可以是卡片311，建议卡片2也可以是卡片311。在图6A中的(a)所示的负一屏301中，对应的总高度为卡片311的上边缘和下边缘之间的距离，也就是，卡片311的卡片高度。再如，图6A中的(b)所示的负一屏301中，建议卡片1可以是卡片311，建议卡片2可以是卡片602。在图6A中的(b)所示的负一屏301中，对应的总高度为卡片311上边缘与卡片602下边缘之间的距离值。又如，图6A中的(c)所示的负一屏301中，建议卡片1可以是卡片311，建议卡片2可以是卡片603。在图6A中的(c)所示的负一屏301中，对应的总高度为卡片311上边缘与卡片603下边缘之间的距离值。
再例如，图6B中所示的负一屏301中，建议卡片平铺展开的过程中，建议卡片1依次从卡片311变为卡片602，再变为卡片603。而建议卡片2始终为卡片311。
可以理解地，手机渲染负一屏的过程中，会确定负一屏的各个元素(如，卡片、控件等)的尺寸(如，宽度值和高度值)、排布、深度等信息。这样，不仅在建议卡片平铺展开过程中，手机可以依据平铺的建议卡片的卡片高度和排布间距，实时地获取平铺展开的建议卡片所对应的总高度。在建议卡片完成平铺展开之后，手机也可以获取平铺展开的建议卡片所对应的总高度。
又示例性地，上述总高度可以是所有建议卡片的卡片高度的总和。这样，手机可以在渲染负一屏的过程中，依据确定出的每张建议卡片的卡片高度，确定平铺的建议卡片对应的总高度。
再示例性地，手机内可以预先配置不同数量的建议卡片所对应的总高度。这样，手机根据平铺的建议卡片的数量，便可确定对应的总高度。
在得到已平铺展开的建议卡片的总高度之后，手机将总高度和屏高值1(又称为第二高度)进行比较。需要说明的是，屏高值1为负一屏中可用于显示卡片的显示区域的最大高度值。示例性地，屏高值1可以是设定的固定值。又示例性地，不同尺寸的负一屏所对应的屏高值1可以不同。也即，手机内预先配置有不同尺寸的负一屏和不同屏高值1之间的对应关系。在确定手机显示的负一屏的尺寸之后，即可对应确定出屏高值1。
在上述总高度不超过屏高值1时，手机可以确定平铺的建议卡片所占显示空间小于一屏。例如，图6A中的(a)、(b)和(c)所示的负一屏301中，平铺的建议卡片的总高度均不超过屏高值1。
在上述建议卡片的显示空间小于一屏的情况下，手机可以接收用户在热区1或热区2的操作，并响应于该操作，将多张建议卡片再次堆叠。
例如，图8中的(a)所示，手机可以接收用户在热区2(也即，区域702)中的点击操作。手机可以响应于该点击操作，显示如图8中的(c)所示的负一屏301。也即，将平铺的建议卡片再次堆叠起来，这样，手机可控制功能入口图标和服务卡片平行上移。建议卡片堆叠在一起后，负一屏301中再次由第一区域显示建议卡片，可见，建议区304所占的显示空间缩小，建议区304可以再次显示卡片堆以及卡片堆所对应的导航栏。另外，负一屏301中的第二区域将再次用于显示服务卡片。
再例如，图8中的(b)所示，手机可以接收用户在热区1(也即，区域701)中的上滑操作1，又称为第一上滑操作。手机响应于该上滑操作1，也可以显示如图8中的(c)所示的负一屏301。也即，将平铺的建议卡片再次堆叠起来。
可见，建议卡片无论是从堆叠状态变为平铺状态，还是从平铺状态变为堆叠状态。手机所显示的负一屏中的变化主要包括：建议区304所占的显示空间在变化，以及常驻服务区302和功能快捷入口区303的显示位置变化。
在前述举例中，堆叠的建议卡片全部展开时，对应的显示空间未超过一屏。在一些场景下，如，负一屏301中堆叠的建议卡片较多时，建议卡片全部平铺展开后，所占的显示空间为超过一屏。
下面以建议卡片全部展开时，所对应的显示空间会超过一屏为例，再次介绍一下跟手展开建议卡片的过程。
在用户手指刚与区域1接触，且未实际滑动时，手机可以检测到位于区域1的触点。此时，如图9中的(a)所示，手机的负一屏301中实际显示的建议卡片仅有卡片311，其他建议卡片依然堆叠在卡片311之下。此外，卡片堆所对应的导航栏401中，显示有与堆叠的建议卡片一一对应的导航点。在图9中的(a)所对应的示例中，导航栏401可以指示卡片堆中存在4张建议卡片。
之后，用户的手指在显示屏上滑动。此时，手机可以检测到滑动操作4，并获得滑动操作4所对应的轨迹长度。可以理解的，手指在显示屏上滑动过程中，手机得到的轨迹长度也在增长。另外，在轨迹长度增长的过程中，如图9中的(b)所示，堆叠于卡片311之下的卡片602，也从卡片311的下方滑出。在一些示例中，在轨迹长度超过第一长度值时，卡片602完整的显示于卡片311的下方。此时，卡片602与卡片311以平铺的形式显示于负一屏301中。
当然，在轨迹距离达到第一长度值时，卡片311的一侧依然显示有导航栏401。此时的导航栏401中包括三个导航点，提示用户卡片311之下还堆叠有二张建议卡片，如，图9中的(c)示出的卡片603和图9中的(d)示出的卡片901。在此场景下，手机可以接收用户对卡片311的滑动操作2，并响应于该滑动操作2，将卡片603调整为卡片堆中置顶的建议卡片，或者，将卡片901调整为卡片堆中置顶的建议卡片。这样，负一屏301中可以显示卡片603或卡片901，并隐藏卡片311。此时，卡片603、 卡片901和卡片311依然堆叠在一起。
另外，在轨迹长度达到第一长度值之后，用户还可以在显示屏上继续往下滑。在下滑的过程中，滑动操作4的轨迹长度会继续增加。响应于轨迹长度的增加，卡片603可以从卡片602的下方滑出。在一些示例中，在轨迹长度超过第二长度值时，如图9中的(c)所示，卡片603完整的显示于卡片602的下方。其中，上述第二长度值可以与两张建议卡片的高度，或者略大于两张建议卡片的高度。此时，平铺展开的建立卡片为3张，卡片311之下还堆叠有一张建议卡片，如，卡片901。在此场景下，手机可以接收用户对卡片311的滑动操作2，并响应于该滑动操作2，将卡片901调整为卡片堆中置顶的建议卡片。这样，负一屏301中可以显示卡片901，并隐藏卡片311。此时，卡片901与卡片311依然堆叠在一起。
故，在轨迹长度达到第二长度值之后，用户还可以在显示屏上继续往下滑。在下滑的过程中，滑动操作4的轨迹长度会继续增加。响应于轨迹长度的增加，卡片901可以从卡片603的下方滑出。
在轨迹长度到达屏高值1时，手机将堆叠的所有建议卡片全部平铺展开。在此场景下，由于负一屏301的显示空间有限，如图9中的(d)所示，负一屏301中仅显示有卡片901的部分区域。另外，负一屏301中还可以取消显示卡片堆所对应的导航栏，用于提示建议区304中不存在堆叠的卡片。
也就是，在4张建议卡片全部铺开时，所对应的显示空间将超过一屏。在超过一屏的情况下，负一屏中仅能够显示平铺的4张建议卡片的第一部分，如，卡片311、卡片602、卡片603以及部分卡片901。
在另一些示例中，在滑动操作4所对应的轨迹长度增加的过程中，还可以是卡片311跟随用户的手指下滑，然后逐渐露出堆叠在卡片311之下的建议卡片，如，逐步露出卡片602、卡片603和卡片901。此外，卡片901、卡片603、卡片602和卡片311依序排列。
结合图9中的(a)、(b)、(c)和(d)可见，随着平铺显示的建议卡片增多，负一屏301中的建议区304也扩大。在建议区304扩大之后，手机控制功能入口图标和服务卡片平行下移。由于负一屏301的显示空间有限，功能入口图标和服务卡片下移过程中，会被逐步隐藏。例如，图9中的(b)所示，在卡片602与卡片311以平铺的形式显示于负一屏301时，部分服务卡片被隐藏，常驻服务区302所对应的显示区域变小。图9中的(c)所示，在卡片602、卡片603与卡片311以平铺的形式显示于负一屏301时，由于负一屏301的显示空间仅够显示功能入口图标，故，服务卡片全被隐藏，此时的负一屏301中无常驻服务区302。图9中的(d)所示，在所有的建议卡片都平铺展开后，所需的显示空间超过一屏，此时，手机还会隐藏负一屏301中的功能入口图标，此外，展开的部分建议卡片也会被隐藏。
换句话说，平铺展开的建议卡片所需显示空间超过一屏时，建议卡片2没有直接显示于负一屏301或者没有完整的显示于负一屏301。其中，建议卡片2为平铺的建议卡片中排布于最下侧的卡片。
S104，在平铺的建议卡片所占显示空间大于一屏的情况下，手机可以响应于用户对热区4的点击操作或者对热区3的多次上滑操作，将多张建议卡片再次堆叠。
在一些实施例中，在平铺的建议卡片的总高度超过屏高值1时，手机可以确定上述建议卡片所对应的显示空间不小于一屏。此时，负一屏301包括热区3和热区4。其中，热区3是建议卡片所对应的热区。上述热区4是返回控件所对应的热区。上述返回控件可以用于指示将平铺的建议卡片再次折叠。
如图10中的(a)所示，在建议卡片都平铺展开之后，平铺展开的建议卡片的总高度超过屏高值1。此时，负一屏301包括区域1001和区域1002。其中，区域1001是建议卡片所对应的热区。上述区域1002是控件1003所对应的热区。上述控件1003也可以称为第一控件，用于指示将平铺的卡片再次折叠。这样，该区域1002链接有堆叠建议卡片的操作响应。
在负一屏301未显示或未完整显示建议卡片2的情况下，手机可以接收用户在热区3(也即，区域1001)的上滑操作，如称为上滑操作2，也即，第二上滑操作。同时，手机可以响应于该上滑操作2，逐渐显示被隐藏的建议卡片，直至负一屏301中完整显示建议卡片2。
也就是，手机依据第二上滑操作，控制平铺的建议卡片的第一部分向上平移，并显示出平铺的建议卡片的第二部分，如，卡片901的下半部分。
示例性地，如图10中的(b)所示，负一屏301未完整展示卡片901的情况下，手机响应于上滑操作2，在负一屏301中逐步显示被隐藏的卡片901，同时，隐藏排列在上侧的建议卡片，如，卡片311。这样，在视觉维度上，实现上翻建议卡片的视觉效果，直至负一屏301中完整显示建议卡片2。
如图11中的(a)所示，在负一屏301完整显示建议卡片2的情况下，手机可以接收用户在热区3(也即，区域1001)的上滑操作，如称为上滑操作3，也即，第三上滑操作。之后，手机可以响应该上滑操作3，如图11中的(b)所示，将负一屏301中铺开的建议卡片重新堆叠起来。
此外，在手机接收到用户对热区4(也即，区域1002)的操作时，如图11中的(b)所示，手机也可以将负一屏301中铺开的建议卡片重新堆叠起来。
在一些实施例中，建议卡片再次堆叠起来之后，手机可以继续接收用户在负一屏中的上滑操作，如称为第四上滑操作，可以将服务卡片拉起，也即，手机继续控制堆叠的建议卡片、功能入口图标和服务卡片继续向上平移。受限于负一屏的显示空间，在向上平移建议卡片、功能入口图标和服务卡片的过程中，手机会依次隐藏堆叠的建议卡片、功能入口图标，直至负一屏中仅显示服务卡片。此时，负一屏中的常驻服务区302扩大，手机可以显示一部分被隐藏的服务卡片。在负一屏仅显示常驻服务区302的情况下，手机还可以接收用户在负一屏中的上滑操作，并响应于该操作，滚动显示常驻服务区302中的服务卡片，如，控制显示另一部分隐藏的服务卡片，这样，用户可以查看所有的服务卡片。当然，在滚动显示服务卡片的过程中，受限于负一屏显示空间有限，原靠近功能快捷入口区的服务卡片会优先被隐藏。
另外，在一些实施例中，手机展开堆叠的建议卡片的过程中，建议卡片可以按照堆叠顺序依次平铺展开，如图6A或图9所示。在另一些实施例中，手机可以优先平铺展开与已显示的建议卡片存在业务关联的卡片。
作为一种实现方式，在手机确定接收到用户的滑动操作4时，手机从卡片堆中查 询置顶的建议卡片(如称为置顶卡片)的关联卡片。其中，上述关联卡片可以是与置顶卡片存在业务关系的建议卡片。
示例性地，每张建议卡片可以对应有业务属性及信息来源。在多张建议卡片的业务属性相同或者信息来源相同时，手机可以确定该多张建议卡片互为关联卡片。例如，日程卡片1和日程卡片2是属于同一卡片堆的建议卡片时，日程卡片1和日程卡片2所对应的信息来源相同且业务属性也相同，故，二者互为关联卡片。
又示例性地，手机可以利用预置的AI模型，判断多张建议卡片的显示内容之间是否存在关联。在确定所显示内容存在关联时，确定该多张建议卡片之间互为关联卡片。例如，卡片311与图12中的卡片1201属于同一卡片堆，其中，卡片311用于显示航班信息和卡片1201用于显示导航去机场的出行建议。手机通过AI模型可以识别出卡片311和卡片1201显示内容存在关联，故，可以确定二者互为关联卡片。
在查询到置顶卡片所对应的关联卡片时，手机可以响应于滑动操作4，优先平铺显示该关联卡片。在未查询到置顶卡片所对应的关联卡片时，手机可以响应于滑动操作4，平铺显示堆叠于置顶卡片之下且与该置顶卡片相邻的卡片。
例如，图12所示，在未接收到滑动操作4时，负一屏301中已显示有卡片311。在手机接收到滑动操作4时，手机从卡片堆中查找卡片311的关联卡片。在查找到卡片311的关联卡片，如，卡片1201时，随着滑动操作4所对应的轨迹长度增加，手机可以在负一屏301中逐步显示卡片1201，这样，卡片311和卡片1201在卡片堆中虽然没有相邻，但平铺展开后，卡片311和卡片1201可以相邻排布，方便用户查阅。
在另一些实施例中，在建议区304中仅有一张建议卡片时，手机可以接收用户在建议区304的上滑操作。并，响应于该上滑操作，将建议卡片折叠。此时，建议区304所占的显示空间变小。对应地，功能入口图标和服务卡片也向上平移。
例如，图13所示，手机接收到用户在卡片311上的上滑操作时，可以将卡片311折叠起来，折叠后的卡片311可以显示卡片内容的摘要。
另外，本申请实施例提供一种计算机设备上的图形用户界面(graphical user interface，GUI)，该计算机设备具有显示屏、触摸敏感表面、存储器和执行存储于存储器中的一个或多个程序的一个或多个处理器。该图形用户界面包括负一屏、由建议卡片组成的卡片堆、服务卡片、功能入口图标。其中：
响应于检测到对负一屏中的卡片堆的下滑操作，逐张平铺卡片堆中的建议卡片，并显示返回控件。在平铺展开建议卡片期间，服务卡片、功能入口图标的显示位置同步下移。如，图6A中的(a)、(b)和(c)所示。或者，如图9中的(a)、(b)、(c)和(d)所示。
在平铺的建议卡片所占显示空间小于一屏的情况下，如图7和图8所示，响应于检测到对建议卡片的上滑操作，将平铺的建议卡片再次堆叠在一起。或者，响应于检测到对返回控件的操作，将平铺的建议卡片再次堆叠在一起。
在平铺的建议卡片所占显示空间不小于一屏，且建议卡片2未完整显示的情况下，如图10所示，响应于检测到对建议卡片的上滑操作，显示被隐藏的建议卡片。其中，建议卡片2为平铺展开的建议卡片中排布于最下方的卡片。此外，还可以响应于检测到对返回控件的操作，将平铺的建议卡片再次堆叠在一起。
在建议卡片2已完整显示之后，如图11所示，响应于检测到对建议卡片的上滑操作，将平铺的建议卡片再次堆叠在一起。或者，响应于检测到对返回控件的操作，将平铺的建议卡片再次堆叠在一起。
本申请实施例还提供一种电子设备，该电子设备可以包括：存储器和一个或多个处理器。该存储器和处理器耦合。该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令。当处理器执行计算机指令时，可使得电子设备执行上述实施例中手机执行的各个步骤。当然，该电子设备包括但不限于上述存储器和一个或多个处理器。例如，该电子设备的结构可以参考图1所示的手机的结构。
本申请实施例还提供一种芯片系统，该芯片系统可以应用于前述实施例中的电子设备。如图14所示，该芯片系统包括至少一个处理器2201和至少一个接口电路2202。该处理器2201可以是上述电子设备中的处理器。处理器2201和接口电路2202可通过线路互联。该处理器2201可以通过接口电路2202从上述电子设备的存储器接收并执行计算机指令。当计算机指令被处理器2201执行时，可使得电子设备执行上述实施例中手机执行的各个步骤。当然，该芯片系统还可以包含其他分立器件，本申请实施例对此不作具体限定。
在一些实施例中，通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (22)

  1. 一种卡片信息显示方法，其特征在于，所述方法包括：
    电子设备显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；
    所述电子设备接收第一操作；
    所述电子设备响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中，所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏显高度值；在显示平铺的所述多张第一卡片之后，所述电子设备响应于接收到的第一上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片；
    或者，所述电子设备响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；在显示所述第一部分之后，所述电子设备响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，所述电子设备响应于接收到的第三上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片。
  2. 根据权利要求1所述的方法，其特征在于，所述第一卡片是智能推荐卡片，用于显示第一信息；所述第一信息来源于一个或多个应用程序；所述第一信息包括时效信息、围栏信息和状态信息中的至少一项；在所述第一信息的时效信息、围栏信息和状态信息中至少一项满足预设条件时，所述第一卡片由所述电子设备推送至所述第一区域；
    所述负一屏还包括第二区域；所述第二区域包括至少一张第二卡片，所述第二卡片与应用程序相关联，用于显示相关联应用程序的第二信息；所述第二卡片为用户配置的卡片。
  3. 根据权利要求2所述的方法，其特征在于，所述第二卡片排布在所述第一卡片的下方，在显示平铺的所述多张第一卡片或，显示平铺的所述多张第一卡片中的第一部分之前，所述方法还包括：
    所述电子设备控制所述多张第一卡片平铺展开；
    在平铺展开所述多张第一卡片的过程中，所述电子设备控制所述第二卡片向下平移，直至所述第二卡片被隐藏。
  4. 根据权利要求3所述的方法，其特征在于，所述第一区域中再次显示堆叠的所述多张第一卡片之前，所述方法还包括：
    所述电子设备依据所述第一上滑操作，堆叠所述多张第一卡片；
    在堆叠所述多张第一卡片的过程中，所述电子设备在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
  5. 根据权利要求3所述的方法，其特征在于，
    在显示所述多张第一卡片的第二部分之前，所述方法还包括：所述电子设备依据所述第二上滑操作，控制所述第一卡片向上平移；
    在所述负一屏已显示过所有的第一卡片之后，所述方法还包括：所述电子设备依 据所述第三上滑操作，堆叠所述多张第一卡片；
    在堆叠所述多张第一卡片的过程中，所述电子设备在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
  6. 根据权利要求2所述的方法，其特征在于，所述方法还包括：
    在所述多张第一卡片堆叠显示于所述第一区域期间，所述电子设备响应于接收到的第四上滑操作；
    所述电子设备控制所述第一卡片和所述第二卡片，在所述负一屏中向上平移，并显示被隐藏的所述第二卡片。
  7. 根据权利要求2所述的方法，其特征在于，
    所述第一信息的时效信息满足所述预设条件的方式包括：所述第一信息的时效信息所指示的时段包含所述电子设备的当前系统时间；
    所述第一信息的围栏信息满足所述预设条件的方式包括：所述第一信息的围栏信息所指示的地理区域覆盖所述电子设备的当前位置；
    所述第一信息的状态信息满足所述预设条件的方式包括：所述第一信息的状态信息与持有所述电子设备的用户的当前状态相同。
  8. 根据权利要求2所述的方法，其特征在于，所述方法还包括：
    在显示所述负一屏的情况下，所述电子设备接收第二操作；
    所述电子设备响应于所述第二操作，显示可编辑的所述负一屏；
    在显示可编辑的所述负一屏期间，所述电子设备接收用户的第三操作；
    所述电子设备响应于所述第三操作，在所述第二区域中添加新的第二卡片，或者，删除所述第二区域中的第二卡片。
  9. 根据权利要求1-8中任意一项所述的方法，其特征在于，所述负一屏还包括第三区域，所述第三区域包括：来源于一个或多个应用程序的功能入口图标。
  10. 根据权利要求1所述的方法，其特征在于，所述第一区域还包括第一标识；所述第一标识用于提醒用户所述第一区域中堆叠有多张第一卡片。
  11. 根据权利要求1所述的方法，其特征在于，在显示平铺的所述多张第一卡片，或者显示平铺的所述多张第一卡片中的第一部分之后，所述方法还包括：
    所述电子设备在所述负一屏中，显示第一控件；所述第一控件用于指示将平铺的所述第一卡片再次堆叠。
  12. 根据权利要求1所述的方法，其特征在于，在显示平铺的所述多张第一卡片或者显示平铺的所述多张第一卡片中的第一部分之前，所述方法还包括：
    所述电子设备依据所述多张第一卡片的卡片数量，确定对应的所述第一高度。
  13. 一种电子设备，其特征在于，电子设备包括一个或多个处理器和存储器；所述存储器与处理器耦合，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，所述一个或多个处理器，用于：
    显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；
    接收第一操作；
    响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中， 所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏显高度值；在显示平铺的所述多张第一卡片之后，响应于接收到的第一上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片；
    或者，响应于所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；在显示所述第一部分之后，响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，响应于接收到的第三上滑操作，在所述负一屏的所述第一区域中再次显示堆叠的所述多张第一卡片。
  14. 根据权利要求13所述的电子设备，其特征在于，所述第一卡片是智能推荐卡片，用于显示第一信息；所述第一信息来源于一个或多个应用程序；所述第一信息包括时效信息、围栏信息和状态信息中的至少一项；在所述第一信息的时效信息、围栏信息和状态信息中至少一项满足预设条件时，所述第一卡片由所述电子设备推送至所述第一区域；
    所述负一屏还包括第二区域；所述第二区域包括至少一张第二卡片，所述第二卡片与应用程序相关联，用于显示相关联应用程序的第二信息；所述第二卡片为用户配置的卡片。
  15. 根据权利要求14所述的电子设备，其特征在于，所述第二卡片排布在所述第一卡片的下方，在显示平铺的所述多张第一卡片，或者，显示平铺的所述多张第一卡片中的第一部分之前，所述一个或多个处理器，还用于：
    控制所述多张第一卡片平铺展开；
    在平铺展开所述多张第一卡片的过程中，控制所述第二卡片向下平移，直至所述第二卡片被隐藏。
  16. 根据权利要求15所述的电子设备，其特征在于，所述第一区域中再次显示堆叠的所述多张第一卡片之前，所述一个或多个处理器，还用于：
    依据所述第一上滑操作，堆叠所述多张第一卡片；
    在堆叠所述多张第一卡片的过程中，在所述负一屏中，显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
  17. 根据权利要求15所述的电子设备，其特征在于，
    在显示所述多张第一卡片的第二部分之前，所述一个或多个处理器，还用于：依据所述第二上滑操作，控制所述第一卡片向上平移；
    在所述负一屏已显示过所有的第一卡片之后，所述一个或多个处理器，还用于：依据所述第三上滑操作，堆叠所述多张第一卡片；
    在堆叠所述多张第一卡片的过程中，在所述负一屏中显示所述第二卡片，并控制所述第二卡片向上平移，直至所述第二区域中再次显示所述第二卡片。
  18. 根据权利要求14所述的电子设备，其特征在于，所述一个或多个处理器，还用于：
    在所述多张第一卡片堆叠显示于所述第一区域期间，响应于接收到的第四上滑操作；
    控制所述第一卡片和所述第二卡片，在所述负一屏中向上平移，并显示被隐藏的所述第二卡片。
  19. 根据权利要求13所述的电子设备，其特征在于，在显示平铺的所述多张第一卡片，或者显示平铺的所述多张第一卡片中的第一部分之后，所述一个或多个处理器，还用于：
    在所述负一屏中，显示第一控件；所述第一控件用于指示将平铺的所述第一卡片再次堆叠。
  20. 根据权利要求13所述的电子设备，其特征在于，在显示平铺的所述多张第一卡片或者显示平铺的所述多张第一卡片中的第一部分之前，所述一个或多个处理器，还用于：
    依据所述多张第一卡片的卡片数量，确定对应的所述第一高度。
  21. 一种电子设备上的图形用户界面，其特征在于，所述电子设备具有显示屏、存储器和执行存储于存储器中的一个或多个指令的一个或多个处理器，其中：
    响应于检测到第四操作，显示负一屏；其中，所述负一屏包括第一区域；所述第一区域包括堆叠的多张第一卡片；
    响应于接收到的第一操作，在所述负一屏中，显示平铺的所述多张第一卡片；其中，所述多张第一卡片的第一高度不超过第二高度，所述第一高度是所述多张第一卡片平铺后的总高度；所述第二高度为所述负一屏的屏显高度；响应于接收到的第一上滑操作，在所述第一区域中再次显示堆叠的所述多张第一卡片；
    或者，响应于接收到所述第一操作，在所述负一屏中，显示平铺的所述多张第一卡片中的第一部分；其中，所述多张第一卡片的第一高度超过所述第二高度；响应于接收到的第二上滑操作，在负一屏中，显示所述多张第一卡片的第二部分；在所述负一屏已显示过所有的第一卡片之后，响应于接收到的第三上滑操作，在所述第一区域中再次显示堆叠的所述多张第一卡片。
  22. 一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-12中任一项所述的方法。
PCT/CN2022/116343 2021-10-14 2022-08-31 一种卡片信息显示方法、电子设备及图形用户界面 WO2023061085A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
EP22859449.5A EP4191986A4 (en) 2021-10-14 2022-08-31 MAP INFORMATION DISPLAY METHOD, ELECTRONIC DEVICE AND GRAPHICAL USER INTERFACE

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111200126.X 2021-10-14
CN202111200126.XA CN115988125A (zh) 2021-10-14 2021-10-14 一种卡片信息显示方法、电子设备及图形用户界面

Publications (1)

Publication Number Publication Date
WO2023061085A1 true WO2023061085A1 (zh) 2023-04-20

Family

ID=85974547

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/116343 WO2023061085A1 (zh) 2021-10-14 2022-08-31 一种卡片信息显示方法、电子设备及图形用户界面

Country Status (3)

Country Link
EP (1) EP4191986A4 (zh)
CN (1) CN115988125A (zh)
WO (1) WO2023061085A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9654598B1 (en) * 2016-08-08 2017-05-16 Le Technology, Inc. User customization of cards
CN110351422A (zh) * 2019-05-27 2019-10-18 华为技术有限公司 一种通知消息的预览方法及电子设备
CN110389804A (zh) * 2019-07-09 2019-10-29 北京小米移动软件有限公司 一种负一屏的界面展示方法、装置及存储介质
CN111225108A (zh) * 2019-11-13 2020-06-02 青岛海信移动通信技术股份有限公司 一种通信终端及负屏界面的卡片显示方法

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10254928B1 (en) * 2014-09-08 2019-04-09 Amazon Technologies, Inc. Contextual card generation and delivery
CN106020796A (zh) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 界面显示方法及装置
CN106354357A (zh) * 2016-08-09 2017-01-25 华为技术有限公司 信息显示方法及装置
US10747401B2 (en) * 2016-10-05 2020-08-18 Google Llc Unified and smart notifications and quick settings system
EP4231126A3 (en) * 2020-03-10 2023-11-15 Apple Inc. Devices, methods, and graphical user interfaces for interacting with user interface objects
CN111580905A (zh) * 2020-04-28 2020-08-25 深圳传音控股股份有限公司 一种负一屏的卡片管理方法、终端及计算机可读存储介质
CN111625309A (zh) * 2020-04-28 2020-09-04 深圳传音控股股份有限公司 一种卡片管理方法、终端设备及计算机可读存储介质
CN112068744A (zh) * 2020-08-26 2020-12-11 深圳传音控股股份有限公司 交互方法、移动终端及存储介质
CN112612386B (zh) * 2020-12-15 2022-08-12 青岛海信移动通信技术股份有限公司 移动终端及其应用卡片的显示方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9654598B1 (en) * 2016-08-08 2017-05-16 Le Technology, Inc. User customization of cards
CN110351422A (zh) * 2019-05-27 2019-10-18 华为技术有限公司 一种通知消息的预览方法及电子设备
CN110389804A (zh) * 2019-07-09 2019-10-29 北京小米移动软件有限公司 一种负一屏的界面展示方法、装置及存储介质
CN111225108A (zh) * 2019-11-13 2020-06-02 青岛海信移动通信技术股份有限公司 一种通信终端及负屏界面的卡片显示方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4191986A4

Also Published As

Publication number Publication date
CN115988125A (zh) 2023-04-18
EP4191986A4 (en) 2024-05-29
EP4191986A1 (en) 2023-06-07

Similar Documents

Publication Publication Date Title
CN114764298B (zh) 一种跨设备的对象拖拽方法及设备
CN108235765B (zh) 一种故事相册的显示方法及装置
US10089380B2 (en) Method and apparatus for operating electronic device
US20180267642A1 (en) Method and apparatus for operating functions of portable terminal having bended display
KR101753031B1 (ko) 이동 단말기 및 이것의 메타데이터 설정 방법
US8489323B2 (en) Method for controlling a map via a mobile terminal
RU2644145C2 (ru) Способ и система передачи информации, соответствующее устройство и компьютерно-читаемый носитель записи
RU2703956C1 (ru) Способ управления мультимедийными файлами, электронное устройство и графический пользовательский интерфейс
US20230004267A1 (en) Control Method and Apparatus
US20180321838A1 (en) Electronic apparatus displaying representative information and control method thereof
WO2021043029A1 (zh) 一种切换应用的方法及电子设备
WO2022252779A1 (zh) 一种服务推荐的方法以及设备
KR20150095538A (ko) 사용자 단말 장치 및 이의 디스플레이 방법
US20150128073A1 (en) Method for sharing contents and electronic device thereof
WO2022179249A1 (zh) 功能页面显示方法及电子设备
KR20170130417A (ko) 이동 단말기 및 그 제어 방법
WO2023016050A1 (zh) 一种卡片信息显示方法及电子设备
WO2023061085A1 (zh) 一种卡片信息显示方法、电子设备及图形用户界面
WO2023029985A1 (zh) 一种桌面中停靠栏的显示方法及电子设备
CN115113780A (zh) 一种页面切换方法、装置和终端设备
WO2021196980A1 (zh) 多屏交互方法、电子设备及计算机可读存储介质
KR20150051655A (ko) 전자 기기 및 그 제어 방법
CN115562534B (zh) 一种信息显示方法和电子设备
WO2023103902A1 (zh) 一种分屏显示方法及电子设备
KR20160055022A (ko) 이동 단말기

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2022859449

Country of ref document: EP

Effective date: 20230227

WWE Wipo information: entry into national phase

Ref document number: 18024912

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE