Icon control method and related device

Abstract

The invention provides an icon control method and a related device, and the method can drag and amplify an icon into an application card capable of displaying a shortcut icon and a service card, so that application services and application functions which are originally hidden in a deep layer can be directly displayed on a desktop of electronic equipment through the application card, the method is more visual for a user, and the user experience is improved. A user can more easily check and use the application function or the application service provided by the application, and the application function starting efficiency can be improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to icon control methods and related devices. Background Technology

[0002] With the rapid development of electronic technology, mobile phones, tablets, computers, and other electronic devices have become indispensable tools in people's lives and work. Most applications installed on these electronic devices provide corresponding application icons on the device's desktop. Users can click on the application icon to enter the application's main interface, and then click on the corresponding controls or option buttons on the main interface to access the application's service interface and utilize the functions or information provided by that application.

[0003] However, this method of launching application functions / services involves many interactive steps and is not convenient or fast enough. Therefore, it is necessary to study methods that can effectively improve the efficiency of application service function launch. Summary of the Invention

[0004] The purpose of this application is to provide an icon control method and related device. This method can drag and enlarge icons into application cards that include shortcut icons and / or service cards. In this way, application services and functions that were originally hidden deep within the device can be directly displayed on the desktop of the electronic device through application cards, which is more intuitive for users. Users can more easily view and use the application functions or services provided by the application, and the application function startup efficiency can be improved.

[0005] The aforementioned and other objectives will be achieved through the features described in the independent claims. Further implementations are illustrated in the dependent claims, the specification, and the drawings.

[0006] In a first aspect, this application provides an icon control method, comprising: displaying a desktop, wherein a first application icon corresponding to a first application is displayed on the desktop; after receiving a first operation by a user on the first application icon, transforming the first application icon into a first application card, wherein the first application card displays the first application icon and a first service card corresponding to the first application service of the first application; upon detecting a second operation by a user on the first application icon, displaying a first interface of the first application; and upon detecting a third operation by a user on the first application card, switching the first service card in the first application card to a second service card.

[0007] In this method, in response to a user's interaction with a first application icon on the desktop, the first application icon can be transformed into a first application card. This first card is displayed on the desktop, and it includes both the first application icon and a first service card. The first application card may also display some push notifications received by the first application service. Understandably, the user can browse the frequently used application services of the first application, such as the aforementioned first application service, directly exposed through this first application card on the desktop. In this way, the application's frequently used service card can be displayed directly on the desktop along with the application icon, making it more intuitive for the user and making it easier to find application services and browse their push notification information.

[0008] Furthermore, in this method, multiple service cards can be displayed in the first application card, including a first service card and a second service card. The first service card can be displayed by default in the first application card. If a user needs to browse content pushed by a second application service, the user can directly perform a third operation on the first application card on the desktop to switch the service card in the first application card to the second service card. In this way, users can locate the application service they need on the desktop without clicking the application icon to enter the application, further simplifying the operations required for users to browse application service-related information and effectively improving the user experience.

[0009] In addition, by interacting with the application card, users can either launch the application and display its main page, or quickly activate a specific application service and display its service page. Therefore, this solution makes user operation more convenient and improves the efficiency of application launch.

[0010] Optionally, the size of the first application card can be 2*2.

[0011] Optionally, the first application can be any application installed on the electronic device and displaying a corresponding application icon on the desktop.

[0012] Optionally, the second operation can be a click on the first application icon, and the third operation can be a left / right swipe on the first service card.

[0013] Optionally, the first interface is the main interface of the first application, which is the interface that is displayed by default when the first application is launched, as set by the first application itself.

[0014] Optionally, the specific type of the first service card displayed in the first application card can be set by system default or configured by the user. For example, the first service card can be a service card that the first application defaults to display on the first application card, or it can be a service card corresponding to the application service that the user uses most frequently, determined by the electronic device from all the application services provided by the first application based on the user's usage frequency. It can also be a service card corresponding to the application service determined by the electronic device system or the first application through other means. This application does not limit this.

[0015] In conjunction with the first aspect, in one possible implementation, the second application service corresponding to the second service card and the application service corresponding to the first application card are both application services provided by the first application, but the second application service is different from the first application service.

[0016] In this embodiment, there may be multiple service cards that can be displayed in the first application card, and these multiple service cards are all cards corresponding to the application services provided by the first application.

[0017] For example, the application service corresponding to the first service card can be an application. The provided "Moments" service, when the first service card is displayed in the first application card, can show at least one Moments post shared by a friend. The application service corresponding to the second service card can be an application... The provided "Message Notification" service allows the second service card to display at least one WeChat message sent by a friend when it is displayed in the first application card.

[0018] In conjunction with the first aspect, in one possible implementation, the first service card includes first service content, and the aforementioned method further includes: upon detecting a fourth operation by the user on the first service card in the first application card, displaying a second interface, the second interface being an application service interface corresponding to the first application service, the second interface including the first service content and the second service content.

[0019] In this embodiment, when the first service card is displayed in the first application card, the information displayed may only include a portion of the push notifications received by the corresponding first application service. Users can click on the first service card to enter the application service interface corresponding to the first application service, thereby browsing more of the push notifications received by the first application service. In this way, the electronic device can display application service push notifications within the limited area provided by the application card, satisfying the user's basic browsing needs while providing a quick entry point to the application service interface. When users need to browse more information, they can quickly access the corresponding application service interface, effectively improving the interaction efficiency between the user and the electronic device.

[0020] For example, when the application service corresponding to the first service card is an application... When the "Moments" service is provided, if the first service card can only display one Moments post shared by friend A, the user can enter the Moments service interface by clicking the first service card. In this interface, the user can browse all the friends' activity information, including the Moments post shared by friend A.

[0021] Optionally, the fourth operation mentioned above can be a click operation on the first service card.

[0022] Optionally, the aforementioned first service content refers to the latest push information received by the first application service.

[0023] Optionally, if the size of the first application card is 2*2, the user can also replace the first service content in the first service card with the second service content by swiping up / down on the first service card.

[0024] In conjunction with the first aspect, in one possible implementation, the aforementioned method further includes: upon receiving third service content, displaying the third service content in the first service card, wherein the third service content is content pushed by the first application service after pushing the first service content.

[0025] In this embodiment, the first application service card can display the latest push information received by the first application service. This allows users to directly browse the latest information in the first application card displayed on the desktop, effectively improving the timeliness of messages.

[0026] Optionally, if the area of ​​the first application card is small, the third service content can replace the first service content and be displayed in the first application card; if the area of ​​the first application card is sufficient, the third service content can be displayed together with the first service content in the first application card.

[0027] In conjunction with the first aspect, in one possible implementation, the aforementioned method further includes: upon receiving fourth service content pushed by the second application service, switching the first service card in the first application card to the second service card, and displaying the fourth service content in the second service card.

[0028] In this embodiment, when relevant information is pushed to an application service, if the application service card corresponding to that application service can be displayed in the first application card, then even if the application service corresponding to the currently displayed service card in the first application card is not that application service, the electronic device can automatically display the application service card in the first application card. The latest push information received by that application service will also be displayed in the first application card along with the service card. In this way, even if only one service card can be displayed at a time, the electronic device can ensure that the latest push information from the application service is presented to the user as much as possible, avoiding information being missed by the user.

[0029] In conjunction with the first aspect, in one possible implementation, the first application card also displays a first shortcut icon corresponding to the first application function provided by the first application, and the aforementioned method further includes: when a fifth operation of the user on the first shortcut icon in the first application card is detected, a third interface is displayed, which is the interface displayed after the first application function is launched.

[0030] In actual implementation, by transforming the first application icon on the desktop into a first application card, the first application icon and the frequently used functions of the first application can be displayed on the desktop simultaneously, which is more intuitive for the user. For example, in the application of Alipay TM After the app icon transforms into an app card, it can be displayed on the desktop simultaneously. The application includes icons for frequently used services such as payment codes and QR codes for receiving payments. This makes using these services more convenient for users. For example, users can directly click the icon for a payment code or QR code within the application card to trigger a page displaying these functions. With this solution, when users need to use a frequently used application service, they can simply click the exposed function on the desktop, reducing interaction steps and making it easier for users to find and use frequently used functions, thus improving application startup efficiency.

[0031] Optionally, the number of function icons that can be displayed for application cards of different sizes can be determined according to actual usage needs, and this application embodiment does not limit this. For example, for an application card of 2*1 or 2*1 size, two function icons can be displayed. For an application card of 2*2 size, three function icons can be displayed.

[0032] In conjunction with the first aspect, in one possible implementation, the first interface is the main page of the first application, and the first interface includes a first entry point for entering the second interface and a second entry point for entering the third interface.

[0033] In conjunction with the first aspect, in one possible implementation, the first operation includes a long press operation on the first application icon and a drag operation on the control graphic. The long press operation is used to display the control graphic around the first application icon, and the control graphic is used to prompt the user to drag the first application icon in any direction to expand the first application icon into a first application card.

[0034] In this embodiment, the control graphic can also be referred to as an operation point, lever, or operation anchor point.

[0035] In this embodiment, by default, a user can trigger the display of levers around the application icon by long-pressing it. The user can drag the control point to adjust the size of the application icon. As the user drags, upon reaching the trigger point, a first application card is automatically formed, expanding the display of shortcut functions in card form. It can be understood that the first application card is a shortcut application variation of the first application icon.

[0036] Optionally, when the control graphic is dragged, the electronic device can display a mask and dynamic effects on the desktop to prompt the user that the first application icon can be expanded into a larger card style along that direction, thus improving the user experience.

[0037] In conjunction with the first aspect, in one possible implementation, the expansion direction of the first application icon is determined by the direction in which the user drags the control graphic.

[0038] In this embodiment, users can drag the control graphic in a specific direction to expand the first application icon into a first application card in the same direction. In this way, users can independently determine the display position of the application card on the desktop. In some cases, users can also drag the control graphic to an area where no other application icons are displayed to avoid the application card crowding the application icons and disrupting the original desktop layout.

[0039] In conjunction with the first aspect, in one possible implementation, the first operation includes a long press operation on the first application icon and a click operation on the first function option. The long press operation is used to display a first function list corresponding to the first application icon. The first function list includes a first function option, and the first function option is used to expand the first application icon into a first application card.

[0040] In this embodiment, the user can long-press the first application icon to display a first function list on the electronic device, and directly expand the first application icon into a first application card through the first function options provided by the first function list.

[0041] Optionally, after the user clicks the first function option, the electronic device can transform the application icon into a first application card with a size of 2*2, 4*2, or other larger sizes. This application does not limit this.

[0042] In conjunction with the first aspect, in one possible implementation, it further includes: after receiving a user's first operation on the first application icon, displaying the first application icon on the desktop as a first image, the content displayed in the first image being the same as the content displayed in the first application card, and the desktop including an undo control; transforming the first application icon into the first application card includes: in response to a user's sixth operation on any area of ​​the desktop other than the undo control, converting the first image on the desktop into the first application card.

[0043] In conjunction with the first aspect, in one possible implementation, in response to the user's seventh operation on the undo control, the first image on the desktop is reverted to the first application icon.

[0044] In this embodiment, after the user performs a first operation on the first application icon, the first application icon can first transform into a first icon. The first icon can be considered a temporary form of the first application card, and its displayed content can be exactly the same as the content of the first application card, that is, the first image also displays the first service card and the first application icon. If the user confirms that the first application card is the card they want to display on the desktop, the user can perform a sixth operation to convert the first icon into the first application card (solid) and display it on the desktop. By presenting the basic form and content of the first application card to the user through the first image, the user can confirm that the first application card meets their needs. After confirming that the first application card meets their needs, the user can add the solid application card to the desktop through the sixth operation. If the first application card reflected in the first image does not meet the user's needs, the user can also perform a seventh operation on the undo control to collapse the first application card and redisplay it as the first application icon.

[0045] Optionally, all elements displayed in the first image (including the first application icon and the first service card) shall not respond to user operations to allow the electronic device to jump to the corresponding application main interface or the corresponding function interface.

[0046] Optionally, in some embodiments, when displaying the first image, a control graphic may still exist around the first image. The user can drag the control graphic again to change the first image to another size (this image is also a temporary display of the application card, and the content displayed therein is exactly the same as the content displayed on the application card of the corresponding size). If the user stops dragging the control graphic and removes their finger from the screen, and the electronic device does not receive any further operation from the user on the control graphic within a preset time, the electronic device can also display the temporary application card (i.e., the first image) on the desktop in a solid state (i.e., convert the first image into the first application card displayed on the desktop). At this time, the undo control may no longer be displayed on the first application card.

[0047] Optionally, the sixth operation can be a click operation, and the seventh operation can be a click operation.

[0048] In conjunction with the first aspect, in one possible implementation, the size of the first application card is a first size, and the aforementioned method further includes: in response to an eighth operation by the user on the first application card, transforming the first application card into a second application card, the second application card having a second size smaller than the first size, and displaying a first application icon and a first shortcut icon in the second application card; displaying a first interface when a ninth operation by the user on the first application icon is detected; and displaying a third interface when a tenth operation by the user on the first shortcut icon is detected.

[0049] In this embodiment, the second application card can be obtained by the user long-pressing the first application card and then dragging the lever displayed around the first application card to shrink it. That is, the display area of ​​the second application card is smaller than that of the first application card. Therefore, it is understandable that due to the limited display area of ​​the second application card, at any given time, besides the fixed display of the first application icon, only one of the shortcut icons and service cards can be displayed in the second application card. Optionally, the second application card can display a shortcut icon (e.g., the first shortcut icon) by default.

[0050] Similarly, by activating the first application icon in the first application card, users can launch the application and display its main page. By activating the first shortcut icon in the first application card, users can also quickly enable the application's first shortcut function and display the corresponding function interface. This makes it more convenient for users to activate shortcut functions and improves the efficiency of application launch.

[0051] Optionally, the ninth and tenth operations can be click operations.

[0052] In conjunction with the first aspect, in one possible implementation, upon detecting an eleventh user action on the second application card, the first shortcut icon is switched to the first service card.

[0053] In this embodiment, although only one of the shortcut icon and the service card can be displayed in the second application card at any given time, the user can switch the shortcut icon in the second card to the service card, or vice versa, by performing an eleventh operation on the second application card. Thus, even with a small display area, the user can still quickly launch application functions through the second application card, and can also browse application service push information or quickly enter the application service interface through relatively simple operations, improving the user's interaction efficiency with the electronic device.

[0054] Optionally, when the second application card displays the first shortcut icon, if the first application service pushes relevant information, the second application card may automatically switch its displayed first shortcut icon to the first service card.

[0055] Optionally, the size of the second application card is 2*1.

[0056] Optionally, the eleventh operation can be an up / down swipe.

[0057] In a second aspect, embodiments of this application provide an electronic device comprising: one or more processors and a memory; the memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, and the one or more processors invoking the computer instructions to cause the electronic device to perform the method in the first aspect or any possible implementation thereof.

[0058] Thirdly, a chip system is provided for use in an electronic device, the chip system including one or more processors for invoking computer instructions to cause the electronic device to perform methods as described in the first aspect or any possible implementation thereof.

[0059] Fourthly, a computer program product containing instructions, when run on an electronic device, causes the electronic device to perform the method as described in the first aspect or any possible implementation thereof.

[0060] Fifthly, a computer-readable storage medium is provided, including instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in the first aspect or any possible implementation thereof. Attached Figure Description

[0061] Figure 1A This application provides a schematic diagram illustrating the process of adding a shortcut icon to the desktop.

[0062] Figure 1B A schematic diagram illustrating the process of accessing the "Moments" service interface provided in this application;

[0063] Figure 2 A schematic diagram illustrating a process for transforming an application icon into an application card provided in this application;

[0064] Figure 3 A schematic diagram illustrating the process of transforming an application icon into an application card, provided in this application;

[0065] Figure 4 Another schematic diagram illustrating the process of transforming an application icon into an application card, provided for this application;

[0066] Figure 5 Another schematic diagram illustrating the process of transforming an application icon into an application card, provided for this application;

[0067] Figure 6 A schematic diagram illustrating the process of editing an application card provided in this application;

[0068] Figure 7 This application provides a schematic diagram of a scenario where different application interfaces of the same application are accessed through an application card.

[0069] Figure 8 A schematic diagram illustrating the process of switching the information displayed in a service card within an application card, as provided in this application;

[0070] Figure 9 A schematic diagram illustrating the process of updating information in a service card, as provided in this application;

[0071] Figure 10 A schematic diagram illustrating a scenario in this application where service cards and icons are combined into an application card;

[0072] Figure 11 A schematic diagram illustrating a scenario in which a service card is embedded into an application card, as provided in this application;

[0073] Figure 12 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0074] Figure 13 This is a schematic diagram of the software architecture of an electronic device provided in an embodiment of this application. Detailed Implementation

[0075] The terminology used in the following embodiments of this application is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to include the plural expressions as well, unless the context clearly indicates otherwise. It should also be understood that the term “and / or” as used in this application refers to and includes any or all possible combinations of one or more of the listed items.

[0076] Since the embodiments of this application involve the application of neural networks, for ease of understanding, the relevant terms involved in the embodiments of this application will be introduced below.

[0077] (1) Service Card

[0078] Service cards are a new form of application page content display. They can bring the application page content to the forefront, allowing users to directly interact with the service cards to achieve the application experience, thus achieving direct service access and reducing experience layers.

[0079] Service cards are commonly embedded into other applications as part of their interface (or the application can be saved to the service center using atomic services, which eliminates the need for application installation), and support basic interactive functions such as page launches and message sending. Service cards have three main characteristics: 1. Ease of use and visibility: Service cards allow prominent service information to be displayed, reducing user experience issues caused by hierarchical navigation. 2. Intelligent selectability: Cards can display variable data information throughout the day and support custom service card designs, allowing users to customize card styles. 3. Multi-device adaptability: Service cards can adapt to various devices, including smartphones, fitness trackers, and tablets.

[0080] For modern electronic devices, users can pinch two fingers together on the home screen (i.e., the desktop) to display application cards that can be added to the desktop. In this application, users can long-press on the application icon displayed on the desktop to make a lever appear around the application icon. Users can use the lever to display the service cards provided by the application and the application icon together on the desktop. For details, please refer to the following embodiments.

[0081] (2) Shortcut

[0082] In the IT field, a shortcut is a convenient feature provided by the operating system, allowing users to quickly access frequently used applications and services. In systems such as Windows, Mac OS, and Android, a shortcut is typically represented by an icon that points to the location of the original file or program, rather than copying the actual content. Therefore, in this application, a shortcut can also be referred to as a "shortcut icon." For example, on a mobile phone with... In this case, for The service provides deeper functions such as "scan" and "payment code" (meaning users need to access...). Instead of requiring multiple interface switches to launch an application service, users can directly add shortcuts for services such as "Scan" and "Payment Code" to their phone's home screen. Users can then directly click on the shortcut to launch the corresponding application function, effectively reducing user operations.

[0083] by Figure 1A For example, Figure 1A The user interface 14 shown in (A) can be the main screen interface of an electronic device. It can display applications. Application icon 141 and application The application icon 142 is shown, but no shortcut icons are displayed in the user interface 14 at this time. Figure 1A The user interface 15 shown in (B) can be used by the application The electronic device provides a functional interface for payment and receipt functions, which may include option controls 151; in response to the user's click on the option controls 151, the electronic device may display, as shown below. Figure 1A The user interface 16 shown in (C) can display multiple function options and controls related to the payment and receipt functions, such as a desktop shortcut control 161; in response to the user's click on the desktop shortcut control 161, the electronic device can display, as shown in (C). Figure 1A User interface 17, shown in (D), is also the main screen interface of the electronic device. It can be seen from user interface 17 that the application is currently... The shortcut icon 141a for the payment and collection functions has been added to the desktop. Understandably, if the user clicks the shortcut icon 141a in the user interface 17, the electronic device will respond to the operation, and the electronic device may display something like... Figure 1A User interface 14 shown in (B) is the interface through which the electronic device can directly jump to the payment function.

[0084] (3) Application Cards

[0085] In this application, an application card is a card that combines an application icon, a shortcut icon, and a service card. An application card can simultaneously display the application icon, at least one shortcut provided by the application, and / or at least one service card. Optionally, the user can customize the shortcut icons and service cards that can be displayed in the application card. When the user clicks the application icon on the card, the electronic device can display the application's main interface. When the user clicks a shortcut icon, the electronic device can launch the application function corresponding to that shortcut icon (whether the corresponding interface is displayed depends on the specific application function corresponding to the shortcut icon). The difference between a shortcut icon and a service card is that a shortcut icon is only displayed as an icon on the desktop and cannot display the information contained in the corresponding application service interface, while a service card can display some or all of the information of its corresponding application service interface.

[0086] In this application, users can long-press on an application icon displayed on the desktop to generate a lever around the icon. Users can then use the lever to display the application icon, its shortcuts, and / or service cards together on the desktop. Optionally, users can drag the application icon to create application cards of different sizes using different dragging methods, such as 2x1, 2x2, or 4x2 application cards. Specific details can be found in the following embodiments.

[0087] (4) Simulate clicks

[0088] Simulated clicks refer to implementing mouse or keyboard clicks in a program through code. They are commonly used in fields such as automated testing and web scraping to simulate user click behavior on an interface, thereby automating program operations.

[0089] In this application, the user's ability to launch the corresponding application function by clicking the shortcut icon on the application card, or to display the corresponding application service interface on the electronic device by clicking the service card, as well as the information contained in the service card displayed in the application card, can all be achieved through simulated clicks. Taking the "Moments" service card contained in the application card as an example, when the user clicks the "Moments" service card, although the user has only performed one click operation on the service card, the electronic device is actually performing a simulated click to launch the application. Then, the device enters the "Moments" service interface. Driven by program code, the electronic device defaults to the user performing multiple clicks, which may include user clicks... Actions to launch the application icon (this action can launch the application) and enter (Main interface), users in Clicking the "Discover" control on the main interface (this operation allows you to enter...) The user's "Discover" details page, specifically the "Moments" control, allows access to... (e.g., the "Moments" service interface). Similarly, the information displayed in this service card can also be obtained by the electronic device's system backend through simulated clicks to access the corresponding interface, retrieve the relevant information from that interface, and then display it in the service card. Since these click operations are completed by the electronic device in the background through program code, they are invisible to the user, and therefore these click operations can be called "simulated clicks."

[0090] With the rapid development of electronic technology, mobile phones, tablets, computers, and other electronic devices have become indispensable tools in people's lives and work. Most applications installed on these electronic devices provide corresponding application icons on the device's desktop. Users can click on the application icon to enter the application's main interface, and then click on the corresponding controls or option buttons on the main interface to access the application's service interface and utilize the functions or information provided by that application.

[0091] Please see Figure 1B , Figure 1B This application provides a method for controlling the startup of electronic devices. A diagram illustrating the process of accessing the "Moments" service interface.

[0092] like Figure 1B As shown in (A), the electronic device displays a main screen interface 10. The main screen interface 10 includes a calendar / weather widget 101, an application icon area 102, a status bar 103, and a dock area 104. Wherein:

[0093] The Calendar Weather Widget 101 can be used to indicate the current time, such as date, day of the week, and hour and minute information, as well as the weather type, such as cloudy turning sunny, light rain, etc. It can also be used to indicate temperature and location.

[0094] Application icon area 102 may contain, for example: The application icon 1021 may also include icons of other applications, but this embodiment does not limit this. Any application icon can be used to respond to user operations, such as touch operations, causing the electronic device to launch the application corresponding to the icon.

[0095] The status bar 103 can include the operator's name (such as China Mobile), time, Wi-Fi icon, signal strength, and current remaining battery power.

[0096] Dock area 104 may contain icons such as "Phone," "SMS," "Browser," and "Camera," and may also contain other application icons; this embodiment does not limit this. Any application icon can be used to respond to user operations, such as a click, causing the electronic device to launch the application corresponding to the icon.

[0097] like Figure 1B As shown in (A), in response to a user's click on the application icon 1021, the electronic device can display as follows: Figure 1B User interface 11 is shown in (B) above. User interface 11 may include message list 111 and interface list 112, wherein:

[0098] Message list 111 can display messages sent to users by WeChat friends and WeChat official accounts.

[0099] The interface list 112 can contain four interface options: "WeChat" interface option, "Contacts" interface option, "Discover" interface option 1121, and "Me" interface option. Each interface option corresponds to a user interface. Furthermore, each interface option can respond to user actions, such as clicking, causing the electronic device to display the user interface corresponding to that option. The user interface corresponding to interface option 1121 is user interface 12, i.e., the application. The main interface can be used to display messages sent to users by WeChat friends and WeChat official accounts; the user interface corresponding to interface option 1122 can be used to display WeChat friends added by the user; the user interface corresponding to interface option 1123 can be used to display the entrances to multiple application services, including "Moments" and "Video Account", which can exist in the form of a function list in the user interface; the user interface corresponding to interface option 1124 can be used to display the entrances to multiple application services, including the front wallet and personal information settings, which can also exist in the form of a function list in the user interface.

[0100] like Figure 1B As shown in (B), in response to a user's click on interface option 1121, the electronic device can display as follows: Figure 1B The (C) user interface 12. The user interface 12 may include multiple application service options, including the "Moments" option 121 and the "Video Account" option. Any application service option can respond to user operations, such as click operations, to make the electronic device display the application service interface corresponding to that application service option.

[0101] like Figure 1B As shown in (C), in response to the user's click on the "Moments" option 121, the electronic device can display as follows: Figure 1BUser interface 13 (D) in the middle. User interface 13 is the application. The provided "Moments" service interface allows users to browse their own and their friends' (e.g., Moments) profiles. Figure 1B This is a post shared by Jerry, a friend of mine, on his WeChat Moments.

[0102] However, from Figure 1B The process illustrated shows that services like "Moments," which are hidden deep within apps, require users to perform a series of actions to activate, involving many interactive steps and lacking convenience. Furthermore, there is information hidden deep within app services, such as alarm settings configured by the user within the app's clock. High-value coupons and other information obtained through such means are easily forgotten by users, which can cause inconvenience to their work and life.

[0103] To address the aforementioned shortcomings, this application provides an icon control method. This method allows icons to be dragged and enlarged into application cards that display shortcut icons and service cards. In this way, application services and functions that were originally hidden deep within the application can be directly displayed on the desktop of the electronic device through application cards, which is more intuitive for users. Users can more easily view and use the application functions or services provided by the application, which can improve the application function startup efficiency and effectively prevent users from ignoring valuable information in the application.

[0104] First, the process of transforming the application icon into the application card provided in this application through user interaction is described. Please refer to [link / reference needed]. Figure 2 .

[0105] like Figure 2 As shown in (A), the user interface 21 can be the main screen interface of an electronic device. Information and functions of each element in the user interface 21 can be found in the aforementioned diagram. Figure 1B The relevant descriptions of the main screen interface 10 will not be repeated here or in subsequent embodiments. Applications are displayed in the icon area of ​​the user interface 21. The application icon is 211.

[0106] In response to a long press on the app icon 211 (a long press refers to a press that lasts for more than a certain duration), the electronic device displays as follows: Figure 2 User interface 22 is shown in (B) above. User interface 22 may include application icon 211 and multiple function option windows corresponding to application icon 211. Among them, function option window 212 may contain the function option "Show as application card". The user can click on this function option to expand application icon 211 into a 2*2 application card. For details, please refer to the following section. Figure 2The relevant explanation of (F) is provided below. The function option window 213 may contain multiple function options, such as the "My QR Code" option, the "Receive / Payment" option, the "Scan" option, the "Share" option, and the "Uninstall" option.

[0107] Optionally, in the user interface 22, the electronic device displays a mask in areas other than the application icon 211 and the multiple function option windows corresponding to the application icon 211, in order to highlight the application icon 211 and the multiple function option windows corresponding to the application icon 211 for user operation.

[0108] Optionally, to facilitate users dragging the application icon 211 into an application card, the electronic device can display a lever 211a around the border of the application icon 211 in the user interface 22. Each lever 211a can be dragged to expand the application icon in different directions, and the distance the user drags the lever 211a can be used to determine the size of the application card. Furthermore, optionally, to indicate to the user that the application icon 211 can be expanded into an application card, a dynamic effect 211b can appear on the right side of the application icon 211. This simulates dragging the lever 211a to the right to enlarge the application icon, prompting the user to drag the lever 211a as shown by the effect. Optionally, this dynamic effect can appear only after the user's initial three long presses of the application icon, and the dynamic effect can disappear after the user touches the screen again.

[0109] Optionally, in some embodiments, when a user drags the application icon 211 as an application card, the contact point between the user and the screen of the electronic device only needs to be in the vicinity of the lever 211a, and it does not necessarily need to actually land on the lever 211a.

[0110] For ease of explanation, it is assumed that the size of the application icon 211 shown in the user interface 21 is 1*1 (a 1*1 area indicates the arrangement of application icons according to the electronic device; only one application icon can be placed in this area. Similarly, a 2*1 area indicates the arrangement of application icons according to the electronic device; two horizontally arranged application icons can be placed in this area. A 2*2 area indicates the arrangement of application icons according to the electronic device; four application icons can be placed in this area, arranged in two rows, with two application icons arranged horizontally in each row, and so on). Then... Figure 2 As shown in (B), in response to the user's dragging operation on the right side of lever 211a, the electronic device stretches application icon 211 along the right side. After the user drags it a certain distance to the right, application icon 211 is expanded into an application card with a size of 2*1. At this time, the electronic device can display as shown in Figure (B). Figure 2 User interface 23 is shown in (C).

[0111] Exemplarily, in some embodiments, when a user stretches the application icon 211 to the right, the electronic device can adaptively shrink the size of the application icon 211 and display a scalable frame outside the scalded application icon 211. Figure 2 (Not shown in the image). As the user drags the lever 211a, the size of the telescopic frame gradually increases until the corresponding size of the telescopic frame reaches 2*1, at which point the electronic device displays the user interface 23.

[0112] like Figure 2 As shown in (C), the user interface 23 is the main screen interface of the electronic device. Unlike the application icon 211 shown in the user interface 21, the application icon 211 in the user interface 23 has been expanded into an application card 231 with a size of 2*1.

[0113] Application card 231 can display application icon 231a, shortcut icon 231b, and shortcut icon 231c. Among them:

[0114] Application icon 231a is the aforementioned application. The application icon 231a can be the same as or smaller than application icon 211. Application icon 231a can always be displayed in application card 231 (the position of application icon 231a in the card may change as the size of the application card changes, but it will always exist in the application card).

[0115] Shortcut icons 231b and 231c represent applications respectively. The application provides shortcut icons for both the "Scan" and "Payment Code" functions. Understandably, due to the limited area of ​​the application card 231, the number of shortcut icons that can be displayed simultaneously is limited, with a maximum of two. Optionally, when the user first drags and expands the application icon 211 into the application card 231, shortcut icons 231b and 231c can be application... The default shortcut icon is displayed on the application card 231 with a size of 2*1. Alternatively, it can be customized for the electronic device based on user preferences. The usage frequency of services is used to identify the shortcut icons for the two most frequently used application services from all application services. This could also be the system settings of the electronic device. This application does not limit the shortcut icons corresponding to two application services determined by other means. Of course, users can also edit the shortcut icons displayed in the application card to replace or remove the shortcut icons displayed in application card 231. For details, please refer to the relevant descriptions in the following embodiments, which will not be described in detail here.

[0116] Application card 231 can also display service cards ( Figure 2(Not shown in the figure, but can be referred to in subsequent embodiments), for example, applications The cards provided include those for the "Moments" service, the chat message service, and the pinned / starred contact service.

[0117] Optionally, the application card 231 is in a transient state at this time, so an undo control 231d can be present in its upper left corner. The user can click the undo control 231d to collapse the application card 231 and redisplay it as the application icon 211. That is, the user can click the undo control 231d to make the electronic device display the aforementioned user interface 21. It should be noted that the application card 231 in the transient state is only for the user to refer to the specific form and style of the application card. However, all elements displayed in the application card 231 in the transient state (including the application icon 231a, shortcut icon 231b, and shortcut icon 231c) cannot respond to user operations to make the electronic device jump to the corresponding application main interface or the corresponding function interface.

[0118] Correspondingly, when displaying user interface 23, the user can also click any area other than the undo control 231d to solidify the application card 231 in the transient state on the desktop. In this case, the undo control 231d may no longer be displayed on the application card 231. Optionally, in some embodiments, when the application card 231 is in the transient state, if the user stops dragging the lever 211a and removes their finger from the screen, and if no further operation on the lever 211a is received from the user within a preset time, the electronic device can also solidify the application card 231 in the transient state on the desktop. In this case, the undo control 231d may no longer be displayed on the application card 231. Furthermore, in one possible implementation, the application card 231 in the transient state may only deform accordingly with the user's dragging operation on the lever 211a, without displaying shortcut icons 231b and 231c in the application card. Only after the application card 231 in the transient state is solidified and displayed on the desktop will the shortcut icons 231b and 231c be displayed in the application card 231.

[0119] Understandably, due to the limited display area of ​​application card 231, whether in transient or static state, application card 231 can only display one of the shortcut icons and service cards at any given time. Optionally, application card 231 can display the shortcut icons (i.e., shortcut icons 231b and 231c) by default.

[0120] When application card 231 is in a static state, when relevant information is pushed to a certain application service, the corresponding service card for that application can be displayed in the static application card 231 (for example, when a contact sends a new WeChat message, a chat message service card is displayed, which can show the new WeChat message; similarly, when a WeChat friend shares a new Moments post, a Moments service card is displayed, which can show the friend's newly shared Moments post). Additionally, optionally, users can perform operations on the static application card 231, such as swiping up / down to switch the shortcut icons displayed in the application card 231 to service cards, or vice versa. Similarly, the service cards displayed in application card 231 can be application... The service card displayed by default on application card 231 can also be customized by the electronic device according to the user's settings. The frequency of use of services in applications From all available application services, identify the service cards corresponding to the application services that users use most frequently; this can also be from electronic device systems or... This application does not limit the service cards corresponding to application services determined by other means. Similarly, users can also edit the shortcut icons displayed in the application card to replace or remove the shortcut icons displayed in the application card 231. When there is more than one service card that can be displayed, users can also perform operations on the solid application card 231, such as swiping left / right, to switch the service cards displayed in the application card 231 (e.g., switching the chat message service card to the Moments service card). For details, please refer to the relevant descriptions in the following embodiments, which will not be described in detail here.

[0121] Furthermore, even when the application card 231 is in a transient state, the lever 211a still exists around it. Therefore, the user can continue to drag the lever 211a to move the application card 231 to other sizes. For example... Figure 2 As shown in (C), in response to the user's dragging operation on the right side of lever 211a, the electronic device stretches application icon 211 downwards. After the user drags it downwards a certain distance, application icon 211 is expanded into an application card with a size of 2*2. At this time, the electronic device can display as shown in (C). Figure 2 User interface 24 is shown in (D).

[0122] Optionally, when the application card 231 is in a transient state, a card switching control 232 can be displayed below it, which can contain card options corresponding to different sizes, for example... Figure 2The card switching control 232 in (C) includes card options 232a and 232b. Card option 232a corresponds to an application card with a size of 2*1. Since the application card 231 also has a size of 2*1, card option 232a is currently selected. (The electronic device can set different display methods for card options to distinguish whether the card option is selected or not. For example, a card option is displayed with a solid line to indicate that it is selected, and a card option is displayed with a dashed line to indicate that it is not selected.) Card option 232b corresponds to an application card with a size of 2*2. It can also contain card options of other sizes, which is not limited in this application. Any card option can respond to user operation, such as a click operation, so that the electronic device sets the application card 231 to the size corresponding to that card option. Understandably, the user can also directly click card option 232b in the user interface 23 to make the electronic device display Figure 2 User interface 24 is shown in (D).

[0123] like Figure 2 As shown in (D), user interface 24 is the main screen interface of the electronic device. In user interface 24, the application card 231, which was originally 2*1 in user interface 23, has been further expanded into an application card 241 with a size of 2*2. The application card 241 can display application icons 241a, shortcut icons 241b and 241c, and service cards 241d.

[0124] in:

[0125] Application icon 241a is the aforementioned application. The application icon 241a can be the same as or smaller than application icon 211. Application icon 241a can always be displayed in application card 241.

[0126] Similarly, the application card 241 in user interface 24 remains in a transient state. Therefore, all elements displayed in application card 241 (including application icon 241a, shortcut icon 241b, and shortcut icon 241c) are not responsive to user operations to allow the electronic device to jump to the corresponding application's main interface or the corresponding function interface. For specific information and functions of shortcut icons 241b and 241c, please refer to the aforementioned explanations of shortcut icons 231b and 231c in application card 231; these will not be repeated here.

[0127] It should be noted that, unlike the aforementioned application card 231, since the size of application card 241 (2*2) is larger than that of application card 231 (2*1), application card 241 can simultaneously display application icon 241a, shortcut icon 241b, and shortcut icon 241c, whether in transient or solid state.

[0128] Service card 241d can be an application The service card corresponding to the provided "Moments" service. Optionally, one service card can always be displayed in application card 241, and this service card can be an application... The service card displayed by default on application card 231 can also be customized by the electronic device according to the user's settings. The frequency of use of services in applications From all available application services, identify the service cards corresponding to the application services that users use most frequently; this can also be from electronic device systems or... This application does not limit the service card corresponding to the application service determined by other means. Of course, since the current application card 241 is in a transient state, when there are multiple service cards that can be displayed in application card 241, the user cannot switch between the displayed service cards.

[0129] Optionally, when the application card 241 is in a transient state, an undo control 241e may also be present in the upper left corner of the application card 241. The user can click the undo control 241e to collapse the application card 241 and redisplay it as the application icon 211, allowing the electronic device to display the aforementioned user interface 21. Furthermore, a card switching control 242 may be displayed below the application card 241, which can contain card options corresponding to different sizes, such as... Figure 2 The card switching control 242 in (D) includes card options 242a and 242b. Card option 242a corresponds to an application card with a size of 2*1, and card option 242b corresponds to an application card with a size of 2*2. At this time, card option 242b is selected. Understandably, the user can directly click card option 242a in the user interface 24 to collapse application card 241 into the aforementioned application card 231, i.e., the electronic device displays... Figure 2 User interface 23 is shown in (C).

[0130] Similarly, when application card 241 is in a transient state, if the user no longer operates the lever 211a, the electronic device can also display the transient application card 241 on the desktop in a solid state after a period of time. Or, as Figure 2As shown in (D), when displaying the user interface 24, the user can also click on any area except the undo control 241e to display the transient card 241 as a solid on the desktop, and make the electronic device display as shown in (D). Figure 2 User interface 25 is shown in (E) in the image.

[0131] like Figure 2 As shown in (E), in the user interface 25, the application card 241 is already displayed on the desktop in a solid state. At this time, there is no undo control on the application card 241, and the lever 211a is no longer displayed around it.

[0132] When the application card 241 is in a solid state, the user can perform user operations on the service card 241d, such as swiping left / right. Figure 2 (Not shown in the image) Switch the service card displayed in application card 241, for example, by swiping left on service card 241d to switch service card 241d to chat message service card. For details, please refer to the relevant description in the following embodiments, which will not be described in detail here.

[0133] Optionally, when multiple service cards can be displayed in application card 241 (and the application services corresponding to these multiple service cards are all provided by the same application), the electronic device can display these cards in turn in the application card 241 displayed in solid state. Alternatively, by default, no service cards may be displayed in the application card 241 displayed in solid state, and the application's personalized elements may be displayed in the corresponding area. These personalized elements may be the application's background color, a cartoon character set by the application, etc. When relevant information is pushed to a certain application service, the application card 241 can display the application card corresponding to that application service and display the latest pushed information in that service card. For example, when a contact sends a new WeChat message, the application card 241 can display a chat message service card, which can display the new WeChat message. Or, when a WeChat friend shares a new Moments post, the application card 241 can display a Moments service card, which can display the friend's newly shared Moments post.

[0134] like Figure 2 As shown in (E), in response to a long press operation on application card 241, the electronic device can display as shown in Figure (E). Figure 2 User interface 26 is shown in (F). User interface 26 may include application card 241 and multiple function option windows corresponding to application card 241, wherein:

[0135] The function options window 261 can contain multiple function options, such as "My QR Code", "Receive / Pay", "Scan", "Share", "Uninstall", etc.

[0136] The function options window 262 may contain function options 262a and function options 262b. Function option 262a may respond to user actions, such as a click, to cause the electronic device to collapse the application card 241 into an application icon and display the user interface 21 as described above.

[0137] Function option 262b can respond to user operations, such as click operations, to cause the electronic device to display the editing interface of application card 241, so that the user can change, delete or replace the number and type of shortcut icons and service cards displayed on application card 241, as can be seen in the following embodiments.

[0138] Optionally, in the user interface 26, there may be a lever 211a around the application card 241. The user can also drag the application card 241 to a larger size (e.g., 4*2) or a smaller size (e.g., 2*1) by dragging the lever 211a, or drag the application card to transform it into an application icon.

[0139] In this embodiment, the user interface 21 can be referred to as the "desktop," the application icon 211 can be referred to as the "first application icon," the long-press operation of the user on the application icon 211 and the drag operation of the lever 211a can be referred to as the "first operation," the service card 241d can be referred to as the "first service card," the application card 241 in the user interface 24 can be referred to as the "first image," the application card 241 in the user interface 24 can be referred to as the "first application card," and the shortcut icon 241b or shortcut icon 241c can be referred to as the "first shortcut icon." The user's click operation on any area of ​​the user interface 24 other than the undo control 241e can be referred to as the "fifth operation," and the lever 211a can be referred to as the "control graphic."

[0140] In some embodiments, users can also transform the application icon into an application card in other ways.

[0141] Please refer to the following first. Figure 3 . Figure 3 (A) and (B) respectively illustrate the user's specific actions in transforming the application icon into an application card through the function options window and by dragging the slider from the lower right side. Figure 3 In (A) and (B), user interfaces 31 and 32 can be the same user interface, and both can be... Figure 2 User interface 22; in Figure 3 In (C), the user interface 33 can be Figure 2User interface 23. Figure 3 User interfaces 31-32 shown in (A) and (B) and in the diagram are as follows: Figure 3 For details regarding the user interface 33 shown in (C), please refer to the aforementioned section. Figure 2 Related explanations will not be repeated here.

[0142] like Figure 3 As shown in (A), the function option window 212 contains the function option "Display as application card". Users can click this function option to directly expand the application icon 211 into a 2x2 application card, and the electronic device will display the application as shown in (A). Figure 3 The user interface 33 is shown in (C). As can be seen from the foregoing description, in the user interface 23, the application card 241 is displayed temporarily. The user needs to perform further user operations, such as clicking on a blank area outside the application card 241, to display the application card 241 permanently on the desktop. Therefore, optionally, in some embodiments, after the user clicks the function option window 212 containing the function option "Display as application card", the electronic device can also directly display the application card 241 permanently on the desktop. At this time, there is no longer a lever around the application card 241, and there is no longer an undo control 241e in its upper left corner. For details, please refer to the foregoing description. Figure 2 User interface 25.

[0143] like Figure 3 As shown in (B), the electronic device displays a lever 211a around the border of the application icon 211. Each lever 211a can be dragged to expand the application icon in different directions. Thus... Figure 3 As shown in (B), in response to the user's drag operation on the lower right side of lever 211a, the electronic device stretches application icon 211 along the lower right side. After the user drags it a certain distance to the lower right, application icon 211 is expanded into an application card with a size of 2*2. At this time, the electronic device can display as shown in (B). Figure 3 User interface 33 is shown in (C).

[0144] Optional, in Figure 3 In the user interface 32 shown in (B), the user can also drag the application icon 211 along any of the three directions: upper left, lower left, or upper right, to expand the application icon 211 into a 2*2 application card. Understandably, the display position of the application card on the desktop can differ depending on the direction of dragging. For example, when the user drags the application icon 211 along the upper left to expand it into a 2*2 application card, the display area of ​​the 2*2 application card on the desktop can be... Figure 3The area shown in (B) is the area with the dashed box, and the application icon originally displayed in this area can be moved to other areas of the interface; of course, the user can also drag the application icon 211 along the upper right or lower left side to expand the application icon 211 into an application card with a size of 2*2, which will not be illustrated here.

[0145] In this embodiment of the application, the function option "displayed as an application card" can be referred to as "first function option", and the function option window 212 can be referred to as "first function list".

[0146] To facilitate previewing the specific style of the application card, in some embodiments, users can directly swipe up on the application icon to display the application card in preview mode on the electronic device. After the user confirms that they want to add the card, the application card is then solidified and displayed on the desktop through user interaction. Please refer to [link / reference] for details. Figure 4 .

[0147] like Figure 4 As shown in (A), the user interface 41 can be the main screen interface of the electronic device, and the application icon area 411 contained therein can display multiple application icons, including application icon 412, application icon 413 and application icon 414, wherein application icon 412 is an application. The icon. Any application icon can be used to respond to user actions, such as a click, causing the electronic device to launch the application corresponding to the icon; any application icon can also be used to respond to user actions, such as a swipe-up action, causing the electronic device to display the application card corresponding to the application icon in preview mode (after swiping up, an application card of size 2*2 can be displayed by default, or an application card of other sizes can be displayed, this application does not limit this). Figure 4 As shown in (A), the user can swipe up on the application icon 412 to display the following on the electronic device. Figure 4 User interface 42 is shown in (B) above. Optionally, when the user swipes up on the application icon, a horizontal bar 412a may appear below the application icon 412 to indicate to the user that the application icon on the electronic device can respond to the user's swipe up to expand into an application card.

[0148] like Figure 4As shown in (B), the user interface 42 may include an application card 421. The application card 421 is displayed in preview mode within the application icon area 411. Therefore, the application card 421 does not crowd out other icons in the application icon area 411; it can be considered that the application card 421 is currently covering the application icons originally displayed in that area. Optionally, in the user interface 42, the electronic device displays an overlay in areas other than the application card 421 to highlight the application card 421 for user operation. Optionally, to facilitate user previewing of the specific style of application cards at other sizes, in the user interface 42, the electronic device may display levers 421b around the border of the application card 421. Each lever 421b can be dragged to expand or collapse the application card 241 in different directions. The expanded or collapsed application card also does not crowd out other icons in the application icon area 411. The application card 421 in preview mode may contain a transient display control 421a. The user can click the transient display control 421a to cause the electronic device to transiently display the application card 421 in preview mode, showing, for example... Figure 4 User interface 43 is shown in (C).

[0149] like Figure 4 As shown in (C), the user interface 43 may include an application card 421, which is temporarily displayed in the application icon area 411, and the application card 421 has squeezed the application icons 413 and 414 that were originally displayed in the area to other positions.

[0150] As described above, an undo control 421c may be present in the upper left corner of the application card 421 in its transient state. The user can click the undo control 421c to collapse the application card 421 and redisplay it as the application icon 412. Correspondingly, a lever 421b may be present around the application card 421 in its transient state. The user can drag the lever 421b to transform the application card 421 into an application card of other sizes.

[0151] To display the transient application card 421 solid-state on the desktop, such as Figure 4 As shown in (C), the user can click on any blank area of ​​the user interface 43 other than the application card 421 to make the electronic device display something like... Figure 4 User interface 44 is shown in (D). User interface 44 may include application card 421, which is displayed in a solid state in application icon area 411. Application icons 413 and 414 that were originally displayed in this area are still squeezed to other positions. Application card 421 no longer contains an undo control, and there are no longer any levers around it for changing the size of application card 421.

[0152] In some embodiments, due to the limited display area of ​​the user interface, if there are a sufficient number of application icons on the interface, and the user attempts to transform an application icon into an application card using the aforementioned method, there may not be enough blank space on the interface to display other application icons that are squeezed by the application card. In this case, the electronic device may not transform the application icon into an application card and may output a prompt message to inform the user that there is not enough space on the current interface to display application cards; alternatively, the electronic device may transform the application icon into an application card and display a storage area on the interface, which can be used to display application icons that have been squeezed by the aforementioned application card and have no space to display. Please refer to [link / reference] for details. Figure 5 .

[0153] like Figure 5 As shown in (A), the user interface 51 can be the main screen interface displayed by the electronic device. The user interface 51 may include an application icon area 511. For ease of explanation, it is assumed here that the application icon area 511 has a size of 4*4, and can display a maximum of 16 application icons. Figure 5 As can be seen in (A), 15 application icons are already displayed in application icon area 511 at this time, for example... The application icons 51a, 51b, 51c, 51d, 51e, and 51f, i.e., the application icon area 511, have only a blank area left that can accommodate one application icon.

[0154] In response to a user's long press on the application icon 51a, the electronic device can display as follows: Figure 5 The user interface 52 described in (B) above. The user interface 52 may include an application icon 51a and multiple function option windows corresponding to the application icon 51a; optionally, the electronic device displays a mask in areas other than the application icon 51a and the multiple function option windows corresponding to the application icon 51a to highlight the application icon 51a and the multiple function option windows corresponding to the application icon 51a for user operation. The function option window 521 may include the function option "Display as application card" 521a, and the function option window 522 may include multiple function options, such as "My QR code" option 522c, "Receive / Pay" option 522d, "Scan" option 522e, "Share" option 522a, "Uninstall" option 522b, etc.

[0155] After the user clicks the "Show as app card" function option, the electronic device would normally transform the app icon 51a into a 2x2 app card by default. However, since transforming the app icon 51a into a 2x2 app card requires the additional space of three app icons, and there is only one blank area in the app icon area 511 (this blank area can only hold one app icon), in response to the user's click on the "Show as app card" function option, the electronic device can display as follows: Figure 5 The user interface 53 shown in (C) or the display as shown in Figure 5 User interface 54 is shown in (D). It should be noted that whether the electronic device displays user interface 53 or user interface 54 can be set at the factory.

[0156] like Figure 5 As shown in (C), the user interface 53 can be the main screen interface displayed by the electronic device. At this time, the application icon 51a is still displayed in the application icon area of ​​the user interface 53 in the style of an application icon, and the shape, size, and relative position of all application icons in the application icon area are the same as the shape, size, and relative position of all application icons in the application icon area of ​​the user interface 51. That is, after the user attempts to transform the application icon 51a into an application card through the aforementioned operation, due to the area limitation of the user interface 53, the electronic device does not transform the application icon into an application card according to the user's intention. Correspondingly, the electronic device will also display a snack bar 531 in the user interface 53, which can display the prompt message "Insufficient space on the current page" to inform the user that there is not enough space on the current interface to accommodate the application card.

[0157] like Figure 5As shown in (D), the user interface 54 can be the main screen interface displayed by the electronic device. At this time, the application icon 51a has been transformed into an application card 541 and displayed in the application icon area of ​​the user interface 54. Due to the compression of the application card 541, the application icons that were originally located after the application icon 51a (assuming that the default order of the application icons arranged by the electronic device is from left to right and from top to bottom, then the application icons that were located after the application icon 51a are application icons 51b-application icon f) are postponed. That is, application icon 51b is displayed in the position where application icon 51c was originally displayed, application icon 51c is displayed in the position where application icon 51d was originally displayed, and application icon 51d is displayed in the last blank space that was originally empty in the application icon area. At this time, there is no space available for application icons 51e and 51f. Therefore, the electronic device can display a storage area 542 below the application icon area, and the electronic device can shrink the application icons 51e and 51f and display them in the storage area 542.

[0158] Optionally, application icons 51e and 51f can be displayed overlapping. Furthermore, it is understood that application card 541 can be in a transient state in the user interface, with lever 541b still present around it. Therefore, the user can continue to drag lever 541b to change the application card 541 to other sizes. When application card 541 transforms into a larger size, it continues to compress other application icons, which can be displayed in storage area 542 if they cannot be displayed in application icon area 511. Conversely, when application card 541 transforms into a smaller size, blank space can reappear in application icon area 511, allowing application icons displayed in storage area 542 to reappear in application icon area 511. Optionally, when the user clicks any area in user interface 54 except for the undo control 541a, the transient application card 541 can be displayed solidly on the desktop. Simultaneously, application icons displayed in storage area 542 can be moved by the electronic device to another page with sufficient blank space.

[0159] It should be noted that whether the electronic device displays user interface 53 or user interface 54 can be set at the factory.

[0160] Optionally, in some embodiments, the function icons for various frequently used services in the application card support user-defined sorting. For example, in response to a user's sorting operation on one or more function icons, the display order of the function icons in the application card is updated.

[0161] In this embodiment, in response to a user's operation on an application icon on the desktop, the application icon is transformed into an application card. This application card displays a scaled-down application icon, shortcut icons for application functions, and service cards for application services. The application card directly exposes the shortcut icons and service cards for frequently used application functions. This way, the shortcut icons and service card icons for frequently used application functions are displayed directly on the desktop along with the application icon, making it more intuitive for the user and facilitating the search and use of these functions. User operation on the application card can either launch the application and display its main page, or quickly activate a specific function and display its feature page. Therefore, this solution makes user operation more convenient and improves application opening efficiency.

[0162] also, Figures 2-5 This illustration merely demonstrates the process by which a user transforms an application icon into an application card, and does not constitute any limitation on this application. For example, a user can also transform the application icon of another application into an application card; or, after a long press on an application icon, the lever displayed around the application icon can also take other forms; or, after the user clicks the aforementioned "Display as Application Card" function option, the size of the application card obtained by the electronic device transforming the application icon can be 2*2, 4*2, 2*1, or other sizes; or, the content displayed in the service card contained in the application card can also be presented in other formats, which may include, but are not limited to, image mode (i.e., only one image is displayed in the service card), image and text format (i.e., both images and text are displayed in the service card), image grid mode (i.e., multiple images arranged in an orderly manner are displayed in the service card), and text format (i.e., only text information is displayed in the service card), and this application does not limit any of these.

[0163] As described above, the shortcut icons, the number of application cards, and the corresponding application functions and services of the shortcut icons and application cards provided in this application can all be customized by the user. The following describes the editing process for application cards; please refer to [link to relevant documentation]. Figure 6 .

[0164] like Figure 6 As shown in (A), the user interface 61 can be the main screen interface of an electronic device. In the user interface 61, the user has already configured the application as described above. The application icon is transformed into an application card 611 with a size of 2*2. The application card 611 can be in a transient state or a stable state; regardless of whether it is transient or stable, the application card 611 can display the application icon 611a, shortcut icons 611b and 611c, and service card 611d. Among them:

[0165] The application icon 611a is the application. The application icon 611a can always be displayed in the application card 611 (the position of the application icon 611a in the card may change as the size of the application card changes, but it will always exist in the application card).

[0166] Shortcut icons 611b and 611c represent applications respectively. The provided shortcut icons are for the "Scan" function and the "Payment Code" function.

[0167] Service card 611d can be an application The service card corresponding to the provided "Moments" service displays a notification message in service card 611d, reminding the user that their WeChat friend "Jerry" has posted a new Moments update. In some embodiments, service card 611d may also display the profile picture of WeChat friend "Jerry" and / or all or part of the content of the Moments update posted by WeChat friend "Jerry". Regardless of whether application card 611 is in a transient or static state, if multiple service cards are historically displayed in the application card, only one service card can be displayed in the 2*2 size application card 611 at any given time. When application card 611 is in a transient state, the service cards in the application card cannot be switched, and shortcut icons 611b, 611c, and service card 611d cannot respond to user operations to display the corresponding function interface or service interface on the electronic device. When application card 611 is in a stable state, the user can swipe left and right on the currently displayed service card to switch the service cards displayed in application card 611, and shortcut icons 611b, 611c, and service card 611d can each respond to user operations to display the corresponding function interface or service interface on the electronic device.

[0168] like Figure 6 As shown in (B), in response to a user's long press operation on application card 611, the electronic device can display as shown in Figure (B). Figure 6The user interface 62 described in (B) above. The user interface 62 may include an application card 611 and multiple function option windows corresponding to the application card 611; optionally, the electronic device displays a mask in areas other than the application card 611 and the multiple function option windows corresponding to the application card 611 to highlight the application card 611 and the multiple function option windows corresponding to the application card 611 for user operation. The function option window 621 may include the function option "Display as Application Card" and the function option 621a "Edit Application Card". The function option window 622 may include multiple function options, such as "My QR Code", "Receive / Pay", "Scan", "Share", and "Uninstall".

[0169] Function option 621a can respond to user actions, such as clicks, to cause the electronic device to display, for example... Figure 6 The user interface 63 is shown in (C).

[0170] like Figure 6 As shown in (C), user interface 63 is the editing interface for application card 611. Users can change, delete, or replace the number and types of shortcut icons and service cards displayed on application card 611 in this user interface. User interface 63 may include sub-interface 631, application card 632 in editing mode, card editing switching control, shortcut function area 634, service content area 635, reset control 636, and application control 637, wherein:

[0171] The sub-interface 631 can be used to display application cards 632 in edit mode, a shortcut function area 634, and a service content area 635. By default, the area of ​​the sub-interface 631 can be smaller than the area of ​​the user interface 63 (i.e., the screen area of ​​the electronic device), and its bottom overlaps with the bottom of the user interface 63. Optionally, the sub-interface 631 can contain controls 631a, which the user can drag vertically to change the area of ​​the sub-interface.

[0172] The application card 632 in edit mode corresponds to the aforementioned application card 611 with a size of 2*2. The difference between application card 632 and application card 611 is that, although application card 632 also contains applications... The application icon 632a is shown, but since the user is currently editing the application card's shortcut icons and application cards, when the editing interface is first displayed, application card 632 only has two empty slots for storing the user-selected shortcut icons, and one slot for displaying the user-selected service card. The area for storing service cards can display the newly selected service card, namely empty slots 632b and 632c, and area 632d. Understandably, in application card 632, besides... Except for the application icon 632a, which cannot be edited, the shortcut icons displayed in empty slots 632b and 632c, as well as the service cards displayed in area 632d, can all be changed by the user. Figure 6 As shown in (A), before entering the editing interface, the two shortcut icons displayed in application card 611 are the "Scan" shortcut icon and the "Payment Code" shortcut icon. Therefore, empty slots 632b and 632c currently display the "Scan" shortcut icon and the "Payment Code" shortcut icon respectively. Similarly, the outer area 632d can also display the "Moments" service card shown in application card 632. Figure 6 (not shown in (C)).

[0173] The card switching control 633 can include multiple card options corresponding to different card sizes, for example... Figure 6 In (C), card options 633a and 633b are provided. Card option 633a corresponds to an application card with a size of 2*2. Since the size of application card 632 is also 2*2, card option 633a is selected. Card option 633b corresponds to an application card with a size of 2*1. It can also contain card options of other sizes, which is not limited in this application. Any of these card options can respond to user operations, such as click operations, to make the electronic device switch application card 632 to an application card in an editable state with a size corresponding to that card option. Optionally, regardless of the size of the application card 632 in the editable state, the user can edit the shortcut icons and service cards in the application card in the editing interface displayed after the electronic device switches application card 632. If the user clicks application control 637 under the card option, the application will be displayed on the desktop. The corresponding application card is the size of the card option.

[0174] Quick access area 634 can display applications. Shortcut icons for all available functions, which may include, but are not limited to: Figure 6The "Scan" shortcut icon 634a, "Payment Code" shortcut icon 634b, and "Utility Payment" shortcut icon 634c shown in (C) can be selected by the electronic device in response to user actions, such as clicking. Optionally, a maximum of three shortcut icons can be displayed in the shortcut function area 634. When the application provides more than three shortcut icons corresponding to its functions, the user can swipe left or right in the shortcut function area 634 to switch the displayed shortcut icons. A cancellation control can be present on the selected shortcut icon, and the user can click the cancellation control on the shortcut icon to deselect it. Similarly, since the two shortcut icons displayed in the application card 611 before entering the editing interface are the "Scan" shortcut icon 634a and the "Payment Code" shortcut icon 634b, the "Scan" shortcut icon 634a and the "Payment Code" shortcut icon 634b displayed in the shortcut function area 634 have cancellation controls 6341 and 6342, respectively. Since the application card 632 in edit mode is 2*2 in size, the user can select up to two shortcut icons from the shortcut icons displayed in the shortcut function area 634 and place them in the empty slots 632b and 632c.

[0175] Service content area 635 can display applications. Service cards corresponding to all available application services, which may include, but are not limited to: Figure 6 The "Moments" service card 635a, "Chat Messages" service card 635b, and "Pinned Contact" service card 635c shown in (C) can be selected by the electronic device in response to user actions, such as a click. Optionally, a maximum of three service cards can be displayed in the service content area 635. When the application can provide more than three service cards, the user can swipe left or right in the service content area 635 to switch the displayed service cards. A cancellation control may be present on the selected service card, and the user can click the cancellation control on the service card to deselect it. Similarly, since the service card displayed in the application card 611 before entering the editing interface is the "Moments" service card (assuming that the only service card that can be displayed in the application card before this editing is the "Moments" service card), a cancellation control 6351 is present on the "Moments" service card displayed in the service content area 635.

[0176] The reset control 636 allows users to deselect all previously selected shortcut icons and service cards.

[0177] Application control 637 enables the electronic device to redisplay the main screen interface and display the edited application card 611 on the main screen interface. The edited application card 611 can display all the shortcut icons and service cards selected by the user.

[0178] like Figure 6 As shown in (C), the user performs the following five steps in the user interface 63: ① Clicking the cancel control 6342 on the "Payment Code" shortcut icon to deselect the "Payment Code" shortcut icon; ② Clicking the "Utility Payment" shortcut icon 634c to select the "Utility Payment" shortcut icon 634c; ③ Clicking the cancel control 6351 on the "Moments" service card to deselect the "Moments" service card 635a; ④ Clicking the "Pin Contact" service card 635c to select the "Pin Contact" service card 635c; ⑤ Clicking the application control 637. In response to the user's click on the application control 637, the electronic device can display as shown below. Figure 6 User interface 64 is shown in (D) in the diagram.

[0179] like Figure 6 As shown in (D), user interface 64 is the main screen interface of the electronic device. In user interface 64, application card 641 is the application obtained by editing the aforementioned application card 611. The application card. The application card 641 can display application icons 641a, shortcut icons 641b and 641c, and service cards 641d. Among them:

[0180] The application icon 641a is the application. The application icon.

[0181] Shortcut icons 641b and 641c represent applications respectively. The provided shortcut icons are for the "Scan" function and the "Pay Utilities" function.

[0182] Service card 641d is an application The service card corresponding to the "Pinned Contact" service displays a notification message in service card 641d, which reminds the user that the pinned contact "Mom" has sent a new WeChat message. In some embodiments, service card 641d may also display the profile picture of WeChat friend "Mom" and / or the content of the WeChat message sent by WeChat friend "Mom".

[0183] Optionally, after the user clicks the application control 637, the service card 641d may not be immediately displayed in the application card 641. In this case, the area in the application card 641 used to display the service card may display the application. Personalized elements (these could be the app's background color, a cartoon character set by the app itself, etc.). The service card 641d will only appear in the app card 641 after its corresponding "pinned contact" service receives new information, such as a new WeChat message from the pinned contact "Mom".

[0184] Optionally, if the user selects other service cards in the aforementioned user interface 63, only one service card may be displayed in the application card 641 at any given time. These service cards may be displayed in rotation periodically in the application card. In addition, the user may swipe left or right on the currently displayed service card (e.g., service card 641d) to switch the service cards displayed in the application card 641.

[0185] Understandably, in some embodiments, certain applications do not support adding service cards or shortcut icons to the desktop. In this case, after an application is dragged as an application card, if the application does not support adding service cards, the displayed application card may not show service cards, and correspondingly, the service content section may not exist in the editing interface of the application card (or the service content section may not display any service cards). Similarly, if an application does not support adding shortcut icons, the displayed application card may not show shortcut icons (or only show a shortcut icon for quickly accessing the application card's editing interface); when the user long-presses the application icon and drags the lever around the icon, the electronic device may not transform the application icon into a 2*1 size application card, but directly into a 2*2 size application card; correspondingly, the shortcut function section may not exist in the editing interface of the application card (or the shortcut function section may not display any shortcut icons).

[0186] Optionally, if an application service that was originally displayed in the application card is removed from the app store or no longer supports adding the service card to the desktop (application card) after an application upgrade, the electronic device may not display the application service card in the application card if the application card was originally required to display the service card. Instead, it may display a prompt message in the area used to display the service card to inform the user that the service card has been removed. Optionally, the electronic device may also display an editing control in the area used to display the service card to quickly access the application card's editing interface, making it convenient for users to update the service card displayed in the application card.

[0187] The following sections will introduce scenarios where users can access different application interfaces of the same application via application cards, as well as some basic operation methods for application cards. Please refer to [link / reference needed] for details. Figure 7 and Figure 8 .

[0188] Please refer to the following first. Figure 7 , Figure 7 This illustrates a scenario where different application interfaces of the same application are accessed through application cards.

[0189] like Figure 7 The user interface 71 shown in (A) can be the main screen interface of an electronic device. In user interface 71, the user has already configured the application as described above. The application icon is transformed into an application card 711 with a size of 2*2. The application card 711 can display application icon 711a, shortcut icon 711b, shortcut icon 711c, and service card 711d.

[0190] in:

[0191] The application icon 711a is the application. The application icon 711a can always be displayed in the application card 711 (the position of the application icon 711a in the card may change as the size of the application card changes, but it will always exist in the application card).

[0192] Shortcut icons 711b and 711c represent applications respectively. The provided shortcut icons are for the "Scan" function and the "Payment Code" function.

[0193] Service card 711d can be an application The service card corresponding to the "Moments" service is displayed in service card 711d. This message reminds the user that their WeChat friend "Jerry" has posted a new Moments update.

[0194] In response to user actions on the application icon 711a, such as a click action ( Figure 7 (Not shown in the image), electronic devices can display, for example, Figure 7 User interface 72 is shown in (B) above. User interface 72 is for the application. The main interface can be used to display messages sent to users by WeChat friends and WeChat official accounts.

[0195] In response to user actions on the shortcut icon 711b, such as clicking ( Figure 7 (Not shown in the image), electronic devices can display, for example, Figure 7 User interface 73 is shown in (C) in the diagram. User interface 73 is for the application. The provided "scan" function interface can activate the camera of electronic devices to scan and recognize objects such as goods and QR codes.

[0196] In response to user actions on service card 711d, such as click actions ( Figure 7 (Not shown in the image), electronic devices can display, for example, Figure 7 User interface 74 is shown in (D) in the diagram. User interface 74 is for the application. The provided "Moments" service interface allows users to browse their own and their friends' (e.g., Moments) profiles. Figure 7 The post includes Moments updates shared by friends Jerry and Spike. The Moments update 741 shared by friend Jerry corresponds to the notification message in the service card 711d mentioned earlier. This message, as the latest push notification received by the "Moments" service, is directly displayed in the application card 711 on the desktop. On the desktop (i.e., user interface 71), the user can directly click on the service card 711d in the application card 711 to enter the user interface 74, where they can view the Moments update 741 shared by friend Jerry. Additionally, the user interface 74 can also view other friends' historical Moments updates, such as the Moments update 742 shared by friend Spike.

[0197] Understandably, in some embodiments, users can also directly display user interface 73 or user interface 74 by clicking on options or function controls included in user interface 72 when user interface 72 is displayed on the electronic device. For example, users can click on the list expansion control 721 in user interface 72 to display a function list containing a "scan" control, and users can click on the "scan" control to display user interface 73; as another example, users can click on the discovery control 722 in user interface 72 to display a function interface containing a Moments service option, and users can click on the Moments service option to display user interface 74. (In this embodiment, list expansion control 721 can be referred to as the "first entry point", discovery control 722 can be referred to as the "second entry point", user interface 72 can be referred to as the "first interface", user interface 73 can be referred to as the "second interface", and user interface 74 can be referred to as the "third interface").

[0198] In this embodiment of the application, the user can launch the corresponding application function by clicking the shortcut icon on the application card 711, or make the electronic device display the corresponding application service interface by clicking the service card. Both can be achieved by simulating clicks. In addition, the information displayed in the service card can also be obtained by the electronic device system background through simulating clicks to enter the corresponding interface, and then displaying the corresponding information in the service card.

[0199] Taking the service card 711d contained in the application card 711 as an example, when the service card 711d is displayed in the application card, the electronic device can automatically complete multiple click operations under the drive of program code, which may include clicking... Operation of application icon 711a (this operation can launch the application) and enter (Main interface), users in Clicking the "Discover" control on the main interface (this operation allows you to enter...) The user's "Discover" details page, specifically the "Moments" control, allows access to... The "Moments" service interface, and the operation of obtaining new dynamic information from the "Moments" service interface and displaying it in the application card. Optionally, in some embodiments, some applications can provide the electronic device's system with an interface for users to obtain their application service information (such as new chat messages, new Moments updates, etc.). In this case, the electronic device can also directly obtain the corresponding application service information by using the interface provided by the application without simulating clicks, and display the obtained information on the service card.

[0200] Similarly, when a user clicks on service card 711d, although the user has only performed one click, in order to launch the WeChat application and display the "Moments" service interface, the electronic device, driven by program code, can assume that the user has performed multiple clicks successively, or in other words, the electronic device automatically completes multiple click operations, which may include clicking... The user can perform actions using the application icon 711a. The user can click the "Discover" control on the main interface, or click the "Moments" control on the "Discover" details screen to display the application on the display screen. The interface for the "Moments" service provided.

[0201] In this embodiment, application card 711 can be referred to as "first application card"; user operation on application icon 711a can be referred to as "second operation"; user operation on shortcut icon 711b can be referred to as "fifth operation"; user operation on service card 711d can be referred to as "fourth operation"; user interface 72 can be referred to as "first interface", user interface 73 can be referred to as "third interface", and user interface 74 can be referred to as "second interface". The Moments feed information 741 can be referred to as "first service content", and the Moments feed information 742 can be referred to as "second service content".

[0202] Please refer to the following. Figure 8 . Figure 8 This illustrates the process of switching the information displayed by the service cards in the application card.

[0203] like Figure 8 As shown in (A), user interface 81 is the main screen interface of the electronic device. In user interface 81, applications... The application icon has been expanded into an application card 811 with a size of 2*1. Application card 811 can display application icon 811a, shortcut icon 811b, and shortcut icon 811c. Among them:

[0204] The application icon 811a is the aforementioned application. The application icon 811a can be continuously displayed in the application card 811. The application icon 811a can respond to user actions, such as clicks, to cause the electronic device to display the application. The main interface.

[0205] Shortcut icons 811b and 811c represent applications respectively. The system provides shortcut icons for the "Scan" function and the "Payment Code" function. Both shortcut icons 811b and 811c can respond to user actions, such as clicks, to display the corresponding function interface on the electronic device.

[0206] Application card 811 can also display application service cards, such as applications. The application card 811 provides cards for the "Moments" service, chat message service, and pinned / starred contacts service. Understandably, due to the limited display area of ​​the application card 811, only one of the shortcut icons and service cards can be displayed in the application card 811 at any given time. Optionally, the application card 811 can display the shortcut icons (i.e., shortcut icons 811b and 811c) by default. The corresponding service card for a specific application will only be displayed in the application card 811 when relevant information is pushed to a particular application service (for example, when a WeChat friend shares a new Moments post, the Moments service card can be displayed, showing the friend's newly shared Moments post).

[0207] Optionally, the application card 811 can be obtained from the aforementioned application card 231 in a transient state. That is, in the user interface 23, the user can click any area outside the undo control 231d to make the electronic device display the user interface 81. Alternatively, the application card 811 can also be obtained by transforming the aforementioned application card 241 in a fixed state. That is, the user can perform a long press operation on the application card 241 in the user interface 25 to make the levers around the application card 241 reappear, and by dragging the levers around the application card 241, the 2*2 application card 241 can be transformed into a 2*1 application card 811, and the corresponding electronic device displays the user interface 81.

[0208] In addition, such as Figure 8 As shown in (A), the user can swipe up on the application card 811 to switch the shortcut icon displayed in the application card 811 to a service card, and make the electronic device display as shown in (A). Figure 8 User interface 82 is shown in (B) of the diagram.

[0209] like Figure 8 As shown in (B), in the user interface 82, the application card 811 can display the application icon 811a and the service card 811d. The application icon 811a is the aforementioned application. The application icon. Service card 811d is for the application. The "Moments" service is provided via a service card. Service card 811d displays a notification message reminding the user that their WeChat friend "Jerry" has posted a new Moments update. If multiple service cards are historically displayed in application card 811, only one service card can be displayed at a time. Users can swipe left or right on the currently displayed service card 811d to switch between the displayed service cards.

[0210] like Figure 8 As shown in (C), user interface 83 is the main screen interface of the electronic device. In user interface 83, applications... The application icon has been expanded into an application card 831 with a size of 2*2. The application card 831 can display application icon 831a, shortcut icons 831b and 831c, and service card 831d. Among them:

[0211] Application icon 831a is the aforementioned application. The application icon.

[0212] For details and functions of shortcut icons 831b and 831c, please refer to the aforementioned descriptions of shortcut icons 811b and 811c, which will not be repeated here.

[0213] It should be noted that, unlike the aforementioned application card 811, since the size of application card 831 (2*2) is larger than that of application card 811 (2*1), application icon 831a, shortcut icon 831b, and shortcut icon 831c can all be displayed in application card 831.

[0214] Service card 831d can be an application The service card corresponding to the "Moments" service provided.

[0215] When multiple service cards are displayed in application card 831, only one service card can be displayed at any given time. Users can switch between the displayed service cards (e.g., service card 831d) using user actions such as swiping left or right. Figure 8 As shown in (C), in response to the user's left swipe operation on service card 831d, the electronic device can switch service card 831d in application card 831 to service card 831e corresponding to the "Chat Messages" service, and display as shown in Figure 831. Figure 8 The user interface shown in (D) is 84.

[0216] Understandably, multiple application service cards that can be displayed in application card 831 are applied. Provided, and its corresponding applications It provides multiple application services.

[0217] Optionally, in some embodiments, when the application card 831 displays a new push notification for a certain application service, the application card 831 can display the application card corresponding to that application service, and display the latest push notification information in that service card. For example, when a contact sends a new WeChat message 1, the electronic device can display the service card 831e corresponding to the chat message service in the application card 831, and the chat message service card can display the new WeChat message 1. When a contact subsequently sends a new message 2, the service card 831e can display the new WeChat message 2 accordingly. Furthermore, when the application card 831e is displayed, if the "Moments" service receives a new Moments post shared by a WeChat friend, the electronic device can switch the chat message service card displayed in the application card 831 to the service card 831d corresponding to the Moments service, and the service card 831d can display the new Moments post information shared by the WeChat friend.

[0218] like Figure 8As shown in (D), in the user interface 84, the application card 831 can display application icon 811a, shortcut icon 831b, shortcut icon 831c, and service card 831e. Application icon 811a is the aforementioned application. The application icon, shortcut icon 831b, and shortcut icon 831c are the same as the shortcut icons 831b and 831c in the aforementioned user interface 83. Service card 831e is for application... The service card corresponding to the provided "chat message" service displays a notification message in service card 831e, which reminds the user that their WeChat friend "Mom" has sent a new WeChat message.

[0219] In this embodiment, application card 831 can be referred to as the "first application card," and the user's left swipe operation on service card 831d can be referred to as the "third operation." The "Moments" service can be referred to as the "first application service," the "Chat Messages" service can be referred to as the "second application service," service card 831d can be referred to as the "first service card," and service card 831e can be referred to as the "second service card." WeChat message 1 can be referred to as the "first service content," and WeChat message 2 can be referred to as the "third service content."

[0220] Application card 811 can be referred to as the "second application card", and the user's swipe-up operation on application card 811 can be referred to as the "eleventh operation". Application icon 811a can be referred to as the "first application icon", shortcut icon 811b or shortcut icon 811c can be referred to as the "first shortcut icon", and service card 811d can be referred to as the "first service card".

[0221] In some embodiments, if the service cards contained in an application card have a lot of information to display, the user can directly operate on the service card (this operation will not change the application service corresponding to the currently displayed service card) to update the information in the service card. The specific update method can be a sliding update (i.e., each update is a non-continuous switch) or a scrolling update (i.e., the update method is continuous scrolling). For details, please refer to [link to relevant documentation]. Figure 9 .

[0222] like Figure 9 As shown in (A), user interface 91 is the main screen interface of the electronic device. In user interface 91, applications... The application icon has been expanded into a 2x2 application card 911. Application card 911 can display application icon 911a, shortcut icons 911b and 911c, and service card 911d. Among them:

[0223] The application icon 911a is the application. The application icon.

[0224] Shortcut icons 911b and 911c represent applications respectively. The provided shortcut icons are for the "Scan" function and the "Search" function.

[0225] Service card 911d can be an application The service card corresponding to the provided "Afternoon Tea Reminder" service. At this time, service card 911d displays messages and applications reminding the user about afternoon tea. The application recommends multiple store logos to the user. Understandably, this is where the application... The number of stores recommended to a user can be greater than three, but due to the limited display area of ​​the service card 911d, a maximum of three store logos can be displayed. In this case, the store logos displayed on the service card 911d will be... Figure 9 The store logo set 911e is shown in (A) in the image. (For example...) Figure 9 As shown in (A), users can update the store logo displayed on the service card 911d by swiping up, and make the electronic device display as shown in [image / description]. Figure 9 User interface 92 is shown in (B). In user interface 92, the store logo displayed on service card 911d has been switched from the aforementioned store logo set 911e to the store logo set 911f.

[0226] Furthermore, the application cards provided in this application require application adaptation in some scenarios. For example, when a user transforms the application icon into an application card for the first time, the service cards displayed in the application card can be service cards determined by the electronic device's system or the application based on the user's frequency of use of various application services. In this case, if the application is not adapted to the icon control method provided in this application, the application may not automatically determine the service cards to be displayed in the application card, or the application may not support generating corresponding service cards for a user's frequently used application services. Understandably, most applications currently support generating application service cards for some of their application services. Therefore, even if the application is not adapted to the application cards provided in this application, the application icon can still be transformed into an application card according to the aforementioned operation, and the service cards in the application card can be service cards that the application already supports generating. The electronic device can still combine the service cards with the application's shortcut icons to obtain the application card, ensuring that there is sufficient content to display in the application card.

[0227] The following describes different forms of application cards obtained by combining the application's supported service cards with the application's shortcut icons when the application is not compatible with the icon control method provided in this application. Please refer to [link / reference] for details. Figure 10 .

[0228] Here it is assumed that the application It is not compatible with the icon control method provided in this application.

[0229] like Figure 10 As shown, service card 100a can provide applications The "Trending Searches" service corresponds to a service card. Unlike service cards displayed in application cards, this service card 100a can be displayed independently on the desktop, without needing to be linked to the application. The application icon and shortcut icon are combined into an application card. Furthermore, if a user needs to display the service card 100a independently on the desktop, the user does not do so through the application itself. Instead of dragging and dropping application icons as service cards 100a, the electronic device displays a card-adding interface on the desktop via a two-finger pinch gesture. This card-adding interface can include all or part of the service cards corresponding to at least one application that can be added to the desktop (assuming its application...). The "Trending Searches" service (corresponding to the service card) allows users to browse... The "Hot Search Browsing" service corresponds to the service card operation, such as clicking to add service card 100a to the desktop, and after service card 100a is added to the desktop, the application... The application icon remains displayed on the desktop, and it is displayed independently of the service card 100a, either on the same page or on a different page.

[0230] Icon set 100b can be used for applications Application icon 10b1, application The provided "Scan" function has a corresponding shortcut icon 10b2 and an application. The provided "search" function consists of a set of shortcut icons 10b3. In an optional implementation, this icon set 100b can also be displayed independently on the desktop as a card, which can be used by the user to access the application as described above. The application icon, when long-pressed and dragged along the surrounding levers, forms a 2x1 card. Unlike the 2x1 application card described earlier, icon set 100b can continuously display a card consisting of application icon 10b1, shortcut icon 10b2, and shortcut icon 10b3. Users cannot switch shortcut icon 10b2 and shortcut icon 10b3 to the application icon by swiping up / down or left / right. The service card provided.

[0231] In order to combine the service card 100a and the icon set 100b to obtain the application card provided in this application, this application provides the following three different methods:

[0232] 1) Stretch icon set 100b vertically to create a background. The background color can be a solid color with some transparency. App icon 10b1, shortcut icon 10b2, and shortcut icon 10b3 remain horizontally aligned above. Icon set 100b is scaled down and nested within this background, specifically below app icon 10b1, shortcut icon 10b2, and shortcut icon 10b3. See the attached image for details. Figure 10 The specific style shown in application card 1001.

[0233] As can be seen from the foregoing explanation, since the size of service card 100a is 2*2 and the size of icon set 100b is 2*1, the size of application card 1001 can be 2*3.

[0234] However, since icon set 100b is nested within the aforementioned base plate, the application card 1001 appears separate from the service card 100a and icon set 100b as a whole. Furthermore, for applications already adapted to the icon control method provided in this application, the size of the application card obtained through this method remains 2*2. Therefore, when application card 1001 and another application card with a 2*2 size are simultaneously displayed on the desktop, the desktop grid may not align. See details for further information. Figure 10 User interface 01 can be the main screen interface of an electronic device, which can simultaneously display application card 1001 and application card 1001. Application card 011 is 2*2 in size, while application card 1001 is 2*3 in size. Therefore, the bottoms of the two application cards are not on the same horizontal line, and the desktop grid looks rather cluttered.

[0235] 2) Set a 2*3 background. The background color can be taken from service card 100a. Application icon 10b1, shortcut icon 10b2, and shortcut icon 10b3 will still be displayed horizontally and flush with the top. Service card 100a does not need to be reduced in size and can fit into the background to fit the background size. Specifically, it can be displayed below application icon 10b1, shortcut icon 10b2, and shortcut icon 10b3. For details, please refer to [reference needed]. Figure 10 The specific style shown in application card 1002.

[0236] Understandably, the size of application card 1002 is also 2*3.

[0237] Since icon set 100b fills into the aforementioned background, although it relies on the background's color picking capabilities, application card 1001 offers a more cohesive look. However, similarly, when application card 1002 and a 2x2 application card are displayed simultaneously on the desktop, the desktop grid may not align. See the following for details. Figure 10 User interface 02 can be the main screen interface of an electronic device, which can simultaneously display application card 1002 and application card 021. Application card 021 is 2*2 in size, while application card 1002 is 2*3 in size. Therefore, the bottoms of the two application cards are not on the same horizontal line, and the desktop grid still looks cluttered.

[0238] 3) Set a 2x2 background. The background color can be taken from service card 100a. Application icon 10b1, shortcut icon 10b2, and shortcut icon 10b3 are still displayed horizontally at the top. Service card 100a is scaled to fit the background size and fills the background. Specifically, it can be displayed below application icon 10b1, shortcut icon 10b2, and shortcut icon 10b3. Then, the overall height of the card is compressed vertically to obtain an application card with a size of 2x2. See the following for details. Figure 10 The specific style shown in application card 1003.

[0239] Since icon set 100b fills into the aforementioned background, although it relies on the background's color-picking ability, application card 1003 maintains good overall integrity. Furthermore, application card 1003 is 2x2 pixels in size, allowing for desktop grid alignment when displayed simultaneously with application cards corresponding to other applications adapting to the icon control method provided in this application. For details, please refer to... Figure 10 User interface 03 can be the main screen interface of an electronic device, which can simultaneously display application card 1003 and application card 031. Application card 031 is 2*2 in size, while application card 1003 is 2*3 in size. The application name of the corresponding application can be displayed below each application card. The bottom of the two application cards are on the same horizontal line, and the desktop grid looks relatively neat.

[0240] Based on Figure 10 The relevant explanation, Figure 11 This demonstrates how to scale the default-sized service card row to fit the background size and combine it with the application's application icon and shortcut icon to fill the background as an application card.

[0241] Figure 11 (A) shows the specific process by which an electronic device transforms a 2x2 service card and combines it with an application icon and a shortcut icon to form a 2x2 application card.

[0242] like Figure 11 As shown in (A), service card 1101 can provide applications The service card corresponding to the "Hot Search Browsing" service, service card 1101, is a service card that can be added separately to the desktop for display. Its specific size is 152dp*152dp. It should be understood that the specific unit used here, "152dp*152dp," is pixels, which is the same size as the aforementioned 2*2 application card. Other relevant information about service card 1101 can be found in the aforementioned section. Figure 10 The relevant instructions for the service card 100a will not be repeated here.

[0243] If applications are displayed on the desktop When a user attempts to drag the application icon to a 2*2 application card as described above using the long-press and drag operation, the electronic device's backend can obtain service card 1101. First, service card 1101 is scaled to 0.7 times its original size, resulting in service card 1102 with dimensions of 107dp*107dp. Then, service card 1102 is horizontally stretched to restore its length to its original size, resulting in service card 1103 with dimensions of 152dp*107dp. Afterward, the electronic device can combine service card 1103 (152dp*107dp), an icon set 1104 (containing the application icon and shortcut icons), and place them into a 152dp*152dp base, resulting in application card 1105 with dimensions of 152dp*152dp. The color of the base can be determined by the background color of service card 1101, and the icons in icon set 1110 can be arranged horizontally in a row. Specifically, after combining the service card 1103 and the icon set 1104 and placing them into a base plate with a size of 152dp*152dp, the electronic device can conceal the borders of the service card 1103 and the icon set 1104 to make the service card 1103 and the icon set 1104 appear more integrated when displayed in the application card 1105.

[0244] Figure 11 (B) shows the specific process by which an electronic device transforms a 2x2 service card in another way and combines it with an application icon and a shortcut icon to form a 2x2 application card.

[0245] like Figure 11 As shown in (B) above, service card 1101 can be the aforementioned Figure 11 The details of service card 1101 in (A) are not repeated here.

[0246] After obtaining service card 1101, the electronic device's backend can directly truncate the title "Weibo Hot Searches" (including top controls and other elements) displayed at the top of service card 1101 to reduce the vertical height of the service card, resulting in service card 1106 with dimensions of 152dp*114dp. Understandably, for service cards without titles, the electronic device can also truncate the top 152dp*38dp area of ​​the service card, retaining only the bottom 152dp*114dp area as the service card to be displayed in the application card. Then, the electronic device can combine the 152dp*114dp service card 1106 with an icon set 1104 containing the application icon and shortcut icons, and place it into a 152dp*152dp base plate to obtain application card 1107 with dimensions of 152dp*152dp. Similarly, the color of the background plate can be determined by the background color of the service card 1101, and in the service card 1106, the electronic device may not display the borders of the service card 1106 and the icon set 1104, so that the service card 1106 and the icon set 1104 are more integrated when displayed in the application card 1107.

[0247] Figure 11 (C) shows the specific process by which an electronic device transforms a 4x2 service card and combines it with application icons and shortcut icons to form a 4x2 application card.

[0248] like Figure 11 As shown in (C), service card 1108 can provide applications The service card corresponding to the "Hot Search Browsing" service, service card 1108, is a service card that can be added to the desktop for display. Its specific size is 320dp*152dp. Similarly, the specific unit used here, "320dp*152dp", is pixels, which is the same size as the application card with the aforementioned size of 4*2.

[0249] The electronic device's backend can obtain service card 1108 and first scale it down to 0.84 times its original size, resulting in service card 1109 with dimensions of 270dp*128dp. Then, the electronic device can combine the 1270dp*128dp service card 1109 with an icon set 1110 containing the application icon and shortcut icons, and place this combination into a 320dp*152dp background, resulting in application card 1111 with dimensions of 320dp*152dp. The color of the background can be determined by the background color of service card 1108, and the icons in icon set 1110 can be arranged vertically in a column.

[0250] Figure 11(D) illustrates the specific process by which an electronic device transforms a 4x2 service card in another way, combining it with application icons and shortcut icons to form a 4x2 application card.

[0251] like Figure 11 As shown in (D), service card 1108 can be the aforementioned Figure 11 The details of service card 1108 in (C) are not repeated here.

[0252] After obtaining service card 1108, the electronic device's backend can directly compress service card 1108 horizontally to reduce its horizontal length, resulting in service card 1112 with dimensions of 270dp*152dp. Understandably, horizontal compression of the service card may reduce the spacing between elements, but it doesn't necessarily reduce the number of information elements within the service card. For example, both service card 1112 and service card 1108 contain titles and the same number of trending search terms, but the content displayed in service card 1112 appears more compact overall compared to that in service card 1108. Next, the electronic device can combine the 270dp*152dp service card 1112 with an icon set 1110 containing the application icon and shortcut icons, and place it within a 320dp*152dp background to obtain application card 1113 with dimensions of 320dp*152dp. Similarly, the color of the background can be determined by the background color of service card 1108.

[0253] Understandable. Figure 11 This example only illustrates a specific method of scaling a service card of the default size to fit the size of the baseboard and combining it with the application icon and shortcut icon of the application into the baseboard to form an application card. In some embodiments, the electronic device can also scale the application card by different proportions so that the service card can be adaptively embedded into the application card of the specified size. In addition, the electronic device also uses other methods to combine the service card of the default size with the application icon and shortcut icon of the application into an application card of the specified size, which is not limited in this application.

[0254] Figure 12 A schematic diagram of the structure of the electronic device provided in this application is shown.

[0255] like Figure 12As shown, the electronic device 100 can be a mobile phone, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, as well as cellular phone, personal digital assistant (PDA), augmented reality (AR) device, virtual reality (VR) device, artificial intelligence (AI) device, wearable device, in-vehicle device, smart home device and / or smart city device. The embodiments of this application do not impose any special restrictions on the specific type of the electronic device. Electronic device 100 may include: processor 110, external memory interface 120, internal memory 141B, universal serial bus (USB) interface 130, charging management module 140, power management module 171, battery 172, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver (i.e., earpiece) 170B, microphone 170C, headphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc.

[0256] For example, the aforementioned sensor module may include sensors such as pressure sensors, gyroscope sensors, barometric pressure sensors, magnetic sensors, accelerometers, distance sensors, proximity sensors, fingerprint sensors, temperature sensors, touch sensors, ambient light sensors, and bone conduction sensors. In this embodiment, the electronic device can detect whether the user's ear is near the earpiece using sensors such as proximity sensors (i.e., light sensors) and distance sensors. For example, the electronic device can use a distance sensor to detect whether there is an obstruction in front of the front panel (or screen) of the electronic device 100, and the distance between the obstruction and the screen, to determine whether the user's ear is currently near the earpiece.

[0257] It is understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 100. In other embodiments, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0258] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0259] The processor 110 can be used to: control the display screen 194 to display a desktop, on which a first application icon corresponding to a first application is displayed; after receiving a first operation from the user on the first application icon, transform the first application icon into a first application card, in which the first application card displays the first application icon and a first service card corresponding to the first application service of the first application; when the user's first operation on the first application icon is detected, control the display screen 194 to display the first interface of the first application; when the user's second operation on the first application card is detected, switch the first service card in the first application card to a second service card.

[0260] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0261] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0263] It is understood that the interface connection relationships between the modules illustrated in this embodiment are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

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

[0265] Electronic device 100 can implement display functions through a GPU, display screen 194, and application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information. Display screen 194 is used to display images, videos, etc.

[0266] In the embodiments of this application, the electronic device can respond to user operations by updating a single application icon on the desktop to an application card format, or it can revert from the application card format back to the original single application icon format.

[0267] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The internal memory 141B can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 141B. For example, in this embodiment, the processor 110 can execute instructions stored in the internal memory 141B, which may include a program storage area and a data storage area.

[0268] The above is a specific description of the embodiments of this application using examples. It should be understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation. There may be more or fewer components than shown in the figures, two or more components may be combined, or different component configurations may be available. The various components shown in the figures can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0269] In addition, an operating system runs on top of the aforementioned hardware. This operating system can be any one or more computer operating systems that implement business processing through processes, such as Linux, Unix, Android, iOS, or Windows. Applications can be installed and run on this operating system.

[0270] The operating system can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application uses the layered architecture Android system as an example to illustrate the software structure.

[0271] Figure 13 This is a software structure block diagram of an embodiment of this application.

[0272] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: applications, application framework, Android Runtime and system libraries, kernel, and hardware.

[0273] The application layer may include a series of application packages. For example, the application layer may include applications such as desktop apps, call apps, and notepad apps (applications can be simply referred to as apps), and this application embodiment does not impose any limitations on this.

[0274] Applications in the application layer can be divided into system applications and non-system applications. System applications can include desktop apps, call apps, system user interfaces (SystemUI), etc., while non-system applications can include notepad apps, etc.

[0275] In this embodiment, the application layer also includes shortcut function settings, which are used to transform the application icon into a card in response to the user's operation on the application icon on the desktop. The card displays function icons and service cards for frequently used services, thereby improving application opening efficiency and enhancing user experience.

[0276] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions. For example... Figure 13 As shown, the application framework layer may include a view system, window manager, resource manager, content provider, etc., and this application embodiment does not impose any limitations on this.

[0277] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views.

[0278] In this embodiment of the application, the view system can be used to display application icons on the desktop, and to display application cards on the desktop according to user operations, and to bring up a function menu window according to user operations on application icons or application cards.

[0279] In this embodiment, the window manager is used to manage the display content of the function menu windows of each app. The function menu window may include commonly used function icons of the app and their corresponding function descriptions. In addition, options such as "set as card style" and / or "edit shortcut function" can be added on top of this.

[0280] File Explorer provides various resources for applications, such as application icons, different styles of cards, function icons, etc.

[0281] The Android Runtime consists of core libraries and a virtual machine. The Android Runtime is responsible for the scheduling and management of the Android system.

[0282] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0283] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0284] The system library can include multiple functional modules. Examples include: a surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), and 2D graphics engines (e.g., SGL). The surface manager manages the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.

[0285] The kernel layer is the layer between hardware and software. The kernel layer contains at least display drivers and sensor drivers.

[0286] For clarity, the diagram also illustrates the hardware layer that interacts with the aforementioned software architecture. For example, the hardware layer may include a CPU, GPU, and display screen.

[0287] It should be noted that although the embodiments of this application are described using the Android system as an example, the basic principles are also applicable to electronic devices based on operating systems such as iOS or Windows.

[0288] This application also provides an electronic device, which includes one or more processors and a memory; wherein the memory is coupled to the one or more processors, and the memory is used to store computer program code, the computer program code including computer instructions, and the one or more processors call the computer instructions to cause the electronic device to perform the methods shown in the foregoing embodiments.

[0289] As used in the above embodiments, depending on the context, the term "when..." can be interpreted as meaning "if...", "after...", "in response to determining...", or "in response to detecting...". Similarly, depending on the context, the phrase "when determining..." or "if (the stated condition or event) is interpreted as meaning "if determining...", "in response to determining...", "when (the stated condition or event) is detected", or "in response to detecting (the stated condition or event)".

[0290] In the above embodiments, implementation can be achieved entirely or partially through software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented entirely or partially in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state drive), etc.

[0291] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This program can be stored in a computer-readable storage medium, and when executed, it can include the processes described in the above method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

Claims

1. An icon control method, characterized in that, include: The desktop is displayed, and the desktop displays the icon of the first application corresponding to the first application; After receiving the user's first operation on the first application icon, the first application icon is transformed into a first application card, and the first application card displays the first application icon and a first service card corresponding to the first application service of the first application. Upon detecting a second operation by the user on the first application icon, the first interface of the first application is displayed; If a third operation by the user on the first application card is detected, the first service card in the first application card is switched to the second service card.

2. The method according to claim 1, characterized in that, The second application service corresponding to the second service card and the application service corresponding to the first application card are both application services provided by the first application, but the second application service is different from the first application service.

3. The method according to claim 1 or 2, characterized in that, The first service card includes first service content, and the method further includes: Upon detecting a fourth operation by the user on the first service card in the first application card, a second interface is displayed. The second interface is the application service interface corresponding to the first application service, and the second interface includes the first service content and the second service content.

4. The method according to any one of claims 1-3, characterized in that, The method further includes: Upon receiving third service content, the third service content is displayed in the first service card. The third service content is the content pushed by the first application service after the first service content is pushed.

5. The method according to any one of claims 1-3, characterized in that, The method further includes: Upon receiving the fourth service content pushed by the second application service, the first service card in the first application card is switched to the second service card, and the fourth service content is displayed in the second service card.

6. The method according to any one of claims 1-5, characterized in that, The first application card also displays a first shortcut icon corresponding to the first application function provided by the first application, and the method further includes: If a fifth operation by the user on the first shortcut icon in the first application card is detected, the third interface is displayed. The third interface is the interface displayed after the first application function is launched.

7. The method according to claim 6, characterized in that, The first interface is the main page of the first application, and the first interface includes a first entry point for entering the second interface and a second entry point for entering the third interface.

8. The method according to any one of claims 1-7, characterized in that, The first operation includes a long press operation on the first application icon and a drag operation on the control graphic. The long press operation is used to display the control graphic around the first application icon. The control graphic is used to prompt the user to drag the first application icon in any direction to expand the first application icon into the first application card.

9. The method according to claim 8, characterized in that, The expansion direction of the first application icon is determined by the direction in which the user drags the control graphic.

10. The method according to any one of claims 1-7, characterized in that, The first operation includes a long press on the first application icon and a click on the first function option. The long press is used to display a first function list corresponding to the first application icon. The first function list includes the first function option, and the first function option is used to expand the first application icon into the first application card.

11. The method according to any one of claims 8-10, characterized in that, Also includes: After receiving the user's first operation on the first application icon, the first application icon is displayed on the desktop as a first image. The content displayed in the first image is the same as the content displayed in the first application card. The desktop includes an undo control. Transforming the first application icon into a first application card includes: in response to a sixth operation by the user on any area of ​​the desktop other than the undo control, converting the first image on the desktop into the first application card.

12. The method according to claim 11, characterized in that, In response to the user's seventh operation on the undo control, the first image on the desktop is reverted to the first application icon.

13. The method according to any one of claims 6-12, characterized in that, The first application card has a first size, and the method further includes: In response to the user's eighth operation on the first application card, the first application card is transformed into a second application card. The second application card has a second size, which is smaller than the first size. The second application card displays the first application icon and the first shortcut icon. Upon detecting a ninth user action on the first application icon, the first interface is displayed; Upon detecting a tenth operation by the user on the first shortcut icon, the third interface is displayed.

14. The method according to claim 13, characterized in that, Upon detecting the user's eleventh operation on the second application card, the first shortcut icon is switched to the first service card.

15. An electronic device, characterized in that, The electronic device includes: one or more processors, memory, and a display screen; The memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, the one or more processors invoking the computer instructions to cause the electronic device to perform the method as described in any one of claims 1-14.

16. A chip system, characterized in that, The chip system is applied to an electronic device, the chip system including one or more processors, the processors being configured to invoke computer instructions to cause the electronic device to perform the method as described in any one of claims 1-14.

17. A computer-readable storage medium comprising instructions, characterized in that, When the instructions are executed on an electronic device, the electronic device causes the electronic device to perform the method as described in any one of claims 1-14.

Images