WO2021159922A1 - 卡片显示方法、电子设备及计算机可读存储介质 - Google Patents
卡片显示方法、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- WO2021159922A1 WO2021159922A1 PCT/CN2021/072592 CN2021072592W WO2021159922A1 WO 2021159922 A1 WO2021159922 A1 WO 2021159922A1 CN 2021072592 W CN2021072592 W CN 2021072592W WO 2021159922 A1 WO2021159922 A1 WO 2021159922A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- card
- icon
- application
- area
- current screen
- Prior art date
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/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
-
- 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/04817—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 using icons
-
- G—PHYSICS
- G02—OPTICS
- G02F—OPTICAL DEVICES OR ARRANGEMENTS FOR THE CONTROL OF LIGHT BY MODIFICATION OF THE OPTICAL PROPERTIES OF THE MEDIA OF THE ELEMENTS INVOLVED THEREIN; NON-LINEAR OPTICS; FREQUENCY-CHANGING OF LIGHT; OPTICAL LOGIC ELEMENTS; OPTICAL ANALOGUE/DIGITAL CONVERTERS
- G02F1/00—Devices or arrangements for the control of the intensity, colour, phase, polarisation or direction of light arriving from an independent light source, e.g. switching, gating or modulating; Non-linear optics
- G02F1/01—Devices or arrangements for the control of the intensity, colour, phase, polarisation or direction of light arriving from an independent light source, e.g. switching, gating or modulating; Non-linear optics for the control of the intensity, phase, polarisation or colour
- G02F1/13—Devices or arrangements for the control of the intensity, colour, phase, polarisation or direction of light arriving from an independent light source, e.g. switching, gating or modulating; Non-linear optics for the control of the intensity, phase, polarisation or colour based on liquid crystals, e.g. single liquid crystal display cells
- G02F1/133—Constructional arrangements; Operation of liquid crystal cells; Circuit arrangements
- G02F1/1333—Constructional arrangements; Manufacturing methods
- G02F1/13338—Input devices, e.g. touch panels
-
- 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
-
- 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/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
-
- 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
- H10—SEMICONDUCTOR DEVICES; ELECTRIC SOLID-STATE DEVICES NOT OTHERWISE PROVIDED FOR
- H10K—ORGANIC ELECTRIC SOLID-STATE DEVICES
- H10K59/00—Integrated devices, or assemblies of multiple devices, comprising at least one organic light-emitting element covered by group H10K50/00
- H10K59/40—OLEDs integrated with touch screens
Definitions
- This application relates to the field of information display, and in particular to card display methods, electronic equipment and computer-readable storage media.
- Cards can enable users to view related information intuitively and conveniently on electronic devices or run specific functions under a certain application, and are widely used.
- the existing card display position is fixed and not flexible enough; the display and switching operations of the card are cumbersome and the management cost is high; the card occupies the icon, affects the desktop layout, or obscures the icon, which causes inconvenience to the operation of the application corresponding to other icons.
- this application proposes a card display method, an electronic device, and a computer-readable storage medium; this allows users to simply operate on the current screen of the desktop (home screen). It realizes card display, switching and control of other applications, flexible card location, low management cost, convenient operation, and improved user experience.
- an electronic device includes: a display screen; one or more processors; a memory; and one or more computer programs, wherein the one or more computer programs are stored on the memory, and when the computer program is When executed by or multiple processors, the electronic device is caused to perform the following steps: display the current screen of the desktop, the current screen displays several icons; and the first user input to a first icon among the several icons is detected In response to the first user input, the current screen displays a first card, the first card does not occupy the current screen; the first icon is a first folder icon, the first folder The icon includes at least a first application icon, and the first application icon corresponds to a first application; or, the first icon is a first application icon, and the first application icon corresponds to a first application; the first card includes at least : The first card content, the first card content includes part of the content contained in the M-th layer interface after the first application is opened, and M is a positive integer greater than or equal to 1; N controls, among the N
- the application corresponds to the corresponding icon on the desktop before the first card is displayed.
- N is a positive integer greater than or equal to 1; the first card is different from the first card.
- All and any part of the M-th layer interface after an application is opened.
- the fact that the first card is different from all and any part of the M-th layer interface after the first application is opened means that the first card is different from all of the M-th layer interface after the first application is opened. It is different from any part of the M-th layer interface after the first application is opened. In this way, the first card can be displayed on the current screen through the user's input to the first icon, and the current screen does not need to be switched to other screens, the cost of card management is low, and the location of the displayed card is more flexible.
- the scope of the content of the first card is limited; the content of the first card can only display the key information, and then the key information can be obtained intuitively and quickly.
- the user since the first card is displayed on the current screen of the desktop and does not occupy the current screen, the user can still intuitively obtain the information displayed in the area other than the first card on the current screen, and directly perform operations on the current screen. For example, touch the icon displayed in the area other than the first card on the current screen to open the corresponding application, and slide the background displayed in the area other than the first card on the current screen of the desktop to switch to other screens.
- the user can also directly open the corresponding application through each of the N controls on the first card.
- the user can intuitively obtain the content of the first card, can directly open the application corresponding to one of the N controls, and can directly operate the current screen, taking into account the user’s convenience to the three parties. It has a balance in the convenience of the three parties.
- the first card will always be displayed on the current screen. In this way, when the user has been using the first card content in the near future, after the first card is displayed on the current screen, the user does not need to perform the first user input, and directly uses the first card content on the current screen.
- the technical features included in the technical solution are closely related to each other to form an inseparable whole. It is precisely because of such a whole that the technical solution produces the above-mentioned beneficial technical effects.
- the solutions corresponding to the following embodiments are all the same, and will not be repeated one by one.
- the area of the first card on the current screen is the first area; before the first card is displayed, the N icons are located The first area; or, the N icons are located in an area other than the first area on the current screen; or, the N icons are located on a screen other than the current screen on the desktop; or, the Any part of the N icons is located in any of the above three areas.
- the N icons corresponding to the N controls on the first card can be located in the first area, in an area other than the first area on the current screen, or in the current screen on the desktop. External screen; thus, the application corresponding to any icon displayed on the desktop can be opened on the first card, which is more convenient for users.
- the first user input is input through a one-step operation; the first card content occupies the largest area on the first card; the first card The area of the content of a card is greater than or equal to the area of the first icon; the area of the first card on the current screen is the first area; the current screen also displays a background; before the first card is displayed,
- the N controls correspond to N icons, the N icons are displayed on the first area, and the first area includes only the first part of the background, the first icon, and the N icons, The number of icons included in the first area is equal to N plus 1.
- the above-mentioned card can be displayed only by performing one operation on the current screen, which greatly reduces the cost of card management steps, which is conducive to user operations and enhances user experience; the content of the first card is displayed more prominently, which is convenient for users Obtain the content of the first card intuitively and quickly; it is further clarified that the display position of the first card on the current screen is before the first card is displayed, including the first icon, the N icons and the second part of the background The position on the current screen; thus, it is more convenient for the user to obtain the positional relationship between the first card, the first icon, and the N icons.
- M is a positive integer greater than or equal to 2.
- the interface below the second layer, the third layer, etc. after the first application is opened can be directly displayed on the card, which reduces the number of operation steps and is convenient for the user.
- the payment code interface of Alipay is the second layer interface of Alipay, which is directly displayed through user input.
- Other deeper interfaces below level 2 can also be directly displayed through user input.
- the electronic device further performs the following steps: detecting a second user input to one of the N controls; responding to the second User input, display the S-th layer interface after the application corresponding to one of the N controls is opened; S is a positive integer greater than or equal to 1; a return operation is detected; in response to the return operation, display the current Screen; the content displayed on the current screen is the content displayed on the current screen before responding to the input of the second user.
- the electronic device further performs the following steps: detecting a third user input to the first card on the current screen; responding to the first card Three user inputs, the content displayed in the first area is the content displayed in the first area before responding to the first user input.
- the display of the first card can be stopped through a third user input on the current screen, and there is no need to switch the current screen to another screen, which greatly reduces the cost of card management steps, and is convenient to operate. Switch back to the situation of responding to the content displayed in the first area before the first user input.
- the electronic device further executes the following steps: the area on the current screen other than the first area further displays L icons, and L is a positive value greater than or equal to 1. Integer; a fourth user input to one of the L icons is detected; in response to the fourth user input, the interface after the application corresponding to one of the L icons is opened is displayed; one is detected Return operation; in response to the return operation, the current screen is displayed, and the content displayed on the current screen is the content displayed on the current screen before responding to the fourth user input.
- the user opens the corresponding application through the operation of one of the L icons displayed in the area outside the first area on the current screen, and the operation is convenient; the slave L
- the interface returns to the content displayed on the current screen before responding to the fourth user input, that is, it returns to the current screen displaying the first card, and this method is for the user
- the operation is simple and easy, and it can quickly switch back to the current screen displaying the first card.
- the first card further includes: a first control, the first control is used to open the first application; the first control is The first icon is a control displayed after the first scale is reduced; the N controls are controls displayed after the N icon is reduced by the second scale; the area of the first control is larger than the area of any one of the N controls
- the first control, the N controls, and the content of the first card are respectively displayed in the upper left corner, upper right corner, and lower middle of the first card;
- the first user input is the first voice input or the first A gesture input;
- the first gesture input is a gesture input where the starting point is located on the first icon, and the sliding direction is a gesture input of sliding upward;
- the first card changes with the first gesture input;
- the second user The input and the fourth user input are respectively: a second voice input and a fourth voice input, or a second gesture input and a fourth gesture input; the second gesture input and the fourth gesture input are touch Input;
- the third gesture input is input through a one-step operation
- the user can understand through the first card that the application corresponding to the N controls can be opened on the first card; in addition, the first control is highlighted through a larger area, so that the user can learn about the first
- the content of the card corresponds to the first control; it provides the first control on the first card, N controls, and the preferred distribution and display mode of the first card content; moreover, two specific methods of user input are clarified; and only need Operating on the current screen does not need to switch the current screen to other screens on the desktop, which greatly reduces the cost of card management steps, facilitates operation, and improves user experience; in addition, it provides an optimal user experience that is convenient for user operation and memory.
- the third gesture input mode enables the user to memorize the first gesture input mode together.
- the electronic device further executes the following steps: detecting a fifth user input to a second icon among the plurality of icons; responding to the first Five user input, the current screen displays a second card, the second card does not occupy the current screen; the second icon is a second folder icon, the second folder icon includes at least a second application An icon, the second application icon corresponds to a second application; or, the second icon is a second application icon, and the second application icon corresponds to a second application; the second card includes at least: second card content, The second card content corresponds to the second application, and the second card content includes part of the content contained in the P-th layer interface after the second application is opened, and P is a positive integer greater than or equal to 1; K Controls, each of the K controls is used to open a corresponding application, the application corresponds to a corresponding icon on the desktop before the second card is displayed, K is a positive integer greater than or equal to 1;
- the second card is different
- the second card can be displayed on the current screen; and the technical effect of displaying the second card on the current screen is the same as the technical effect of displaying the first card on the current screen.
- the scope of the content of the second card is further limited, and part of redundant information is excluded, so that the content of the second card acquired or used by the user is simplified. That is to say, after the second card is displayed on the current screen and the second card does not occupy the current screen, the user can not only intuitively obtain the content of the second card, but also directly open the fourth application, and also directly access the current screen.
- the operation of the screen takes into account the convenience of the three, and realizes the balance of the three in the convenience of use.
- the first card and the second card can be displayed on the current screen.
- the display of the second card has the same operation flow as the display of the first card.
- the content displayed by the second card is the same as the content displayed by the first card and the The icon based on the second card display is different from the icon based on the first card display.
- the display of the first card and the display of the second card can be independent of each other and do not affect each other.
- the second card is always displayed on the current screen. In this way, when the user has been using the second card content in the near future, after the second card is displayed on the current screen, the user does not need to perform the fifth user input, and directly uses or obtains the current screen and the second card.
- the second card content corresponding to the icon are clarified, and how to display the two cards if they cannot be displayed together.
- the electronic device further executes the following steps: the fifth user input is input through a one-step operation; the content of the second card is on the second card The area of the second card accounts for the largest proportion; the area of the second card content is greater than or equal to the area of the second icon; before the second card is displayed, the K controls correspond to K icons, and the K icons are displayed On the second area, the second area includes only the second part of the background, the second icon, and the K icons, and the number of icons included in the second area is equal to K plus 1. .
- the K icons corresponding to the K controls on the second card may be located in the second area, may be located in an area other than the second area on the current screen, or may be located on the current screen on the desktop. External screen; thus, the application corresponding to any icon displayed on the desktop can be opened on the second card, which is more convenient for users.
- the electronic device further performs the following steps: detecting a sixth user input to one of the K controls; responding to the sixth user input User input displays the Q-th layer interface after the application corresponding to one of the K controls is opened; Q is a positive integer greater than or equal to 1; a return operation is detected; in response to the return operation, the current Screen; the content displayed on the current screen is the content displayed on the current screen before responding to the fifth user input.
- the electronic device further executes the following steps: detecting a seventh user input to the second card on the current screen; responding to the first Seven user input, the content displayed in the second area is the content displayed in the second area before responding to the fifth user input.
- the display of the second card can be stopped through a seventh user input on the current screen, and there is no need to switch the current screen to another screen, so that the cost of card management steps and other costs are greatly reduced, the operation is convenient, and the operation can be fast. Switch back to the situation of responding to the content displayed in the first area before the fifth user input.
- the electronic device further performs the following steps: R icons are displayed in areas other than the second area on the current screen, where R is a positive value greater than or equal to 1. Integer; the eighth user input to one of the R icons is detected; in response to the eighth user input, the opened interface of the application corresponding to one of the R icons is displayed; one is detected Return operation; in response to the return operation, the current screen is displayed, and the content displayed on the current screen is the content displayed on the current screen before responding to the eighth user input.
- the user can open the corresponding application through the operation of one of the R icons displayed in the area outside the second area on the current screen, and the operation is convenient; the slave R icon is also provided.
- the interface after the application corresponding to one of the icons is opened returns the content displayed on the current screen before responding to the eighth user input, and this method is simple and easy for the user to operate.
- the second card further includes: a second control, the second control is used to open the second application; the second control is The second icon is a control displayed after being reduced to a third scale; the K controls are controls that are displayed after the K icons are reduced to a fourth scale; the area of the second control is larger than the area of any one of the K controls
- the shape and size of the first card are the same as those of the second card; the first ratio and the second ratio are the same as the third and fourth ratios, respectively;
- the second control, the K controls, and the content of the second card are respectively displayed in the upper left corner, the upper right corner, and the lower middle of the second card;
- the fifth user input is a fifth voice input or a fifth gesture Input;
- the fifth gesture input is a gesture input where the starting point is located on the second icon, and the sliding direction is a gesture input of sliding upward; the second card changes with the fifth gesture input; the sixth user input,
- the seventh user input and the eighth user input are respectively:
- the seventh gesture input mode allows the user to memorize the fifth gesture input mode together.
- a card display method is provided.
- the method is applied to an electronic device including a display screen, and includes: the display screen displays the current screen of the desktop, and the current screen displays a number of icons; detecting a first user to one of the plurality of icons Input; in response to the first user input, the current screen displays a first card, the first card does not occupy the current screen; the first icon is a first folder icon, the first file
- the folder icon includes at least a first application icon, and the first application icon corresponds to a first application; or, the first icon is a first application icon, and the first application icon corresponds to a first application;
- the first card is at least Including: the first card content, the first card content includes part of the content contained in the M-th layer interface after the first application is opened, M is a positive integer greater than or equal to 1; N controls, among the N controls Each control of is used to open the corresponding application, the application corresponds to the corresponding icon on the desktop before the first card is displayed, N is a
- the fact that the first card is different from all and any part of the M-th layer interface after the first application is opened means that the first card is different from all of the M-th layer interface after the first application is opened. It is different from any part of the M-th layer interface after the first application is opened.
- the first card can be displayed on the current screen through the user's input to the first icon, and the current screen does not need to be switched to other screens, the cost of card management is low, and the location of the displayed card is more flexible.
- the scope of the content of the first card is limited; the content of the first card can only display the key information, and then the key information can be obtained intuitively and quickly.
- the user can still intuitively obtain the information displayed in the area other than the first card on the current screen, and directly perform operations on the current screen. For example, touch the icon displayed in the area other than the first card on the current screen to open the corresponding application, and slide the background displayed in the area other than the first card on the current screen of the desktop to switch to other screens.
- the user can also directly open the corresponding application through one of the N controls on the first card. That is to say, the user can intuitively obtain the content of the first card, can directly open the application corresponding to one of the N controls, and can directly operate the current screen, taking into account the user’s convenience to the three parties.
- the first card will always be displayed on the current screen. In this way, when the user has been using the first card content in the near future, after the first card is displayed on the current screen, the user does not need to perform the first user input, and directly uses the first card content on the current screen.
- the method includes: the first user input is input through a one-step operation; the area of the first card content on the first card accounts for the largest proportion; the area of the first card content is greater than or equal to The area of the first icon; the area of the first card on the current screen is the first area; the current screen also displays a background; before the first card is displayed, the N controls correspond to N Icons, the N icons are displayed on the first area, the first area includes only the first part of the background, the first icon and the N icons, and the first area includes The number of icons is equal to N plus 1.
- the above-mentioned card can be displayed only by performing one operation on the current screen, which greatly reduces the cost of card management steps, which is conducive to user operations and enhances user experience; the content of the first card is displayed more prominently, which is convenient for users Obtain the content of the first card intuitively and quickly; it is further clarified that the display position of the first card on the current screen is before the first card is displayed, including the first icon, the N icons and the second part of the background The position on the current screen; thus, it is more convenient for the user to obtain the positional relationship between the first card, the first icon, and the N icons.
- the method includes: detecting a second user input to one of the N controls; and in response to the second user input, displaying The S-th layer interface after the application corresponding to one of the N controls is opened; S is a positive integer greater than or equal to 1; a return operation is detected; in response to the return operation, the current screen is displayed; The content displayed on the current screen is the content displayed on the current screen before responding to the input of the second user.
- the method includes: detecting a third user input to the first card on the current screen; in response to the third user input, The content displayed in the first area is the content displayed in the first area before responding to the input of the first user.
- the display of the first card can be stopped through a third user input on the current screen, and there is no need to switch the current screen to another screen, which greatly reduces the cost of card management steps, and is convenient to operate. Switch back to the situation of responding to the content displayed in the first area before the first user input.
- the method includes: displaying L icons in an area other than the first area on the current screen, where L is a positive integer greater than or equal to 1; detected A fourth user input to one of the L icons; in response to the fourth user input, display the opened interface of the application corresponding to one of the L icons; detect a return operation; respond In the return operation, the current screen is displayed, and the content displayed on the current screen is the content displayed on the current screen before responding to the fourth user input.
- the user opens the corresponding application through the operation of one of the L icons displayed in the area outside the first area on the current screen, and the operation is convenient; the slave L
- the interface returns to the content displayed on the current screen before responding to the fourth user input, that is, it returns to the current screen displaying the first card, and this method is for the user
- the operation is simple and easy, and it can quickly switch back to the current screen displaying the first card.
- the method includes: the first card further includes: a first control, the first control is used to open the first application; the The first control is a control that is displayed after the first icon is reduced by a first scale; the N controls are controls that are displayed after N icons are reduced by a second scale; the area of the first control is larger than that of the N controls The area of any one control; the first control, the N controls, and the content of the first card are respectively displayed in the upper left corner, upper right corner, and lower middle of the first card; the first user input is the first A voice input or a first gesture input; the first gesture input is a gesture input where the starting point is located on the first icon, and the sliding direction is an upward sliding gesture input; the first card changes with the first gesture input; The second user input and the fourth user input are respectively: a second voice input and a fourth voice input, or, a second gesture input and a fourth gesture input; the second gesture input and the first gesture input
- the four-gesture input are respectively: a second voice input and a fourth voice input, or
- the user can understand through the first card that the application corresponding to the N controls can be opened on the first card; in addition, the first control is highlighted through a larger area, so that the user can learn about the first
- the content of the card corresponds to the first control; it provides the first control on the first card, N controls, and the preferred distribution and display mode of the first card content; moreover, two specific methods of user input are clarified; and only need Operating on the current screen does not need to switch the current screen to other screens on the desktop, which greatly reduces the cost of card management steps, facilitates operation, and improves user experience; in addition, it provides an optimal user experience that is convenient for user operation and memory.
- the third gesture input mode enables the user to memorize the first gesture input mode together.
- the method includes: detecting a fifth user input to a second icon among the plurality of icons; in response to the fifth user input, The current screen displays a second card, and the second card does not occupy the current screen; the second icon is a second folder icon, and the second folder icon includes at least a second application icon.
- the second application icon corresponds to the second application; or, the second icon is a second application icon, and the second application icon corresponds to the second application;
- the second card includes at least: second card content, the second The card content corresponds to the second application, and the second card content includes part of the content contained in the P-th layer interface after the second application is opened, and P is a positive integer greater than or equal to 1;
- K controls the Each of the K controls is used to open a corresponding application, the application corresponding to the corresponding icon on the desktop before the second card is displayed, K is a positive integer greater than or equal to 1;
- the second card Different from all or any part of the P-th layer interface after the second application is opened;
- the area of the second card content is larger than the area of the second icon;
- the area of the second card on the current screen Is the second area; the second area does not intersect the first area, and the current screen also displays the first card; or, the second area intersects the first area, and the current screen Stop displaying the first card
- the second card can be displayed on the current screen; and the technical effect of displaying the second card on the current screen is the same as the technical effect of displaying the first card on the current screen.
- the scope of the content of the second card is further limited, and part of redundant information is excluded, so that the content of the second card acquired or used by the user is simplified. That is to say, after the second card is displayed on the current screen and the second card does not occupy the current screen, the user can not only intuitively obtain the content of the second card, but also directly open the fourth application, and also directly access the current screen.
- the operation of the screen takes into account the convenience of the three, and realizes the balance of the three in the convenience of use.
- the first card and the second card can be displayed on the current screen.
- the display of the second card has the same operation flow as the display of the first card.
- the content displayed by the second card is the same as the content displayed by the first card and the The icon based on the second card display is different from the icon based on the first card display.
- the display of the first card and the display of the second card can be independent of each other and do not affect each other.
- the second card is always displayed on the current screen. In this way, when the user has been using the second card content in the near future, after the second card is displayed on the current screen, the user does not need to perform the fifth user input, and directly uses or obtains the current screen and the second card.
- the second card content corresponding to the icon are clarified, and how to display the two cards if they cannot be displayed together.
- the method includes: the fifth user input is input through a one-step operation; the percentage of the area of the second card content on the second card The largest; the area of the second card content is greater than or equal to the area of the second icon; before the second card is displayed, the K controls correspond to K icons, and the K icons are displayed in the second In terms of area, the second area only includes the second part of the background, the second icon and the K icons, and the number of icons included in the second area is equal to K plus 1.
- the K icons corresponding to the K controls on the second card can be located in the second area, in an area other than the second area on the current screen, or in the current screen on the desktop. External screen; thus, the application corresponding to any icon displayed on the desktop can be opened on the second card, which is more convenient for users.
- the method includes: detecting a sixth user input to one of the K controls; and in response to the sixth user input, displaying The Q-th layer interface after the application corresponding to one of the K controls is opened; Q is a positive integer greater than or equal to 1; a return operation is detected; in response to the return operation, the current screen is displayed; The content displayed on the current screen is the content displayed on the current screen before responding to the fifth user input.
- the method includes: detecting a seventh user input to the second card on the current screen; in response to the seventh user input, The content displayed in the second area is the content displayed in the second area before responding to the fifth user input.
- the display of the second card can be stopped through a seventh user input on the current screen, and there is no need to switch the current screen to another screen, so that the cost of card management steps and other costs are greatly reduced, the operation is convenient, and the operation can be fast. Switch back to the situation of responding to the content displayed in the first area before the fifth user input.
- the method includes: displaying R icons in an area other than the second area on the current screen, where R is a positive integer greater than or equal to 1; detected An eighth user input to one of the R icons; in response to the eighth user input, display the opened interface of the application corresponding to one of the R icons; detect a return operation; respond In the return operation, the current screen is displayed, and the content displayed on the current screen is the content displayed on the current screen before responding to the eighth user input.
- the slave R icon is also provided.
- the interface after the application corresponding to one of the icons is opened returns the content displayed on the current screen before responding to the eighth user input, and this method is simple and easy for the user to operate.
- the method includes: the second card further includes: a second control, the second control is used to open the second application; the The second control is the control displayed after the second icon is reduced by a third ratio; the K controls are the control displayed after the K icons are reduced by the fourth ratio; the area of the second control is larger than that of the K controls The area of any one control; the shape and size of the first card are the same as those of the second card; the first ratio and the second ratio are respectively the same as the third ratio and the first The four ratios are the same; the content of the second control, the K controls, and the second card are respectively displayed in the upper left corner, upper right corner, and lower middle of the second card; the fifth user input is a fifth voice Input or fifth gesture input; the fifth gesture input is a gesture input in which the starting point is located on the second icon, and the sliding direction is upward sliding; the second card changes with the fifth gesture input; the The sixth user input, the seventh user input, and the eighth user
- Gesture input; the sixth gesture input and the eighth gesture input are touch inputs; the seventh gesture input is input through a one-step operation; the seventh gesture input is the starting point on the second card, and the sliding direction is The fifth gesture input is a gesture input in which the sliding direction is opposite. In this way, the user can understand through the second card that the application corresponding to the K controls can be opened on the second card; in addition, the second control is highlighted in a larger area, so that the user can learn about the second one more clearly.
- the content of the card corresponds to the second control; the second control on the second card, K controls, and the preferred distribution and display mode of the second card content are provided; and two specific methods of user input are clarified; and only need Operating on the current screen does not need to switch the current screen to other screens on the desktop, which greatly reduces the cost of card management steps, facilitates operation, and improves user experience; in addition, it provides an optimal user experience that is convenient for user operation and memory.
- the seventh gesture input mode allows the user to memorize the fifth gesture input mode together.
- the first folder icon includes E first application icons; E is a positive integer greater than or equal to 2; the first switching user input is detected; response In the first switching user input, the first card content of the first card is switched to another first card content, and the first card content and the another first card content are respectively connected to the E-th card content.
- the two first application icons in one application icon correspond to each other. In this way, when the first folder icon includes a plurality of first application icons, the first card content of the first card can be switched according to the first switching user input input by the user.
- the second folder icon includes F second application icons; F is a positive integer greater than or equal to 2; a second switching user input is detected; response In the second switching user input, the second card content of the second card is switched to another second card content, and the second card content and the another second card content are respectively the same as the F th
- the two second application icons in the second application icons correspond to each other.
- the second folder icon includes a plurality of second application icons
- the second card content of the second card can be switched according to the switching user input input by the user.
- the second folder icon includes a plurality of second application icons
- the second card content of the second card can be switched according to the second switching user input input by the user.
- At least one first application icon in the E first application icons corresponds to a plurality of first cards; the third switching user input is detected; in response to The third switching user input, the plurality of first cards are switched.
- the multiple first cards can be switched according to the third switching user input input by the user.
- At least one second application icon in the F second application icons corresponds to a plurality of second cards; the fourth switching user input is detected; in response to The fourth switching user input, and the plurality of second cards are switched.
- the multiple second cards can be switched according to the fourth switching user input input by the user.
- the first card is suspended on the current screen; the first card further includes a fixed button; after touching the fixed button, the The first card is fixed on the current screen.
- the user is provided with at least two choices. The user can choose to float the first card on the current screen or fix it on the current screen according to his own preferences.
- the second card is suspended on the current screen; the second card further includes a fixed button; after touching the fixed button, the The second card is fixed on the current screen.
- the user is provided with at least two choices. The user can choose to float the second card on the current screen or fix it on the current screen according to his own preferences.
- the fixed button of the first card is converted into a close button; after touching the close After the button, stop displaying the first card; or, the first card further includes a close button; after touching the close button, stop displaying the first card.
- two implementation manners for stopping the display of the first card are provided, and the user stops displaying the first card by pressing the close button.
- the fixed button of the second card is converted to a close button; when the close button is touched After the button, stop displaying the second card; or, the second card further includes a close button; after touching the close button, stop displaying the second card.
- two implementation manners for stopping the display of the second card are provided, and the user stops displaying the second card by pressing the close button.
- the first icon is a first application icon, and the first application icon corresponds to a plurality of first cards; a fifth switching user input is detected; response In the fifth switching user input, the plurality of first cards are switched.
- the first icon is the first application icon and corresponds to multiple first cards, the multiple first cards can be switched according to the fifth switching user input input by the user.
- a sixth switching user input to the first control and one of the N controls is detected, and in response to the sixth switching user input, the N One of the two controls exchanges positions with the first control and adjusts the size ratio to adapt to the adjusted position.
- the first card content is updated, and the updated first card content corresponds to the adjusted first control.
- the N controls are initially displayed on the first card in the form of a sphere; after touching the sphere, the first card displays the N number of controls are described. In this way, another mode of operation is provided, so that the N controls are only expanded for display when they need to be expanded for display, and contracted into a sphere when they do not need to be expanded for display, thereby saving more display space for the first card to include Other content is displayed.
- a ninth user input to the first control or any one of the N controls is detected, and in response to the ninth user input, the The display screen displays the opened content of the first application or the application corresponding to any one of the N controls. In this way, it is convenient for the user to open the first application corresponding to the first control on the first card or the application corresponding to any one of the N controls.
- the touch device is placed in the first control or any one of the N controls in a direction perpendicular to the current screen Above, and after inputting the first control or any one of the N controls in the direction; or, it is detected that the touch device is placed in the direction perpendicular to the current screen Above the first control or any one of the N controls, the first control or any one of the N controls is enlarged, and the first control or the first control or the After any one of the N controls is far away from the input; or, it is detected that in a direction perpendicular to the current screen, the touch device is placed above any one of the N controls, among the N controls Any one of the controls is enlarged, after detecting a touch input to any one of the enlarged controls; in response to the above input, the display screen displays that the first application or the application corresponding to any one of the N controls is open After the content.
- the opening method of the application corresponding to the first control or any one of the N controls is provided; so that the user can open the first application or the N control corresponding to the first control on the first card more conveniently, quickly and flexibly The application corresponding to any one of the controls.
- the first card when the first card is selected, it is dragged to another area on the current screen other than the first area, and the first icon is displayed in the first area according to the first icon.
- a tenth user input to the current screen is detected, and in response to the tenth user input, the current screen enters the editing state, and the first A card is transparent or semi-transparent, and the first control and/or one of the N controls is restored to the first icon and/or the N icons on the current screen before responding to the first user input
- the size and position of the corresponding icon in the current screen it is detected that any one or more icons in the first area on the current screen are dragged outside the first area and released, or it is detected that all the icons on the current screen are dragged outside the first area.
- the mode of displaying the first card is stopped. Therefore, it is convenient for the user to stop displaying the first card in this manner. Further, corresponding operations can be performed on the second card to obtain corresponding results. Since the operation and the obtained result of the second card correspond to the operation and the obtained result of the first card, it will not be repeated here.
- an eleventh user input to the current screen is detected, and in response to the eleventh user input, the current screen enters the editing state, so
- the card is transparent or semi-transparent, and the first control and/or one of the N controls is restored to the first icon and/or the N icons on the current screen before responding to the first user input
- the size and position of the corresponding icon in the current screen it is detected that any one or more icons in the first area on the current screen are dragged outside the first area and released, or it is detected that the current screen is on Drag any one or more icons outside the first area into the first area and release, in response to the above detection result, the first card is updated accordingly; the first card of the updated first card The content of the card corresponds to the updated first icon.
- the first card moves with the drag gesture on the current screen.
- an operation method is provided; the first card is directly dragged with the drag gesture on the current screen, and there is no need to drag it after releasing the fixation by a gesture such as a long press.
- a gesture such as a long press.
- corresponding operations can be performed on the second card to obtain corresponding results. Since the operation and the obtained result of the second card correspond to the operation and the obtained result of the first card, it will not be repeated here.
- the first card when the first card is selected, drag it to an area other than the first card and/or the second card on the current screen to release After that, the content included in the first card remains unchanged. In this way, the first card is dragged to an area other than the first card and/or the second card on the current screen, and the new first card is not automatically switched to display.
- the shapes of the first card and the second card are preset.
- the shapes of the first card and the second card are preset to be the same. In this way, the shape of the card that the user sees is the same, and the experience is better.
- the shape of the first card is a rectangle with rounded corners, and the rectangle with rounded corners covers several rows and several columns of icons arranged on the desktop. In this way, the shape of the first card is kept consistent with the arrangement of the icons in the area other than the first card on the current screen.
- the first card further includes: a first sub-control, and an area of the first sub-control on the first card is a first sub-area
- the area of the first card content on the first card is the third area; the first sub-area is outside the third area; the twelfth user input to the first sub-control is detected ,
- the first card content stops displaying, the second sub-control corresponding to the first card content is displayed on the second sub-area, and the third card content corresponding to the first sub-control is displayed on the On the third area; the second sub-area is outside the third area; the first card content and the third card content respectively correspond to different functions and/or different information of the first application.
- the user can switch between different functions of the first application and/or card content corresponding to no information by the user input to the first sub-control.
- the first sub-region is the same as the second sub-region; or, the first sub-region is different from the second sub-region.
- the first card content further includes: a second sub-control; the area of the first card content on the first card is a third area Detecting a thirteenth user input to the second sub-control, the first card content stops displaying, and the fourth card content corresponding to the second sub-control is displayed on the third area. In this way, it is possible to switch between different card contents through the controls included in the card contents, which is more convenient for users.
- electronic devices include, but are not limited to, smart devices such as mobile phones, tablets, watches, bracelets, computers, glasses, helmets, televisions, and in-vehicle devices.
- any implementation of the second aspect is also applicable to the first aspect without special instructions; any implementation of the first aspect, unless otherwise specified, It also applies to the second aspect.
- an electronic device in a third aspect, includes: a display module, the display module displays the current screen of the desktop of the electronic device, the current screen displays a number of icons; A user input; the display module is further configured to, in response to the first user input, display a first card on the current screen, the first card does not occupy the current screen; the first icon is A first folder icon, the first folder icon includes at least a first application icon, and the first application icon corresponds to a first application; or, the first icon is a first application icon, and the first application icon Corresponding to the first application; the first card includes at least: first card content, the first card content includes part of the content contained in the M-th layer interface after the first application is opened, and M is a positive integer greater than or equal to 1 ; N controls, each of the N controls is used to open a corresponding application, the application corresponds to the corresponding icon on the desktop before the first card is displayed, and N is a positive value greater than or equal to 1. An integer; the first card is
- any implementation manner of the third aspect corresponds to any implementation manner of the second aspect respectively.
- the technical effects corresponding to the third aspect and any one of the implementation manners of the third aspect please refer to the technical effects corresponding to any one of the foregoing second aspect and the second aspect, which will not be repeated here.
- a computer-readable storage medium including instructions, which when the instructions run on an electronic device, cause the electronic device to execute the card display in the second aspect and any one of the second aspects. method.
- a graphical user interface system on an electronic device has a display screen, a memory, and one or more processors, the one or more processors are used to execute one or more computer programs stored in the memory, and the graphical user interface includes the A graphical user interface displayed when the electronic device executes the second aspect and any one of the implementation methods of the second aspect.
- a computer program product which when running on a computer, causes the computer to execute the card display method in any one of the second aspect and the second aspect.
- an electronic system including: an electronic device and a server; the electronic device includes a display screen and a communication interface; the server includes one or more processors, a memory, and one or more computer programs, the One or more computer programs are stored in the one or more memories, and when the one or more processors execute the one or more computer programs, the electronic system realizes the second aspect and the second aspect The card display method in any one of the implementation modes.
- any implementation manner and corresponding technical effect of the seventh aspect please refer to the foregoing implementation manner and corresponding technical effect of the second aspect and any implementation manner and corresponding technical effect of the second aspect, which will not be omitted here. Go into details.
- Figure 1 is a schematic diagram of the user interface displayed by the pop-up window provided.
- Figure 2 is a schematic diagram of a user interface for card management operations provided.
- FIG. 3 is a schematic structural diagram of an electronic device provided by an embodiment of the application.
- FIG. 4 is a block diagram of the software structure of an electronic device provided by an embodiment of the application.
- Fig. 5 is a schematic diagram of the software flow of a card display method provided by an embodiment of the application.
- FIG. 6 is a schematic flowchart of a card display method provided by an embodiment of the application.
- FIG. 7 is a schematic diagram of the structure of layers involved in the card display method provided by an embodiment of the application.
- FIG. 8 is a schematic diagram of the generation of the card layer substrate involved in the card display method provided by the embodiment of the application.
- FIG. 9 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 10 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 11 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 12 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 13 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 14 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 15 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 16 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 17 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 18 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 19 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 20 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 21 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 22 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 23 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 24 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 25 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 26 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 27 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 28 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 29 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 30 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 31 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 32 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 33 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 34 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 35 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 36 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 37 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 38 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 39 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 40 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 41 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 42 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- FIG. 43 is a schematic structural diagram of an electronic device provided by an embodiment of the application.
- first and second in the embodiments of the present application are used to distinguish different icons, contents, modules, applications, etc., and do not represent a sequence. Unless otherwise specified, the two are different. For example, the first application is different from the second application.
- a card is an information carrier with a closed outline, which provides important or closely related information intuitively and quickly in a concentrated form for the display and interaction of the above-mentioned information.
- the card is mainly displayed on the negative screen of the desktop of the electronic device.
- the user interface 102 includes a navigation bar area 1022, a status bar area 1026, and a second screen of the desktop located between the navigation bar area 1022 and the status bar area 1026.
- the second screen of the desktop includes a fixed icon area 1023, a page indicator area 1024, and a slidable page area 1025.
- the negative one screen of the desktop, the first screen of the desktop, and the third screen of the desktop include areas that also include a fixed icon area, a page indicator area, and a slideable page area. It can be seen from the page indicator area 1024 that the desktop includes a negative screen, a first screen, a second screen, and a third screen. Therefore, in Figure 1, the negative screen of the desktop, the first screen of the desktop, the second screen of the desktop, and the third screen of the desktop together form the desktop. Among them, one or more icons can be displayed in the sliding page area included in the screen other than the second screen of the desktop on the desktop.
- the navigation bar can be hidden; in some optional embodiments, the status bar can be hidden; in some optional embodiments, the navigation bar and the status bar are integrated as a whole.
- the negative screen of the desktop is located on the user interface displayed when the electronic device displays the desktop and slides to the left to the left.
- the first screen of the desktop, the second screen of the desktop, the third screen of the desktop, etc. are located on the user interface that starts from the negative one of the desktop and is displayed in sequence after sliding to the right. It should be noted that Fig. 1 is only an example and is not used to limit the scope of the desktop of this application.
- the shape of the card is usually a rectangle with rounded corners, which is similar to the shape of a credit card, although other shapes are also possible.
- the card enables users of electronic devices to obtain information and perform operations more conveniently and intuitively, and is therefore widely used.
- the existing card display position is fixed and not flexible enough; the display and switching operations of the card are cumbersome and the management cost is high; the card only displays the information of a single application, which makes the operation of other applications inconvenient. Therefore, it is necessary to provide a card display method with simple operation, flexible display position change, and convenient manipulation of other applications.
- the payment code occupies the second screen of the entire desktop, forming a payment code interface. If the user wants to switch to another application displayed on the user interface, he needs to exit the payment code interface first, and then touch other icons on the user interface, which is not convenient enough. In addition, if the user wants to view or touch the content or icon hidden by the pop-up window 10410 on the user interface 104 as shown in FIG. The pop-up window 10410 disappears, and then to view or touch the above-mentioned blocked content or icon, the operation is relatively cumbersome. Moreover, the pop-up window 10410 cannot be fixedly displayed on the user interface 104 either.
- the user interface 102 will not display the above pop-up window 1041; if you want to quickly enter the Alipay payment code, you need to press and hold the Alipay icon 1021 displayed on the user interface 102 again, which is cumbersome.
- FIG. 2 is a schematic diagram of a user interface for switching between different card displays in a card display method provided.
- the interface 200 displays a negative screen with the desktop. Take the cancellation of the display of the card 2002 on the interface 200 as an example.
- the interface 201 switches to the interface 202 shown in FIG. 2c; the user touches the button 2021 on the interface 202 shown in FIG. 2c; after returning to the negative screen of the desktop, the negative screen of the desktop at this time is as shown in FIG. 2d.
- Card 2002 is no longer displayed. In this way, if you want to manage the display switching of different cards, you need to enter the setting interface first, and then browse the settings on the setting interface. The operation is cumbersome.
- FIG. 3 shows a schematic diagram of the structure of the electronic device 100.
- the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, and an antenna 2.
- Mobile communication module 150 wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, buttons 190, motor 191, indicator 192, camera 193, display screen 194, and Subscriber identification module (subscriber identification module, SIM) card interface 195, etc.
- SIM Subscriber identification module
- the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and ambient light Sensor 180L, bone conduction sensor 180M, etc.
- the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100.
- the electronic device 100 may include more or fewer components than those shown in the figure, or combine certain components, or split certain components, or arrange different components.
- the illustrated components can be implemented in hardware, software, or a combination of software and hardware.
- the processor 110 may include one or more processing units.
- the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU), etc.
- AP application processor
- modem processor modem processor
- GPU graphics processing unit
- image signal processor image signal processor
- ISP image signal processor
- controller video codec
- digital signal processor digital signal processor
- DSP digital signal processor
- NPU neural-network processing unit
- the different processing units may be independent devices or integrated in one or more processors.
- the controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching instructions and executing instructions.
- a memory may also be provided in the processor 110 to store instructions and data.
- the memory in the processor 110 is a cache memory.
- the memory can store instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to use the instruction or data again, it can be directly called from the memory. Repeated accesses are avoided, the waiting time of the processor 110 is reduced, and the efficiency of the system is improved.
- the processor 110 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, and a universal asynchronous transmitter/receiver (universal asynchronous) interface.
- I2C integrated circuit
- I2S integrated circuit built-in audio
- PCM pulse code modulation
- PCM pulse code modulation
- UART universal asynchronous transmitter/receiver
- MIPI mobile industry processor interface
- GPIO general-purpose input/output
- SIM subscriber identity module
- USB Universal Serial Bus
- the USB interface 130 is an interface that complies with the USB standard specification, and specifically may be a Mini USB interface, a Micro USB interface, a USB Type C interface, and so on. It can be understood that the interface connection relationship between the modules illustrated in the embodiment of the present application is merely a schematic description, and does not constitute a structural limitation of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection modes in the foregoing embodiments, or a combination of multiple interface connection modes.
- the charging management module 140 is used to receive charging input from the charger.
- the power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110.
- the wireless communication function of the electronic device 100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor, and the baseband processor.
- the antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.
- Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
- Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
- the antenna can be used in combination with a tuning switch.
- the mobile communication module 150 can provide a wireless communication solution including 2G/3G/4G/5G and the like applied to the electronic device 100.
- the mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), and the like.
- the mobile communication module 150 can receive electromagnetic waves by the antenna 1, and perform processing such as filtering, amplifying and transmitting the received electromagnetic waves to the modem processor for demodulation.
- the mobile communication module 150 can also amplify the signal modulated by the modem processor, and convert it into electromagnetic waves for radiation via the antenna 1.
- at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110.
- at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be provided in the same device.
- the modem processor may include a modulator and a demodulator.
- the modulator is used to modulate the low frequency baseband signal to be sent into a medium and high frequency signal.
- the demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal.
- the demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing.
- the application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.), or displays an image or video through the display screen 194.
- the modem processor may be an independent device.
- the modem processor may be independent of the processor 110 and be provided in the same device as the mobile communication module 150 or other functional modules.
- the wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), and global navigation satellites. System (global navigation satellite system, GNSS), frequency modulation (FM), near field communication (NFC), infrared technology (infrared, IR) and other wireless communication solutions.
- the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
- the wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110.
- the wireless communication module 160 may also receive a signal to be sent from the processor 110, perform frequency modulation, amplify it, and convert it into electromagnetic waves to radiate through the antenna 2.
- the antenna 1 of the electronic device 100 is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
- the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc.
- the GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite-based augmentation systems (SBAS).
- GPS global positioning system
- GLONASS global navigation satellite system
- BDS Beidou navigation satellite system
- QZSS quasi-zenith satellite system
- SBAS satellite-based augmentation systems
- the electronic device 100 implements a display function through a GPU, a display screen 194, an application processor, and the like.
- the GPU is an image processing microprocessor, which is connected to the display screen 194 and the application processor.
- the GPU is used to perform mathematical and geometric calculations and is used for graphics rendering.
- the processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
- the display screen 194 is used to display images, videos, and the like.
- the display screen 194 includes a display panel.
- the display panel can use liquid crystal display (LCD), organic light-emitting diode (OLED), active matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light-emitting diode).
- LCD liquid crystal display
- OLED organic light-emitting diode
- active-matrix organic light-emitting diode active-matrix organic light-emitting diode
- AMOLED flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
- the electronic device 100 may include one or N display screens 194, and N is a positive integer greater than one.
- the electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.
- the ISP is used to process the data fed back from the camera 193.
- the camera 193 is used to capture still images or videos.
- the object generates an optical image through the lens and is projected to the photosensitive element.
- Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects the frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.
- Video codecs are used to compress or decompress digital video.
- the electronic device 100 may support one or more video codecs. In this way, the electronic device 100 can play or record videos in multiple encoding formats, such as: moving picture experts group (MPEG) 1, MPEG2, MPEG3, MPEG4, and so on.
- MPEG moving picture experts group
- MPEG2 MPEG2, MPEG3, MPEG4, and so on.
- NPU is a neural-network (NN) computing processor.
- NN neural-network
- the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
- the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save music, video and other files in an external memory card.
- the internal memory 121 may be used to store computer executable program code, where the executable program code includes instructions.
- the internal memory 121 may include a storage program area and a storage data area.
- the storage program area can store an operating system, at least one application program (such as a sound playback function, an image playback function, etc.) required by at least one function.
- the data storage area can store data (such as audio data, phone book, etc.) created during the use of the electronic device 100.
- the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), and the like.
- the processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.
- the electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. For example, music playback, recording, etc.
- the pressure sensor 180A is used to sense the pressure signal and can convert the pressure signal into an electrical signal.
- the pressure sensor 180A may be provided on the display screen 194.
- the capacitive pressure sensor may include at least two parallel plates with conductive materials.
- the electronic device 100 determines the intensity of the pressure according to the change in capacitance.
- the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A.
- the electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor 180A.
- touch operations that act on the same touch position but have different touch operation strengths may correspond to different operation instructions. For example: when a touch operation whose intensity of the touch operation is less than the first pressure threshold is applied to the short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, an instruction to create a new short message is executed.
- the gyro sensor 180B may be used to determine the movement posture of the electronic device 100.
- the air pressure sensor 180C is used to measure air pressure.
- the electronic device 100 calculates the altitude based on the air pressure value measured by the air pressure sensor 180C to assist positioning and navigation.
- the magnetic sensor 180D includes a Hall sensor.
- the acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes).
- Distance sensor 180F used to measure distance.
- the electronic device 100 can measure the distance by infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 may use the distance sensor 180F to measure the distance to achieve fast focusing.
- the proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector such as a photodiode.
- the ambient light sensor 180L is used to sense the brightness of the ambient light.
- the fingerprint sensor 180H is used to collect fingerprints.
- the electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access application locks, fingerprint photographs, fingerprint answering calls, and so on.
- the temperature sensor 180J is used to detect temperature.
- Touch sensor 180K also called “touch device”.
- the touch sensor 180K may be disposed on the display screen 194, and the touch screen is composed of the touch sensor 180K and the display screen 194, which is also called a “touch screen”.
- the touch sensor 180K is used to detect touch operations acting on or near it.
- the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
- the visual output related to the touch operation can be provided through the display screen 194.
- the touch sensor 180K may also be disposed on the surface of the electronic device 100, which is different from the position of the display screen 194.
- the SIM card interface 195 is used to connect to the SIM card.
- the SIM card can be inserted into the SIM card interface 195 or pulled out from the SIM card interface 195 to achieve contact and separation with the electronic device 100.
- the electronic device 100 may support 1 or N SIM card interfaces, and N is a positive integer greater than 1.
- the SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, etc.
- the same SIM card interface 195 can insert multiple cards at the same time. The types of the multiple cards can be the same or different.
- the SIM card interface 195 can also be compatible with different types of SIM cards.
- the SIM card interface 195 may also be compatible with external memory cards.
- the electronic device 100 interacts with the network through the SIM card to implement functions such as call and data communication.
- the electronic device 100 adopts an eSIM, that is, an embedded SIM card.
- the eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.
- the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
- the embodiments of the present application provide a card display method, electronic equipment, and computer-readable storage medium, so that users can quickly display and switch cards on the current screen of the desktop through simple operations, even only one step
- the current screen of the desktop is any screen of the desktop, which can be any of the negative one screen of the desktop, the first screen of the desktop, the second screen of the desktop, the third screen of the desktop, and so on.
- FIG. 4 is a block diagram of the software structure of the electronic device 100 according to an embodiment of the present application.
- the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Communication between layers through software interface.
- the Android system is divided into five layers, from top to bottom, the application program layer, the system framework layer, the system library and runtime layer, the hardware abstraction layer, and the kernel layer.
- the application layer can include a series of application packages. As shown in Figure 4, the application package can include programs such as desktop manager, contacts, calendar, text messages, and music. Among them, the desktop manager is used to manage and display the icons of all common applications and their corresponding card information. There is no icon on the desktop; when the user triggers the card display operation, the card information is loaded and displayed. Ordinary applications, such as contacts, calendars, and other programs that can click icons on the desktop, are used to provide card display-related data.
- the system framework layer provides application programming interfaces (Application Programming Interface, API) and programming frameworks for applications in the application layer, including various components and services to support developers' Android development.
- the system framework layer includes some predefined functions. As shown in Figure 4, the system framework layer can include a view system, an input manager, a card service manager, a resource manager, a window manager, a content provider, and so on.
- the view system includes visual controls, such as controls that display text, controls that display pictures, and so on.
- the view system can be used to build applications.
- the display interface can be composed of one or more views.
- the window manager is used to manage window programs. The window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, take a screenshot, etc.
- the input manager is used to manage touch events and realize the dispatch of touch events.
- the card service manager is used to receive the card information issued by the desktop application App (Application) and save it, and at the same time provides an interface for the desktop program to query the card information of the App.
- the Card Service Manager can be used as a Service process resident in the Andorid system, providing a remote calling interface to receive card information released by the App, and providing another remote calling interface for desktop programs to query card information.
- the card service manager saves the unique ID of the App and the card information corresponding to the App. Among them, the card information corresponding to the App is published and stored in the form of a data structure.
- the unique ID of the App may be an application package name (PackageName) of the App or a hash code of the application package name.
- the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.
- the window manager is used to manage window programs. The window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, take a screenshot, etc.
- the content provider is used to store and retrieve data and make these data accessible to applications.
- the data may include videos, images, audios, phone calls made and received, browsing history and bookmarks, phone book, etc.
- the system library and runtime layer include the system library and Android Runtime.
- the system library can include multiple functional modules. For example: browser kernel, 3D graphics library (for example: OpenGL ES), font library, etc.
- the browser kernel is responsible for interpreting the grammar of the webpage (such as an application HTML and JavaScript under the standard universal markup language) and rendering (displaying) the webpage.
- the 3D graphics library is used to implement three-dimensional graphics drawing, image rendering, synthesis and layer processing.
- the font library is used to realize the input of different fonts.
- the Android runtime includes core libraries and virtual machines. The Android runtime is responsible for the scheduling and management of the Android system.
- the core library consists of two parts: one part is the function functions that the java language needs to call, and the other part is the core library of Android.
- the application layer and application framework layer run in a virtual machine.
- the virtual machine executes the java files of the application layer and the application framework layer as binary files.
- the virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
- the hardware abstraction layer is the abstract interface of the device kernel driver, which provides an application programming interface for accessing the underlying device to the higher-level Java API framework.
- HAL contains multiple library modules, each of which implements an interface for a specific type of hardware component.
- the kernel layer is the layer between hardware and software.
- the kernel layer includes at least camera driver, display driver, Bluetooth driver, audio driver, sensor driver, touch driver and WLAN.
- the core layer is The basis of the system. The final function realization of the system is done through the kernel layer.
- Fig. 5 is a schematic diagram of the software flow of a card display method provided by an embodiment of the application.
- the desktop-related applications running in the application layer of the electronic device include two types, the desktop manager 502 and common applications such as weather 504 and calendar 505.
- common applications such as weather 504 and calendar 505 are preset with card information, and the card information corresponding to the common application is transmitted to the card service manager 503 of the system framework layer under certain conditions.
- pre-setting the card information in the common application includes pre-setting the card information in the common application through the RemoteViews data structure, such as defining RemoteViews and their coordinate layout, setting the font color of RemoteViews, Data information such as string content, icons, and operations in response to user input.
- the common application program is preset with card information including card information about the card layout described in the common application program through a data structure of an xml file.
- RemoteViews remoteView new RemoteViews(getPackageName(),R.layout.layout_notification)
- the above xml file can be expanded and defined as needed.
- the ordinary application program will report to the card service manager of the system framework layer under certain conditions, such as when the data of the ordinary application program changes, or after booting up.
- 503 transmits the card information corresponding to the ordinary application.
- the card service manager 503 receives and saves the card information.
- the card service manager 503 may store the ID corresponding to each icon and the card information corresponding to the ID in the form of a list.
- the desktop manager determines whether to query the card based on user input, and generates and displays the card on the current screen of the desktop of the electronic device according to the query result.
- the user input can be the user's gesture input or the user's voice command input.
- the user's gesture may be a user's gesture on the touch screen, or a gesture of sliding with the current screen of the desktop.
- the touch screen detects the first gesture and reports the first gesture to the desktop manager 502 of the application layer via the input manager 501 of the system framework layer.
- the desktop manager 502 receives the first gesture, and determines whether the first gesture meets the preset gesture; if so, the desktop manager 502 obtains the first icon to be used as a reference for displaying the card based on the first gesture, and then obtains the first icon.
- the desktop manager 502 queries the card service manager 503 for the card information corresponding to the ID, and the card service manager 503 transmits the card information corresponding to the ID to the desktop manager 502; based on the received For the card information corresponding to the ID, the desktop manager 502 generates a display card.
- the system framework layer does not need to set a card service manager 503; ordinary applications such as weather 504 and calendar 505 are equipped with their own card service manager; the desktop manager 502 sends ordinary applications such as weather 504 and calendar 505 based on the above ID
- the respective card service manager queries the card information corresponding to the ID, and the ordinary application program with the same ID transmits the card information corresponding to the ID to the desktop manager 502 through its card service manager, and the ordinary application program that is different from the ID
- the card information is not transmitted to the desktop manager 502 through its card service manager; the desktop manager 502 generates a card based on the received card information corresponding to the ID.
- the above-mentioned pre-setting can be used by the electronic device manufacturer to pre-set the self-developed application of the electronic device before it leaves the factory.
- an electronic device that has just been shipped from the factory has not yet installed applications other than those developed by the manufacturer of the electronic device.
- an electronic device manufacturer and a third-party application provider have negotiated in advance, and the third-party application downloaded through the application market that comes with the electronic device is pre-set as described above.
- the applications on the electronic device may also be preset for some applications, and some applications are not preset.
- FIG. 6 is a schematic diagram of an implementation process of a card display method provided by an embodiment of the application.
- Figure 6a shows a schematic diagram of the implementation process of the card display method.
- the card service manager scans the general application App, obtains a list of apps that provide card information, and notifies the App to update the card information; or, the data of the general application App on the desktop changes ;
- the App assembles card information, and transmits the ID of the ordinary application App and the card information corresponding to the ID to the card service manager, and the card service manager obtains and saves the ID and the card information corresponding to the ID;
- the ID not only corresponds to the card information, but also corresponds to the App;
- the desktop manager detects the user input; in S604, it determines whether the user input meets the preset input; if the user input does not meet the preset input, returns to S604; if the user If the input meets the preset input, execute S
- the user input can be the user's gesture input or the user's voice command input.
- the user's gesture may be a user's gesture on the touch screen, or a gesture of sliding with the current screen of the desktop. Take the user inputting the first gesture on the touch screen of the electronic device as an example.
- S604 specifically determines whether the first gesture conforms to the preset gesture; if the first gesture does not conform to the preset gesture, return to S604; S605 specifically refers to the desktop manager determining whether to use the first gesture as a reference for displaying the card The ID corresponding to the first icon of, query and read the corresponding card information from the card service manager.
- judging whether the first gesture conforms to the preset gesture specifically, judging whether the sliding direction of the first gesture conforms to the preset sliding direction.
- the desktop manager determines the ID corresponding to the first icon to be used as a reference for displaying the card according to the first gesture, and queries and reads the corresponding card information from the card service manager; specifically, the desktop manager according to the first gesture
- the starting point is to determine the ID corresponding to the first icon to be used as a reference to display the card, and query and read the corresponding card information from the card service manager.
- Fig. 6b shows a further detailed flowchart of step S606 in Fig. 6a.
- the card information is parsed into a card view, and the default shape and default size of the card view are obtained; in S6062, according to the default shape and default size of the card view and the first icon used as a reference to display the card, obtain The area covered by the card displayed based on the first icon, that is, the first area; and after all the cards on the current screen of the desktop of the electronic device are restored to the icon state, the icons displayed in the first area are obtained.
- S6064 may not be included; after the card is displayed, the icon corresponding to the first area is obscured by the card, and the control corresponding to the above icon is also displayed on the card.
- the card information includes the default shape, default size, and card content of the card view after it is displayed.
- the card content includes the content of each element.
- the content of each element is the content contained in the content interface or the functional interface displayed after the ordinary application corresponding to the card information is opened.
- the content interface includes a content simplified interface.
- the function interface includes a simplified function interface.
- the content of the simplified content interface is less than the content of the content interface.
- the content of the function reduction interface is less than the content of the function interface.
- the first icon to be used as a reference for displaying the card is determined according to the starting point of the first gesture.
- the default shape and/or default size of the card view included in the card information of each common application program may be the same or different.
- the default shape and default size of the card view included in the card information of each common application are the same.
- the shape and size of the card can also be changed according to the user's input.
- S4063 and S4064 can be combined into one step to perform the card view display and the reduced display animation of the icon displayed in the first area. That is, the card view display animation and the reduced display animation of the icon displayed in the first area are performed at the same time, and the sequence is no longer distinguished.
- the card view display animation and the reduced display animation of the icon displayed in the first area are combined into one animation—the card view display and the reduced display animation of the icon displayed in the first area are combined in S4063 and S4064 Executed.
- S4063 and S4064 can be exchanged in order. That is, the zoom out display animation of the icon displayed in the first area is executed first, and then the card view display animation is executed.
- FIG. 7 is a schematic diagram of the structure of layers involved in the card display method provided by an embodiment of the application.
- the card display method provided by the embodiment of the present application involves three layers: an icon layer 701, a card layer 702, and a wallpaper layer 703.
- the icon layer 701 contains icons displayed on the current screen of the desktop of the electronic device.
- the card layer 702 contains the cards displayed on the current screen of the desktop of the electronic device.
- the wallpaper layer 703 contains the wallpaper displayed on the current screen of the desktop of the electronic device. When there is no icon on the current screen of the desktop of the electronic device, there is no icon layer on the current screen of the desktop of the electronic device.
- the card 7021 included in the card layer is taken as an example to further describe the area division on the card 7021.
- the card 7021 includes a card title bar 70213 and a card content area 70214.
- the card title bar 70213 includes a first control area 70211 and a second control area 70212.
- the area of the card 7021 on the current screen of the desktop of the electronic device is the first area; after all the cards on the current screen of the desktop of the electronic device are restored to the icon state, the icons displayed in the first area include the first area.
- the first control area 70211 only displays the first control corresponding to the first icon; the second control area 70212 displays N controls corresponding to other icons.
- the first control area 70211 does not display controls corresponding to any icons; the second control area 70212 displays controls corresponding to other icons, or the second control area 70212 displays controls other than the first icon and other icons. The control corresponding to any icon of.
- the first control displayed in the first control area 70211 can be a control displayed after an application icon or a folder icon is reduced to a certain ratio;
- the N controls displayed in the second control area 70212 are N icons reduced to another ratio Displayed controls;
- the N icons include application icons and/or folder icons.
- the content displayed on the card content area 70214 is associated with the first icon and also associated with the first control.
- the card title bar 70213 is located at the upper part of the card 7021; the card content area 70214 is located at the lower part of the card 7021; at this time, the card title bar 70213 is arranged horizontally.
- the card title bar 70213 is located at the lower part of the card 7021; the card content area 70214 is located at the upper part of the card 7021; at this time, the card title bar 70213 is arranged horizontally.
- the card title bar 70213 is located on the left side of the card 7021; the card content area 70214 is located on the right side of the card 7021; at this time, the card title bar 70213 is arranged vertically.
- the card title bar 70213 is located at the upper part of the card 7021; the card content area 70214 is located at the lower part of the card 7021; at this time, the card title bar 70213 is arranged vertically.
- the first control area 70211 is located on the left side of the card title bar 70213; the second control area 70212 is located on the right side of the card title bar 70213.
- the first control area 70211 is located on the right side of the card title bar 70213; the second control area 70212 is located on the left side of the card title bar 70213.
- the first control area 70211 is located at the upper part of the card title bar 70213; the second control area 70212 is located at the lower part of the card title bar 70213.
- the first control area 70211 is located at the lower part of the card title bar 70213; the second control area 70212 is located at the upper part of the card title bar 70213.
- the above related card title bar 70213 and card content area 70214 are located on the upper, lower, left, and right sides of the card 7021, respectively, are the card title bar 70213, and the card content area 70214 is located on the upper, lower, left, and right sides of the card 7021 area. side.
- first control area 70211 and second control area 70212 are located on the upper, lower, left and right sides of the card title bar 70213 respectively.
- the first control area 70211 and the second control area 70212 are located within the area of the card title bar 70213. Top, bottom, left and right sides.
- the second control area 70212 may also be located outside the card title bar 70213, for example, at the upper part outside the card title bar 70213 area.
- a floating ball is provided on the upper part outside the area of the card 7021, and the second control area 70212 is displayed only after the floating ball is touched.
- the card 7021 includes a card layer substrate 70215 and a second control area 70212. Among them, all areas on the card 7021 except for the second control area 70212 belong to the card layer substrate 70215.
- the second control area 70212 may be located in the upper left corner, upper right corner, lower left corner, lower right corner, upper portion, lower portion, left side, and right side within the card 7021 area.
- the second control areas are arranged horizontally.
- the second control area 70212 is located on the left and right sides of the card 7021 area, the second control areas are arranged vertically.
- the second control area 70212 may be located at any other position within the card 7021 area.
- the second control area 70212 may be located outside the area of the card 7021, for example, located at the upper part outside the area of the card 7021.
- a floating ball is provided on the upper part of the periphery of the card 7021, and the floating ball will display the second control area 70212 after being touched.
- the icon layer 701 and the wallpaper layer 703 may always exist; while the card layer 702 may sometimes not exist.
- the card 7021 will be triggered to generate a display under the first input trigger.
- the card 7021 is triggered to be displayed, which also indicates that the card layer 702 is generated and displayed.
- the icons on the icon layer 701 covered by the card 7021 will be absorbed by the card 7021 and displayed on the card 7021 in the form of a control after being scaled down. At this time, the number of icons contained in the icon layer 701 will be reduced.
- the card 7021 when the card 7021 is triggered by the second gesture, it will be triggered to transform into an icon; the controls that were previously absorbed and scaled down and displayed on the card 7021 as controls will be restored to the size and position of the icon before being absorbed.
- the card layer 702 is located between the icon layer 701 and the wallpaper layer 703; in some cases, the card layer 702 is located above the icon layer 701.
- the circle in the first control area and the runway rectangle in the second control area are only used to identify the position of the first control area and the second control area on the card layer, and are not used to limit the first control area and the second control area.
- the shape of the first control area and the second control area can be any shape, including but not limited to a circle, a rectangle, a rounded rectangle, a racetrack rectangle, and the like.
- the rounded rectangle of the card is only a schematic example of the shape of the card; it is not used to limit the shape of the card.
- the shape of the card can be other shapes.
- the other shapes are any shapes that those skilled in the art can think of; including but not limited to rounded rectangles, racetrack rectangles, and the like.
- FIG. 8 is a schematic diagram of the generation of the card layer substrate involved in the card display method provided by the embodiment of the application.
- Figures 8a and 8b respectively show two different ways of generating the card layer substrate.
- the icon 801 represents the icon of the calendar application.
- the display content area 802 gradually increases; the size of the icon 801 remains unchanged, reduced by a certain ratio, or enlarged by a certain ratio.
- the position of the icon 801 in the display content area 802 gradually approaches the upper left corner of the display content area 802.
- the icon 801 is located at the upper left corner of the display content area 802'.
- a card layer substrate 800 is produced.
- the icon includes two parts: the number 16 and the display content area. 811 represents the number 16, and 812 represents the display content area.
- the number 16 is the identifier of the calendar application, used to indicate that today is the 16th. The selection of the number 16 is only for illustrative purposes, and will change synchronously as time changes. For example, today is the 16th, tomorrow, the identifier of the calendar application will change from the number 16 to the number 17.
- the display content area 812 gradually increases; the number 16 811 also gradually increases, and gradually approaches the upper left corner of the display content area 812. Finally, when the display content area 812 increases to 812', it does not increase; when the number 16 811 increases to 811', it does not increase; at this time, the number 16 811' is located at the upper left corner of the display content area 812' .
- a card layer substrate 810 is produced.
- the above two generation methods of the card layer substrate are only used for illustrative examples, and are not used to limit the generation methods of the card layer substrate. Any method for generating the card layer substrate that can be imagined by those skilled in the art is within the protection scope of the embodiments of the present application.
- the icon of the calendar application in FIG. 8a may also be located in the upper right corner of the card layer substrate.
- the icon of the calendar application in FIG. 8a may also be located in another position of the card layer substrate; the display content area may also be located in another position of the card layer substrate.
- the above-mentioned other positions do not conflict with the above-mentioned other positions.
- FIG. 9 is a schematic diagram of a user interface of a card display method provided by an embodiment of the application.
- Take the memo application icon as an example.
- the user takes the touch point on the memo application icon 9021 as the starting point and moves the finger in the direction shown in Fig. 9a.
- the interface 902 shown in Fig. 9a switches to The interface 903 shown in Figure 9b.
- a card 9031 is generated.
- the area of the card 9031 in Figure 9b is the first area; the icons displayed on the interface 903 of the first area in Figure 9a include memo, player, file management, settings, gallery, Facebook, cloud sharing, Twitter and QQ nine application icons.
- the first control corresponding to the memo application icon may not be displayed on the card 9031; the controls corresponding to the other eight application icons displayed on the interface 903 in the first area are displayed in the upper right corner of the card 9031.
- the first control corresponding to the memo application icon may be displayed in the upper left corner of the card 9031.
- the control displayed on the upper right corner of the card 9031 may not correspond to the above eight application icons, but may correspond to other icons, and the other icons are located on the desktop.
- the other icons can be located on the current screen on the desktop, or on other screens on the desktop.
- it may also be a voice input, such as "display a card based on a memo icon".
- the gesture input shown in FIG. 9a and the gesture input for sharing or deleting the icon shown in FIG. 9a may be the same or different gesture input; that is, the embodiment of the present application supports two different gesture inputs, respectively To generate a display card based on an icon, and display a window for sharing or deleting the icon; or, the embodiment of the application supports a gesture input, generating a display card based on an icon and displaying a window for sharing or deleting the icon.
- the "share” and “delete” displayed in the above window and/or the corresponding controls may be located on the card, so that there is no need to display an additional window.
- the lower part of the control in the upper right corner of the card 9031 displays the content of the memo application. For example: hold a regular departmental meeting in room 302 at 9 am; discuss the progress of the T project at noon and the old week; show the demo to the customer at 3 pm; call my mother at 8 pm; pick up the child from the cram school at 9 pm Home; learn English every day at 11pm.
- the user uses the touch point 920 of the finger on the card 9031 as the starting point and moves the finger along the direction shown in FIG. 9b.
- the card 9031 disappears and stops displaying.
- the interface 903 shown in FIG. 9b Switch to or return to the interface 902 shown in FIG. 9a.
- the user can use the touch point on the memo application icon 9021 as the starting point, and move the finger in a direction other than the direction shown in FIG. 9a, and the interface 902 shown in FIG. 9a switches To the interface 903 shown in Figure 9b.
- the user takes the touch point of the finger on the card 9031 as the starting point and moves the finger in a direction other than the direction shown in Figure 9b.
- the card 9031 disappears and the display stops, as shown in Figure 9b.
- the shown interface 903 returns to the interface 902 shown in FIG. 9a.
- switching from the interface 902 shown in FIG. 9a to the sliding direction of the first gesture input corresponding to the interface 903 shown in FIG. 9b is the second gesture corresponding to returning from the interface 903 shown in FIG. 9b to the interface 902 shown in FIG. 9a
- the input sliding direction is opposite.
- the other eight application icons displayed on the interface 902 of FIG. 9a in the first area are displayed in the second control area of the card 9031 in the form of a control after being reduced to another scale; the content of the memo is displayed on the card 9031 display content area.
- the application icons that are not displayed in the first area on the interface 902 of FIG. 9a can still be opened by touching or in other ways, and their position has not changed, and their layout has no effect.
- the content displayed on the card is the content of the memo, which is convenient for the user to obtain intuitively and conveniently, and only requires one step of operation. If you want to view more memo content displayed on the card, you can view more memo content by swiping in another direction on the card, etc. Therefore, it is not necessary that the memo application icon is displayed in the first control area of the card 9031 in the form of a control after being reduced to a certain ratio, that is, the upper left corner. Because there is no need to display the first control corresponding to the memo application icon in the first control area of the card 9031, the user can also learn that the card content displays the content interface or content simplified interface displayed after the memo application is opened.
- the card display method provided by the embodiment of the present application is particularly suitable for situations where the card needs to be viewed for a long period of time. For example, a family of three visits a mall on a certain day, buys clothes, cosmetics, school supplies and other items for the children, husband and wife, and eats and watches movies in the mall. Due to frequent use of the payment code, the husband can use the mobile phone’s desktop On the current screen, an Alipay card is generated and displayed through a one-step operation, and the Alipay card displays a payment code. When in use, just take out the phone to show the card; when not in use, just lock the screen of the phone. This makes it unnecessary to switch between opening and closing the payment code frequently during consumption in the consumer shopping mall, which is convenient to use.
- the user needs to view the memo within a period of time, he can perform the operation only once according to the preset gesture; the next time he views the memo, he only needs to swipe to the screen, and he does not need to operate according to the preset gesture again.
- the user wants to view the content of another application, or display the shortcut function under another application, he can close the card first, and then use the touch point on the other application icon as the starting point, and follow the preset gestures. Just generate a display card based on another icon.
- the card and the icon can coexist on the current screen of the desktop, and the card can be displayed on the current screen of the desktop according to the user's gestures or the card can be turned off to restore to the icon; the user can directly view the content of the card on the current screen of the desktop, At the same time, the user can directly open the application corresponding to any icon in the area other than the card on the current screen, and the user can also directly open the application corresponding to each of the N controls on the card, which is convenient to operate and has a better user experience; for example; , The user can directly touch the WeChat icon to open the WeChat application; the user can also directly touch the control corresponding to the QQ application in the upper right corner of the card to open the QQ application.
- the user can not only intuitively obtain the content of the first card, but also directly open the application corresponding to each of the N controls, and can directly operate the current screen, taking into account the convenience of the user to the three parties, and realizes Balance in the convenience of the three parties.
- the conversion between the icon displayed on the interface 902 of FIG. 9a and the card 9031 in the first area has a magnetic visual effect, which improves the user experience.
- the memo application icon 9021 can be directly displayed in the upper left corner of the card 9031 in the form of a control, and does not need to be reduced to a certain ratio; it can also be displayed in the upper left corner of the card 9031 in the form of a control after being enlarged to a certain ratio.
- the card 9031 may not be a square with rounded corners, but may have other shapes. The other shapes are any shapes that those skilled in the art can think of; including but not limited to rounded rectangles, racetrack rectangles, and the like.
- the user can not only move the finger in the direction shown in FIG. 9a, but the user can move the finger in other directions.
- any direction such as oblique upward 45 degrees, horizontal direction, etc., is not limited here.
- the first gesture input is used to generate a card based on the icon. Based on the first gesture input, a display card 9031 is generated. The starting point of the first gesture input may be located on the memo application icon 9021 or in a certain area around the memo application icon 9021.
- the sliding direction of the first gesture input is the first direction.
- the first direction can include only one fixed direction or different directions; for example, first to the left and then up.
- the first gesture input may be a gesture input obtained by touching on the current screen of the desktop.
- the first gesture input may also be a gesture input of sliding with the current screen of the desktop.
- the first gesture input is a gesture input that draws a circle from the current screen of the desktop.
- the mobile terminal generates a card based on the icon according to the vertical projection gesture input of the first gesture input on the current screen of the desktop.
- the second gesture input is used to restore the icon based on the card.
- the starting point of the second gesture input may be located on the card 9031 or in a certain area around the card 9031.
- the sliding direction of the second gesture input is the second direction.
- the second direction can include only a fixed direction or a different direction.
- the sliding direction of the second gesture input and the sliding direction of the first gesture input may be opposite or not opposite.
- the direction of the second gesture input is the direction shown in FIG. 9b
- the direction of the first gesture input may be the direction obliquely upward by 45 degrees in FIG. 9a.
- the corresponding relationship between the sliding direction of the first gesture input and the sliding direction of the second gesture input needs to be preset.
- the sliding direction of the second gesture input is opposite to the sliding direction of the first gesture input.
- start point of the second gesture input may be the same as the end point of the first gesture input, or may be different from the end point of the first gesture input.
- the end point of the second gesture input may be the same as the start point of the first gesture input, or may be different from the start point of the first gesture input.
- the starting point of the first gesture input may be located on the icon to be converted into a card, or may be located in a certain area around the icon to be converted into a card.
- the starting point of the first gesture input is located in a certain area around the icon to be converted into a card, which can be compared to the distance between the starting point and the center of other icons, and the distance between the starting point and the icon to be converted into a card
- the distance between the centers is the shortest.
- the icon to be converted into a card is a memo application icon. Compared with other icons, the distance between the starting point of the first gesture input and the center of the memo application icon is the shortest; then the starting point of the first gesture input is located around the memo application icon Within a certain area.
- the preset rules determine which icon to generate based on card. For example, the starting point of the first gesture input is located in the middle of the player application icon and the memo application icon along the horizontal direction in Fig. 9a. Since the starting point, the distance between the first gesture input and the player application icon becomes shorter. If the distance from the memo application icon becomes longer, it is determined to generate a card based on the player application icon.
- the preset rules can be other rules.
- the preset gesture is a closed curve including only one first icon, and a first icon included in the closed curve is determined as the one first icon.
- the starting point of the first gesture input is located in a certain area around the icon to be converted into a card, or the starting point of the first gesture input is located at the center of the icon to be converted into a card, and the preset length is The radius of the circle.
- the starting point of the first gesture input is located in a certain area around the icon to be converted into a card is not limited to the above-mentioned embodiments, and other embodiments that can be imagined by those skilled in the art are also within the protection scope of the embodiments of the present application.
- the starting point of the second gesture input can be located on the card to be converted into an icon, or can be located in a certain area around the card to be converted into an icon. Wherein, the starting point of the second gesture input is located in a certain area around the card to be converted into an icon, and the starting point of the second gesture input may be located in a circular range with the center of the card as the center and the preset length as the radius. . Take, for example, that there are two cards on the current screen of the desktop of the electronic device.
- the starting point of the second gesture input is located in a certain area around the two cards, determine which card has the shortest distance from the center, and the card with the shortest center distance from the starting point is the card to be converted into an icon; If the distance between the centers of the two cards is the same, it is determined based on which card is converted into an icon according to a preset rule. Taking FIG. 27c as an example, the distance between the starting point of the second gesture input and the center of the card 27042 is equal to the distance from the center of the card 27041. Since the card 27042 is located above the card 27041, the icon is determined to be restored based on the card 27042.
- the preset rules can be other rules.
- the starting point of the second gesture input is located in a certain area around the card to be converted into an icon, and may also be an area within a certain distance from the center of the card.
- the starting point of the second gesture input located in a certain area around the card to be converted into an icon is not limited to the above-mentioned embodiments, and other embodiments that can be imagined by those skilled in the art are also within the protection scope of the embodiments of the present application.
- the end point of the first gesture input and the end point of the second gesture input are not limited.
- the end point of the first gesture input can be located on the icon to be covered and absorbed by the card; it can also be located in a certain area around the icon to be covered and absorbed by the card.
- the end point of the first gesture input may be located on the right side of the Facebook application icon in Fig. 9a.
- the end point of the second gesture input can be located on the card to be converted into an icon; it can also be located in a certain area around the card to be converted into an icon.
- the end point of the second gesture input may be located below the card 9031 in FIG. 9b.
- a card is generated based on the icon.
- the card is generated based on the icon.
- the card is generated based on the icon.
- the icon is determined by the starting point of the first gesture input.
- the default size of the card is preset.
- the card information provided by a common application App presets the default size of the card to be a rounded rectangle with 3 rows and 2 columns of icons.
- the fixed fulcrum of the card is determined according to the position of the icon.
- the fixed fulcrum at the lower right corner of the card 9031 in Fig. 9b is determined according to the position of the memo application icon 9021.
- the generating direction of the card is determined according to the sliding direction of the first gesture.
- the generating direction of the card 9031 is determined according to the sliding direction of the first gesture.
- the icon is restored based on the card.
- the icon is restored based on the card.
- the starting point of the second gesture input is located on the card.
- the starting point of the second gesture input is located in a specific area on the card.
- the starting point of the second gesture input is located in a certain area around the card.
- the fingers are shown moving on the screen of the electronic device, the fingers are only used for illustrative examples and not for limitation.
- Various touch devices such as a stylus are also within the protection scope of the embodiments of the present application.
- the first gesture input is not limited to the gesture input obtained by touching on the touch screen of the electronic device; it may also include the gesture input obtained by moving the drop point on the touch screen of the electronic device.
- each of the N controls displayed on the card is a control related to each of the N icons, and the user can open a corresponding application through each of the N controls.
- Figure 10 Take Figure 10 as an example to further expand the description.
- the interface 1002 shown in FIG. 10a is switched to the interface 1003 shown in FIG. 10b.
- a control is displayed in the upper right corner of the card 10031.
- the control is related to the icon. Take the gallery control in the control as an example.
- the gallery application corresponding to the gallery control 10032 will be opened; accordingly, the interface 1003 shown in FIG. 10b is switched to the interface 1004 shown in FIG. 10c.
- the user can perform normal operations on the gallery application.
- the user touches the button 10041, and the interface 1004 shown in FIG. 10c returns to the interface 1003 shown in FIG. 10b.
- the user can also touch the icon displayed in the area other than the card 10031 on the interface 1003 shown in Figure 10b, such as touching the WeChat icon on the interface 1003, open the WeChat application, enter the opened interface of the WeChat application, and display After the opened interface is completed, by touching the return button, it still returns to the interface 1003 shown in FIG. 10b.
- the user can also touch the WeChat icon on the interface 1003 to open WeChat credit, enter the interface after the WeChat application is opened, and after completing the operation on the interface after the WeChat application is opened, touch the back button to still return to the interface shown in Figure 10b 1003; After that, the user touches the gallery control 10032 on the card 10031 on the interface 1003 to enter the interface 1004 shown in FIG. 10c. After the operation is completed, the user touches the button 10041 to return to the interface 1003 shown in FIG. 10b.
- the controls displayed by the card may also be controls related to icons other than the card overlay icon, and the user can open a corresponding application through each of the N controls.
- Figure 11 Take Figure 11 as an example to further expand the description.
- Fig. 11a using the touch point 1110 on the memo application icon 11021 as a starting point, after sliding along the sliding direction shown in Fig. 11a, the interface 1102 shown in Fig. 11a is switched to the interface 1103 shown in Fig. 11b.
- a control is displayed in the upper right corner of the card 11031.
- the control is related to icons other than the card overlay icon. Take the learning control in the control as an example.
- the learning application corresponding to the learning control 11032 is opened; accordingly, the interface 1103 shown in FIG. 11b is switched to the interface 1104 shown in FIG. 11c.
- the user can perform normal operations on the learning application.
- the user touches the button 11041, and the interface 1104 shown in FIG. 11c returns to the interface 1103 shown in FIG. 11b.
- the control displayed in the second control area has an operational follow-up connection or a content connection with the content of the card.
- the second control area displays controls, and the controls are those displayed after the icons of applications used for sharing, such as WeChat, QQ, etc., are reduced by another ratio.
- the second control area displays controls, and the controls are associated with the card content.
- the content of the card includes "Learning English at 21 o'clock”
- the controls include controls that are displayed after the learning application icon is reduced to another ratio.
- the learning application icon may not be displayed on the current screen of the desktop of the electronic device, for example, displayed on other screens of the desktop of the electronic device.
- the user can also touch the icon displayed in the area other than the card 11031 on the interface 1103 shown in Figure 11b, such as touching the WeChat icon on the interface 1103, open the WeChat application, enter the opened interface of the WeChat application, and click After the opened interface is completed, by touching the return button, it still returns to the interface 1103 shown in FIG. 11b.
- the user can also touch the WeChat icon on the interface 1103 to open WeChat Credit, enter the interface after the WeChat application is opened, and after completing the operation on the interface after the WeChat application is opened, touch the back button to still return to the interface shown in Figure 11b 1103; After that, the user touches the gallery control 11032 on the card 11031 on the interface 1103 to enter the interface 1104 shown in Figure 11c. After the operation is completed, the user touches the button 11041 to return to the interface 1103 shown in Figure 11b.
- the first gesture input may also have multiple methods.
- Fig. 12 shows four modes including the mode shown in Fig. 9. Among them, the method shown in Figure 12a is the same as that shown in Figure 9, and will not be repeated here;
- Figure 12c shows that after double-touching on the memo application icon and sliding outwards, it will also generate based on the memo application icon The card shown in Figure 12b.
- Fig. 12d shows that after long pressing the memo application icon, the card shown in Fig. 12b is also generated based on the memo application icon.
- Fig. 12 shows four modes including the mode shown in Fig. 9. Among them, the method shown in Figure 12a is the same as that shown in Figure 9, and will not be repeated here;
- Figure 12c shows that after double-touching on the memo application icon and sliding outwards, it will also generate based on the memo application icon The card shown in Figure 12b.
- Fig. 12d shows that after long pressing the memo application icon, the card shown in Fig. 12b is also generated based on the
- FIG. 12e shows that after taking the touch point on the memo application icon as the starting point and the direction shown in Fig. 12e as the sliding direction, the card shown in Fig. 12b is also generated based on the memo application icon.
- Figures 12a, 12d, and 12e show that a card is generated based on an icon through a single-point touch
- Figure 12c shows that a card is generated based on an icon through a two-point touch.
- a multi-point touch mode such as a three-point touch and a four-point touch can also be used to generate a card based on the icon. No further explanation here.
- the card generated based on the icon may also have a variety of different coverage areas under the trigger of the first gesture input. Take, for example, that the starting point of the first gesture input is on the memo application icon, and the direction of the first gesture is sliding upward.
- Figure 13 shows three ways in which the card generated based on the icon covers different ranges. In some embodiments, as shown in FIGS. 13a-13b, after the finger slides in the direction shown in FIG. 13a with the touch point on the memo application icon as the starting point, the card 13031 shown in FIG. 13b is generated;
- the icons are memo, file management and Facebook.
- the card 13031 is restored to the icons of the memo, file management and Facebook applications shown in Figure 13a, and the interface shown in Figure 13b is restored to The interface shown in Figure 13a.
- the card 13031' shown in FIG. 13c is generated; card 13031' The covered icons are Memo, Player, File Management, Settings, Facebook and Twitter.
- the card 13031' is restored to the memo, player, file management, settings, Facebook and Twitter applications shown in Figure 13a. Icon, the interface shown in Figure 13c is restored to the interface shown in Figure 13a.
- the card 13031" shown in Figure 13d is generated; card 13031"
- the covered icons are icons for memo, file management, Facebook, Alipay, games and mall applications.
- the card 13031" is restored to the icons of the memo, file management, Facebook, Alipay, game and mall applications shown in Figure 13a, Figure 13d
- the interface shown is restored to the interface shown in Figure 13a.
- cards covering different ranges in response to the same starting point and direction of the first gesture input, cards covering different ranges can be generated.
- the starting point and direction in FIG. 13a are only illustrative examples; taking other touch points as the starting point and sliding in other directions, cards covering different areas can be generated based on the icon.
- the touch point on the memo application icon as a starting point, sliding left and horizontally, you can generate an overlay memo, player, gallery, and mail application icon based on the memo application icon, or you can generate an overlay memo, player, and mail application based on the memo application icon.
- the correspondence between the range covered by the card and the starting point and direction of the first gesture needs to be preset. After setting, the same first gesture can only generate cards with the same coverage.
- the card may also include the first control.
- the card containing the first control may be as shown in Fig. 14a, Fig. 14b, Fig. 14c, Fig. 14d, and Fig. 14e. Take Figure 14a as an example for further explanation.
- the first control area 1402 displays the first control
- the second control area 1401 displays the control
- the card content area 1403 displays the card content.
- Figure 15 shows four of them. Wherein, FIG. 15a shows that after a double-point touch on the card 1504 and sliding inward, it will also be restored to the icon shown in FIG. 15b based on the card 1504. Fig. 15c shows that on the card 1505, selecting the control area 15051 on the card 1505 will also restore to the icon shown in Fig. 15b based on the card 1505.
- Figure 15d shows that on the interface 1503', touching the area outside the card 1506 will also restore to the icon shown in Figure 15b based on the card 1506.
- Fig. 15e shows that on the card 1507, touching any icon in the second control area on the card 1507 will also restore to the icon shown in Fig. 15b based on the card 1507.
- the interfaces of interface 1503, interface 1503', interface 1503" and interface 1503"' after being restored to icons based on cards are 1502.
- card 1504 card 1505, card 1506 and card 1507 are all the same cards, interface 1503, interface 1503', interface 1503" and interface 1503"' are all the same interface; just for It is clearly stated that different reference signs are used in different drawings.
- multi-point touch modes such as three-point touch and four-point touch can also be used to restore the icon based on the card. No further explanation here.
- FIG. 16 shows other ways of triggering the second gesture input based on the card recovery icon.
- the interface 1604 shown in Fig. 16a contains a card 16041, and the card 16041 contains a second control area 16042; after the finger selects the second control area 16042, the interface 1604 shown in Fig. 16a switches to the interface 1605 shown in Fig. 16b. At this time, the card 16041 is restored to the icon.
- Figure 17 shows another way of generating a card based on an icon and restoring it to an icon based on the card.
- the interface 1702 shown in Figure 17a take the touch point of the finger on the memo application icon as the starting point and slide upward in the direction shown in Figure 17a; the interface 1702 shown in Figure 17a will become as shown in Figure 17b ⁇ interface 1703.
- a card 17031 is generated.
- the card 17031 is floating on the interface 1703.
- the interface 1703 switches to the interface 1704; at the same time, the card 17031 switches to the card 17041, and the fixed button 17032 included in the card 17031 switches to the close button 17042 included in the card 17041.
- the card 17041 is fixed on the interface 1704.
- the interface 1704 returns to the interface 1702. In this way, after the card is generated, the card has two states-the floating state and the fixed state; when the card is in the floating state, when the first operation is detected, the card is converted from the floating state to the fixed state; when the card is in the fixed state, the In the second operation, the card is restored to an icon.
- the card when the card is in the fixed state, when the third operation is detected, the card is converted from the fixed state to the suspended state.
- the card when the card is in a hovering state, you can drag the card to another position, and the content of the card will change with the change of the icon covered by that position.
- the embodiment of the present application also provides multiple ways to open the application corresponding to each control in the second control area on the card.
- Figure 18-22 shows several of these ways. Take, for example, opening the Twitter app.
- Figure 18a taking the touch point on the memo application icon 18021 as the starting point, sliding upward in the direction shown in Figure 18a, a card 18031 is generated. The interface at this time is the interface 1803 shown in Figure 18b.
- the second control area 18032 is located on the upper part of the card 18031.
- a card 19033 is generated.
- the interface at this time is the interface 1903 shown in Fig. 19b .
- the floating ball 19032 is located on the upper part of the card 19031. Take, for example, opening the Twitter app.
- the enlarged second control area will be displayed above the second control area 21032.
- the enlarged second control area will not be displayed above the second control area 21032. Touch your finger to the Twitter application control in the enlarged second control area 21042, and the Twitter application is opened.
- the finger is not located above the Twitter application control in the second control area 22032
- the enlarged Twitter will not be displayed above the Twitter application control in the second control area 21032 Application controls. Touch the enlarged Twitter application control with your finger, and the Twitter application is opened.
- the finger can also directly touch the Twitter application controls included in the second control area of the interface.
- the Twitter application is opened.
- the controls in the second control area of the card can be quickly restored to icons on the current screen of the desktop.
- FIG 23a there is extra space in the lower part of the interface 2303; select the second control area 23032 on the card 23031 and drag it toward the lower part of the interface 2303; after dragging it to the lower part of the interface 2304 shown in Figure 23b, the second The control area 23032 is switched to the second control area 23042, and the selected second control area 23042 is released; at this time, the controls on the second control area 23042 are restored to the original icon size, and are arranged in the same arrangement as the desktop icons in Figure 23c The lower part of the interface 2305 is shown. In this way, the controls in the second control area of the card can be quickly restored to icons on the current screen; it is convenient for users to operate.
- an icon does not only correspond to a card.
- One application icon can correspond to multiple cards. Take the calendar application icon corresponding to two cards as an example. As shown in Figure 24, after the finger slides upwards in the direction shown in Figure 24a with the touch point on the calendar application icon 24021 on the interface 2402 as the starting point, a card 24031 is generated. The interface at this time is the interface shown in Figure 24b. 2403; Afterwards, slide your finger to the left on the card 24031 in the direction shown in Figure 24b. At this time, the card 24031 is converted to a card 24041.
- the interface at this time is the interface 2404 shown in Figure 24c; where the card 24031 and the card
- the display style, content and form of 24041 are different; the finger can also slide right on the card 24041 to switch the card 24041 back to the card 24031.
- one application icon can correspond to multiple cards; after the card is generated, switching between the multiple cards can be realized through operations. It should be noted that an application icon corresponds to several cards, which need to be set in advance.
- cards can also be generated based on folder icons.
- the folder icon is an icon in which the icons on the desktop are merged into a folder and displayed in the form of an icon.
- a card 25031 is generated.
- the interface at this time is the interface shown in Figure 25b. 2503; After that, the finger slides to the left in the direction shown in Figure 25b on the card 25031, and the card 25031 is converted into a card 25041.
- the interface at this time is the interface 2504 shown in Figure 25c; the finger is on the card 25041, Sliding to the left in the direction shown in FIG.
- the card 25041 is converted into a card 25051 at this time, and the interface at this time is the interface 2505 shown in FIG. 25d.
- the finger can also slide to the right on the card 25051, at this time the card 25051 is converted into a card 25041; the finger continues to slide on the card 25041 to the right, at this time the card 25041 is converted to a card 25031.
- card 25031 corresponds to the card generated based on the Alipay application icon in the folder icon
- card 25041 corresponds to the card generated based on the memo application icon in the folder icon
- card 25051 corresponds to the weather application icon generated in the folder icon Card.
- one folder icon can correspond to multiple cards. After the card is generated, operations can be performed to switch between the multiple cards corresponding to the multiple icons included in the folder icon.
- the finger starts from the touch point on the memo application icon 26021 on the interface 2602 and slides upward in the direction shown in Figure 26a to generate a card 26031.
- the interface at this time is the interface shown in Figure 26b. 2603; After that, using the touch point on the Alipay application icon 26033 on the interface 2603 as the starting point, slide your finger upwards in the direction shown in Figure 26b to generate a card 26041.
- the card 26031 is restored to the icon previously covered by it.
- the interface at this time is the interface 2604 shown in FIG. 26c. That is, in the embodiment shown in FIG. 26, there can only be at most one card at the same time.
- the finger starts from the touch point on the memo application icon 27021 on the interface 2702 and slides upward in the direction shown in Figure 27a to generate a card 27031.
- the interface at this time is the interface shown in Figure 27b. 2703; After that, using the touch point on the Alipay application icon 27033 on the interface 2703 as the starting point, slide the finger upwards in the direction shown in Figure 27b to generate a card 27041. At this time, the card 27031 remains unchanged.
- the interface at this time is The interface 2704 shown in Figure 27c. That is, in the embodiment shown in FIG. 27, there may be multiple cards at the same time; but there is no overlapping area between the multiple cards. As an example, FIG.
- FIG. 27 illustrates the rules to be satisfied for the coexistence of multiple cards in this embodiment. Although only two cards are shown in FIG. 27, the two cards are not used to limit the scope of the embodiments of this application. Three, four, five and more cards are all within the scope of implementation of this application. . This is also true for subsequent examples of multiple cards, which does not limit the number of cards in the embodiment of the present application, but is only an illustrative example.
- the finger starts from the touch point on the memo application icon 28021 on the interface 2802 and slides upward in the direction shown in Figure 28a to generate a card 28031.
- the interface at this time is the interface shown in Figure 28b. 2803; After that, using the touch point on the Alipay application icon 28032 on the interface 2803 as the starting point, slide the finger upwards in the direction shown in Figure 28b to generate a card 28041. At this time, the card 28031 remains unchanged.
- the interface at this time is The interface 2804 shown in Figure 28c. After that, using the touch point on the weather application icon 28042 on the interface 2804 as the starting point, the finger slides upwards in the direction shown in Figure 28c to generate a card 28051.
- the card 28031 and the card 28041 are restored to be covered by each
- the icon at this time is the interface 2805 shown in Figure 28d. That is to say, in the embodiment shown in FIG. 28, when there is no overlapping area between the cards, multiple cards can coexist on the current screen; when there is an overlapping area between the cards, only the newly generated card is displayed, and The newly generated card that has an overlapping area will be restored to the icon previously covered by it.
- the embodiments of the present application also provide several implementation manners.
- the finger starts from the touch point on the memo application icon 29021 on the interface 2902 and slides upward in the direction shown in Figure 29a to generate a card 29031.
- the interface at this time is the interface shown in Figure 29b. 2903;
- the touch point on the weather application icon 29032 on the interface 2903 as the starting point, slide the finger upwards in the direction shown in Figure 29b to generate a card 29041.
- the card 29031 disappears.
- the interface at this time is Figure 29c As shown in the interface 2904; afterwards, after the finger slides down in the direction shown in Figure 29c with the touch point on the card 29041 as the starting point, the card 29041 disappears, the previously generated card 29031 is displayed again, and the interface at this time is again Revert to interface 2903. That is, in the embodiment shown in FIG. 29, after the newly generated card is not displayed, the newly generated card is displayed on the current screen.
- the finger starts from the touch point on the memo application icon 30021 on the interface 3002 and slides upward in the direction shown in Figure 30a to generate a card 30031.
- the interface at this time is the interface shown in Figure 30b. 3003; After that, take the touch point on the weather application icon 30032 on the interface 3003 as the starting point and slide the finger upwards in the direction shown in Figure 30b to generate a card 30041. At this time, the card 30031 disappears.
- the interface at this time is Figure 30c As shown in the interface 3004; afterwards, after the finger slides down in the direction shown in Figure 30c with the touch point on the card 30041 as the starting point, the card 30041 is restored to the icon covered by it, and the previously generated card 30031 is not Displayed, the interface at this time is restored to interface 3002 again. That is, in the embodiment shown in FIG. 30, after the newly generated card is not displayed, the next newly generated card is not displayed on the current screen.
- Figure 31 shows how the card changes after dragging the card to a different position. As shown in Figure 31, after the finger slides upwards in the direction shown in Figure 31a with the touch point on the memo application icon 31021 on the interface 3102 as the starting point, a card 31031 is generated.
- the interface at this time is the interface shown in Figure 31b 3103; After that, select the card 31031 with your finger and drag it upwards; when you drag the card 31031 to the position shown in Figure 31c, the interface is now the interface 3104 shown in Figure 31c; release the card 31031 with your finger, and then the card 31031 Converted to card 31051, the interface is now interface 3105 shown in Figure 31d; it can be seen that the content of card 31051 has changed, and the content of card 31051 at this time is recorded as card content one; in addition, on interface 3102, Take the touch point on the Alipay application icon as the starting point and slide in the upward sliding direction to generate a card.
- the icons covered by the card are the icons of Alipay, stocks, games, maps, clocks, malls, Huawei sports, Taobao and music applications.
- the content of is recorded as card content two; then card content one is the same as card content two. That is, in the embodiment shown in FIG. 31, after the card generated based on the icon is dragged to another position and released, the content of the card can be changed at this time.
- Figures 32-38 show several specific implementations.
- Figures 32-33 show two implementations in which the card and the icon are displayed on the current screen of the electronic device after the icon outside the card is dragged to the icon covered by the card to generate a folder icon.
- FIG. 32 icons other than Card 32021 and Card 32021 coexist on the interface 3202 shown in Figure 32a.
- the second control area in the upper right corner of the card 32021 contains the QQ control; after the finger long presses the memo application icon 32022, the desktop enters Edit state, the interface at this time is converted to interface 3203, and card 32021 is also converted to card 32031 in transparent or semi-transparent state; at the same time, the icon covered by card 32031 is displayed on interface 3203; finger drag memo application icon 32032 toward card 32031
- the covered QQ application icon moves; when the finger puts the memo application icon 32032 on top of the QQ application icon, the interface at this time is converted to interface 3204; after the finger releases the memo application icon 32032, the QQ application icon and the memo application icon 32032 will merge It is the folder icon 32052, the interface at this time is converted to the interface 3205, and the card 32031 in the transparent state or semi-transparent state is converted to the card 32051
- the icons other than the card 33021 and the card 33021 coexist on the interface 3302 shown in Figure 33a.
- the second control area in the upper right corner of the card 33021 contains the QQ control; after the finger long presses the memo application icon 33032, the desktop enters Editing state, the interface at this time is converted to interface 3303, and the card 33021 is converted to a transparent state or a semi-transparent state card 33303; at the same time, the icon covered by the card 33031 is displayed on the interface 3303; the finger drags the memo application icon 33032 toward the card
- the QQ application icon covered by 33031 moves; when the finger puts the memo application icon 33032 above the QQ application icon, the interface at this time is converted to interface 3304; after the finger releases the memo application icon 33032, the QQ application icon and the memo application icon 33032 will Merged into a folder icon 33052, the card 33031 is converted to a transparent or semi-transparent card 33051 at this time, and the
- FIG. 34 shows an implementation manner in which specific application icons under the folder icons covered by the card are dragged out of the card, and the card and the icon are displayed on the current screen of the electronic device.
- the icons other than the card 34021 and the card 34021 coexist on the interface 3402 shown in Figure 34a.
- the second control area at the upper right corner of the card 34021 contains the folder control 34022; after a long finger press on the blank space, the desktop enters In the editing state, the card 34021 is converted to the transparent or semi-transparent card 34031; the interface is converted to the interface 3403, and the icon covered by the card 34031 is displayed on the interface 3403; the finger touches the folder icon 34032, at this time
- the interface of the is converted to interface 3404, the folder icon 34032 is enlarged and displayed as the folder icon 34041, the finger selects and drags the memo application icon 34042 out; after the finger drags the memo application icon 34042 to the position shown in Figure 34e and releases it,
- the memo application icon 34042 is shrunk and displayed as the memo application icon 34052.
- the card 34031 is converted to a transparent or semi-transparent card 34051, and the interface at this time is converted to an interface 3405; after that, the card 34051 is converted to a card 34061, and the card 34061 is no longer Transparent, interface 3405 is converted to interface 3406; the difference between card 34061 and card 34021 is that the second control area in the upper right corner of card 34061 contains QQ control 34062 and no longer contains folder control 34022. That is to say, in the embodiment shown in FIG. 34, after the desktop enters the editing state, drag the specific application icon under the folder icon covered by the card to the outside of the card. Compared with the original card, the generated card is only The controls contained in the second control area are different, and the rest are the same.
- FIG. 35 and FIG. 36 show two implementation manners in which the card and the icon are displayed on the current screen of the electronic device after the application icon covered by the card is directly dragged out of the card.
- icons other than the card 35021 and the card 35021 coexist on the interface 3502 shown in Figure 35a.
- the second control area 35022 in the upper right corner of the card 35021 contains WeChat, Alipay, QQ, Calendar, Settings, Clock, Twitter And the icon of the stock application; after long pressing the blank space with the finger, the desktop enters the editing state, and the card 35021 is converted to the transparent or semi-transparent card 35031; the interface is converted to the interface 3503, which is also covered by the card 35031 The icon is displayed on the interface 3503; the finger selects and drags the QQ application icon 35032 out; when the finger drags the QQ application icon 35032 to the position shown in Figure 35d and releases it, the card 35031 is converted to a transparent state or a semi-transparent state at this time At this time, the interface is converted to interface 3504.
- the QQ application icon is dragged to the vacant position, without causing other application icons to fill in sequence; after that, card 35041 is converted to card 35051, card 35051 No longer transparent, interface 3504 is converted to interface 3505, the second control area 35052 in the upper right corner of card 35051 contains icons for WeChat, Alipay, calendar, settings, clock, Twitter and stock applications; card 35051 is compared with card 35021, both The difference is that the second control area 35052 of the card 35051 does not contain the QQ control, and the second control area 35022 of the card 35021 contains the QQ control. That is to say, in the embodiment shown in Figure 31, after the desktop enters the editing state, drag the application icon covered by the card to the outside of the card. Compared with the original card, the generated card only contains the second control area. The controls are different, and the rest are the same.
- FIG 36 icons other than the card 36021 and the card 36021 coexist on the interface 3602 shown in Figure 36a.
- the second control area 36022 in the upper right corner of the card 36021 contains WeChat, Alipay, QQ, calendar, settings, clock, and Twitter.
- the icon of the stock application after long pressing the blank space with the finger, the desktop enters the editing state, and the card 36021 is converted to the transparent state or the semi-transparent state card 36031; the interface is converted to the interface 3603, which is also covered by the card 36031
- the icon is displayed on the interface 3603; the finger selects and drags the QQ application icon 36032 out.
- the card 36031 is converted to a transparent or semi-transparent card 36041; when the QQ application icon 36032 is dragged to the position shown in Figure 36d and released, the interface at this time is converted to the interface 3604; after that, the card 36041 is converted to card 36051, card 36051 is no longer transparent, interface 3604 is converted to interface 3605, the second control area 36052 in the upper right corner of card 36051 contains WeChat, settings, Twitter, calendar, file management, clock, Facebook and stock applications Icon; the difference between card 36051 and card 36021 is that the content of the card content area, the first control area and the second control area of card 36051 are respectively the same as the card content area, first control area and second control area of card 36021 The content of the control area is different.
- FIGS. 37-38 show an implementation manner in which the card and the icon are displayed on the current screen of the electronic device after the icon outside the card is dragged to the icon covered by one of the cards to generate a folder. Take two cards as an example.
- FIG. 37 there are card 37011 and card 37012 on the interface 3701 shown in Figure 37a; after the finger presses the mail application icon 37023, the desktop enters the editing state, and the card 37011 and card 37012 are respectively converted to a transparent state or Card 37021 in the semi-transparent state and card 37022 in the transparent state or semi-transparent state; the interface at this time is converted to the interface 3702, and the icons covered by the card 37021 and the card 37022 are displayed on the interface 3702; the finger drags the mail application icon 37023 toward The setting application icon 37024 covered by the card 37022 moves; when the finger places the mail application icon 37023 above the setting application icon 37024, the interface is converted to interface 3703; after the finger releases the mail application icon 37023, the setting application icon 37024 and mail The application icon 37023 will be merged into the folder icon 37042.
- the card 37021 is converted to the card 37041, the card 37041 is no longer transparent, and the card 37022 disappears.
- the interface at this time is converted to the interface 3704, and the icon covered by the card 37022 is displayed on the interface 3704 . That is to say, in the embodiment shown in FIG. 37, after multiple cards are displayed on the current screen and the desktop enters the editing state, as long as any card is edited, the edited card is no longer displayed.
- FIG 38 there are cards 38011 and 38012 on the interface 3801 shown in Figure 38a; after a finger long presses the mail application icon 38023, the desktop enters the editing state, and the cards 38011 and 38012 are respectively converted to a transparent state or Card 38021 in the translucent state and card 38022 in the transparent state or translucent state; the interface at this time is converted to the interface 3802, and the icons covered by the card 38021 and the card 38022 are displayed on the interface 3802; drag the mail application icon 38023 to face The settings application icon 38024 covered by the card 38022 moves; after the finger puts the mail application icon 38023 on top of the settings application icon 38024, the interface is converted to interface 3803; after the finger releases the mail application icon 38023, the settings application icon 38024 and mail The application icon 38023 will be merged into the folder icon 38042.
- the card 38021 is converted to the card 38011, the card 38011 is no longer transparent, and the card 38022 is converted to the card 3841.
- the interface at this time is converted to the interface 3804, and the icon covered by the card 38041 is displayed in On interface 3804; after that, card 38041 is converted to card 38051, card 38051 is no longer transparent, interface 3804 is converted to interface 3805, card 38011 remains unchanged; compared with card 38012, the difference between the two is: card 38051
- the controls contained in the second control area are different from the controls contained in the second control area of the card 38012. That is to say, in the embodiment shown in FIG. 38, after multiple cards are displayed on the current screen and the desktop enters the editing state, even if some of the cards are edited, the edited card is still retained, but the displayed content is The difference.
- FIG. 39 shows a schematic diagram of a user interface for differently distinguishing between icons that generate cards and icons that cannot be generated.
- the text below the icon used to generate the card is displayed with horizontal lines; the text below the icon that cannot be used to generate the card is not displayed at all. In this way, the user can identify and distinguish the icon used to generate the card through whether the icon on the current screen of the desktop has the above-mentioned mark.
- the user recognizes that a horizontal line is displayed under the memo application icon shown in FIG. 39a, which is used to generate a card.
- the folder icon will also include the above mark.
- the marking method may also include displaying a horizontal line between the text below the icon used to generate the card and the icon, and displaying a box wrapping the icon on the periphery of the icon used to generate the card, A special mark, such as a star, is displayed at a specific position such as the upper right corner outside the icon used to generate the card. It is also possible to distinguish and recognize the icons used to generate the card by means of animation display.
- the icon used to generate the card will display a specific animation; the icon that does not generate the card will not be displayed.
- marking methods are only illustrative examples, and are not used to limit the scope of the embodiments of the present application. Other distinguishing methods that those skilled in the art can think of are all within the scope of the embodiments of the present application.
- the content of generating a card based on the memo application icon in FIGS. 39a and 39b and restoring the icon to the icon based on the card is consistent with the related content of the above-mentioned FIGS. 9a and 9b, and will not be repeated here.
- FIGS. 40-41 a card 40010 is displayed on the interface 4001 shown in FIG. 40a.
- the first control 40011 is displayed in the upper left corner of the card 40010, and first sub-controls 40012, 40013, and 40014 are displayed around the first control 40011.
- the payment code function of Alipay can be used directly.
- the interface 4001 shown in FIG. 40a is switched to the interface 4002 shown in FIG. 40b.
- the first sub-control 40012 will be switched to the first sub-control 40022; at the same time, the payment code interface displayed on the card content of the card 40010 is also switched to the scan interface displayed on the card content of the card 40020.
- the scan function of Alipay can be used directly.
- the user needs to call more functions, he can directly touch and click the first control 40011 to open the Alipay application to further call more functions; or directly touch and click the first sub-control 40014 to call more Function.
- a card 41010 is displayed on the interface 4101 shown in FIG. 41a.
- the card content 41011 is displayed on the card 41010.
- the upper part of the card content 41011 displays a two-dimensional code and an instruction frame containing the two-dimensional code, and the lower part displays "scan", "payment code” and "transit code”.
- the indicator arrow of the indicator box points to the "payment code” displayed below.
- the card content 41021 displays a scan function interface and an instruction box containing the function interface at the top of the card content 41021, and "scan", "payment code” and “transit code” are displayed at the bottom.
- the indicator arrow of the indicator box points to the "scan” displayed below.
- the scan function of Alipay can be used directly.
- FIG. 42 In order to switch between the first control in the card and other controls in the card, and to switch the display of the corresponding card.
- the embodiment of the present application also provides the embodiment shown in FIG. 42.
- a card 42010 is displayed on the interface 4201 shown in FIG. 42a.
- the first control is displayed in the upper left corner of the card 42010.
- Three first sub-controls are displayed around the first control.
- Several controls are displayed in the upper right corner of the card 42010. Take control 42011 as an example.
- the payment code function of Alipay can be used directly.
- the interface 4201 shown in FIG. 42a is switched to the interface 4202 shown in FIG. 42b.
- Control 42011 is a control displayed after the calendar application icon is scaled down.
- the control 42011 will be switched to the first control and displayed in the upper left corner of the card 42020; at the same time, the payment code interface displayed on the card content of the card 42010 is also switched to the calendar interface displayed on the card content of the card 42020.
- the first control can be interchanged with other controls on the card; at the same time, the content of the card will be updated synchronously with the update of the first control.
- the method provided in the embodiment of this application is applicable to the following electronic devices.
- FIG. 43 shows an electronic device 4300 provided by this application.
- the electronic device 4300 includes at least one processor 4310, a memory 4320, and a display 4330.
- the processor 4310 is coupled with the memory 4320 and the touch screen 4330.
- the coupling in the embodiment of the present application may be a communication connection, an electrical connection, or other forms.
- the memory 4320 is used to store program instructions.
- the touch screen 4330 is used to display the user interface.
- the processor 4310 is configured to call the program instructions stored in the memory 4020, so that the electronic device 4300 executes the steps executed by the electronic device in the card display method provided in the embodiment of the present application. It should be understood that the electronic device 4300 can be used to implement the card display method provided in the embodiment of the present application, and related features can be referred to the above, which will not be repeated here.
- the display screen when the display screen has a touch function, the display screen is also called a touch display screen. Operations on the touch screen can be realized through virtual keys.
- the display When the display does not have a touch function, the display is also called a non-touch display. The operation on the non-touch screen can be realized by physical buttons.
- This application provides a computer program product containing instructions, which when the computer program product runs on an electronic device, causes the electronic device to execute the steps executed by the electronic device in the card display method provided in the embodiments of this application.
- the present application provides a computer-readable storage medium, including instructions, which when run on an electronic device, cause the electronic device to execute the steps performed by the electronic device in the card display method provided in the embodiments of the present application.
- the embodiments of the present application can be implemented in hardware or in hardware and software. When implemented by hardware and software, the above functions can be stored in a computer-readable medium. Based on this understanding, the technical solutions of the embodiments of the present application are essentially or the part that contributes to the prior art, or all or part of the technical solutions can be embodied in the form of software products, and the computer software products are stored in a storage
- the medium includes several instructions for causing a computer device (which may be a personal computer, a server, or a 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 media include: flash memory, mobile hard disk, read-only memory, random access memory, magnetic disk or optical disk and other media that can store program codes.
Abstract
Description
Claims (26)
- 一种电子设备,包括:显示屏;一个或多个处理器;存储器;以及一个或多个计算机程序,其中所述一个或多个计算机程序存储在所述存储器上,当所述计算机程序被所述一个或多个处理器执行时,使得所述电子设备执行以下步骤:显示桌面的当前屏,所述当前屏显示若干个图标;检测到对所述若干个图标中一个第一图标的第一用户输入;响应于所述第一用户输入,所述当前屏显示第一卡片,所述第一卡片未占满所述当前屏;所述第一图标为第一文件夹图标,所述第一文件夹图标至少包括第一应用图标,所述第一应用图标对应第一应用;或者,所述第一图标为第一应用图标,所述第一应用图标对应第一应用;所述第一卡片至少包括:第一卡片内容,所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容,M为大于等于1的正整数;N个控件,所述N个控件中的每一个控件用于打开对应的应用,所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标,N为大于等于1的正整数;所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。
- 根据权利要求1所述的电子设备,其特征在于,所述第一用户输入通过一步操作输入;所述第一卡片内容在所述第一卡片上的面积占比最大;所述第一卡片内容的面积大于等于所述第一图标的面积;所述第一卡片在所述当前屏上的区域为第一区域;所述当前屏还显示背景;在显示所述第一卡片之前,所述N个控件对应N个图标,所述N个图标显示在所述第一区域上,所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标,所述第一区域包括的图标的个数等于N加1。
- 根据权利要求1或2所述的电子设备,其特征在于,所述电子设备还执行以下步骤:检测到对所述N个控件中的一个控件的第二用户输入;响应于所述第二用户输入,显示所述N个控件中的一个控件对应的应用打开后的第S层界面;S为大于等于1的正整数;检测到一个返回操作;响应于所述返回操作,显示所述当前屏;所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。
- 根据权利要求1-3中任意一项所述的电子设备,其特征在于,所述电子设备还执行以下步骤:检测到对所述当前屏上所述第一卡片的第三用户输入;响应于所述第三用户输入,所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。
- 根据权利要求1-4中任意一项所述的电子设备,其特征在于,所述电子设备还执行以下步骤:所述当前屏上第一区域以外的区域还显示L个图标,L为大于等于1的正整数;检测到对所述L个图标中的一个图标的第四用户输入;响应于所述第四用户输入,显示所述L个图标中的一个图标对应的应用打开后的界面;检测到一个返回操作;响应于所述返回操作,显示所述当前屏,所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。
- 根据权利要求1-5中任意一项所述的电子设备,其特征在于,所述第一卡片还包括:第一控件,所述第一控件用于打开所述第一应用;所述第一控件为所述第一图标缩小第一比例后显示的控件;所述N个控件为N个图标缩小第二比例后显示的控件;所述第一控件的面积大于所述N个控件中任意一个控件的面积;所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部;所述第一用户输入为第一语音输入或第一手势输入;所述第一手势输入为起点位于所述第一图标上,滑动方向为向上滑动的手势输入;所述第一卡片随着所述第一手势输入而变化;所述第二用户输入和所述第四用户输入分别为:第二语音输入和第四语音输入,或者,第二手势输入和第四手势输入;所述第二手势输入和所述第四手势输入为触摸输入;所述第三手势输入通过一步操作输入;所述第三手势输入为起点位于所述第一卡片上,滑动方向与所述第一手势输入的滑动方向相反的手势输入。
- 根据权利要求1-6中任意一项所述的电子设备,其特征在于,所述电子设备还执行以下步骤:检测到对所述若干个图标中一个第二图标的第五用户输入;响应于所述第五用户输入,所述当前屏显示第二卡片,所述第二卡片未占满 所述当前屏;所述第二图标为第二文件夹图标,所述第二文件夹图标至少包括第二应用图标,所述第二应用图标对应第二应用;或者,所述第二图标为第二应用图标,所述第二应用图标对应第二应用;所述第二卡片至少包括:第二卡片内容,所述第二卡片内容与所述第二应用相对应,所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容,P为大于等于1的正整数;K个控件,所述K个控件中的每一个控件用于打开对应的应用,所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标,K为大于等于1的正整数;所述第二卡片不同于所述第二应用打开后的第P层界面的全部和任意部分;所述第二卡片内容的面积大于所述第二图标的面积;所述第二卡片在所述当前屏上的区域为第二区域;所述第二区域与所述第一区域不交叉,所述当前屏还显示所述第一卡片;或者,所述第二区域与所述第一区域交叉,所述当前屏停止显示所述第一卡片。
- 根据权利要求7所述的电子设备,其特征在于,所述第五用户输入通过一步操作输入;所述第二卡片内容在所述第二卡片上的面积占比最大;所述第二卡片内容的面积大于等于所述第二图标的面积;在显示所述第二卡片之前,所述K个控件对应K个图标,所述K个图标显示在所述第二区域上,所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标,所述第二区域包括的图标的个数等于K加1。
- 根据权利要求1-8中任意一项所述的电子设备,其特征在于,所述第一文件夹图标包括E个第一应用图标,E为大于等于2的正整数;检测到第一切换用户输入;响应于所述第一切换用户输入,所述第一卡片的第一卡片内容切换为另一第一卡片内容,所述第一卡片内容、所述另一第一卡片内容分别与所述E个第一应用图标中的两个第一应用图标相对应;和/或,所述第二文件夹图标包括F个第二应用图标,F为大于等于2的正整数;检测到第二切换用户输入;响应于所述第二切换用户输入,所述第二卡片的第二卡片内容切换为另一第二卡片内容,所述第二卡片内容、所述另一第二卡片内容分别与所述F个第二应用图标中的两个第二应用图标相对应。
- 根据权利要求1-9中任意一项所述的电子设备,其特征在于,所述第一卡片悬浮在所述当前屏上;所述第一卡片还包括固定按钮;在触摸 所述固定按钮后,所述第一卡片固定在所述当前屏上;和/或,所述第二卡片悬浮在所述当前屏上;所述第二卡片还包括固定按钮;在触摸所述固定按钮后,所述第二卡片固定在所述当前屏上。
- 根据权利要求10所述的电子设备,其特征在于,在所述第一卡片固定在所述当前屏上之后,所述第一卡片的固定按钮转换为关闭按钮;在触摸所述关闭按钮后,停止显示所述第一卡片;或者,所述第一卡片还包括关闭按钮;在触摸所述关闭按钮后,停止显示所述第一卡片;和/或,在所述第二卡片固定在所述当前屏上之后,所述第二卡片的固定按钮转换为关闭按钮;在触摸所述关闭按钮后,停止显示所述第二卡片;或者,所述第二卡片还包括关闭按钮;在触摸所述关闭按钮后,停止显示所述第二卡片。
- 根据权利要求1-11中任意一项所述的电子设备,其特征在于,所述第一图标为第一应用图标,所述第一应用图标对应多张第一卡片;检测到第五切换用户输入;响应于所述第五切换用户输入,所述多张第一卡片切换。
- 卡片显示方法,所述方法应用于包含显示屏的电子设备,其特征在于,所述方法包括:所述显示屏显示桌面的当前屏,所述当前屏显示若干个图标;检测到对所述若干个图标中一个第一图标的第一用户输入;响应于所述第一用户输入,所述当前屏显示第一卡片,所述第一卡片未占满所述当前屏;所述第一图标为第一文件夹图标,所述第一文件夹图标至少包括第一应用图标,所述第一应用图标对应第一应用;或者,所述第一图标为第一应用图标,所述第一应用图标对应第一应用;所述第一卡片至少包括:第一卡片内容,所述第一卡片内容包括所述第一应用打开后的第M层界面包含的部分内容,M为大于等于1的正整数;N个控件,所述N个控件中的每一个控件用于打开对应的应用,所述应用对应于在显示所述第一卡片之前所述桌面上相应的图标,N为大于等于1的正整数;所述第一卡片不同于所述第一应用打开后的第M层界面的全部和任意部分。
- 根据权利要求13所述的方法,其特征在于,所述方法包括:所述第一用户输入通过一步操作输入;所述第一卡片内容在所述第一卡片上的面积占比最大;所述第一卡片内容的面积大于所述第一图标的面积;所述第一卡片在所述当前屏上的区域为第一区域;所述当前屏还显示背景;在显示所述第一卡片之前,所述N个控件对应N个图标,所述N个图标显 示在所述第一区域上,所述第一区域只包括所述背景的第一部分、所述第一图标和所述N个图标,所述第一区域包括的图标的个数等于N加1。
- 根据权利要求13或14所述的方法,其特征在于,所述方法包括:检测到对所述N个控件中的一个控件的第二用户输入;响应于所述第二用户输入,显示所述N个控件中的一个控件对应的应用打开后的第S层界面;S为大于等于1的正整数;检测到一个返回操作;响应于所述返回操作,显示所述当前屏;所述当前屏显示的内容为响应所述第二用户输入之前所述当前屏显示的内容。
- 根据权利要求13-15中任意一项所述的方法,其特征在于,所述方法包括:检测到对所述当前屏上所述第一卡片的第三用户输入;响应于所述第三用户输入,所述第一区域显示的内容为响应所述第一用户输入之前所述第一区域显示的内容。
- 根据权利要求13-15中任意一项所述的方法,其特征在于,所述方法包括:所述当前屏上第一区域以外的区域还显示L个图标,L为大于等于1的正整数;检测到对所述L个图标中的一个图标的第四用户输入;响应于所述第四用户输入,显示所述L个图标中的一个图标对应的应用打开后的界面;检测到一个返回操作;响应于所述返回操作,显示所述当前屏,所述当前屏显示的内容为响应所述第四用户输入之前所述当前屏显示的内容。
- 根据权利要求13-17中任意一项所述的方法,其特征在于,所述方法包括:所述第一卡片还包括:第一控件,所述第一控件用于打开所述第一应用;所述第一控件为所述第一图标缩小第一比例后显示的控件;所述N个控件为N个图标缩小第二比例后显示的控件;所述第一控件的面积大于所述N个控件中任意一个控件的面积;所述第一控件、所述N个控件、所述第一卡片内容分别显示在所述第一卡片的左上角、右上角和中下部;所述第一用户输入为第一语音输入或第一手势输入;所述第一手势输入为起点位于所述第一图标上,滑动方向为向上滑动的手势输入;所述第一卡片随着所述第一手势输入而变化;所述第二用户输入和所述第四用户输入分别为:第二语音输入和第四语音输入,或者,第二手势输入和第四手势输入;所述第二手势输入和所述第四手势输入为触摸输入;所述第三手势输入通过一步操作输入;所述第三手势输入为起点位于所述第一卡片上,滑动方向与所述第一手势输 入的滑动方向相反的手势输入。
- 根据权利要求13-18中任意一项所述的方法,其特征在于,所述方法还包括:检测到对所述若干个图标中一个第二图标的第五用户输入;响应于所述第五用户输入,所述当前屏显示第二卡片,所述第二卡片未占满所述当前屏;所述第二图标为第二文件夹图标,所述第二文件夹图标至少包括第二应用图标,所述第二应用图标对应第二应用;或者,所述第二图标为第二应用图标,所述第二应用图标对应第二应用;所述第二卡片至少包括:第二卡片内容,所述第二卡片内容与所述第二应用相对应,所述第二卡片内容包括所述第二应用打开后的第P层界面包含的部分内容,P为大于等于1的正整数;K个控件,所述K个控件中的每一个控件用于打开对应的应用,所述应用对应于在显示所述第二卡片之前所述桌面上相应的图标,K为大于等于1的正整数;所述第二卡片不同于所述第二应用打开后的第P层界面的全部和任意部分;所述第二卡片内容的面积大于所述第二图标的面积;所述第二卡片在所述当前屏上的区域为第二区域;所述第二区域与所述第一区域不交叉,所述当前屏还显示所述第一卡片;或者,所述第二区域与所述第一区域交叉,所述当前屏停止显示所述第一卡片。
- 根据权利要求19所述的方法,其特征在于,所述第五用户输入通过一步操作输入;所述第二卡片内容在所述第二卡片上的面积占比最大;所述第二卡片内容的面积大于等于所述第二图标的面积;在显示所述第二卡片之前,所述K个控件对应K个图标,所述K个图标显示在所述第二区域上,所述第二区域只包括所述背景的第二部分、所述第二图标和所述K个图标,所述第二区域包括的图标的个数等于K加1。
- 根据权利要求1-20中任意一项所述的方法,其特征在于,所述方法包括:所述第一文件夹图标包括E个第一应用图标,E为大于等于2的正整数;检测到第一切换用户输入;响应于所述第一切换用户输入,所述第一卡片的第一卡片内容切换为另一第一卡片内容,所述第一卡片内容、所述另一第一卡片内容分别与所述E个第一应用图标中的两个第一应用图标相对应;和/或,所述第二文件夹图标包括F个第二应用图标,F为大于等于2的正整数;检测到第二切换用户输入;响应于所述第二切换用户输入,所述第二卡片的第二卡片内容切换为另一第二卡片内容,所述第二卡片内容、所述另一第二卡片内容分别与所述F个第二应用图标中的两个第二应用图标相对应。
- 根据权利要求13-21中任意一项所述的电子设备,其特征在于,所述方法包括:所述第一卡片悬浮在所述当前屏上;所述第一卡片还包括固定按钮;在触摸所述固定按钮后,所述第一卡片固定在所述当前屏上;和/或,所述第二卡片悬浮在所述当前屏上;所述第二卡片还包括固定按钮;在触摸所述固定按钮后,所述第二卡片固定在所述当前屏上。
- 根据权利要求22所述的电子设备,其特征在于,所述方法包括:在所述第一卡片固定在所述当前屏上之后,所述第一卡片的固定按钮转换为关闭按钮;在触摸所述关闭按钮后,停止显示所述第一卡片;或者,所述第一卡片还包括关闭按钮;在触摸所述关闭按钮后,停止显示所述第一卡片;和/或,在所述第二卡片固定在所述当前屏上之后,所述第二卡片的固定按钮转换为关闭按钮;在触摸所述关闭按钮后,停止显示所述第二卡片;或者,所述第二卡片还包括关闭按钮;在触摸所述关闭按钮后,停止显示所述第二卡片。
- 根据权利要求13-23中任意一项所述的电子设备,其特征在于,所述方法包括:所述第一图标为第一应用图标,所述第一应用图标对应多张第一卡片;检测到第五切换用户输入;响应于所述第五切换用户输入,所述多张第一卡片切换。
- 一种计算机可读存储介质,包括指令,其特征在于,当所述指令在电子设备上运行时,使得所述电子设备执行如权利要求13-24中任意一项所述的卡片显示方法。
- 一种电子设备上的图形用户界面系统,其特征在于,所述电子设备具有显示屏、存储器、以及一个或多个处理器,所述一个或多个处理器用于执行存储在所述存储器中的一个或多个计算机程序,其特征在于,所述图形用户界面包括所述电子设备执行如权利要求13-24中任意一项所述的方法时显示的图形用户界面。
Priority Applications (8)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2022546526A JP2023513063A (ja) | 2020-02-11 | 2021-01-19 | カード表示方法、電子機器、およびコンピュータ可読記憶媒体 |
AU2021220808A AU2021220808B2 (en) | 2020-02-11 | 2021-01-19 | Card display method, electronic device, and computer readable storage medium |
EP21754479.0A EP4068065A4 (en) | 2020-02-11 | 2021-01-19 | MAP DISPLAY METHOD, ELECTRONIC DEVICE AND COMPUTER READABLE STORAGE MEDIUM |
CN202180002184.3A CN113508360B (zh) | 2020-02-11 | 2021-01-19 | 卡片显示方法、电子设备及计算机可读存储介质 |
US17/793,480 US20230077467A1 (en) | 2020-02-11 | 2021-01-19 | Card Display Method, Electronic Device, and Computer Readable Storage Medium |
KR1020227024343A KR20220110314A (ko) | 2020-02-11 | 2021-01-19 | 카드 디스플레이 방법, 전자 디바이스 및 컴퓨터 판독 가능 저장 매체 |
CN202210389179.9A CN114911380B (zh) | 2020-02-11 | 2021-01-19 | 卡片显示方法、电子设备及计算机可读存储介质 |
AU2024200478A AU2024200478A1 (en) | 2020-02-11 | 2024-01-25 | Card display method, electronic device, and computer readable storage medium |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010094030.9 | 2020-02-11 | ||
CN202010094030.9A CN111966251B (zh) | 2020-02-11 | 2020-02-11 | 卡片显示方法、电子设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2021159922A1 true WO2021159922A1 (zh) | 2021-08-19 |
Family
ID=73358327
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2021/072592 WO2021159922A1 (zh) | 2020-02-11 | 2021-01-19 | 卡片显示方法、电子设备及计算机可读存储介质 |
Country Status (8)
Country | Link |
---|---|
US (1) | US20230077467A1 (zh) |
EP (1) | EP4068065A4 (zh) |
JP (1) | JP2023513063A (zh) |
KR (1) | KR20220110314A (zh) |
CN (4) | CN111966251B (zh) |
AU (2) | AU2021220808B2 (zh) |
DE (1) | DE202021004106U1 (zh) |
WO (1) | WO2021159922A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327195A (zh) * | 2022-02-15 | 2022-04-12 | 荣耀终端有限公司 | 卡片管理方法、设备及存储介质 |
Families Citing this family (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111966251B (zh) * | 2020-02-11 | 2021-08-13 | 荣耀终端有限公司 | 卡片显示方法、电子设备及计算机可读存储介质 |
CN115061607A (zh) * | 2021-02-27 | 2022-09-16 | 华为技术有限公司 | 功能页面显示方法及电子设备 |
CN115033140A (zh) * | 2021-03-05 | 2022-09-09 | 华为技术有限公司 | 一种卡片组件的显示方法、图形用户界面及相关装置 |
CN113805765B (zh) * | 2021-08-12 | 2022-08-02 | 荣耀终端有限公司 | 一种卡片显示方法及电子设备 |
CN113824842B (zh) * | 2021-08-12 | 2022-08-12 | 荣耀终端有限公司 | 通知消息的展示方法及电子设备、计算机可读存储介质 |
CN115016867B (zh) * | 2021-09-15 | 2023-07-14 | 荣耀终端有限公司 | 一种卡片管理方法和终端设备 |
CN113891160B (zh) * | 2021-09-22 | 2024-02-13 | 百果园技术(新加坡)有限公司 | 内容卡片的滑动切换方法、装置、终端及存储介质 |
CN114138139B (zh) * | 2021-10-28 | 2022-11-01 | 荣耀终端有限公司 | 应用程序卡片的管理方法、电子设备及介质 |
CN114721761B (zh) * | 2022-04-15 | 2023-09-19 | 青岛海信移动通信技术有限公司 | 一种终端设备、应用图标管理方法和存储介质 |
CN117008788A (zh) * | 2022-04-29 | 2023-11-07 | 荣耀终端有限公司 | 一种替换应用卡片的方法及终端设备 |
CN116088724A (zh) * | 2022-05-19 | 2023-05-09 | 荣耀终端有限公司 | 卡片显示方法和电子设备 |
CN116820320A (zh) * | 2022-07-20 | 2023-09-29 | 深圳市星卡软件技术开发有限公司 | 汽车诊断设备手势智能监听方法、装置、设备及介质 |
CN114968018B (zh) * | 2022-07-26 | 2022-12-16 | 荣耀终端有限公司 | 卡片显示方法、终端设备 |
CN116521039B (zh) * | 2023-04-28 | 2024-04-02 | 重庆赛力斯凤凰智创科技有限公司 | 被覆盖视图的移动方法、装置、电子设备及可读存储介质 |
CN116627293A (zh) * | 2023-07-26 | 2023-08-22 | 荣耀终端有限公司 | 一种桌面内容整理方法及装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103558958A (zh) * | 2013-10-29 | 2014-02-05 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序的功能调用方法及终端 |
US20140068518A1 (en) * | 2011-10-28 | 2014-03-06 | Tencent Technology (Shenzhen) Company Limited | Method and device for switching application program of touch screen terminal |
CN105677183A (zh) * | 2016-01-08 | 2016-06-15 | 努比亚技术有限公司 | 一种实现信息查看的方法及终端 |
CN106775192A (zh) * | 2016-11-18 | 2017-05-31 | 上海传英信息技术有限公司 | 移动终端及其单手操作方法 |
CN106775814A (zh) * | 2016-11-18 | 2017-05-31 | 上海传英信息技术有限公司 | 移动终端及其操作方法 |
CN111966251A (zh) * | 2020-02-11 | 2020-11-20 | 华为技术有限公司 | 卡片显示方法、电子设备及计算机可读存储介质 |
Family Cites Families (31)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9032325B2 (en) * | 2001-06-08 | 2015-05-12 | Real Enterprise Solutions Development B.V. | Management of local applications in local and remote desktops in a server-based computing environment |
US7426697B2 (en) * | 2005-01-18 | 2008-09-16 | Microsoft Corporation | Multi-application tabbing system |
JP4653561B2 (ja) * | 2005-05-31 | 2011-03-16 | 株式会社東芝 | 情報処理装置および表示制御方法 |
KR20080073868A (ko) * | 2007-02-07 | 2008-08-12 | 엘지전자 주식회사 | 단말기 및 메뉴표시방법 |
US9026938B2 (en) * | 2007-07-26 | 2015-05-05 | Noregin Assets N.V., L.L.C. | Dynamic detail-in-context user interface for application access and content access on electronic displays |
CN102193719A (zh) * | 2010-03-15 | 2011-09-21 | 联想(北京)有限公司 | 显示方法及显示终端 |
US20120084644A1 (en) * | 2010-09-30 | 2012-04-05 | Julien Robert | Content preview |
KR101729523B1 (ko) * | 2010-12-21 | 2017-04-24 | 엘지전자 주식회사 | 휴대 단말기 및 그 동작 제어방법 |
KR20130052753A (ko) * | 2011-08-16 | 2013-05-23 | 삼성전자주식회사 | 터치스크린을 이용한 어플리케이션 실행 방법 및 이를 지원하는 단말기 |
TWI475470B (zh) * | 2011-09-07 | 2015-03-01 | Acer Inc | 電子裝置及應用程式操作方法 |
CN102722588A (zh) * | 2012-06-14 | 2012-10-10 | 北京小米科技有限责任公司 | 一种文件浏览的方法、装置及电子终端 |
US20150058796A1 (en) * | 2013-08-23 | 2015-02-26 | General Electric Company | Navigation control for a tabletop computer system |
US9798443B1 (en) * | 2013-09-10 | 2017-10-24 | Amazon Technologies, Inc. | Approaches for seamlessly launching applications |
CN105468612A (zh) * | 2014-09-01 | 2016-04-06 | 深圳富泰宏精密工业有限公司 | 辅助浏览系统及方法 |
CN104598109A (zh) * | 2015-01-08 | 2015-05-06 | 天津三星通信技术研究有限公司 | 在便携式终端预览应用程序的方法和设备 |
CN105808095A (zh) * | 2015-07-08 | 2016-07-27 | 维沃移动通信有限公司 | 一种终端的应用界面的显示方法及终端 |
US9880735B2 (en) * | 2015-08-10 | 2018-01-30 | Apple Inc. | Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback |
US10540435B2 (en) * | 2015-11-02 | 2020-01-21 | Microsoft Technology Licensing, Llc | Decks, cards, and mobile UI |
CN106227404A (zh) * | 2016-07-15 | 2016-12-14 | 乐视控股(北京)有限公司 | 一种显示方法和装置 |
CN106598394A (zh) * | 2016-12-13 | 2017-04-26 | 努比亚技术有限公司 | 移动终端及应用信息显示方法 |
KR101925691B1 (ko) * | 2016-12-23 | 2018-12-05 | 김경혜 | 어플리케이션 삭제에 대한 보호 기능을 활성화하는 방법 및 디바이스 |
WO2018184154A1 (en) * | 2017-04-05 | 2018-10-11 | Microsoft Technology Licensing, Llc | Desktop launcher |
CN107665162B (zh) * | 2017-10-18 | 2021-05-28 | 维沃移动通信有限公司 | 一种应用程序处理方法及移动终端 |
CN108089786B (zh) * | 2017-12-14 | 2019-12-31 | Oppo广东移动通信有限公司 | 用户界面显示方法、装置、设备及存储介质 |
CN114153356A (zh) * | 2018-12-24 | 2022-03-08 | 华为终端有限公司 | 消息处理方法及电子设备 |
CN109814972B (zh) * | 2019-01-28 | 2021-04-09 | 维沃移动通信有限公司 | 界面显示方法及终端 |
CN110032307A (zh) * | 2019-02-26 | 2019-07-19 | 华为技术有限公司 | 一种应用图标的移动方法及电子设备 |
CN110262877B (zh) * | 2019-04-30 | 2022-05-13 | 华为技术有限公司 | 一种卡片处理方法及设备 |
CN110333814A (zh) * | 2019-05-31 | 2019-10-15 | 华为技术有限公司 | 一种分享内容的方法及电子设备 |
CN116723266A (zh) * | 2019-07-31 | 2023-09-08 | 华为技术有限公司 | 一种悬浮窗口的管理方法及相关装置 |
CN110647274A (zh) * | 2019-08-15 | 2020-01-03 | 华为技术有限公司 | 一种界面显示方法及设备 |
-
2020
- 2020-02-11 CN CN202010094030.9A patent/CN111966251B/zh active Active
- 2020-02-11 CN CN202110882801.5A patent/CN113849090B/zh active Active
-
2021
- 2021-01-19 JP JP2022546526A patent/JP2023513063A/ja active Pending
- 2021-01-19 EP EP21754479.0A patent/EP4068065A4/en active Pending
- 2021-01-19 DE DE202021004106.0U patent/DE202021004106U1/de active Active
- 2021-01-19 US US17/793,480 patent/US20230077467A1/en active Pending
- 2021-01-19 CN CN202210389179.9A patent/CN114911380B/zh active Active
- 2021-01-19 AU AU2021220808A patent/AU2021220808B2/en active Active
- 2021-01-19 KR KR1020227024343A patent/KR20220110314A/ko unknown
- 2021-01-19 CN CN202180002184.3A patent/CN113508360B/zh active Active
- 2021-01-19 WO PCT/CN2021/072592 patent/WO2021159922A1/zh unknown
-
2024
- 2024-01-25 AU AU2024200478A patent/AU2024200478A1/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140068518A1 (en) * | 2011-10-28 | 2014-03-06 | Tencent Technology (Shenzhen) Company Limited | Method and device for switching application program of touch screen terminal |
CN103558958A (zh) * | 2013-10-29 | 2014-02-05 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序的功能调用方法及终端 |
CN105677183A (zh) * | 2016-01-08 | 2016-06-15 | 努比亚技术有限公司 | 一种实现信息查看的方法及终端 |
CN106775192A (zh) * | 2016-11-18 | 2017-05-31 | 上海传英信息技术有限公司 | 移动终端及其单手操作方法 |
CN106775814A (zh) * | 2016-11-18 | 2017-05-31 | 上海传英信息技术有限公司 | 移动终端及其操作方法 |
CN111966251A (zh) * | 2020-02-11 | 2020-11-20 | 华为技术有限公司 | 卡片显示方法、电子设备及计算机可读存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327195A (zh) * | 2022-02-15 | 2022-04-12 | 荣耀终端有限公司 | 卡片管理方法、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111966251A (zh) | 2020-11-20 |
CN114911380B (zh) | 2024-04-09 |
DE202021004106U1 (de) | 2022-11-17 |
CN111966251B (zh) | 2021-08-13 |
CN114911380A (zh) | 2022-08-16 |
US20230077467A1 (en) | 2023-03-16 |
AU2021220808A1 (en) | 2022-07-14 |
CN113508360B (zh) | 2022-04-19 |
EP4068065A1 (en) | 2022-10-05 |
JP2023513063A (ja) | 2023-03-30 |
CN113849090A (zh) | 2021-12-28 |
CN113508360A (zh) | 2021-10-15 |
EP4068065A4 (en) | 2023-01-25 |
KR20220110314A (ko) | 2022-08-05 |
AU2021220808B2 (en) | 2023-10-26 |
CN113849090B (zh) | 2022-10-25 |
AU2024200478A1 (en) | 2024-02-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021159922A1 (zh) | 卡片显示方法、电子设备及计算机可读存储介质 | |
WO2021164313A1 (zh) | 界面布局方法、装置及系统 | |
US10502580B2 (en) | Method and apparatus for providing augmented reality function in electronic device | |
US11687235B2 (en) | Split-screen method and electronic device | |
WO2021000881A1 (zh) | 一种分屏方法及电子设备 | |
CN111176506A (zh) | 一种屏幕显示方法及电子设备 | |
WO2022062898A1 (zh) | 一种窗口显示方法及设备 | |
EP3964937A1 (en) | Method for generating user profile photo, and electronic device | |
WO2021063098A1 (zh) | 一种触摸屏的响应方法及电子设备 | |
EP4099669A1 (en) | Method for creating application shortcuts, electronic device, and system | |
EP4280058A1 (en) | Information display method and electronic device | |
US20230110015A1 (en) | Application Information Display Method and Related Device | |
US20240077987A1 (en) | Widget display method and electronic device | |
WO2023051511A1 (zh) | 一种图标移动方法、相关图形界面及电子设备 | |
WO2022213831A1 (zh) | 一种控件显示方法及相关设备 | |
US20240137438A1 (en) | Information display method and electronic device | |
WO2023040775A1 (zh) | 一种预览方法、电子设备及系统 | |
WO2023160455A1 (zh) | 删除对象的方法及电子设备 | |
WO2022037408A1 (zh) | 一种显示方法及电子设备 | |
WO2023226922A1 (zh) | 卡片管理方法、电子设备及计算机可读存储介质 | |
WO2024067122A1 (zh) | 一种窗口显示方法及电子设备 | |
EP4270911A1 (en) | Suspended ball processing method in multi-tasking scenario, and electronic device | |
CN116820288A (zh) | 窗口控制方法、电子设备及计算机可读存储介质 | |
CN117519564A (zh) | 一种弹幕消息发布方法及装置 | |
CN117631920A (zh) | 一种数据选中方法及相关装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 21754479 Country of ref document: EP Kind code of ref document: A1 |
|
ENP | Entry into the national phase |
Ref document number: 2021754479 Country of ref document: EP Effective date: 20220628 |
|
ENP | Entry into the national phase |
Ref document number: 20227024343 Country of ref document: KR Kind code of ref document: A Ref document number: 2021220808 Country of ref document: AU Date of ref document: 20210119 Kind code of ref document: A |
|
ENP | Entry into the national phase |
Ref document number: 2022546526 Country of ref document: JP Kind code of ref document: A |
|
NENP | Non-entry into the national phase |
Ref country code: DE |