Icon control method, electronic device and storage medium

Abstract

The present application relates to the technical field of terminals, and provides an icon control method, an electronic device and a storage medium. In the solution of the present application, in response to an operation of a user on a certain application icon in a desktop, the application icon is morphed into an application card, the application icon and function icons of an application are displayed in the application card, and high-frequency function icons of the application can be directly exposed by means of the application card. In this way, the high-frequency function icons of the application are directly displayed on the desktop together with the application icon, thus being more visual and more convenient for the user to search and use high-frequency functions of the application. The user operating the application card can trigger the starting of the application and then display a home page of the application, and can quickly enable a certain function of the application and then display a function display page, thus the solution of the present application allows for more convenient user operation, thereby improving the efficiency of enabling application functions.

Description

Icon control method, electronic device and storage medium

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on November 3, 2023, with application number 202311465386.9 and application name “Icon control method, electronic device and storage medium for improving application function startup efficiency”, and the Chinese patent application filed with the State Intellectual Property Office on January 10, 2024, with application number 202410046078.0 and application name “Icon control method, electronic device and storage medium”, all contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminal technology, and in particular to an icon control method, electronic device, and storage medium. Background Art

[0003] In the desktop scenario of a smartphone, when a user long presses an application icon on the desktop, a function menu (or operation list) will appear near the application icon. The function menu includes high-frequency service function options supported by the application, such as Alipay. TM or WeChat TM In applications such as , the function menu includes options such as payment code and receipt code.

[0004] When a user needs to use a high-frequency service within an app, they first need to long-press the app icon to bring up the function menu. After the function menu pops up, the user needs to tap the icon (also known as a function option) for the high-frequency service within the menu to activate it. In other words, the current application function menu approach provided by electronic devices requires the user to perform a series of operations to activate a service within the app, resulting in multiple interactive steps and a lack of convenience.

[0005] Summary of the Invention

[0006] The present application provides an icon control method and electronic device, which solves the problem that a user needs to perform a series of operations to trigger the start of a service of an application, which is not convenient and fast enough due to the large number of interaction steps.

[0007] In a first aspect, the present application provides an icon control method, the method comprising:

[0008] Displaying a desktop, wherein a first application icon corresponding to the first application is displayed on the desktop;

[0009] In response to a user operation on the first application icon, transforming the first application icon into a first application card, wherein the first application icon and a function icon of the first application are displayed in the first application card;

[0010] When detecting that the first application icon is selected, jumping from the desktop to the main page of the first application;

[0011] When it is detected that the function icon of the first application is selected, the user switches from the desktop to a function display interface corresponding to the function icon.

[0012] Through the solution of the present application, in response to the user's operation on a certain application icon on the desktop, the application icon is transformed into an application card, which displays the application icon and the application function icon, and the application's high-frequency function icon can be directly exposed through the application card. In this way, the application's high-frequency function icon is directly displayed on the desktop together with the application icon, which is more intuitive for the user and more convenient to find and use the application's high-frequency functions. When the user operates the application card, it can trigger the launch of the application and then display the application's main page, or it can quickly enable a function of the application and then display the function display page. Therefore, the solution of the present application makes user operation more convenient and can improve the efficiency of application function startup.

[0013] The function icon in the first application card can be an icon of a default function recommended by the system and / or an icon of a specific function configured based on user behavior data. By displaying the required function icon for the user in the application card, user operation is more convenient and the efficiency of launching application functions can be improved.

[0014] In actual implementation, by transforming the application icon on the desktop into an application card, the application icon and the application's high-frequency functions can be displayed on the desktop at the same time, which is more intuitive for users. TM For example, when using Alipay TM After the application icon is transformed into an application card, Alipay can be displayed on the desktop at the same time TM The application icon and the icons of high-frequency application services such as payment codes and receipt codes are displayed. For users, it is more convenient to use high-frequency services such as payment codes and receipt codes. For example, users can directly click on the icons of high-frequency application services such as payment codes or receipt codes in the application card to trigger the display of the payment code or receipt code function display page. Through this application solution, when the user needs to use the high-frequency services of the application, he can directly click on the exposed function items of the application on the desktop, which reduces the interaction steps. It is more convenient for users to find and use the high-frequency functions of the application, which can improve the efficiency of starting application functions.

[0015] In an embodiment of the present application, function icons of various high-frequency services can be presented in the application card. For example, for an application card of 1*2 or 2*1 size, 2 function icons can be displayed in the application card. For an application card of 2*2 size, 3 function icons can be displayed in the application card. It should be noted that the number of function icons supported by application cards of different styles can be determined according to actual usage requirements and is not limited in the embodiment of the present application.

[0016] In embodiments of the present application, the specific function icons displayed in an application card may be set by system default or configured by the user. For example, the function icons set by the system may be displayed by default in the application card. For another example, in response to a user selecting a function icon, the function icon selected by the user may be displayed in the application card.

[0017] It should be noted that, in each embodiment and in the accompanying drawings, a 1*2 card format is used as an example for description. In actual implementation, cards of other sizes may also be presented, and the embodiments of the present application do not limit this.

[0018] Through the solution of this application, not only application icons but also application cards can be displayed on the desktop. An application card displays an application icon and at least one function icon. When the user clicks one of the function icons, the electronic device directly starts the selected function.

[0019] The display size of the deformed first application icon is determined according to the display size of the first application card. That is, as the size of the first application card changes, the size of the first application icon will also change.

[0020] The display size of the first application icon after deformation is smaller than or equal to the display size of the first application icon before deformation.

[0021] For example, when an application icon of size 1*1 is transformed into an application card of size 1*2, the application icon is reduced in size, and the reduced-size application icon is displayed in the application card.

[0022] For example, when an application icon of size 1*1 is transformed into an application card of size 2*2, the size of the application icon remains unchanged before and after the transformation, and is still 1*1.

[0023] In an embodiment of the present application, the function icons of various high-frequency services in the application card support user-defined sorting. For example, in response to the user's sorting operation on one or more function icons, the display order of the function icons in the application card is updated.

[0024] This application solution exposes the application's high-frequency services as cards, allowing users to quickly access services by simply clicking on the shortcut function on the desktop. This is more convenient and faster than the previous method of long pressing to access services.

[0025] In some possible implementations, after transforming the first application icon into a first application card, the method further includes: receiving an operation on the first application card, triggering the first application card to switch to an editing state; when the first application card is in the editing state, updating the size and function icon of the first application card in response to the user operation.

[0026] Through the above solution, the application card supports free transformation. For example, in response to the user's operation on the application icon, the application icon is transformed into an application card of a certain style, which includes the application icon and function icons.

[0027] In some possible implementations, when the first application card is in the editing state, in response to user operations, the size and function icons of the first application card are updated, including: when the first application card is in the editing state, displaying at least one control point on the border of the first application card; in response to the user dragging operation of the second control point among the at least one control point, stretching or shrinking the first application card; when the first application card exits the editing state, adding function icons to the stretched first application card, or reducing the display function icons in the shrunken first application card.

[0028] In the present application, the control point may also be referred to as an operation node, an operation anchor point, or a control anchor point.

[0029] Through the solution of this application, by default, for app icons with shortcut functions, users can trigger the display of control points around the app icon by long pressing the app icon. Users can drag the control points to trigger the adjustment of the app icon's size. As the user drags, when the trigger point is reached, a card is automatically formed, realizing the expansion of the display of shortcut functions in the form of a card. It can be understood that the app card is a shortcut application variant of the app icon.

[0030] In some possible implementations, stretching or shrinking the first application card includes: when the size of the first application card after stretching is greater than or equal to a first preset size, deforming the first application card into a first application card of the first preset size; when the size of the first application card after shrinking is less than a second preset size, deforming the first application card into a first application card of the second preset size; wherein, the first preset size is larger than the second preset size.

[0031] Through the above solution, when a card is expanded in a certain direction, a mask can be displayed to prompt the user that the card can be expanded into a larger size in that direction, thereby improving the user experience.

[0032] In some possible implementations, stretching the first application card includes: when the first application card is stretched along a first direction, displaying a preview mask to prompt that the card will be transformed into a larger card after stretching along the first direction, thereby improving the user experience.

[0033] In some possible implementations, when a card covers other application icons when expanding in a certain direction, if the number of card functions is less than the number of functions required for a larger card, deformation is not supported in this case and the mask prompt will not appear.

[0034] The application card may be in various card formats. For example, the application card may be a 1*2 card format, a 2*1 card format, a 2*2 card format, or any other possible card format. The specific card format may be determined based on actual usage requirements and is not limited in the present embodiment.

[0035] For another example, in response to the user's operation on the application card, the application card is transformed from a first style (such as 1*2) to a second style (such as 2*1), or the application card is transformed from a first style (such as 1*2) to a third style (such as 2*2).

[0036] For another example, in response to a user operation on an application card, the application card is restored to an application icon.

[0037] In some embodiments, after a user long-presses an app icon, the app icon switches to edit mode. If the total number of shortcut functions in the app is greater than or equal to a preset number (e.g., 2), a control point is displayed on the border of the app icon, in which case the icon can be transformed into a card. If the total number of shortcut functions in the app is less than the preset number (e.g., 2), no control point is displayed on the border of the app icon, in which case the icon cannot be transformed into a card.

[0038] In some embodiments, when the icon is not supported to be transformed into a card, when the control point is dragged to reach a preset transformation trigger interface, the control point automatically rebounds.

[0039] In some embodiments, in response to user operation, the user switches the icon of application A to a card format. If the card size is large and there is no usable space around application A in the current desktop interface, the electronic device can jump from the current desktop interface to desktop interface 2 and display the card on desktop interface 2.

[0040] In some embodiments, dragging the border of a card can trigger the electronic device to retract from the app card view to a single app icon view. During retraction, the control point follows the finger's movement and automatically retracts to a smaller size when it reaches the trigger point. Upon release, the control point is restored.

[0041] In some embodiments, in response to user operations, the electronic device can adjust the display order of the function icons displayed in the application card. For example, after the user long presses the application card to call up the application menu, the user can click the edit shortcut function to trigger the entry of the secondary menu. The secondary menu displays various function icons in a list format, and each function icon has a certain order. The secondary menu includes a display bar and a hidden bar. The function icons in the display bar will be displayed in the card, and the function icons in the hidden bar will not be displayed in the card. By sorting the function icons in the secondary menu, the user can manage the function options that need to be exposed.

[0042] In some embodiments, when an application icon is in the editing state, the electronic device also supports adjusting the display order of function icons based on user needs. When a user selects a single application icon and calls up the application menu, the application menu displays multiple function icons. The user can operate in the application menu to trigger the electronic device to adjust the order of the shortcut function icons.

[0043] In some embodiments, in response to a user selecting and dragging a function icon, the electronic device may display an overlay on the selected function icon 1 and on the replaced function icon 2, prompting the user to swap the order of function icon 1 and function icon 2. After the order is swapped, the function icons in the card change.

[0044] In some possible implementations, displaying a preview mask when the first application card is stretched along a first direction includes: when the first application card is stretched along the first direction, if the number of shortcut functions of the first application card is greater than or equal to the number of function icons required by the larger-sized card, displaying the preview mask.

[0045] When the first application card is stretched along the first direction, if the number of shortcut functions of the first application card is less than the number of function icons required by a card of a larger size, the preview mask is not displayed.

[0046] In some possible implementations, when the first application card is in an editing state, in response to a user operation, updating the size and function icon of the first application card includes: when the first application card is in an editing state, displaying a function editing window on one side of the first application card, the function editing window including a display bar and a hidden bar, and the function icon in the display bar is displayed in the first application card; upon receiving a user operation on the function editing window, swapping the first function icon in the display bar with the second function icon in the hidden bar; when the first application card exits the editing state, the first function icon in the first application card is replaced with the second function icon. Alternatively, upon receiving a user operation on the function editing window, adjusting the display order of the function icons in the display bar; when the first application card exits the editing state, displaying each function icon in the first application card according to the adjusted display order.

[0047] In some possible implementations, when the first application card is in an editing state, in response to user operations, the size and function icons of the first application card are updated, including: when the first application card is in an editing state, displaying a function list on one side of the first application card, the function icons in the function list are arranged in sequence, and the first N function icons in the function list are displayed in the first application card; receiving user operations on the function list, adjusting the order of the functions in the function list; when the first application card exits the editing state, updating the N function icons in the first application card to the adjusted first N function icons in the function list.

[0048] In some possible implementations, in response to the user's operation on the first application icon, transforming the first application icon into the first application card includes: receiving the user's operation on the first application icon, triggering the first application icon to switch to an editing state; when the first application icon is in the editing state, displaying at least one control point on the border of the first application icon; in response to the user's dragging operation on a first control point among the at least one control point, stretching the first application icon and transforming it into the first application card.

[0049] In some possible implementations, when the first application icon is in an editing state, at least one control point is displayed on the border of the first application icon, including: when the first application icon is in an editing state, if the total number of shortcut functions of the first application icon is greater than or equal to a preset number, then the at least one control point is displayed on the border of the first application icon.

[0050] It should be noted that, when the first application icon is in the editing state, if the total number of shortcut functions of the first application icon is less than a preset number, no control point is displayed on the border of the first application icon.

[0051] In some possible implementations, the stretching and transforming the first application icon into the first application card includes: when the size of the first application icon after stretching is greater than or equal to a third preset size, transforming the first application icon into a first application card of the third preset size.

[0052] In some possible implementations, a control point is displayed on each border of the first application icon. In this case, the method further includes: retaining the first control point and hiding all other control points except the first control point when the first application icon is stretched; and restoring the display of the control points on each border when the first application icon is transformed into the first application card.

[0053] In some possible implementations, stretching the first application icon includes: stretching the first application icon along the dragging direction when there is an idle position along the dragging direction; stretching the first application icon along the dragging direction when there is a second application icon and no idle position along the dragging direction, the stretched first application icon occupies the position of the second application icon, and moving the second application icon to other idle positions on the desktop.

[0054] In some possible implementations, after transforming the first application icon into the first application card, the method further includes: displaying a control point on the border of the first application card; shrinking the first application card in response to a user dragging operation on the control point; and restoring the first application card to the first application icon when the size of the first application card after shrinking is smaller than a fourth preset size.

[0055] In some possible implementations, the response to the user's operation on the first application icon, transforming the first application icon into the first application card, includes: receiving the user's operation on the first application icon, displaying a function editing window, the function editing window including a third control, the third control being used to trigger setting the application icon as a card; receiving the user's operation on the third control, displaying a card setting window, the card setting window including card schematics, display bars and hidden bars in multiple styles; cards of different styles have different sizes, the display bar includes function icons displayed in the card, and the hidden bar includes function icons that are not displayed in the card; receiving the user's operation on the card schematic of the first style, transforming the first application icon into the first application card of the first style, the function icon in the display bar being displayed in the first application card; wherein the first style is any one of the multiple styles.

[0056] In the present application, when a user triggers the setting of an application icon as an application card, the electronic device can display various card styles for the user to select. The electronic device sets the application icon to be displayed in card form according to the user's operation of selecting the card style. The card styles may include 1*2 cards, 2*1 cards, 2*2 cards, or cards of other sizes.

[0057] For example, a user long-pressing an app icon triggers a pop-up function menu window on the electronic device. The function menu window displays various card styles and displays function icons in a certain order. The user can directly select the corresponding card style in the function menu window and can adjust the order of function icons as needed.

[0058] For example, a user can long-press an app icon to trigger a quick action panel at the bottom of the electronic device. The quick action panel displays card diagrams of various styles and displays function icons in a certain order. The user can select a style in the quick action panel and can adjust the order of function icons as needed.

[0059] This application solution exposes the application's high-frequency services as cards, allowing users to quickly access services by simply clicking on the shortcut function on the desktop. This is more convenient and faster than the previous method of long pressing to access services.

[0060] In a second aspect, the present application provides an icon control device for improving the efficiency of launching application functions, the device comprising a unit for executing the method described in the first aspect. The device may be configured to execute the method described in the first aspect. For a description of the units in the device, please refer to the description of the first aspect above and will not be repeated here for the sake of brevity.

[0061] The method described in the first aspect above can be implemented by hardware, or by hardware executing corresponding software. The hardware or software includes one or more modules or units corresponding to the above functions. For example, a processing module or unit, a display module or unit, etc.

[0062] In a third aspect, the present application provides an electronic device comprising a processor, a computer program or instructions stored in the processor and a memory, wherein the processor is configured to execute the computer program or instructions so that the method in the first aspect is executed.

[0063] In a fourth aspect, the present application provides a computer-readable storage medium having stored thereon a computer program (also referred to as instructions or code) for implementing the method in the first aspect. For example, when the computer program is executed by a computer, the computer can perform the method in the first aspect.

[0064] In a fifth aspect, the present application provides a chip comprising a processor. The processor is configured to read and execute a computer program stored in a memory to perform the method of the first aspect and any possible implementation thereof. Optionally, the chip further comprises a memory, the memory being connected to the processor via a circuit or wire.

[0065] In a sixth aspect, the present application provides a chip system comprising a processor. The processor is configured to read and execute a computer program stored in a memory to perform the method of the first aspect and any possible implementation thereof. Optionally, the chip system further comprises a memory, the memory being connected to the processor via a circuit or wire.

[0066] In a seventh aspect, the present application provides a computer program product, which includes a computer program (also referred to as instructions or codes). When the computer program is executed by an electronic device, the electronic device implements the method in the first aspect.

[0067] It can be understood that the beneficial effects of the second to seventh aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0068] FIG1 is a schematic diagram of an application scenario in which an electronic device starts a certain application function in the related art;

[0069] FIG2 is a schematic structural diagram of an electronic device provided in an embodiment of the present application;

[0070] FIG3 is a schematic diagram of a software architecture of an electronic device provided in an embodiment of the present application;

[0071] FIG4 is a flowchart of the icon control method according to an embodiment of the present application;

[0072] FIG5 is a schematic diagram of an application interface of the icon control method provided in an embodiment of the present application;

[0073] FIG6 is a second schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0074] FIG7 is a third schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0075] FIG8 is a second flow chart of the icon control method provided in an embodiment of the present application;

[0076] FIG9A is a fourth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0077] FIG9B is a fifth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0078] FIG10A is a sixth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0079] FIG10B is a seventh schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0080] FIG11 is a third flow chart of the icon control method provided in an embodiment of the present application;

[0081] FIG12A is a schematic diagram showing an eighth application scenario of the icon control method provided in an embodiment of the present application;

[0082] FIG12B is a ninth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0083] FIG12C is a schematic diagram of a tenth application scenario of the icon control method provided in an embodiment of the present application;

[0084] FIG13 is a fourth flow chart of the icon control method provided in an embodiment of the present application;

[0085] FIG14A is a schematic diagram of an eleventh application scenario of the icon control method provided in an embodiment of the present application;

[0086] FIG14B is a schematic diagram of a twelfth application scenario of the icon control method provided in an embodiment of the present application;

[0087] FIG15 is a schematic diagram thirteen of an application scenario of the icon control method provided in an embodiment of the present application;

[0088] FIG16 is a fifth flow chart of the icon control method provided in an embodiment of the present application;

[0089] FIG17 is a fourteenth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application;

[0090] FIG18 is a sixth flow chart of the icon control method provided in an embodiment of the present application;

[0091] FIG19 is a schematic diagram of a fifteenth application scenario of the icon control method provided in an embodiment of the present application;

[0092] FIG20 is a schematic diagram of a sixteenth application scenario of the icon control method provided in an embodiment of the present application;

[0093] FIG21 is a seventeenth schematic diagram of an application scenario of the icon control method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0094] In order to make the objectives, technical solutions and advantages of the present invention more clearly understood, the embodiments of the present invention are further described in detail below in conjunction with specific embodiments and with reference to the accompanying drawings.

[0095] In the large desktop scenario of a smartphone, when a user long presses an application icon on the desktop, a function menu will appear near the application icon. The function menu includes high-frequency service function options supported by the application, such as Alipay. TM or WeChat TM Applications such as payment codes and payment codes are included in the function menu. Referring to (a) to (d) in Figure 1, multiple application icons are displayed on the desktop. When a user needs to use a high-frequency service of a certain application, the user needs to first long-press the application icon 11 to call up the function menu. After the operation menu 12 pops up on the phone, the user needs to click on the icon 13 of a certain high-frequency service in the function menu, thereby triggering the phone to start the high-frequency service and jump to the function item page 14. In other words, the application function menu method currently provided by electronic devices requires the user to perform a series of operations to trigger the start of a certain service of the application. There are many interactive steps and it is not convenient and fast enough.

[0096] Although in the related art, desktop cards can be set to facilitate users to quickly start a service of an application, the form of desktop cards is relatively fixed and occupies a large space on the desktop.

[0097] Based on this, an embodiment of the present application provides an icon control method and an electronic device, which transforms the applications on the desktop into card form and presents icons of high-frequency services in the cards, thereby improving the efficiency of application opening and enhancing the user experience.

[0098] In order to better understand the embodiments of the present application, the embodiments of the present application are briefly described below:

[0099] In an embodiment of the present application, in response to a user stretching an application icon on the desktop, the application icon is updated to an application card, and high-frequency function icons are directly exposed in the application card. When a user needs to use a high-frequency service of an application, the user can directly click the exposed function icon of the application on the desktop, reducing the number of interaction steps. Through this application solution, the efficiency of opening applications can be improved.

[0100] In response to a user's operation on an application icon on the desktop, the application icon is transformed into an application card, which displays a reduced-size application icon and application function icons. The application's high-frequency function icons can be directly exposed through the application card. In this way, the application's high-frequency function icons are directly displayed on the desktop together with the application icon, which is more intuitive for the user and more convenient to find and use the application's high-frequency functions. When the user operates the application card, it can trigger the launch of the application and then display the application's main page, or it can quickly enable a function of the application and then display the function display page. Therefore, the present application solution makes user operation more convenient and can improve the efficiency of opening applications.

[0101] The application card may be in various card formats. For example, the application card may be a 1*2 card format, a 2*1 card format, a 2*2 card format, or any other possible card format. The specific card format may be determined based on actual usage requirements and is not limited in the present embodiment.

[0102] In some embodiments, when an application icon is transformed into a 1*2 or 2*1 card format, the application icon is displayed in the card, and the size of the application icon is reduced (e.g., smaller than 1*1). That is, the size of the application icon is reduced before and after the transformation.

[0103] In some embodiments, when the application icon is deformed into a 2*2 card style, the application icon is displayed in the card, and the size of the application icon remains unchanged (such as 1*1 size). That is, the size of the application icon remains unchanged before and after the deformation. However, during the user dragging process, the application icon may first become smaller and then larger. For example, the user drags first, and the mobile phone deforms the application icon into a 1*2 or 2*1 application card style in response to the user's drag. At this time, the application icon is reduced from 1*1 size to a small-sized application icon. The user continues to drag, and the mobile phone deforms the application card into a 2*2 application card style in response to the user's drag, and restores (enlarges) the small-sized application icon to a 1*1-sized application icon. In addition, the size of the function icon in the 2*2-sized application card is also larger than the size of the function icon in the 1*2-sized or 2*1-sized application card.

[0104] In the embodiment of the present application, the application card supports free deformation.

[0105] For example, in response to a user's operation on an application icon, the application icon is transformed into an application card of a certain style, where the application card includes the application icon and a function icon.

[0106] For another example, in response to the user's operation on the application card, the application card is transformed from a first style (such as 1*2) to a second style (such as 2*1), or the application card is transformed from a first style (such as 1*2) to a third style (such as 2*2).

[0107] For another example, in response to a user operation on an application card, the application card is restored to an application icon.

[0108] In an embodiment of the present application, function icons of various high-frequency services can be presented in the application card. For example, for an application card of 1*2 or 2*1 size, 2 function icons can be displayed in the application card. For an application card of 2*2 size, 3 function icons can be displayed in the application card. It should be noted that the number of function icons supported by application cards of different styles can be determined according to actual usage requirements and is not limited in the embodiment of the present application.

[0109] In embodiments of the present application, the specific function icons displayed in an application card may be set by system default or configured by the user. For example, the function icons set by the system may be displayed by default in the application card. For another example, in response to a user selecting a function icon, the function icon selected by the user may be displayed in the application card.

[0110] In an embodiment of the present application, the function icons of various high-frequency services in the application card support user-defined sorting. For example, in response to the user's sorting operation on one or more function icons, the display order of the function icons in the application card is updated.

[0111] Hereinafter, an electronic device to which the icon control method provided in the embodiments of the present application is applied will be described with reference to the accompanying drawings.

[0112] For example, the electronic device in the embodiments of the present application may be a mobile phone, a tablet computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), a wearable device (such as a smart watch, a smart bracelet), or other devices with voice communication functions. The embodiments of the present application do not impose any special restrictions on the specific form of the electronic device.

[0113] Figure 2 shows a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. For example, the electronic device shown in Figure 2 may be a mobile phone.

[0114] As shown in Figure 2, the mobile phone may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver (i.e., an earpiece) 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc.

[0115] Exemplarily, the above-mentioned sensor module may include sensors such as a pressure sensor, a gyroscope sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, and a bone conduction sensor. In an embodiment of the present application, the electronic device may detect whether the user's ear is close to the receiver through a proximity light sensor (i.e., a light sensor), a distance sensor, and other sensors. For example, the electronic device may use a distance sensor to detect whether there is an obstruction in front of the front panel (or screen) of the mobile phone, as well as the distance between the obstruction and the screen, to determine whether the current user's ear is close to the receiver.

[0116] It should be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the mobile phone. In other embodiments, the mobile phone may include more or fewer components than shown, or some components may be combined or separated, or arranged differently. The components shown in the illustrations may be implemented in hardware, software, or a combination of software and hardware.

[0117] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.

[0118] The processor 110 is configured to: in response to a user operation on a first application icon displayed on the desktop, transform the first application icon into a first application card, wherein the first application card displays a reduced size of the first application icon and a function icon of the first application; upon detecting that the first application icon is selected, jump from the desktop to the home page of the first application; and upon detecting that a function icon of the first application is selected, jump from the desktop to the function display interface corresponding to the function icon. The function icon in the first application card may be an icon of a default function recommended by the system and / or an icon of a specific function configured based on user behavior data.

[0119] The controller is the nerve center and command center of the mobile phone. It can generate operation control signals based on instruction opcodes and timing signals to complete the control of instruction fetching and execution.

[0120] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

[0121] In some embodiments, the processor 110 may include one or more interfaces. The 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.

[0122] It is understood that the interface connection relationship between the modules illustrated in this embodiment is only for illustrative purposes and does not constitute a structural limitation on the mobile phone. In other embodiments, the mobile phone may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

[0123] The wireless communication function of the mobile phone can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor.

[0124] The mobile phone can implement display functions through a GPU, display screen 194, and an application processor. The GPU is a microprocessor for image processing that connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or modify display information. The display screen 194 is used to display images, videos, etc.

[0125] In an embodiment of the present application, the electronic device can update a single application icon on the desktop to a card format in response to a user operation, and can also restore it from the card format to the original single application icon format.

[0126] 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 mobile phone. The internal memory 121 can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the mobile phone by running the instructions stored in the internal memory 121. For example, in an embodiment of the present application, the processor 110 can execute instructions stored in the internal memory 121, and the internal memory 121 may include a program storage area and a data storage area.

[0127] The above is a specific description of the embodiments of the present application using the electronic device 100 as an example. It should be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. The electronic device 100 may have more or fewer components than shown in the figure, may combine two or more components, or may have a different component configuration. The various components shown in the figure may be implemented in hardware, including one or more signal processing and / or application-specific integrated circuits, software, or a combination of hardware and software.

[0128] Furthermore, an operating system runs on the aforementioned hardware. The operating system at the operating system layer can be any one or more computer operating systems that implement business processing through processes, such as the Linux operating system, Unix operating system, Android operating system, iOS operating system, or Windows operating system. Applications can be installed and run on the operating system.

[0129] The operating system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. In the embodiment of the present application, the Android system with a layered architecture is used as an example to illustrate the software structure of the electronic device 100.

[0130] FIG3 is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

[0131] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: applications, the application framework, the Android runtime and system libraries, and the kernel.

[0132] The application layer may include a series of application packages. For example, the application layer may include desktop apps, gallery apps, call apps, notepad apps, map apps, shopping apps, and other applications (applications may be referred to as applications for short), and this embodiment of the application does not impose any restrictions on this.

[0133] Applications in the application layer can be divided into system applications and non-system applications. System applications can specifically include desktop applications, gallery applications, call applications, system user interfaces (SystemUI), etc. Non-system applications can include notepad applications, map applications, shopping applications, etc.

[0134] In an embodiment of the present application, the application layer also includes a quick function setting APP, which can be used to respond to the user's operation on the application icon on the desktop, transform the application icon into a card form, and present the function icons of high-frequency services in the card, thereby improving the application opening efficiency and improving the user experience.

[0135] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions. As shown in Figure 4, the application framework layer may include a view system, a window manager, a resource manager, etc., but this embodiment of the application does not impose any restrictions on this.

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

[0137] In an embodiment of the present 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 call out a function menu window according to user operations on application icons or application cards.

[0138] In the embodiment of the present application, the window manager is used to manage the display content of the function menu window of each APP. The function menu window can include the common function icons of the APP and the corresponding function descriptions. In addition, a "Set as card style" option and / or an "Edit shortcut function" option can be added on this basis.

[0139] The resource manager provides various resources for applications, such as application icons, cards of different styles, function icons, etc.

[0140] Android Runtime includes core libraries and a virtual machine. Android Runtime is responsible for scheduling and management of the Android system.

[0141] The core library consists of two parts: one is the function that needs to be called by the Java language, and the other is the Android core library.

[0142] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

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

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

[0145] For ease of explanation, the figure also shows the hardware layer that interacts with the above software structure. For example, the hardware layer may include a CPU, a GPU, and a display screen.

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

[0147] The execution subject of the icon control method provided in the embodiment of the present application can be the above-mentioned electronic device, or it can be a functional module and / or functional entity in the electronic device that can implement the icon control method, and the present application solution can be implemented by hardware and / or software. The specific implementation can be determined according to actual use requirements and is not limited by the embodiment of the present application. The following uses an electronic device as an example to illustrate the icon control method provided in the embodiment of the present application in combination with the accompanying drawings.

[0148] The following embodiments of the present application will be illustrated by the following exemplary embodiments in conjunction with the accompanying drawings. The methods in the following embodiments can all be implemented in an electronic device having the above-mentioned hardware structure and software architecture. The hardware structure diagram of the electronic device can be shown in Figure 2, and the software structure block diagram of the electronic device can be shown in Figure 3, but the embodiments of the present application are not limited thereto. For ease of explanation, the embodiments of the present application are all based on the example of a mobile phone as shown in Figure 2 as an electronic device.

[0149] The following describes the icon control method provided by the embodiments of the present application in conjunction with specific embodiments. Among them, the present application provides two ways to trigger the transformation of application icons into application cards. For example, the user can trigger the transformation of icons into cards by dragging them, or by selecting a card style.

[0150] Example 1: Triggering the transformation of an icon into a card by dragging

[0151] First scenario: transforming the app icon into an app card

[0152] FIG4 is a flow chart of the icon control method provided in the first embodiment of the present application.

[0153] S201: Display a first application icon of a first application in a first area of ​​a desktop.

[0154] The first application can be any application in the electronic device, for example, the first application can be a system application such as a settings APP, a gallery APP, a camera APP, a notepad APP, etc. For the sake of convenience, the present application takes the first application as a notepad APP as an example for illustrative purposes.

[0155] The size of the first area is 1*1. Accordingly, the size of the first application icon located in the first area is 1*1.

[0156] For example, as shown in (a) of FIG5 , a first application icon 21 is displayed in an icon area (first area) of the desktop. The first application icon in this application is for illustrative purposes only, and this application does not limit the specific display position, display pattern, etc. of the first application icon.

[0157] S202: Detect a first operation on a first application icon.

[0158] For example, the first operation may be a long press operation on the first application icon or other possible operations. A long press operation refers to an operation in which the pressing time exceeds a certain time.

[0159] S203: In response to the first operation, display at least one control point on the border of the first application icon, and display a function menu window in the second area of ​​the desktop, where the function menu window includes multiple function options of the first application.

[0160] The second area is located on one side of the first area where the first application icon is located.

[0161] When the function menu window is displayed in the second area of ​​the desktop, the electronic device displays a mask in other areas of the desktop except the first area and the second area to highlight the first application icon and the function menu window for user operation.

[0162] For example, as shown in (a) and (b) of FIG5 , in response to a user long-pressing the first application icon 21, the electronic device displays a function menu window. The function menu window includes multiple function options 22 corresponding to the first application icon 21, such as a to-do option, a photo option, a voice shorthand option, a text note option, a share option, an uninstall option, etc. In some embodiments, the function menu window may also include an edit shortcut function option (which may be referred to as an edit option) 23.

[0163] In some embodiments, the electronic device may display a control point on each of the four borders of the first application icon. Each of the four control points can be dragged. For example, as shown in (b) of Figure 5, the control points are displayed on each of the four borders of the first application icon 21.

[0164] S204 : In response to the dragging operation on the first control point, stretch the first application icon along the dragging direction.

[0165] The first control point is any one of the at least one control point of the frame of the first application icon.

[0166] In some embodiments, when each of the four borders of the first application icon displays a manipulation point, in response to a user dragging operation on any of the manipulation points, the electronic device stretches the first application icon along the dragging direction.

[0167] Exemplarily, as shown in (c) and (d) of FIG. 5 , in response to a user dragging operation on a manipulation point 24 , the electronic device stretches the first application icon 21 in the direction of the arrow.

[0168] For example, in some embodiments, as shown in (d) of Figure 5 , when the user drags a control point, the electronic device hides other control points. In other embodiments, when the user drags a control point, other control points are not hidden.

[0169] For example, in some embodiments, as shown in (c) and (d) of FIG5 , when the user drags the control point 24, the electronic device reduces the size of the first application icon 21 and displays a retractable frame 26 outside the reduced-size first application icon 25. As the user drags the control point 24, the size of the retractable frame 26 gradually increases.

[0170] S205: When the dragging control point reaches a preset deformation trigger node, the first application icon is updated to a first application card, where the first application card includes the first application icon and at least one function icon of the first application.

[0171] Among them, the at least one function icon of the first application can be a function icon corresponding to a high-frequency function of the first application, which can be automatically recommended by the system or customized by the user.

[0172] In some embodiments, at least one function icon in the first application card is an icon of a default function recommended by the system and / or an icon of a specific function configured according to user behavior data.

[0173] In some embodiments, the preset deformation trigger node is a deformation trigger node with a size of 1*2, or the size corresponding to the preset deformation trigger node is smaller than 1*2. In this case, when the control point is dragged to reach the deformation trigger node with a size of 1*2, that is, when the size of the first application icon after being stretched is greater than or equal to the size of 1*2, the electronic device transforms the first application icon into a first application card with a size of 1*2.

[0174] For example, as shown in (d) and (e) of FIG5 , as the size of the retractable frame 26 gradually increases, the electronic device sequentially displays function icons in the retractable frame 26, for example, first adding function icon 27 and then adding function icon 28. Alternatively, in another possible implementation, when the size of the retractable frame 26 gradually increases to 1*2, two function icons are directly added and displayed. Prior to this, no content is displayed in the retractable frame 26 except for the location of icon 21. When the size of the retractable frame 26 gradually increases to 1*2, that is, the 1*2 size deformation trigger node is reached, in this case, as shown in (e) of FIG5 , the electronic device transforms the 1*1 size first application icon 21 into a 1*2 size first application card 29. The first application card 29 displays the reduced size first application icon 21, as well as the function icons 27 and 28 of the first application. It should be noted that the 1*2 size deformation trigger node is used as an example for illustrative purposes. In actual implementation, the deformation trigger node in this application can also be of other possible sizes. Accordingly, the above embodiment uses the example of an application icon being transformed into an application card of 1*2 size for illustrative purposes. In actual implementation, the application icon can be transformed into application cards of other possible sizes. For example, the size corresponding to the preset transformation trigger node is smaller than 1*2. When the size of the retractable frame 26 gradually increases as the user drags the hand and reaches the preset transformation trigger node, two function icons are displayed in sequence, and the size of the retractable frame 26 quickly increases to 1*2 size.

[0175] In some embodiments, when the control point is dragged to a deformation trigger node, the electronic device may display a dynamic effect to prompt the user that the first application icon is deforming. For example, as shown in (d) and (e) of Figure 5 , when the control point is dragged but not to the deformation trigger node, the retractable frame 26 is displayed as a dashed line. When the control point is dragged to the deformation trigger node, the retractable frame 26 changes from a dashed line to a solid line.

[0176] For example, in some embodiments, as shown in (f) of FIG5 , when the control point is dragged to the deformation trigger node, the user stops dragging the control point and removes the finger from the screen. After the finger leaves, the electronic device resumes displaying the control points on the four borders of the first application card 29, so that the user can drag any control point to trigger the deformation of the first application card. If no user operation on the control point is received within a preset time period, or the user clicks a blank space on the desktop, the electronic device automatically hides the control point of the first application card.

[0177] In some embodiments, when the control point is dragged, it is allowed to occupy other icon positions. Specifically, when a first position on the desktop side of a border of a first application icon is occupied by a second application icon, in response to the user's drag operation on the control point on the border, the electronic device extends the first application icon along the drag direction to occupy the first position, and moves the second application icon to an empty position on the desktop.

[0178] For example, as shown in (a) and (b) of Figure 6, in edit mode, control points are displayed on the borders of application icon 31. Each control point can be dragged, that is, the user can drag the control point in any of four directions. Application icon 32 is displayed next to application icon 31. The electronic device receives a user drag of the control point in a direction toward application icon 32. As shown in (c) and (d) of Figure 6, when the control point is dragged, a retractable frame 33 is formed containing application icon 31. As retractable frame 33 expands, it takes up the space of application icon 32, pushing application icon 32 into other free space. As shown in (e) and (f) of Figure 6, when the control point is dragged to the transformation trigger point, the electronic device displays an application card 34, which includes application icon 31 and multiple function icons. The electronic device restores the display of the control points on the four borders of application card 34, allowing the user to drag any of the control points to trigger the transformation of the first application card. If no user operation on the control point is received within a preset time period, or the user clicks a blank position on the desktop, the electronic device automatically hides the control point of the application card.

[0179] As the user drags the control point in the direction of the arrow, the size of the application icon 31 continues to increase, and accordingly the application icon 32 moves to an empty position on the desktop.

[0180] Through the icon control method provided in the embodiment of the present application, in response to the user's operation on the application icon, the electronic device can transform the application icon into an application card. Figure 7 shows a schematic diagram of the embodiment of the present application for transforming the application icon into an application card. As shown in Figure 7, after the application icon is transformed into an application card, the application card can display the application icon and function icons or options related to the application. For example, some high-frequency function icons can be displayed in the application card. The function icons in the application card can be configured by the user.

[0181] Second scenario: display and use of application cards

[0182] In an embodiment of the present application, an application icon and a function icon related to the application are displayed in an application card. The user can choose to click the application icon or the function icon according to actual usage needs to achieve different purposes. As shown in Figure 7, in response to the user clicking the application icon in the application card, the electronic device starts the first application corresponding to the application icon, for example, the electronic device jumps from the desktop to the home page of the first application. Alternatively, in response to the user clicking the first function icon in the application card, the electronic device starts the function corresponding to the function icon, for example, the electronic device jumps from the desktop to the function display interface corresponding to the first function icon.

[0183] The present application solution displays application icons and high-frequency function icons on the desktop through cards for users to use directly, thereby increasing the frequency of application use.

[0184] The following is a flow chart illustrating how an application icon is transformed into an application card and how to use the application card.

[0185] S206: In response to a third operation on the first application icon in the first application card, start the first application and jump from the desktop to the main page of the first application.

[0186] S207: In response to a fourth operation on the first function icon in the first application card, start the first function corresponding to the first function icon, and jump from the desktop to the first function display interface.

[0187] The third operation may be a click operation or other possible operations. The fourth operation may be a click operation or other possible operations.

[0188] The first function icon is an icon indicating the first function and is any function icon in the first application card.

[0189] Among them, the first function display interface is used to display the first function.

[0190] The electronic device selectively executes either of the above steps S206 and S207.

[0191] For example, taking the first application as the notepad APP as an example, as shown in (a) of Figure 9A, the electronic device displays the desktop, and the application card 40 corresponding to the notepad APP is displayed on the desktop. The application card 40 includes a first application icon 41, a photo function icon 42, and a to-do function icon 43. Among them, the first application icon 41 is the application icon of the notepad APP. As shown in (b) of Figure 9A, the electronic device receives a user's click operation on the first application icon 41 in the application card 40. As shown in (c) of Figure 9A, the electronic device jumps from the desktop to the main page 44 corresponding to the notepad APP in response to the click operation.

[0192] For another example, as shown in (a) of FIG9B , an application card 40 corresponding to the Notepad app is displayed on the desktop. The application card 40 includes a first application icon 41, a photo-taking function icon 42, and a to-do function icon 43. As shown in (b) of FIG9B , the electronic device receives a user click operation on the to-do function icon 43 in the application card 40. As shown in (c) of FIG9B , the electronic device responds to the click operation by jumping from the desktop to the function display interface 44 corresponding to the to-do function icon 43, where multiple to-do items are displayed.

[0193] The above embodiments are illustratively described using the notepad APP and the corresponding function icons as an example. In actual use, the present application solution can also be applied to various commonly used APPs. After the application icon is transformed into a card style, the function icon corresponding to the application can be displayed.

[0194] For example, for the gallery app, the corresponding function icons include latest photos, creation, my favorites, search, etc.

[0195] For example, for the camera APP, the corresponding function icons include selfie, video, multi-lens video, panorama, etc.

[0196] For example, for The corresponding function icons include payment, scan, receive money, ride code, transfer, etc.

[0197] For example, for The corresponding function icons include My QR Code, Payment and Receive, Scan, etc.

[0198] Through the solution of this application, application cards are presented on the desktop, and application icons and frequently used function icons are exposed in the application cards. In this way, users can quickly trigger the electronic device to start the application or a function of the application according to actual usage needs. For example, the user can directly click on the application icon in the application card to trigger the start of the application. The user can directly click on the function icon in the application card to trigger the start of the selected function. In this way, it becomes more convenient for users to use applications and application functions, and improves the user experience.

[0199] Scene 3: Display and use of control points

[0200] In some embodiments, as shown in FIG. 5 and FIG. 6 , control points are displayed on all four borders of the application icon, wherein each control point on the border can be dragged to trigger the application icon to transform.

[0201] In some embodiments, when a control point of an application icon is dragged to a preset transformation trigger point, the application icon is transformed into an application card. This is a manual triggering transformation mode.

[0202] In other embodiments, when the electronic device detects a user dragging a control point of an application icon, the electronic device directly transforms the application icon into an application card. This is an automatic triggering transformation mode.

[0203] In some embodiments, in response to a user operation, the electronic device can switch between a manually triggered deformation mode and an automatically triggered deformation mode.

[0204] In some embodiments, when a certain control point of an application icon is dragged, the electronic device displays a prompt mask, which is used to pre-occupy the style of the application icon after it is transformed into an application card.

[0205] In some embodiments, when a control point of an application icon is dragged, the electronic device displays a prompt mask, which is used to display the style of the application icon after it is transformed into an application card for the user to preview.

[0206] In some embodiments, when the first control point of an application icon is dragged in a first direction, the electronic device stretches the application icon in the first direction and transforms the application icon into an application card of a first style (e.g., size 1*2). If the user's finger does not leave the first control point, in response to the operation of dragging the first control point in a second direction, the electronic device can transform the application icon into an application card of a second style (e.g., size 2*2).

[0207] For example, as shown in (a) and (b) of FIG10A , an electronic device displays a desktop including multiple application icons. The electronic device receives a long press operation on the application icon of a notepad app from a user. In response to the long press operation, the electronic device displays a function menu window and displays a control point on the border of the application icon.

[0208] As shown in (b) and (c) of Figure 10A , the electronic device receives a user drag operation on one of the control points 45 along the x-direction. In response to the drag operation, the electronic device stretches the application icon of the Notepad app along the x-direction. As shown in (d) of Figure 10A , the electronic device transforms the application icon of the Notepad app into an application card of size 1*2.

[0209] As shown in Figure 10A (d) and (e), without the user's finger leaving control point 45, the electronic device receives a drag operation on control point 45 in the y direction. In response to this drag operation, the electronic device continues to stretch in the y direction. As shown in Figure 10A (f), the electronic device transforms the Notepad app icon into a 2*2 app card.

[0210] App cards can display icons corresponding to frequently used functions of the Notepad app. For example, a 1*2 app card will include the app icon and two function icons. For example, a 2*2 app card will include the app icon and three function icons. The specific function icons displayed can be automatically recommended by the system or customized by the user.

[0211] In some possible implementations, the size of the application icon in a 2*2 app card is larger than the size of the application icon in a 2*1 or 2*1 app card. In some embodiments, the size of the application icon in a 2*2 app card is the same as the size of the application icon displayed on the desktop. The size of the function icon in a 2*2 app card is larger than the size of the function icon in an 2*1 or 2*1 app card.

[0212] Through this application solution, by dragging a control point to stretch the icon in different directions, the icon can be triggered to transform into an application card of any style, which makes the operation more convenient and improves the user experience.

[0213] In some embodiments, when the first control point of an application icon is dragged along a first direction, the electronic device stretches the application icon along the first direction, transforming the application icon into an application card of a first style (e.g., size 1*2). When the user's finger leaves the first control point, in response to the operation of dragging the second control point along a second direction, the electronic device can transform the application icon into an application card of a second style (e.g., size 2*2). In this embodiment, when stretching the icon in a different direction, it is necessary to switch to another control point and then drag the control point to trigger the next transformation.

[0214] It should also be noted that the above embodiment is illustrative in that the control points are displayed on all four borders of the application icon in the editing state. In actual implementation, the present application can also display the control points on part of the borders of the application icon in the editing state.

[0215] In some embodiments, a portion of the border of the first application icon (referred to as the first border) displays a control point while another portion of the border does not display a control point. Specifically, if there is an idle space on one side of the first border of the first application icon on the desktop (the position is not occupied by other application icons), the electronic device can display a control point on the first border of the first application icon. In other words, if the position on one side of the first border of the first application icon is already occupied by other application icons, the control point will not be displayed on the first border. In this way, the user is prompted to drag the control point to trigger the transformation of the first application icon into a card form, thereby improving the user experience.

[0216] In other embodiments, in addition to displaying the control point on a portion of the border of the first application icon, the electronic device may also display an arrow on the side of the control point where there is free space. This prompts the user to drag the control point in the direction of the free space, thereby improving the user experience.

[0217] The following is an exemplary description of the implementation process of displaying a control point on a portion of the border of an application icon and transforming the application icon into an application card with a size of 2*1, in conjunction with the accompanying drawings.

[0218] The preset deformation trigger node is a deformation trigger node of 2*1 size. In this case, when the control point is dragged to reach the deformation trigger node of 2*1 size, that is, when the size of the first application icon after stretching is greater than or equal to 2*1 size, the electronic device transforms the first application icon into a first application card with a size of 2*1.

[0219] Exemplarily, as shown in (a) and (b) in Figure 10B, the electronic device displays a desktop including multiple application icons. The electronic device receives a long press operation on the application icon of the notepad APP by the user. In response to the long press operation, the electronic device displays a function menu window and displays a control point on the border of the application icon. Unlike the control points displayed on all four borders as shown in (b) of Figure 10A, in (b) of Figure 10B, control points 46 and 47 are displayed on two borders of the application icon respectively, and no control points are displayed on the other part of the border. As shown in (c) in Figure 10B, static or dynamic arrows can be displayed on the sides of the control points 46 and 47, so as to prompt the user to drag the control points in the direction of the free space (such as the arrow shown in (c) in Figure 10B) to enhance the user experience.

[0220] As shown in Figure 10B (d), the electronic device receives a user drag operation on one of the control points 46 in the y direction. In response to the drag operation, the electronic device stretches the Notepad app icon in the y direction. As shown in Figure 10B (e), when the control point 46 is dragged to the deformation trigger point, the electronic device transforms the Notepad app icon into a 2*1 application card.

[0221] As shown in (e) of Figure 10B , after the application icon transforms into an application card, if the user lifts their hand from the screen, control points are displayed on the border of the application card. For example, the electronic device displays control points 46 and 47 on two borders of the application card, respectively, while no control points are displayed on the other part of the border. After a preset period of time after the transformation into an application card, the electronic device can hide the control points on each border of the application card.

[0222] As shown in Figure 10B (f), the electronic device receives a user drag operation on control point 47 along the x-direction. In response to this drag operation, the electronic device stretches the Notepad app icon along the x-direction. As shown in Figure 10B (e), when control point 47 is dragged to the deformation trigger point, the electronic device transforms the Notepad app icon into a 2*2 application card.

[0223] It should be noted that, when a control point is displayed on a portion of the border of an application icon, the control point is not allowed to occupy the position of other icons when being dragged.

[0224] Scene 4: Application Card Transformation

[0225] The following is a schematic flow chart of controlling the transformation of an application card after controlling the transformation of an application icon into an application card.

[0226] For example, in combination with FIG. 4 , as shown in FIG. 11 , after S205 , the icon control method provided in the embodiment of the present application may further include S208 and S209 .

[0227] S208: Display at least one control point on the border of the first application card.

[0228] In some embodiments, after the first application icon is transformed into the first application card, the electronic device displays at least one control point on the border of the first application card.

[0229] In other embodiments, after the first application icon is transformed into the first application card, in response to the user's operation on the first application card (such as a long press operation), the electronic device displays a function menu window and displays at least one control point on the border of the first application card.

[0230] It should be noted that the electronic device can display a control point on each border of the first application card, or display the control point on part of the border of the first application card. The specific details can be determined based on actual usage requirements and are not limited in this application.

[0231] S209: In response to the drag operation on the second control point, adjust the size and style of the first application card.

[0232] The second control point is any one of the at least one control point on the border of the first application card.

[0233] In some embodiments, in response to the user's dragging operation on the second control point, the first application card is stretched, and the size and style of the first application card are changed accordingly, and the function icons in the first application card are increased.

[0234] Exemplarily, the electronic device adjusts the size of the first application card from 1*2 to 2*2, and the function icons in the adjusted first application card are increased.

[0235] Among them, the application card with a size of 1*2 is in a long strip style, and the application card with a size of 2*2 is in a square style.

[0236] In other embodiments, in response to the user's dragging operation on the second control point, the first application card is reduced, and the size and style of the first application card are changed accordingly, and the function icons in the first application card are reduced.

[0237] Exemplarily, the electronic device adjusts the size of the first application card from 2*2 to 2*1 or 1*2, and the function icons in the adjusted first application card are reduced.

[0238] In an embodiment of the present application, the electronic device can stretch the first application card if there is free space in the dragging direction. Specifically, the electronic device receives a user drag operation on the second control point, and then determines whether there is free space in the dragging direction. If there is free space in the dragging direction, the electronic device directly stretches the first application card in response to the user drag operation on the second control point.

[0239] For example, Figure 12A shows a schematic diagram of the interface for stretching the first application card in an embodiment of the present application. As shown in (a) of Figure 12A, the electronic device displays an application card for the Notepad app on the desktop. The electronic device receives a user operation on the first application card (such as a long press operation). As shown in (b) of Figure 12A, in response to the user operation, the electronic device displays a function menu window and displays control points on the four borders of the application card. As shown in (c) and (d) of Figure 12A, the electronic device receives a user operation of dragging a control point in the direction of the arrow. The electronic device then determines that there is an idle position along the stretching direction of the arrow. In this case, the electronic device stretches the application card in response to the drag operation. As shown in (d) and (e) of Figure 12A, when the stretched size of the application card is greater than or equal to 2*2, the electronic device transforms the 1*2 small card into a 2*2 large card. Accordingly, the function icons in the 2*2 large card increase. As the 1*2 small card transforms into the 2*2 large card, the application icons in the card also increase in size. For example, in a large 2*2 size card, the size of the application icon is the same as the size of the application icon displayed on the desktop.

[0240] In some embodiments, the electronic device can stretch the first application card when there is no free space in the drag direction. Specifically, the electronic device receives a user drag operation on the second control point and then determines whether there is free space in the drag direction. If the electronic device determines that there are other icons in the drag direction and no free space, the electronic device responds to the user drag operation on the second control point and occupies the position of the other icons along the drag direction to complete the update of the first application card.

[0241] For example, Figure 12B shows another interface diagram of stretching the first application card in an embodiment of the present application. As shown in (a) of Figure 12B, the electronic device displays the application card of the Notepad app on the desktop. The electronic device receives a user operation on the first application card (such as a long press operation). As shown in (b) of Figure 12B, in response to the user operation, the electronic device displays a function menu window and displays control points on the four borders of the application card. As shown in (c) and (d) of Figure 12B, the electronic device receives a user operation of dragging a control point in the direction of the arrow. The electronic device determines that there is no free space along the stretching direction of the arrow. In this case, the electronic device responds to the dragging operation and stretches the application card in the direction of the dragging indicated by the thick solid line, squeezing the position of other application icons. For example, other application icons such as Application Icon 1 and Application Icon 2 are squeezed to other positions in the direction indicated by the dotted arrow. As shown in (d) and (e) of Figure 12B, when the stretched size of the application card is greater than or equal to 2*2, the electronic device transforms the small 1*2 card into a large 2*2 card. Accordingly, the function icons in the large 2*2 card increase. As the 1*2 sized small card transforms into a 2*2 sized large card, the application icon in the card also becomes larger. For example, in a 2*2 sized large card, the size of the application icon is the same as the size of the application icon displayed on the desktop.

[0242] In other embodiments, if there is no free space in the drag direction, stretching the first application card is ineffective. Specifically, the electronic device receives a user drag operation on the second control point and then determines whether there is free space in the drag direction. If there are other icons in the drag direction, there is no free space. In this case, the electronic device responds to the user drag operation on the second control point by displaying an overlay along the drag direction, covering the other icons. After the user releases the finger from the screen, the electronic device retracts the second control point.

[0243] For example, Figure 12C shows another interface schematic diagram of stretching the first application card in an embodiment of the present application. As shown in (a) in Figure 12C, the electronic device displays the application card of the Notepad APP on the desktop. The four borders of the application card respectively display control points, and other application icons are present around the application card. As shown in (b) and (c) in Figure 12C, the electronic device receives an operation of the user dragging a control point in the direction of the arrow, and the electronic device determines that there is no free position along the stretching direction of the arrow. In this case, the electronic device responds to the dragging operation, stretches the application card in the direction indicated by the thick solid line, and displays a mask on other icons. In this case, a prompt message can be displayed on the desktop: deformation is not supported in this direction. As shown in (d) in Figure 12C, after the user's finger leaves the screen, the electronic device bounces the second control point back, and the size and style of the application card remain unchanged.

[0244] Scene 5: Editing function icons in cards

[0245] In an embodiment of the present application, the electronic device can replace the function icon in the application card with the function icon selected by the user in response to the user operation.

[0246] Exemplarily, in combination with FIG. 4 , as shown in FIG. 13 , after S205 , the icon control method provided in the embodiment of the present application may further include S210 and S211 .

[0247] S210: In response to a user operation on the first application card, switch the first application card to an editing state.

[0248] S211. In response to a user operation, update a function icon in the first application card.

[0249] This application provides the following two ways to edit the function icons in the application card.

[0250] Method 1: When an application card is displayed on the desktop, in the editing state, in response to the user selecting a function icon, the electronic device replaces the function icon in the application card with the function icon selected by the user.

[0251] Method 2: When an application icon is displayed on the desktop and in the editing state, in response to a user selecting a function icon, the electronic device replaces the function icon in the application card with the function icon selected by the user. Then, in response to the user's operation on the application icon, the electronic device transforms the application icon into an application card, which includes the application icon and the function icon selected by the user.

[0252] The following is a flowchart illustrating the two methods for editing the function icons in the application card.

[0253] First, the implementation process of the above-mentioned method 1 is described with reference to the accompanying drawings.

[0254] For example, as shown in (a) of FIG14A , the electronic device displays a desktop with a first application card of a notebook app displayed on the desktop. In response to a user long-pressing the border of the first application card, the electronic device displays a function menu window on one side of the first application card and displays a control point on the border of the first application card. The function menu window includes an edit shortcut function option of the notebook app and multiple function options, such as a to-do option, a photo option, a voice shorthand option, a text note option, a share option, and an uninstall option.

[0255] As shown in (b) and (c) of Figure 14A, in response to a user clicking on the Edit shortcut function option, the electronic device triggers the first application card to enter the edit state. In the edit state, the function menu window displays a return option, a display bar, and a hidden bar. The display bar includes the function options displayed in the first application card, such as the To Do option and the Photo option. The hidden bar includes function options not displayed in the first application card, such as the Voice Shorthand option and the Text Note option.

[0256] As shown in (c) and (d) of Figure 14A, the electronic device receives a user drag operation on a function option in the display bar or hidden bar, such as an operation to swap the photo function option in the display bar with the voice shorthand function option in the hidden bar. In response to the operation, the electronic device places the photo function option in the hidden bar and the voice shorthand function option in the display bar, or drags the function option in the hidden bar to a position in the display bar and, based on the position when the drag operation is released, places the function option in the display bar in the hidden bar and, at the same time, replaces the function option dragged out of the hidden bar at the same position in the display bar. As shown in (e) of Figure 14A, the display bar includes a to-do option and a voice shorthand option, and the hidden bar includes a photo option and a text note option. That is, in response to the user operation, the electronic device swaps the function options in the display bar and the hidden bar, and updates the displayed icon in the first application card, such as replacing the photo function icon in the card with the voice shorthand function icon.

[0257] Through the solution of this application, the electronic device can replace the function icon in the application card with the function icon selected by the user in response to the user's actual usage needs, thereby improving the user experience.

[0258] In some possible implementations, in response to a user dragging a function option within a display bar, the electronic device may adjust the order of the function options in the display bar, and accordingly, the electronic device adjusts the order of the function icons in the application card.

[0259] For example, (a), (b) and (c) in 14B are similar to (a), (b) and (c) in FIG14A . A to-do option and a voice shorthand option are displayed in sequence in the display bar. Accordingly, the first application icon, the voice shorthand option and the to-do option are displayed in sequence in the first application card. As shown in (c) and (d) in FIG14B , the electronic device receives an operation to adjust the order of the to-do function option and the photo function option in the display bar. In response to the operation, the electronic device exchanges the order of the to-do function option and the photo function option in the display bar. As shown in (e) in FIG14B , the voice shorthand option and the to-do option are displayed in sequence in the display bar. Accordingly, the first application icon, the to-do option and the voice shorthand option are displayed in sequence in the first application card. It can be seen that the order of the function icons in the card has changed.

[0260] It should be noted that here the example is taken as follows: the to-do option and the voice shorthand option are displayed in sequence in the display bar, and the first application icon, the voice shorthand option and the to-do option are displayed in sequence in the first application card. In actual implementation, the following situation may also exist: the to-do option and the voice shorthand option are displayed in sequence in the display bar, and the first application icon, the to-do option and the voice shorthand option are displayed in sequence in the first application card. This application does not limit this.

[0261] Through the solution of this application, when the user adjusts the function options in the display bar and the hidden bar, the content in the display area can be triggered to be adjusted; when the user adjusts the order of the function options in the display bar, the order of the function icons in the card can be triggered to be adjusted, thereby improving the user experience.

[0262] Then the implementation process of the above-mentioned method 2 will be described.

[0263] Exemplarily, as shown in (a) and (b) in Figure 15, the electronic device displays a desktop, on which the first application icon of the notebook APP is displayed. In response to the user's long press operation on the first application icon, the electronic device displays a function menu window on one side of the first application icon. The function menu window includes an editing shortcut function option of the notebook APP and multiple function options, such as a to-do option, a photo taking option, a voice shorthand option, a text note option, a sharing option, an uninstall option, etc.

[0264] Compared to the related art function menu window that only includes multiple function options, this application adds an edit shortcut function option in the function menu window. This edit shortcut function option is used to trigger the first application icon to switch to the edit shortcut function state. In the edit shortcut function state, the electronic device can respond to user operations and sort the various function options of the first application.

[0265] In response to a user clicking on the edit shortcut function option, the electronic device triggers the first application icon to enter an edit state. In the edit state, a control point is displayed on the border of the first application icon, and the options in the function menu window are adjusted, such as the return option, the display bar, and the hidden bar. The display bar includes function options displayed in the application card, such as a to-do option and a photo option. The hidden bar includes a voice shorthand option, a text note option, etc.

[0266] As shown in (c) and (d) in Figure 15, the electronic device receives a user's dragging operation on a function option in the display bar or the hidden bar, such as dragging the voice shorthand function option in the hidden bar to the photo taking function option in the display bar. In response to the operation, the electronic device swaps the photo taking function option and the voice shorthand function option. After the swap, the display bar includes a to-do option and a voice shorthand option, and the hidden bar includes a photo taking option and a text note option.

[0267] As shown in (d), (e) and (f) in Figure 15, in response to the user dragging the control point on the application icon in the direction of the arrow, the electronic device transforms the first application icon into a first application card 50, which includes a first application icon 51, a voice shorthand function icon 52 and a to-do function icon 53.

[0268] Through the solution of this application, before transforming the application icon into an application card, the electronic device can select the function icon to be displayed in the application card in response to the user's actual usage needs. Then, when the application icon is transformed into an application card, the function icon selected by the user is directly displayed in the application card, thereby improving the user experience.

[0269] Scene 6: Transforming the app card into an app icon

[0270] In the embodiment of the present application, when an application card is displayed on the desktop, the electronic device can restore the application card to an application icon in response to a user operation. The following is a flow chart of controlling the transformation of an application card into an application icon.

[0271] For example, in combination with FIG4 , as shown in FIG16 , after S205 , the icon control method provided in the embodiment of the present application may further include S212 and S213 .

[0272] S212: Display at least one control point on the border of the first application card.

[0273] In some embodiments, after the first application icon transforms into the first application card, the electronic device displays at least one control point in the border of the first application card. In some embodiments, the electronic device hides the at least one control point after the display time is greater than or equal to a certain time.

[0274] In other embodiments, after the first application icon is transformed into the first application card, in response to the user's operation on the first application card, the electronic device displays at least one control point on the border of the first application card.

[0275] It should be noted that the electronic device can display a control point on each border of the first application card, or display the control point on part of the border of the first application card. The specific details can be determined based on actual usage requirements and are not limited in this application.

[0276] S213: In response to the drag operation on the third manipulation point, restore the first application card to the first application icon.

[0277] The third control point is one of the at least one control point on the border of the first application card.

[0278] Exemplarily, the electronic device adjusts the first application card of 1*2 size to the first application icon of 1*1 size.

[0279] For example, Figure 17 shows a schematic diagram of an interface for transforming an application card into an application icon in an embodiment of the present application. As shown in Figure 17 (a), the electronic device displays an application card for the Notepad app on the desktop. As shown in Figure 17 (b), in response to a user's operation on the application card, control points are displayed on each of the four borders of the application card. As shown in Figure 17 (c), in response to a user dragging a control point in the direction of the arrow, the electronic device reduces the size of the application card in the direction of the drag indicated by the thick solid line. As the user drags a control point, the electronic device hides the other three control points. As shown in Figure 17 (d), the control points move with the hand, and the size of the application card gradually decreases. As shown in Figure 17 (e), when the reduced size of the application card is less than 1*2, the electronic device transforms the application card into a 1*1 application icon. As shown in Figure 17 (f), the electronic device can display control points on each border of the application icon and hide the control points after the display exceeds a certain period of time.

[0280] Example 2: Triggering the Icon to Transform into a Card by Selecting a Card Style

[0281] FIG18 is a flow chart of the icon control method provided in the second embodiment of the present application.

[0282] S301: Display a first application icon of a first application in a first area of ​​a desktop.

[0283] The first application can be any application in the electronic device, for example, the first application can be a system application such as a settings APP, a gallery APP, a camera APP, a notepad APP, etc. Map APP and other third-party applications. Among them, the size of the first application icon is 1*1.

[0284] S302: Detect a fourth operation on the first application icon.

[0285] Exemplarily, the fourth operation may be a long press operation on the first application icon or other possible operations.

[0286] S303: In response to the fourth operation, a function menu window is displayed in the second area of ​​the desktop, where the function menu window includes a plurality of function options set as shortcut function options and the first application.

[0287] When the function menu window is displayed in the second area of ​​the desktop, the electronic device displays a mask in other areas of the desktop except the first area and the second area to highlight the first application icon and the function menu window for user operation.

[0288] S304: In response to the operation of setting as a shortcut function option, display card schematics of different styles.

[0289] S305: In response to the operation on the card schematic diagram of the first style, update the first application icon to a first application card of the first style, where the first application card includes the first application icon and at least one function icon of the first application.

[0290] Among them, the at least one function icon of the first application can be a function icon corresponding to a high-frequency function of the first application, which can be automatically recommended by the system or customized by the user.

[0291] In an embodiment of the present application, in response to a user's operation on an application icon on the desktop, a card diagram of various styles is triggered to be displayed. In response to the user selecting a card diagram of a certain style, the application icon is updated to an application card of the style selected by the user, and high-frequency function icons are directly exposed in the application card. When a user needs to use a high-frequency service of a certain application, the user can directly click on the exposed function icon of the application on the desktop, reducing the number of interaction steps. Through the solution of this application, the efficiency of launching application functions can be improved.

[0292] A possible implementation of the above embodiment is schematically described below with reference to the accompanying drawings.

[0293] As shown in (a) and (b) of Figure 19, a first application icon 61 is displayed in an icon area (first area) of the desktop. In response to a user's long press operation on the first application icon 61, the electronic device displays a function menu window. The function menu window includes a shortcut function option 62 and multiple function options 63, such as a to-do option, a voice shorthand option, a photo option, a text note option, a share option, an uninstall option, etc. As shown in (b) and (c) of Figure 19, in response to a user's operation on the shortcut function option 62 (such as a click operation), the electronic device displays a card setting menu, which includes a card style column 64 and a category display column 65. Schematic diagrams of cards of various styles are displayed in the card style column 64, such as 1*1 size, 1*2 size, 2*1 size, 2*2 size, etc. It should be noted that the card corresponding to the 1*1 size is the application icon. The current style is the application icon, so the 1*1 size is the default selected option (such as the 1*1 size option is displayed with a shadow). The category display bar 65 includes a display bar and a hidden bar. The display bar includes a portion of frequently used functional options, such as to-do options and voice shorthand options. The function icons of these options will be displayed in the application card. The hidden bar includes another portion of functional options. The function icons of these options are not displayed in the application card (i.e., hidden).

[0294] Compared to the related art's function menu window, which only includes multiple function options, this application adds a "Set as a shortcut function" option in the function menu window. This "Set as a shortcut function" option is used to trigger the display of various card diagrams for the user to select. In response to the user selecting a card diagram of a certain style, the electronic device can transform the application icon into a card of the style selected by the user.

[0295] As shown in (d) in Figure 19, a shadow is displayed at the 1*2 size option, indicating that the 1*2 size option is selected. When the user selects the 1*2 size card schematic, the electronic device replaces the application icon 61 on the desktop with a 1*2 size application card 66. The application card 66 includes a reduced-size application icon 61, a to-do function icon, and a voice shorthand function icon. Accordingly, the display bar of the function menu window includes a to-do option and a voice shorthand option. The electronic device can edit the function icons to be displayed in the application card in response to the user's operation of selecting a function option, such as updating the function icon or sorting the function icons.

[0296] As shown in (e) in Figure 19, a shadow is displayed at the 2*1 size option, indicating that the 1*2 size option is selected. When the user selects the 2*1 size card schematic, the electronic device replaces the application icon 61 on the desktop with a 2*1 size application card 67. The application card 67 includes a reduced-size application icon 61, function icons such as to-do functions and voice shorthand. Correspondingly, the display bar of the function menu window includes options such as to-do and voice shorthand. The electronic device can edit the function icons to be displayed in the application card in response to the user's operation of selecting a function option, such as updating the function icon or sorting the function icons.

[0297] As shown in (f) in Figure 19, a shadow is displayed at the 2*2 size option, indicating that the 2*2 size option is selected. When the user selects the 2*2 size card schematic, the electronic device replaces the application icon 61 on the desktop with a 2*2 size application card 68. The application card 68 includes a reduced size application icon 61, function icons such as to-do functions, voice shorthand, photo taking, text notes, and sharing. Correspondingly, the display bar of the function menu window includes options such as to-do, voice shorthand, photo taking, text notes, and sharing. The electronic device can edit the function icons to be displayed in the application card in response to the user's operation of selecting a function option, such as sorting the function icons.

[0298] Another possible implementation of the above embodiment is schematically described below with reference to the accompanying drawings.

[0299] As shown in (a) and (b) of Figure 20, in response to the user's long press operation on the application icon of the notepad APP, the electronic device displays a function menu window. The function menu window includes options set as shortcut function options and multiple function options, such as to-do, voice shorthand, photo taking, text notes, sharing, uninstalling and other options. As shown in (b) and (c) of Figure 20, in response to the user's operation on the shortcut function option (such as a click operation), the electronic device displays a card setting menu, and the card setting menu includes a card style bar, a display bar, a hidden bar, and an exit control. Schematic diagrams of cards of various styles are displayed in the card style bar, such as 1*1 size, 1*2 size, 2*1 size, 2*2 size, etc. For the description of the display bar and the hidden bar, please refer to the detailed description of the display bar and the hidden bar in the above embodiment.

[0300] As shown in (d) of Figure 20, when the user selects a 1*2 sized card diagram, the electronic device replaces the application icon of the Notepad APP on the desktop with a 1*2 sized application card. The application card of the Notepad APP includes a reduced-size application icon and two function icons: to-do and voice shorthand. As shown in (e) and (f) of Figure 20, in response to the user's operation on the exit control, the electronic device hides the card setting menu. The application card of the Notepad APP is displayed on the desktop, and the user can operate the icon in the application card according to actual usage needs to trigger the quick activation of the Notepad APP or quickly start a function of the Notepad APP.

[0301] The following is a schematic illustration of possible implementation methods for restoring a card to an icon in the above embodiment with reference to the accompanying drawings.

[0302] As shown in (a) and (b) of Figure 21, the desktop displays an application card for the Notepad app. In response to a user long-pressing the application card, the electronic device displays a function menu window. The function menu window includes card-style options and multiple function options, such as to-do items, voice shorthand, photo taking, text notes, sharing, and uninstalling. As shown in (b) and (c) of Figure 21, in response to a user operating (e.g., clicking) an option set to a card style, the electronic device displays a card settings menu. The card settings menu includes a card style bar, a display bar, a hide bar, and an exit control. As shown in (d) and (e) of Figure 21, when the user selects a 1*1 card diagram, the electronic device displays a preview animation on the desktop showing the card transforming into an application icon: the 1*2 application card of the Notepad app on the desktop is replaced with a 1*1 application icon. As shown in (e) and (f) of Figure 21, in response to the user operating the exit control, the electronic device hides the card settings menu. The 1*2 application card on the desktop is restored to the application icon of the Notepad app.

[0303] Through the solution of this application, in response to the user's operation on a certain application icon on the desktop, the application icon is transformed into an application card, which displays a reduced-size application icon and application function icon, and the application's high-frequency function icon can be directly exposed through the application card. In this way, the application's high-frequency function icon is directly displayed on the desktop together with the application icon, which is more intuitive for the user and more convenient to find and use the application's high-frequency functions. When the user operates the application card, it can trigger the launch of the application and then display the application's main page, or it can quickly enable a function of the application and then display the function display page. Therefore, the solution of this application makes user operation more convenient and can improve the efficiency of opening applications.

[0304] It should be noted that, in the embodiments of the present application, "greater than" can be replaced by "greater than or equal to", "less than or equal to" can be replaced by "less than", or "greater than or equal to" can be replaced by "greater than", and "less than" can be replaced by "less than or equal to".

[0305] The various embodiments described herein may be independent solutions or may be combined according to internal logic, and all of these solutions fall within the scope of protection of this application.

[0306] The above mainly describes the solution provided by the embodiment of the present application from the perspective of method steps. It is understandable that, in order to achieve the above functions, the electronic device implementing the method includes hardware structures and / or software modules corresponding to the execution of each function. Those skilled in the art should be aware that, in combination with the units and algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in a hardware or computer software driven hardware manner depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of protection of this application.

[0307] In the embodiment of the present application, the electronic device can be divided into functional modules according to the above method examples. For example, each functional module can be divided according to each function, or two or more functions can be integrated into one processing module. The above-mentioned integrated modules can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the embodiment of the present application is schematic and is only a logical function division. In actual implementation, there may be other feasible division methods.

[0308] The present application also provides a chip, which is coupled to a memory and is used to read and execute computer programs or instructions stored in the memory to perform the methods in the above embodiments.

[0309] The present application also provides an electronic device, which includes a chip, and the chip is used to read and execute computer programs or instructions stored in a memory, so that the methods in each embodiment are executed.

[0310] This embodiment further provides a computer-readable storage medium, which stores computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes the above-mentioned related method steps to implement the icon control method in the above-mentioned embodiment.

[0311] This embodiment further provides a computer program product, wherein the computer-readable storage medium stores program code. When the computer program product is run on a computer, the computer is caused to execute the above-mentioned related steps to implement the icon control method in the above-mentioned embodiment.

[0312] In addition, an embodiment of the present application also provides a device, which can specifically be a chip, component or module, and the device may include a connected processor and memory; wherein the memory is used to store computer-executable instructions, and when the device is running, the processor can execute the computer-executable instructions stored in the memory to enable the chip to execute the icon control method in the above-mentioned method embodiments.

[0313] Among them, the electronic device, computer-readable storage medium, computer program product or chip provided in this embodiment are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding methods provided above, and will not be repeated here.

[0314] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely schematic. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0315] The term "and / or" as used herein describes an association between related objects, indicating that three possible relationships exist. For example, "A and / or B" can represent: A exists alone, A and B exist simultaneously, or B exists alone. The symbol " / " as used herein indicates that the related objects are in an "or" relationship, for example, A / B means either A or B.

[0316] In the specification and claims herein, the terms "first" and "second" are used to distinguish different objects, rather than to describe a specific order of objects. In the description of the embodiments of this application, unless otherwise specified, the meaning of "plurality" refers to two or more. For example, "multiple processing units" refers to two or more processing units, etc.; "multiple components" refers to two or more components, etc.

[0317] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.

Claims

1. An icon control method, characterized in that: include: Displaying a desktop, wherein a first application icon corresponding to the first application is displayed on the desktop; In response to a user's operation on the first application icon, transforming the first application icon into a first application card, wherein the first application icon and a function icon of the first application are displayed in the first application card; When detecting that the first application icon is selected, jumping from the desktop to a main page of the first application; When it is detected that the function icon of the first application is selected, the desktop is jumped to the function display interface corresponding to the function icon.

2. The method according to claim 1, characterized in that: The function icons in the first application card are icons of default functions recommended by the system and / or icons of specific functions configured according to user behavior data.

3. The method according to claim 1 or 2, characterized in that: The display size of the first application icon after deformation is determined according to the display size of the first application card; The display size of the first application icon after deformation is smaller than or equal to the display size of the first application icon before deformation.

4. The method according to any one of claims 1 to 3, characterized in that After transforming the first application icon into a first application card, the method further includes: Receiving an operation on the first application card, triggering the first application card to switch to an editing state; When the first application card is in an editing state, in response to a user operation, at least one of a size and a function icon of the first application card is updated.

5. The method according to claim 4, characterized in that When the first application card is in the editing state, updating the size of the first application card in response to a user operation includes: When the first application card is in an editing state, displaying at least one control point on the border of the first application card; In response to a user dragging operation on a second control point among the at least one control point, stretching or shrinking the first application card; When the first application card exits the editing state, additional display function icons are added to the stretched first application card, or fewer display function icons are added to the shrunk first application card.

6. The method according to claim 5, characterized in that The stretching or shrinking the first application card includes: When the size of the first application card after stretching is greater than or equal to the first preset size, the first application card is transformed into a first application card of the first preset size; When the reduced size of the first application card is smaller than the second preset size, transforming the first application card into a first application card of the second preset size; Wherein, the first preset size is larger than the second preset size.

7. The method according to claim 5 or 6, characterized in that: The stretching of the first application card comprises: When the first application card is stretched along a first direction, a preview mask is displayed to prompt that the first application card is stretched along the first direction. After stretching, it will transform into a larger card.

8. The method according to claim 7, characterized in that The method of displaying a preview mask when the first application card is stretched along a first direction includes: When the first application card is stretched along the first direction, if the number of shortcut functions of the first application card is greater than or equal to the number of function icons required by the card of the larger size, the preview mask is displayed.

9. The method according to claim 4, characterized in that When the first application card is in the editing state, updating the function icon of the first application card in response to a user operation includes: When the first application card is in an editing state, a function editing window is displayed on one side of the first application card, the function editing window includes a display bar and a hidden bar, and the function icons in the display bar are displayed in the first application card; Upon receiving a user operation on the function editing window, the first function icon in the display bar is swapped with the second function icon in the hidden bar; when the first application card exits the editing state, the first function icon in the first application card is replaced with the second function icon; or, Upon receiving a user operation on the function editing window, the display order of the function icons in the display bar is adjusted; when the first application card exits the editing state, each function icon is displayed in the first application card according to the adjusted display order.

10. The method according to claim 4, characterized in that When the first application card is in the editing state, updating the function icon of the first application card in response to a user operation includes: When the first application card is in an editing state, a function list is displayed on one side of the first application card, and each function icon in the function list is arranged in sequence, and the first N function icons in the function list are displayed in the first application card; receiving an operation on the function list by a user, and adjusting the order of the functions in the function list; When the first application card exits the editing state, the N function icons in the first application card are updated to the first N function icons after the function list is adjusted.

11. The method according to any one of claims 1 to 10, characterized in that The step of transforming the first application icon into a first application card in response to the user's operation on the first application icon includes: Receiving an operation on the first application icon by the user, triggering the first application icon to switch to an editing state; When the first application icon is in an editing state, displaying at least one control point on a border of the first application icon; In response to a user dragging operation on a first control point among the at least one control point, the first application icon is stretched and transformed into the first application card.

12. The method according to claim 11, characterized in that The step of displaying at least one control point on the border of the first application icon when the first application icon is in the editing state includes: When the first application icon is in an editing state, if the total number of shortcut functions of the first application icon is greater than or equal to a preset number, the at least one control point is displayed on the border of the first application icon.

13. The method according to claim 11 or 12, characterized in that: The stretching and transforming the first application icon into the first application card includes: When the stretched size of the first application icon is greater than or equal to a third preset size, the first application icon is transformed into a first application card of the third preset size.

14. The method according to any one of claims 11 to 13, characterized in that A control point is displayed on each border of the first application icon; The method further comprises: When the first application icon is stretched, retaining the first control point and hiding other control points except the first control point; When the first application icon is transformed into the first application card, the control points on each border are restored to display.

15. The method according to any one of claims 11 to 14, characterized in that The stretching of the first application icon includes: If there is an idle position along the dragging direction, stretching the first application icon along the dragging direction; When there is a second application icon and no free position along the dragging direction, stretch the first application icon along the dragging direction, the stretched first application icon occupies the position of the second application icon, and move the second application icon to other free positions on the desktop.

16. The method according to any one of claims 1 to 15, characterized in that After transforming the first application icon into the first application card, the method further includes: Displaying a control point on the border of the first application card; In response to a user's dragging operation on the control point, shrinking the first application card; When the reduced size of the first application card is smaller than a fourth preset size, the first application card is restored to the first application icon.

17. The method according to any one of claims 1 to 3, characterized in that The step of transforming the first application icon into a first application card in response to the user's operation on the first application icon includes: receiving a user operation on the first application icon, and displaying a function editing window, wherein the function editing window includes a third control, and the third control is used to trigger setting the application icon as a card; Upon receiving an operation of the user on the third control, a card setting window is displayed, wherein the card setting window includes card schematic diagrams, a display bar, and a hidden bar of multiple styles; cards of different styles have different sizes, the display bar includes function icons displayed in the card, and the hidden bar includes function icons that are not displayed in the card; receiving a user operation on the card schematic diagram of the first style, transforming the first application icon into the first application card of the first style, wherein the function icon in the display bar is displayed in the first application card; The first style is any one of the multiple styles.

18. An electronic device, characterized in that: The electronic device comprises a processor, a memory, and a computer program stored in the memory, wherein the processor is configured to execute the computer program so that the electronic device implements the method according to any one of claims 1 to 17.

19. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed on an electronic device, the electronic device executes the method according to any one of claims 1 to 17.

20. A computer program product, characterized in that The computer program product comprises a computer program code, and when the computer program code is executed by an electronic device, the electronic device executes the method according to any one of claims 1 to 17.

Images