Interface display method and related device

Abstract

The embodiment of the invention provides an interface display method and a related device, and relates to the technical field of terminals. The method comprises the steps that the electronic equipment can display a shortcut card on a desktop, one or more shortcuts are displayed in the shortcut card, and the size of the shortcut card can be correspondingly adjusted according to operation of a user. In addition, the shortcut card can adjust the sequence of one or more shortcuts according to the operation of the user, so that the user can conveniently search and use the related shortcuts.

Description

Technical Field

[0001] This application relates to the technical field of terminals, and in particular, to an interface display method and related devices. Background Art

[0002] Some electronic devices support the display of shortcuts for some applications. Exemplarily, a user can trigger an operation of long-pressing an application icon. In response to this trigger operation, the electronic device can display common shortcuts near the application icon. For example, the shortcuts include "Scan" and "Payment". The user can trigger an operation of clicking the corresponding shortcut. In response to this click operation, the electronic device can open the corresponding shortcut function.

[0003] However, the above operation steps for using shortcuts are relatively complex. Summary of the Invention

[0004] The interface display method and related devices provided in the embodiments of this application enable an electronic device to display a shortcut card on the desktop, and externally display one or more shortcuts in the shortcut card, thereby facilitating the user to find and use relevant shortcuts.

[0005] In a first aspect, the interface display method provided in the embodiments of this application includes:

[0006] Receiving a first operation for triggering an icon of a first application; in response to the first operation, displaying a first border around the first application; receiving a second operation for triggering the first border to become larger; in response to the second operation, obtaining target data, and displaying a first card based on the target data, where the first card includes an icon of the first application and icons of one or more shortcuts of the first application; where the target data includes one or more of the following: the size of the first card, the position of the first card, the identifiers of one or more shortcuts, and the display order of one or more shortcuts. In this way, the electronic device can display a shortcut card on the desktop, and externally display one or more shortcuts in the shortcut card. Thus, it can facilitate the user to find and use relevant shortcuts and improve the user experience.

[0007] In a possible implementation, the first border includes a first side, a second side, a third side, and a fourth side. The first side and the second side are opposite to each other in the horizontal direction, and the third side and the fourth side are opposite to each other in the vertical direction. The second operation for enlarging the first border includes one or more of the following operations: dragging the first side or the second side away from the icon of the first application in the horizontal direction, or dragging the third side or the fourth side away from the icon of the first application in the vertical direction. The first border can be enlarged in the horizontal direction, or in the vertical direction, or simultaneously in the horizontal and vertical directions, so that different styles of the first card can be obtained. In this way, the electronic device can flexibly display the style of the first card in the interface, increasing the variety of display styles of the first card and enhancing the user experience.

[0008] In a possible implementation, obtaining the target data includes: calling the interface of the Package Management Service (PMS) to obtain the target data; after displaying the first card, it further includes: transmitting the first information of the first card to the PMS, where the first information is used to identify that the interface of the electronic device has changed from the icon of the first application to displaying the first card; saving the target data in the database. Transmitting the first information to the PMS can notify the PMS that the icon of the first application in the current desktop has been replaced by the first card. In this way, the PMS can keep the data displayed by the desktop application synchronized in a timely manner, so as to correctly manage the application shortcuts. In addition, saving the target data in the database can update the data displayed by the desktop application in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can be displayed based on the data saved in the database, improving the data loading speed and ensuring the correctness of data loading.

[0009] In a possible implementation, the first card includes a first shortcut and a second shortcut. The method further includes: receiving a third operation for triggering the first card; in response to the third operation, displaying a first area, where the first position of the first area is the area corresponding to the first shortcut, and the second position of the first area is the area corresponding to the second shortcut; receiving a fourth operation for moving the first shortcut to the second position; in response to the fourth operation, displaying the first area, where the first position of the first area is the area corresponding to the second shortcut, and the second position of the first area is the area corresponding to the first shortcut; updating the display of the first card to exchange the positions of the first shortcut and the second shortcut in the first card. After the user long-presses the first card, the first area for sorting the shortcuts can be displayed. In this way, different users can sort the shortcuts based on their respective usage habits, thereby enhancing the user experience.

[0010] In a possible implementation, before displaying the first area, it further includes: displaying a first control; receiving a fifth operation for triggering the first control; displaying the first area, including: in response to the fifth operation, displaying the first area. After the user long-presses the first card, an editing shortcut function option can be provided for the user to determine whether to enter the interface for sorting shortcuts. If the user clicks the first control, the first area for sorting the shortcuts can be displayed. In this way, determining whether to display the first area for sorting the shortcuts according to the user's selection can give the user more choices and provide more functions for the user on the interface corresponding to the first control, thereby enhancing the user experience.

[0011] In a possible implementation, the first position in the first card is the position where the icon of the first shortcut is located, and the second position in the first card is the position where the icon of the second shortcut is located. The method further includes: receiving a sixth operation for moving the icon of the first shortcut to the second position; in response to the sixth operation, updating and displaying the first card, where the first position is the position where the icon of the second shortcut is located, and the second position is the position where the icon of the first shortcut is located. The user can sort the shortcuts by long-pressing and dragging the icon of the first shortcut in the first card. In this way, the function of sorting shortcuts is easier to operate, providing a more convenient function for the user to sort shortcuts, thereby enhancing the user experience.

[0012] In a possible implementation, after updating and displaying the first card, it further includes: saving the display order of the first shortcut and the second shortcut in the database. Saving the display order of the first shortcut and the second shortcut in the database can be consistent with the order of the shortcuts displayed in the desktop application, so that when the desktop application needs to load data, the order of the shortcuts can be correctly displayed based on the data in the database.

[0013] In a possible implementation, the method further includes: receiving a seventh operation for triggering the first card; in response to the seventh operation, displaying a second border around the first card; receiving an eighth operation for triggering the second border to become smaller; in response to the eighth operation, displaying the icon of the first application. The embodiments of the present application can implement the display of the first application icon as the first card, and can also implement the display of the first card as the icon of the first application. Different users can perform different displays on the desktop according to their respective usage habits. The embodiments of the present application enhance the user's operability and selectivity by flexibly switching between the application icon and the shortcut card, thereby enhancing the user experience.

[0014] In a possible implementation, after displaying the icon of the first application, it further includes: transmitting second information of the first application to the PMS, where the second information is used to identify that the interface of the electronic device has changed from the first card to displaying the icon of the first application; and saving the data of the first application in the database. Transmitting the second information to the PMS can notify the PMS that the first card in the current desktop has been replaced with the icon of the first application. In this way, the PMS can keep the data displayed by the desktop application synchronized in a timely manner, so as to correctly manage the applications. In addition, saving the data of the first application in the database can update the data displayed by the desktop application in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can be displayed based on the data saved in the database, improving the data loading speed and ensuring the correctness of data loading.

[0015] In a possible implementation, the method further includes: when the first card is displayed and the electronic device is restarted, loading the display order of one or more shortcuts from the database, and calling the interface of the PMS to obtain the icon of the first application and the icons of one or more shortcuts; and displaying the first card based on the icon of the first application, the icons of one or more shortcuts, and the display order of one or more shortcuts. When the first card is displayed and the electronic device is restarted, the desktop application can reload the first card based on the data saved in the database and the data obtained from the PMS. In this way, the first card can be quickly displayed based on the saved data, and the user does not need to re-trigger the relevant operations for changing from the icon of the first application to the first card, thus improving the user experience.

[0016] Second aspect, embodiments of the present application provide a device for interface display. This device can be an electronic device, or a chip or a chip system within the electronic device. The device may include a processing unit and a display unit. The processing unit is configured to implement any processing-related method executed by the electronic device in the first aspect or any possible implementation manner of the first aspect. The display unit is configured to implement any display-related method executed by the electronic device in the first aspect or any possible implementation manner of the first aspect. When the device is an electronic device, the processing unit may be a processor. The device may further include a storage unit, and the storage unit may be a memory. The storage unit is used to store instructions, and the processing unit executes the instructions stored in the storage unit to enable the electronic device to implement the method described in the first aspect or any possible implementation manner of the first aspect. When the device is a chip or a chip system within the electronic device, the processing unit may be a processor. The processing unit executes the instructions stored in the storage unit to enable the electronic device to implement the method described in the first aspect or any possible implementation manner of the first aspect. The storage unit may be a storage unit within the chip (such as registers, caches, etc.), or a storage unit outside the chip within the electronic device (such as read-only memory, random access memory, etc.).

[0017] Exemplarily, the display unit is configured to display a first border around a first application and is further configured to display a first card. The processing unit is configured to receive a first operation for triggering an icon of the first application, and is further configured to receive a second operation for triggering the first border to become larger, and specifically is further configured to obtain target data.

[0018] In a possible implementation manner, the first border includes a first side, a second side, a third side, and a fourth side. The first side and the second side are opposite in the horizontal direction, and the third side and the fourth side are opposite in the vertical direction. The second operation for the first border to become larger includes one or more of the following operations: dragging the first side or the second side away from the icon of the first application in the horizontal direction, or dragging the third side or the fourth side away from the icon of the first application in the vertical direction.

[0019] In a possible implementation manner, the processing unit is configured to call an interface of the Package Management Service (PMS) to obtain target data, and is further configured to pass first information of the first card to the PMS, and specifically is further configured to save the target data in a database.

[0020] In a possible implementation manner, the processing unit is configured to receive a third operation for triggering the first card, and is further configured to receive a fourth operation for moving the first shortcut to a second position. The display unit is configured to display a first area and is further configured to update the display of the first card.

[0021] In a possible implementation, a processing unit is configured to receive a fifth operation that triggers a first control. A display unit is configured to display the first control and is further configured to display a first area.

[0022] In a possible implementation, a processing unit is configured to receive a sixth operation that moves the icon of a first shortcut to a second position. A display unit is configured to update the display of a first card.

[0023] In a possible implementation, a processing unit is configured to save the display order of a first shortcut and a second shortcut in a database.

[0024] In a possible implementation, a processing unit is configured to receive a seventh operation that triggers a first card and is further configured to receive an eighth operation that triggers a second border to become smaller. A display unit is configured to display a second border around the first card and is further configured to display the icon of a first application.

[0025] In a possible implementation, a processing unit is configured to pass second information of a first application to the PMS and is further configured to save data of the first application in a database.

[0026] In a possible implementation, a processing unit is configured to load the display order of one or more shortcuts from a database, call the interface of the PMS to obtain the icon of a first application and the icons of one or more shortcuts. A display unit is configured to display a first card.

[0027] In a third aspect, an embodiment of the present application provides an electronic device, including a processor and a memory. The memory is used to store code instructions, and the processor is used to run the code instructions to execute the method described in the first aspect or any possible implementation manner of the first aspect.

[0028] In a fourth aspect, the present application provides a chip or a chip system. The chip or the chip system includes at least one processor and a communication interface. The communication interface and the at least one processor are interconnected by a line. The at least one processor is used to run a computer program or instruction to execute the method described in the first aspect or any possible implementation manner of the first aspect. Wherein, the communication interface in the chip can be an input / output interface, a pin or a circuit, etc.

[0029] In a possible implementation, the chip or the chip system described above in the present application further includes at least one memory, and instructions are stored in the at least one memory. The memory can be an internal storage unit of the chip, for example, a register, a cache, etc., or a storage unit of the chip (for example, a read-only memory, a random access memory, etc.).

[0030] Fifth aspect, an embodiment of the present application provides a computer-readable storage medium, in which a computer program or instruction is stored. When the computer program or instruction runs on a computer, the computer is caused to execute the method described in the first aspect or any possible implementation manner of the first aspect.

[0031] Sixth aspect, an embodiment of the present application provides a computer program product including a computer program. When the computer program runs on a computer, the computer is caused to execute the method described in the first aspect or any possible implementation manner of the first aspect.

[0032] It should be understood that the second to sixth aspects of the present application correspond to the technical solutions of the first aspect of the present application, and the beneficial effects obtained by each aspect and the corresponding feasible implementation manners are similar, and will not be elaborated herein. Description of the Drawings

[0033] Figure 1 It is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

[0034] Figure 2 It is a schematic software structure diagram of an electronic device provided by an embodiment of the present application;

[0035] Figure 3 It is a schematic interface diagram of a mobile phone desktop provided by an embodiment of the present application;

[0036] Figure 4 It is a schematic interface diagram of horizontally dragging a drag border provided by an embodiment of the present application;

[0037] Figure 5 It is a schematic interface diagram of horizontally displaying multiple quick applications provided by an embodiment of the present application;

[0038] Figure 6 It is a schematic interface diagram of vertically dragging a drag border provided by an embodiment of the present application;

[0039] Figure 7 It is a schematic interface diagram of vertically displaying multiple quick applications provided by an embodiment of the present application;

[0040] Figure 8 It is a schematic interface diagram of the interface after horizontally and vertically dragging a drag border provided by an embodiment of the present application;

[0041] Figure 9 It is a schematic interface diagram of sorting shortcuts provided by an embodiment of the present application;

[0042] Figure 10 It is a schematic flowchart of loading shortcut card data provided by an embodiment of the present application;

[0043] Figure 11 A schematic flow chart of generating a shortcut card for an application icon provided by an embodiment of the present application;

[0044] Figure 12 A schematic flow chart of generating an application icon for a shortcut card provided by an embodiment of the present application;

[0045] Figure 13 A schematic flow chart of sorting shortcuts provided by an embodiment of the present application;

[0046] Figure 14 A schematic diagram of an interface display method provided by an embodiment of the present application;

[0047] Figure 15 A schematic diagram of the structure of a chip provided by an embodiment of the present application. Detailed implementation manners

[0048] For the convenience of clearly describing the technical solutions of the embodiments of the present application, the following briefly introduces some terms and technologies involved in the embodiments of the present application:

[0049] 1. Terms

[0050] In the embodiments of the present application, terms such as "first" and "second" are used to distinguish the same items or similar items with basically the same functions and roles. For example, the first chip and the second chip are only used to distinguish different chips, and do not limit their sequence. Those skilled in the art can understand that terms such as "first" and "second" do not limit the quantity and execution order, and terms such as "first" and "second" do not necessarily limit differences.

[0051] It should be noted that in the embodiments of the present application, words such as "exemplary" or "for example" are used to represent examples, illustrations or explanations. Any embodiment or design solution described as "exemplary" or "for example" in the present application should not be construed as being more preferred or having more advantages than other embodiments or design solutions. Exactly speaking, using words such as "exemplary" or "for example" aims to present relevant concepts in a specific manner.

[0052] In the embodiments of the present application, "at least one" means one or more, and "a plurality" means two or more. "And / or" describes the association relationship of associated objects and indicates that there can be three relationships. For example, A and / or B can represent: A exists alone, A and B exist simultaneously, and B exists alone, where A and B can be singular or plural. The character " / " generally represents an "or" relationship between the front and back associated objects. "At least one (item)" or its similar expression refers to any combination of these items, including any combination of single item (s) or plural items (s). For example, at least one (item) of a, b, or c can represent: a, b, c, a - b, a - c, b - c, or a - b - c, where a, b, and c can be single or multiple.

[0053] 2. Electronic device

[0054] The electronic device in the embodiments of the present application can also be any form of terminal device. For example, the electronic device can include: mobile phone, tablet computer, handheld computer, laptop computer, mobile internet device (MID), wearable device, virtual reality (VR) device, augmented reality (AR) device, wireless terminal in industrial control, wireless terminal in self-driving, wireless terminal in remote medical surgery, wireless terminal in smart grid, wireless terminal in transportation safety, wireless terminal in smart city, wireless terminal in smart home, cellular phone, cordless phone, session initiation protocol (SIP) phone, wireless local loop (WLL) station, personal digital assistant (PDA), handheld device with wireless communication function, computing device or other processing devices connected to a wireless modem, vehicle-mounted device, wearable device, electronic device in a 5G network, or electronic device in a future evolved public land mobile network (PLMN), etc. The embodiments of the present application do not limit this.

[0055] By way of example and not limitation, in the embodiments of the present application, the electronic device may also be a wearable device. A wearable device, also known as a wearable intelligent device, is a general term for devices developed by applying wearable technologies to the intelligent design of daily wear, such as glasses, gloves, watches, clothing, shoes, etc. A wearable device is a portable device that is worn directly on the body or integrated into the user's clothing or accessories. A wearable device is not only a hardware device, but also realizes powerful functions through software support, data interaction, and cloud interaction. Broadly speaking, wearable intelligent devices include those with complete functions, large sizes, and can realize complete or partial functions without relying on a smart phone, such as smart watches or smart glasses, etc., and those that only focus on a certain type of application function and need to cooperate with other devices such as smart phones, such as various smart bracelets and smart jewelry for physical sign monitoring.

[0056] In addition, in the embodiments of the present application, the electronic device may also be an electronic device in an Internet of Things (IoT) system. The IoT is an important part of the future development of information technology. Its main technical feature is to connect objects to the network through communication technology, so as to realize an intelligent network of human-machine interconnection and thing-thing interconnection.

[0057] The electronic device in the embodiments of the present application may also be referred to as: user equipment (UE), mobile station (MS), mobile terminal (MT), access terminal, user unit, user station, mobile station, mobile platform, remote station, remote terminal, mobile device, user terminal, terminal, wireless communication device, user agent, or user device, etc.

[0058] In the embodiments of the present application, the electronic device or each network device includes a hardware layer, an operating system layer running on the hardware layer, and an application layer running on the operating system layer. The hardware layer includes hardware such as a central processing unit (CPU), a memory management unit (MMU), and a memory (also called main memory). The operating system can be any one or more computer operating systems that implement service processing through processes, such as the Linux operating system, Unix operating system, Android operating system, iOS operating system, or Windows operating system, etc. The application layer includes applications such as a browser, an address book, a word processing software, and an instant messaging software.

[0059] Exemplarily, Figure 1 The structural schematic diagram of the electronic device is shown.

[0060] The electronic device 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 170B, a microphone 170C, a headphone jack 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. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0061] It can be understood that the structure schematically shown in the embodiments of the present invention does not constitute a specific limitation on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown, or combine certain components, or split certain components, or have different component arrangements. The components shown may be implemented by hardware, software, or a combination of software and hardware.

[0062] 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 video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors. The controller may generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.

[0063] A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory may hold the instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can be directly retrieved from the above-mentioned memory. This avoids repeated accesses and reduces the waiting time of the processor 110, thus improving the efficiency of the system. For example, in the embodiments of the present application, the processor 110 may be used to process the loading of shortcut cards, the sorting of shortcuts, the acquisition of shortcut icon data, etc.

[0064] It can be understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention are only illustrative and do not constitute a limitation on the structure of the electronic device. In other embodiments of the present application, the electronic device may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0065] The internal memory 121 may be used to store computer-executable program code, and the executable program code includes instructions. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, application programs required for at least one function, etc. The data storage area may store data created during the use of the electronic device. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the electronic device by running the instructions stored in the internal memory 121 and / or the instructions stored in the memory provided in the processor. For example, in the embodiments of the present application, the internal memory 121 may be used to store shortcut icon data, application data, relevant codes for the display of shortcut card styles, etc.

[0066] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. In some embodiments, the electronic device may include one or N display screens 194, where N is a positive integer greater than 1. The electronic device realizes the display function through the GPU, the display screen 194, and the application processor, etc. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. For example, in the embodiments of the present application, the display screen 194 may be used to display application icons, and may also display shortcut cards, etc.

[0067] Figure 2It is a software structure block diagram of the electronic device according to an embodiment of the present application. The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers, from top to bottom, namely the application layer, the application framework layer, the Android runtime and system libraries, the hardware adaptation layer (HAL), and the kernel layer.

[0068] The application layer can also be called the app layer, and the app layer can include a series of application packages. As Figure 2 shown, the application packages can include applications such as phone, music, calendar, camera, game, memo, video, etc. The applications can include system applications and third-party applications.

[0069] In the embodiment of the present application, the app layer can also include a desktop application, which can be understood as a system application of the electronic device. The desktop application can include a display layer, a control layer, and a data layer.

[0070] Among them, the display layer can be used to display shortcut cards, the animation of opening or returning the shortcut card, and the drag animation of the shortcut card, etc. In some implementations, the shortcut can also be called a shortcut. For the convenience of description, the shortcut will be used for subsequent descriptions.

[0071] The control layer can be used to execute the loading of shortcut icons, generate shortcut cards, and remove shortcut cards, etc.

[0072] The data layer can be used to save shortcut card data, shortcut icon loading data, etc.

[0073] The application framework layer can also be called the framework layer or the Framework layer. The Framework layer can provide application programming interfaces (APIs) and programming frameworks for the applications in the app layer. The Framework layer can include some predefined functions.

[0074] As Figure 2 shown, the Framework layer can include a package manager service (PMS), etc.

[0075] The PMS can be used to manage the package information of applications, including the installation, uninstallation, and update of applications, etc. The PMS can also be used to manage the shortcuts of applications.

[0076] The Android runtime includes core libraries and a virtual machine. The Android runtime is responsible for the control and management of the Android system.

[0077] The core libraries consist of two parts: one part is the functional functions that the Java language needs to call, and the other part is the core libraries of Android.

[0078] The application layer and the Framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the Framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection. For example, in the embodiments of the present application, the virtual machine can be used to perform functions such as loading shortcut cards, resizing shortcut cards, and sorting shortcut methods.

[0079] The system libraries can also be referred to as the Native layer. The Native layer can include multiple functional modules. For example: media libraries, function libraries, graphics processing libraries, etc.

[0080] The hardware abstraction layer is an abstracted layer structure between the kernel layer and the Android runtime. The hardware abstraction layer can be a wrapper for hardware drivers, providing a unified interface for upper-layer applications to call.

[0081] The kernel layer is the layer between hardware and software. The kernel layer can include display drivers, camera drivers, audio drivers, battery drivers, Bluetooth drivers, CPU drivers, USB drivers, etc.

[0082] It should be noted that the embodiments of the present application only use the Android system as an example. In other operating systems (such as Windows systems, IOS systems, etc.), as long as the functions implemented by each functional module are similar to those of the embodiments of the present application, the solution of the present application can also be implemented.

[0083] Some electronic devices can support the display of shortcuts for some applications. Exemplarily, the user can trigger an operation of long-pressing the application icon of a certain application. In response to this trigger operation, the electronic device can display common shortcuts near the application icon. For example, the shortcuts include "Scan" and "Payment". The user can trigger an operation of clicking on the corresponding shortcut. In response to this click operation, the electronic device can open the corresponding shortcut function.

[0084] However, the above operation steps for using shortcuts are relatively complex. The user cannot directly find the corresponding shortcuts on the desktop.

[0085] In view of this, in the interface display method provided by the embodiments of the present application, the electronic device can display shortcut cards on the desktop, and display one or more shortcuts externally in the shortcut cards. Thus, it is convenient for users to find and use relevant shortcuts.

[0086] The shortcut cards provided by the embodiments of the present application may include one or more shortcuts. Among them, the size of the shortcut card can be adjusted accordingly according to the user's operation, and the shortcut card can also adjust the order of one or more shortcuts according to the user's operation.

[0087] Taking the note application in the mobile phone as an example, among them, the commonly used functions in the note application may include handwritten notes, text notes, voice shorthand, etc. Hereinafter, the embodiments of the present application will take handwritten notes, text notes, and voice shorthand in the note application as shortcuts for illustration.

[0088] Figure 3 FIG. a shows a schematic diagram of the mobile phone desktop 301. The desktop 301 may include a plurality of application icons, including the application icon 302 of application 10. The user can trigger an operation of long pressing the application icon 302. In response to this trigger operation, such as Figure 3 as shown in FIG. b, a drag border 303 may be displayed around the application icon 302.

[0089] Optionally, the four borders of the drag border 303 may each include a draggable identifier for indicating that the drag border 303 is in a state where it can be dragged. The specific display styles of the drag border 303 and the draggable identifier are not limited in the embodiments of the present application.

[0090] The user can drag one side of the drag border 303 to change the size of the drag border 303.

[0091] (1) Horizontal dragging of the shortcut card.

[0092] In a possible implementation, the user can horizontally drag the drag border 303. For example, the user can drag the left border of the drag border 303 or the right border of the drag border 303.

[0093] Taking the user dragging the right border of the drag border 303 as an example. As Figure 4 shown in FIG. a, in the interface 401, the user can drag the right border of the drag border 402. In response to this drag operation, the drag border 402 can be dragged to Figure 4 the position of 403 shown in FIG. b. As the right border of the drag border 403 is continuously dragged, the drag border 403 can be dragged to Figure 4 the position of 404 shown in FIG. c. Among them, Figure 4The interface shown in b can be understood as an interface during the dragging process.

[0094] As can be seen from Figure 4 , as the right border of the dragging border 404 is dragged, the dragging border 404 keeps increasing. The dragging border 404 can include the application icon of the application 10 and the shortcut icon of the handwritten note. It can be understood that the user can continue to drag the right border of the dragging border 404. As the dragging border 404 increases, more function icons can be included in the dragging border 404.

[0095] It can be understood that the interface display method of the embodiment of the present application can limit the range that the dragging border 404 can be dragged. When the user drags to a certain position, the dragging cannot continue. At this time, the user can stop the dragging operation. In response to the operation of stopping the dragging, as Figure 5 shown, the interface 501 can include a shortcut card 502. The shortcut card 502 can include the application icon 503 of the application 10, the shortcut icon 504 of the handwritten note, and the shortcut icon 505 of the text note.

[0096] The above Figure 5 shortcut card 502 can display 1 application icon and 2 shortcut icons. The shortcut card 502 can occupy the width of 2 application icons. It can be understood that the shortcut card 502 can also display more shortcut icons, and the shortcut card 502 can also occupy more or less the width of the application icons. The embodiment of the present application does not make a limitation.

[0097] It can be understood that the above process from Figure 4 a to Figure 4 b, from Figure 4 b to Figure 4 c, and from Figure 4 c to Figure 5 can also be executed in reverse. For example, the user can long-press the shortcut card 502 in the interface 501. In response to this long-press operation, a dragging border (not shown in the figure) can also be displayed around the shortcut card 502. The user can drag the left border or the right border of the dragging border and continuously shrink the dragging border.

[0098] As the dragging border shrinks, the shortcuts included in the dragging border also continuously decrease. When the dragging border is as Figure 4 shown in a or b, the dragging border no longer includes shortcuts and only displays the application icon of the application 10.

[0099] It can be understood that the above Figure 3In the interface 301 of b, when the user horizontally drags the left border of the drag border 303, if there is an application icon of another application on the left side of the drag border 303, for example, the application icon of application 9, in one possible implementation, since the application icon of application 9 occupies the left position of the drag border 303, therefore, the left border of the drag border 303 cannot be dragged further. Or, in another possible implementation, due to the occupation of the left position by the drag border 303, the desktop application can adaptively adjust the display position of application 9, and the application icon of application 9 can be displayed at other positions on the interface 301. The specific position where the application icon of application 9 is displayed is not limited in the embodiments of the present application.

[0100] (2) Vertical dragging of the shortcut card.

[0101] In another possible implementation, the user can vertically drag the drag border 303. For example, the user can drag the upper border of the drag border 303 or the lower border of the drag border 303.

[0102] Taking the user dragging the lower border of the drag border 303 as an example. As Figure 6 shown in a of, in the interface 601, the user can drag the lower border of the drag border 602. In response to this dragging operation, the drag border 602 can be dragged to Figure 6 the position 603 of b of. As the lower border of the drag border 603 is continuously dragged, the drag border 603 can be dragged to Figure 6 the position 604 of c of. Among them, Figure 6 the interface shown in b of can be understood as a certain interface during the dragging process.

[0103] From Figure 6 it can be seen that as the lower border of the drag border 604 is dragged, the drag border 604 continuously increases, and the drag border 604 can include the application icon of application 10 and the shortcut icon of the handwritten note. It can be understood that the user can continue to drag the lower border of the drag border 604, and as the drag border 604 increases, the drag border 604 can include more function icons.

[0104] It can be understood that the interface display method of the embodiments of the present application can limit the range that the drag border 604 can be dragged. When the user drags to a certain position, it cannot be dragged further, and at this time, the user can stop the dragging operation. In response to the operation of stopping dragging, as Figure 7 shown, the interface 701 can include a shortcut card 702. The shortcut card 702 can include the application icon 703 of application 10, the shortcut icon 704 of the handwritten note, and the shortcut icon 705 of the text note.

[0105] The above Figure 7The shortcut card 702 can display one app icon and two shortcut icons. The shortcut card 702 can occupy the height of two app icons. It can be understood that the shortcut card 702 can also display more shortcut icons, and the shortcut card 702 can also occupy more or fewer app icon heights, which is not limited in the embodiments of this application.

[0106] It can be understood that the above from Figure 6 a of Figure 6 to b of Figure 6 from b of Figure 6 to c of Figure 6 and from c of Figure 7 to the process of

[0107] can also be executed in reverse. For example, the user can long-press the shortcut card 702 in the interface 701. In response to this long-press operation, a drag border (not shown in the figure) can also be displayed around the shortcut card 702. The user can drag the upper or lower border of the drag border and continuously shrink the drag border. Figure 6 As the drag border shrinks, the shortcuts included in the drag border also continuously decrease. When the drag border is as shown in

[0108] a or b of Figure 3 the drag border no longer includes shortcuts and only displays the app icon of app 10.

[0109] (3) Horizontal and vertical dragging of the shortcut card.

[0110] It can be understood that in the interface 301 of Figure 3 b of the above, the user can first drag the drag border 303 horizontally and then vertically. Or, the user can first drag the drag border 303 vertically and then horizontally. As shown in Figure 8As shown, the shortcut card 802 may be included in the interface 801. The shortcut card 802 may include the application icon 803 of the application 10, the shortcut icon 804 for handwritten notes, the shortcut icon 805 for text notes, and the shortcut icon 806 for voice shorthand.

[0111] It can be understood that the above Figure 8 shortcut card 802 of may display 1 application icon and 3 shortcut icons. The shortcut card 802 may occupy the height of 2 application icons and the width of 2 application icons. It can be understood that the shortcut card 802 may also display more shortcut icons, and the shortcut card 802 may also occupy more or less the height or width of application icons, which is not limited in the embodiments of the present application.

[0112] In the embodiments of the present application, the user can drag the drag border horizontally and / or vertically, so that the style of the shortcut card can be flexibly displayed in the mobile phone interface, increasing the diversity of the display styles of the shortcut card and improving the user experience.

[0113] (4) Sorting of shortcuts.

[0114] The user can also sort the shortcuts in the shortcut card. Exemplarily, as Figure 9 shown in a of, the user can long-press the shortcut card 902 in the interface 901. In response to this long-press operation, the edit shortcut function option 903, the shortcut option 904, and the uninstall option 905 may be displayed in the interface 901.

[0115] Among them, the shortcut card 902 may include the application icon of the application 10 and one or more shortcut icons. The edit shortcut function option 903 may be used to sort multiple shortcuts. The shortcut option 904 may be used to display the shortcuts included in the current shortcut card. The uninstall option 905 may be used to uninstall the application. It can be understood that after the user triggers the uninstall option 905, in response to this operation, the application or the shortcut card on the desktop will be uninstalled.

[0116] It can be understood that the embodiments of the present application may not limit the display order and position of the edit shortcut function option 903, the shortcut option 904, and the uninstall option 905 in the interface 901.

[0117] When the user wants to sort the shortcuts, the operation of triggering the edit shortcut function option 903 can be performed. In response to this operation, the edit shortcut function interface 906 as shown in Figure 9 b of may be displayed.

[0118] Optionally, after the user long-presses the shortcut card 902 in the interface 901, in response to the long-press operation, the electronic device can also display an editing shortcut function interface 906. The embodiments of the present application do not limit the manner of entering the editing shortcut function interface 906.

[0119] The editing shortcut function interface 906 may include a shortcut card 907, a return option 908, and an editing shortcut function area 909.

[0120] Among them, the shortcut card 907 may include the application icon of the application 10 and the icons of one or more shortcuts. The return option 908 can be used to exit the editing shortcut function interface 906. The editing shortcut function area 909 can be used to sort multiple shortcuts, and the editing shortcut function area 909 may include a handwritten note option 910, a text note option 911, and a voice shorthand option 912.

[0121] In the editing shortcut function area 909, the user can drag any position corresponding to the handwritten note option 910, the text note option 911, or the voice shorthand option 912, so as to realize the sorting of shortcuts.

[0122] Exemplarily, as shown in b of, the user can select the handwritten note option 910 and drag it to the position of the text note option 911. In response to the drag operation, an editing shortcut function interface 913 as shown in c of can be displayed. Among them, in the editing shortcut function area 915 of the editing shortcut function interface 913, the text note option 916 is located above the handwritten note option 917. Correspondingly, in the shortcut card 914, the shortcut icons of the text note and the handwritten note are also interchanged in position. Figure 9 Figure 9

[0123]

[0124] Optionally, when the user selects an option corresponding to a certain shortcut in the editing shortcut function area 909, the electronic device can highlight the option. For example, the highlighting may include differences in the color or size of the icon, differences in the font, color, and size of the text, etc. in the shortcut option. The embodiments of the present application do not limit the specific manner of highlighting the shortcut option.

[0124] It can be understood that when the user adjusts the order of the shortcuts in the editing shortcut function area 909, the shortcut card 907 can also update the order of the shortcuts accordingly. In a possible implementation, the electronic device can detect the finger lift (UP) event triggered by the user, and in response to this event, the shortcut card 907 can update the sorting of the shortcuts.

[0125] In the embodiment of the present application, a function for sorting shortcuts is provided. After the user long-presses a shortcut card, an option for editing shortcut functions can be provided, and the user can determine whether to enter the interface for sorting shortcuts. If the user clicks the option for editing shortcut functions, an editing shortcut function area for sorting shortcuts can be displayed. In this way, determining whether to display the editing shortcut function area for sorting shortcuts according to the user's selection can give the user more choices and provide more functions for the user on the interface corresponding to the option for editing shortcut functions, thereby improving the user experience.

[0126] Optionally, the user can sort the shortcuts by long-pressing and dragging the icon of a certain shortcut in the shortcut card 902. Or, the user can also sort the shortcuts by long-pressing and dragging a certain shortcut option in the shortcut option 904. Or, the user can also sort the shortcuts by long-pressing and dragging the icon of a certain shortcut in the shortcut card 907. The specific sorting method of the shortcuts is not limited in the embodiment of the present application.

[0127] It can be understood that in the shortcut card, the user can sort the shortcuts by long-pressing and dragging the icon of a certain shortcut. In this way, the function of sorting shortcuts is easier to operate, providing a more convenient function for sorting shortcuts for the user, thereby improving the user experience.

[0128] It can be understood that the above Figures 3 to 9 Each of the interfaces is an exemplary interface. It can be understood that different applications can have different interface displays, and each interface can include more or less content. The specific content included in each interface is not limited in the embodiment of the present application.

[0129] From the above Figures 3 to 9 It can be seen that the embodiment of the present application supports switching from an application icon to a shortcut card, and also supports switching from a shortcut card to an application icon. The electronic device can load the relevant data of the shortcut card and can also sort the shortcuts in the shortcut card, etc.

[0130] Figure 10 Shows the process of loading the data of the shortcut card.

[0131] S1001. Load the order of the shortcut icons saved in the database.

[0132] After the electronic device is restarted or the desktop is restarted, the desktop application of the electronic device can load the data of the shortcut card. Among them, the loaded data includes the order of the shortcut icons. The order of the shortcut icons can be the default order preset by the electronic device or the order modified by the user.

[0133] In a possible implementation, when the control layer of the desktop application executes the process of loading the shortcut icon, it can obtain the icon order of the shortcut and relevant information of the shortcut card, etc. from the data layer, and display the shortcut card through the display layer. Among them, the relevant information may include the package name of the application, the size of the shortcut card, and the position of the shortcut card, etc.

[0134] S1002. Load the shortcut icon data of the application saved in the PMS.

[0135] In a possible implementation, the data layer of the desktop application can call the relevant interfaces of the PMS to load the shortcut icon data of the application. The shortcut icon data may include the shortcut info object and the icon bitmap. The icon bitmap may include the icon of the application and the icon of the shortcut.

[0136] The shortcut info object may include the launched intent, the package name of the application, the shortcut ID, the shortcut title, the user ID, etc.

[0137] Among them, the launched intent can be used to jump to the interface corresponding to the corresponding shortcut. For example, when the user clicks the 504 shortcut mentioned above Figure 5 in the handwriting note corresponding interface.

[0138] The shortcut ID can be used to uniquely identify the ID of the shortcut.

[0139] The shortcut title can be understood as the name of the shortcut. For example, the shortcut title may include the handwriting note, text note, voice shorthand, etc. mentioned above Figure 9 in the.

[0140] The user ID is used by the electronic device to determine the current user in the multi-user mode.

[0141] S1003. Sort the shortcut icons in the saved order.

[0142] The desktop application can sort the shortcut icons in the saved order.

[0143] S1004. Display the application icon and the shortcut icon in the shortcut card.

[0144] The desktop application can display the application icon and the shortcut icon in the shortcut card.

[0145] It can be understood that the above Figure 10The process of loading the shortcut card data corresponding to the embodiment can be implemented by deploying a class related to loading in the desktop application. This class can inherit and implement a first interface, which can be used for loading the shortcut card data.

[0146] When the shortcut card is displayed and the electronic device is restarted, the desktop application can reload the shortcut card based on the data saved in the database and the data obtained from the PMS. In this way, the shortcut card can be quickly displayed based on the saved data, and the user does not need to re-trigger the operation of changing the application icon to a shortcut card, thus improving the user experience.

[0147] Figure 11 The process of generating a shortcut card from an application icon is shown.

[0148] S1101. In response to the user's long-press operation on the application icon, display a drag border.

[0149] The user can long-press an application icon in the desktop application. In response to the user's long-press operation on the application icon, the desktop application can display a drag border around the application icon.

[0150] Exemplarily, as shown in a of the above Figure 3 The user can long-press the application icon 302 of Application 10 in the interface 301. In response to the user's long-press operation on the application icon, as Figure 3 shown in b of the above, the desktop application can display the drag border 303 of Application 10.

[0151] S1102. In response to the user's operation of dragging the drag border to become larger.

[0152] It can be understood that the drag border can include four sides, and the user can drag any side of the drag border that can be dragged to make it larger. In response to the user's drag operation, the desktop application can execute step S1103.

[0153] For the specific process of dragging the drag border to become larger, reference can be made to the relevant description in the corresponding embodiment above Figures 4 to 7 and will not be elaborated here.

[0154] In the embodiment of the present application, the user can drag the drag border horizontally and / or vertically, so that the style of the shortcut card can be flexibly displayed on the mobile phone interface, increasing the diversity of the display styles of the shortcut card and improving the user experience.

[0155] S1103. Call the PMS interface to obtain shortcut icon data.

[0156] The desktop application can call the relevant interface of the PMS to obtain the shortcut icon data. Among them, the shortcut icon data can refer to the aboveFigure 10 For the relevant description in step S1002 of the corresponding embodiment, it will not be elaborated here.

[0157] S1104. Construct a shortcut card view and replace the icon of the current application.

[0158] The desktop application can construct a shortcut card view based on the shortcut icon data obtained in step S1103, replace the icon of the application, and display it on the desktop.

[0159] S1105. Respond to the user's operation of releasing the hand.

[0160] The user can stop the operation of dragging the border by releasing the hand. In response to the user's operation of releasing the hand, the desktop application can detect the finger lift (UP) event triggered by the user, and then can execute step S1106.

[0161] S1106. Update the PMS information and the database corresponding to the desktop application.

[0162] The desktop application can call the interface of the PMS to update the PMS information, and transfer data such as the shortcutinfo object to the PMS, which is used to indicate that the application icon in the current desktop has been replaced with a shortcut card.

[0163] In a possible implementation, the desktop application can call the pin() interface of the PMS to update the PMS information. Of course, other possible interfaces can also be called to update the PMS information. The specific interface name and call method are not limited in the embodiments of the present application.

[0164] Updating the database corresponding to the desktop application can be understood as clearing the icon of the application in the database and saving the relevant data of the shortcut card in the database.

[0165] It can be understood that updating the PMS information can notify the PMS that the application icon in the current desktop has been replaced with a shortcut card. In this way, the PMS can keep the data displayed by the desktop application synchronized in time, so as to correctly manage the shortcuts.

[0166] In addition, saving the relevant data of the shortcut card in the database can update the data displayed by the desktop application in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can be displayed based on the data saved in the database, improving the speed of data loading and ensuring the correctness of data loading.

[0167] Figure 12 Shows the process of generating an application icon from a shortcut card.

[0168] S1201. In response to the user's long - press operation on the shortcut card, display a drag border.

[0169] The user can long - press the shortcut card. In response to the user's long - press operation on the shortcut card, the desktop application can display a drag border around the shortcut card. S1202. In response to the user's operation of dragging the drag border to become smaller.

[0170] It can be understood that the drag border can include four sides, and the user can drag any side of the drag border that can be dragged to make it smaller. In response to the user's drag operation, the desktop application can execute step S1203.

[0171] S1203. Construct an application icon view and replace the shortcut card view.

[0172] Based on the user's operation of dragging the drag border to become smaller, the desktop application can construct a view of the application icon to replace the icon of the shortcut card and display it on the desktop.

[0173] S1204. In response to the user's releasing operation.

[0174] The user can stop the operation of dragging the drag border by releasing. In response to the user's releasing operation, the desktop application can detect the finger - lift (UP) event triggered by the user, and then can execute step S1205.

[0175] S1205. The PMS deletes the shortcut icon data.

[0176] The desktop application can call the interface of the PMS to delete the shortcut icon data. In a possible implementation, the desktop application can call the unpin() interface of the PMS to delete the shortcut icon data; it can also call other possible interfaces to delete the shortcut icon data. The specific interface name and call method are not limited in the embodiments of this application.

[0177] S1206. Update the database corresponding to the desktop application.

[0178] Updating the database corresponding to the desktop application can be understood as clearing the relevant data of the shortcut card in the database and saving the relevant data of the application in the database.

[0179] It can be understood that the above Figure 11 and Figure 12 The process of adjusting the size of the shortcut card in the corresponding embodiments can be implemented by deploying a class related to size adaptation in the desktop application. This class can inherit and implement the second interface, and the second interface can be used for the size adjustment of the shortcut card.

[0180] In addition, in the process of adjusting the size of the shortcut card, the embodiment of the present application can realize the animation effect of the size change of the shortcut card. The animation effect can be realized by deploying a class related to sorting in the desktop application, and the class can inherit and realize the third interface, and the third interface can be used to realize the animation effect of the shortcut card.

[0181] In addition to providing the function of adjusting the size of the shortcut card, the embodiment of the present application can also provide the function of sorting the shortcuts.

[0182] Figure 13 The process of shortcut sorting is shown.

[0183] S1301. In response to the user long pressing a shortcut card and clicking on an edit shortcut function, an edit shortcut function interface is displayed.

[0184] The user can long press the shortcut card, and in response to the long press operation, the interface can display an edit shortcut function option. The user can click the edit shortcut function option, and in response to the click operation, the desktop application can enter the edit shortcut function interface. The user can sort multiple shortcuts in the edit shortcut function interface.

[0185] For example, as mentioned above Figure 9 As shown in a of FIG. 1 , the user can long press the shortcut card 902 in the interface 901. In response to the user's long press operation of the shortcut card, as shown in FIG. Figure 9 As shown in b, the desktop application may display an edit shortcut function interface 906. The edit shortcut function interface 906 may include an edit shortcut function area 909, and the user may sort multiple shortcuts in the edit shortcut function area 909.

[0186] The embodiment of the present application can provide a shortcut sorting function. After the user long presses the shortcut card, an editing shortcut function area for sorting shortcuts can be displayed. In this way, different users can sort shortcuts differently based on their respective usage habits, thereby improving the user experience.

[0187] S1303. In response to the user's sorting operation, update the card view.

[0188] The user's sorting operation may include the user selecting a shortcut and dragging it. In response to the user's sorting operation, the desktop application may update the view of the shortcut card. Wherein, updating the view may include updating the display order of each shortcut icon in the shortcut card.

[0189] For example, since in the above Figure 9In the editing shortcut function area 909 shown in b of the figure, the display positions of the handwritten note option 910 and the text note option 911 are swapped. Therefore, in the editing shortcut function area 915 shown in c of the figure, the text note option 916 is displayed above the handwritten note option 917. Correspondingly, in the shortcut card 914, the shortcut icons for text notes and handwritten notes are also swapped in position.

[0190] S1305. Update the database corresponding to the desktop application.

[0191] Updating the database corresponding to the desktop application can be understood as re-saving the display order of each shortcut card in the database.

[0192] It can be understood that saving the display order of each shortcut in the database can be consistent with the order of the shortcuts displayed in the desktop application. Thus, when the desktop application needs to load data, the order of the shortcuts can be correctly displayed based on the data in the database.

[0193] The method of the embodiments of the present application will be described in detail below through specific embodiments. The following embodiments can be combined with each other or implemented independently. For the same or similar concepts or processes, they may not be repeated in some embodiments.

[0194] Figure 14 The interface display method of the embodiments of the present application is shown. The method includes:

[0195] S1401. Receive a first operation that triggers the icon of the first application.

[0196] In the embodiments of the present application, the first application may include any application in the electronic device that supports the display of shortcuts. For example, the first application may include the note application in the above embodiments. The specific first application is not limited in the embodiments of the present application.

[0197] The first operation may include an operation of long pressing the icon of the first application, or may include a voice instruction for the first application to display a drag border. The specific first operation is not limited in the embodiments of the present application.

[0198] S1402. In response to the first operation, display a first border around the first application.

[0199] In the embodiments of the present application, the first border can be understood as the drag border 303 in the corresponding embodiments above. Figure 3 The specific display style of the drag border 303 is not limited in the embodiments of the present application.

[0200] S1403. Receive a second operation that triggers the first border to become larger.

[0201] In the embodiments of the present application, the second operation can be understood as an operation that can make the first border larger. For example, the second operation may include the Figure 4 operation of dragging the border 402 to the position 403 in the corresponding embodiment, and may also include the operation of dragging the border 403 to the position 404, etc. The second operation may also include the Figure 6 operation of dragging the border 602 to the position 603 in the corresponding embodiment, and may also include the operation of dragging the border 603 to the position 604, etc. The specific second operation is not limited in the embodiments of the present application.

[0202] S1404. In response to the second operation, obtain target data, and display a first card based on the target data. The first card includes an icon of a first application and icons of one or more shortcuts of the first application, where the target data includes one or more of the following: the size of the first card, the position of the first card, the identifiers of one or more shortcuts, and the display order of one or more shortcuts.

[0203] In the embodiments of the present application, the target data can be understood as the data required to display the first card. The target data may include the Figure 11 shortcut icon data in the corresponding embodiment. For the specific shortcut icon data, reference can be made to the relevant description of the shortcut icon data in step S1002 of the corresponding embodiment above, and details are not repeated here. Figure 10 The first card may include the

[0204] shortcut card 502 as described above, may also include the Figure 5 shortcut card 702 as described above, may also include the Figure 7 shortcut card 802 as described above, etc. The embodiments of the present application do not make any limitations. Figure 8 The identifier of the shortcut may include the ID of the shortcut, the name of the shortcut, the icon of the shortcut, etc. The specific content included in the identifier of the shortcut is not limited in the embodiments of the present application.

[0205] The electronic device may display a shortcut card on the desktop, and display one or more shortcuts externally in the shortcut card. In this way, it is convenient for users to find and use relevant shortcuts, improving the user experience.

[0206] Optionally, in

[0207] Figure 14 ​Based on the corresponding embodiment, the first border includes a first side, a second side, a third side, and a fourth side. The first side and the second side are opposite in the horizontal direction, and the third side and the fourth side are opposite in the vertical direction. The second operation for enlarging the first border may include one or more of the following operations: dragging the first side or the second side away from the icon of the first application in the horizontal direction, or dragging the third side or the fourth side away from the icon of the first application in the vertical direction.

[0208] In the embodiments of the present application, the horizontal direction can be understood as the lateral direction in the above embodiments, and the vertical direction can be understood as the longitudinal direction in the above embodiments.

[0209] The first border can be enlarged in the horizontal direction, so as to obtain the shortcut cards shown above Figure 4 and Figure 5 The first border can also be enlarged in the vertical direction, so as to obtain the shortcut cards shown above Figure 6 and Figure 7 The first border can also be enlarged simultaneously in the horizontal and vertical directions, so as to obtain the shortcut card shown above Figure 8 In this way, the electronic device can flexibly display the style of the first card in the interface, increasing the diversity of the display styles of the first card and improving the user experience.

[0210] Optionally, based on the corresponding embodiment, obtaining the target data may include: calling the interface of the Package Management Service (PMS) to obtain the target data; after displaying the first card, it may further include: transmitting the first information of the first card to the PMS, where the first information is used to identify that the interface of the electronic device has changed from the icon of the first application to the display of the first card; saving the target data in the database. Figure 14 In the embodiments of the present application, the first information may include data such as the shortcutinfo object in the corresponding embodiment above. The specific process of transmitting the first information to the PMS can refer to the relevant description in step S1106 of the corresponding embodiment above, and will not be elaborated here.

[0211] In the embodiments of the present application, the first information may include data such as the shortcutinfo object in the corresponding Figure 11 embodiment above. The specific process of transmitting the first information to the PMS can refer to the relevant description in step S1106 of the corresponding Figure 11 embodiment, and will not be repeated here.

[0212] Transmitting the first information to the PMS can notify the PMS that the icon of the first application in the current desktop has been replaced by the first card. In this way, the PMS can keep the data displayed by the desktop application synchronized in a timely manner, so as to correctly manage the application shortcuts. In addition, saving the target data in the database can update the data displayed by the desktop application in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can be displayed based on the data saved in the database, improving the data loading speed and ensuring the correctness of the data loading.

[0213] Optional, in Figure 14 On the basis of the corresponding embodiment, the first card includes a first shortcut and a second shortcut, and the method may further include: receiving a third operation that triggers the first card; in response to the third operation, displaying the first area, wherein the first position of the first area is the area corresponding to the first shortcut, and the second position of the first area is the area corresponding to the second shortcut; receiving a fourth operation to move the first shortcut to the second position; in response to the fourth operation, displaying the first area, wherein the first position of the first area is the area corresponding to the second shortcut, and the second position of the first area is the area corresponding to the first shortcut; updating and displaying the first card, and swapping the positions of the first shortcut and the second shortcut in the first card.

[0214] In the embodiment of the present application, the first shortcut can be understood as any shortcut in the first card, and the second shortcut can also be understood as any shortcut in the first card. The first shortcut and the second shortcut are different.

[0215] The third operation may include a long press operation of the first card.

[0216] The first area can be understood as the above Figure 9 The editing shortcut function area 909 of the corresponding embodiment.

[0217] For example, assuming that the first shortcut is Figure 9 The handwritten notes in , corresponding to the first position is Figure 9 The second shortcut is the handwritten note option 910 in b. Figure 9 The text note in , corresponding to the second position is Figure 9 The fourth operation can be understood as dragging the handwriting note option to the position of the text note option 911. After dragging, the first position is Figure 9 The second position of the text note option 916 in c is Figure 9 The handwritten note option in c917.

[0218] The embodiment of the present application can provide a shortcut sorting function. After the user long presses the first card, the first area for sorting shortcuts can be displayed. In this way, different users can sort shortcuts differently based on their respective usage habits, thereby improving the user experience.

[0219] Optional, in Figure 14 On the basis of the corresponding embodiment, before displaying the first area, it may also include: displaying the first control; receiving a fifth operation that triggers the first control; displaying the first area may include: displaying the first area in response to the fifth operation.

[0220] In the embodiments of the present application, the first control can be understood as the editing shortcut function option 903 in a of the above-mentioned Figure 9 .

[0221] The fifth operation may include an operation of clicking on the first control.

[0222] In the embodiments of the present application, a function of sorting shortcuts is provided. After the user long-presses the first card, editing shortcut function options can be provided, and the user can determine whether to enter the interface for sorting shortcuts. If the user clicks on the first control, a first area for sorting shortcuts can be displayed. In this way, determining whether to display the first area for sorting shortcuts according to the user's selection can give the user more choices and provide more functions for the user on the interface corresponding to the first control, thereby enhancing the user experience.

[0223] Optionally, based on the corresponding embodiments in Figure 14 , the first position in the first card is the position where the icon of the first shortcut is located, and the second position in the first card is the position where the icon of the second shortcut is located. The method may further include: receiving a sixth operation of dragging the icon of the first shortcut to the second position; in response to the sixth operation, updating the display of the first card, where the first position is the position where the icon of the second shortcut is located, and the second position is the position where the icon of the first shortcut is located.

[0224] In the embodiments of the present application, the sixth operation may include an operation of long-pressing the icon of the first shortcut and dragging the icon of the first shortcut, or may also include an operation of double-clicking the icon of the first shortcut and dragging the icon of the first shortcut, etc. The specific sixth operation is not limited in the embodiments of the present application.

[0225] The embodiments of the present application provide a function of sorting shortcuts. For example, the user can sort the shortcuts in the first card by long-pressing and dragging the icon of the first shortcut. In this way, the function of sorting shortcuts is easier to operate, providing a more convenient function of sorting shortcuts for the user, thereby enhancing the user experience.

[0226] Optionally, based on the corresponding embodiments in Figure 14 , after updating the display of the first card, it may further include: saving the display order of the first shortcut and the second shortcut in the database.

[0227] In the embodiments of the present application, saving the display order of the first shortcut and the second shortcut in the database can be consistent with the order of the shortcuts displayed in the desktop application. Thus, when the desktop application needs to load data, the order of the shortcuts can be correctly displayed based on the data in the database.

[0228] Optionally, inFigure 14 Based on the corresponding embodiment, the method may further include: receiving a seventh operation to trigger the first card; in response to the seventh operation, displaying a second border around the first card; receiving an eighth operation to trigger the second border to become smaller; and in response to the eighth operation, displaying an icon of the first application.

[0229] In the embodiments of the present application, the seventh operation may include an operation of long pressing the first card, or may include a voice instruction for the first card to display a drag border. For the specific first operation, the embodiments of the present application do not make a limitation.

[0230] The second border can be understood as the drag border of the first card. For the specific display style of the drag border 303, the embodiments of the present application do not make a limitation.

[0231] The eighth operation can be understood as an operation that can make the second border become smaller. For example, the eighth operation may include the above Figure 4 operation in the corresponding embodiment where the drag border 404 is dragged to the 403 position, or may also include the operation of dragging the drag border 403 to the 402 position, etc. The eighth operation may also include the above Figure 6 operation in the corresponding embodiment where the drag border 604 is dragged to the 603 position, or may also include the operation of dragging the drag border 603 to the 602 position, etc. For the specific eighth operation, the embodiments of the present application do not make a limitation.

[0232] The embodiments of the present application can realize the display of the first application icon as the first card, and can also realize the display of the first card as the icon of the first application. Different users can perform different displays on the desktop according to their respective usage habits. By flexibly switching between the application icon and the shortcut card, the embodiments of the present application increase the operability and selectivity of the user, and improve the user experience.

[0233] Optionally, on the basis of the Figure 14 corresponding embodiment, after displaying the icon of the first application, it may further include: transmitting second information of the first application to the PMS, where the second information is used to identify that the interface of the electronic device changes from the first card to displaying the icon of the first application; and saving the data of the first application in the database.

[0234] In the embodiments of the present application, the second information may further include information indicating the PMS to delete the icon data of the shortcut. The specific process of transmitting the second information to the PMS may refer to the relevant description in step S1205 of the above Figure 12 corresponding embodiment, and will not be elaborated here.

[0235] Transmitting the second information to the PMS can notify the PMS that the first card in the current desktop has been replaced with the icon of the first application. In this way, the PMS can keep in sync with the data displayed by the desktop application in a timely manner, thus enabling correct application management. In addition, saving the data of the first application in the database can update the data displayed by the desktop application in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can be displayed based on the data saved in the database, improving the data loading speed and ensuring the correctness of data loading.

[0236] Optionally, based on the corresponding embodiment, the method may further include: when the first card is displayed and the electronic device is restarted, loading the display order of one or more shortcuts from the database, and calling the interface of the PMS to obtain the icon of the first application and the icons of one or more shortcuts; displaying the first card based on the icon of the first application, the icons of one or more shortcuts, and the display order of one or more shortcuts. Figure 14 In the embodiments of the present application, loading the display order of one or more shortcuts from the database may refer to the relevant description in step S1001 of the corresponding embodiment above, and the process of calling the interface of the PMS to obtain data may refer to the relevant description in step S1002 of the corresponding embodiment above, which will not be elaborated here.

[0237] In the embodiments of the present application, loading the display order of one or more shortcuts from the database may refer to the relevant description in step S1001 of the corresponding embodiment above, and the process of calling the interface of the PMS to obtain data may refer to the relevant description in step S1002 of the corresponding embodiment above, which will not be elaborated here. Figure 10 In the embodiments of the present application, loading the display order of one or more shortcuts from the database may refer to the relevant description in step S1001 of the corresponding embodiment above, and the process of calling the interface of the PMS to obtain data may refer to the relevant description in step S1002 of the corresponding embodiment above, which will not be elaborated here. Figure 10 In the embodiments of the present application, loading the display order of one or more shortcuts from the database may refer to the relevant description in step S1001 of the corresponding embodiment above, and the process of calling the interface of the PMS to obtain data may refer to the relevant description in step S1002 of the corresponding embodiment above, which will not be elaborated here.

[0238] When the first card is displayed and the electronic device is restarted, the desktop application can reload the first card based on the data saved in the database and the data obtained from the PMS. In this way, the first card can be quickly displayed based on the saved data, and the user does not need to re-trigger the related operations from the icon of the first application to the display of the first card, thus improving the user experience.

[0239] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, displayed data, etc.) involved in the present application are all information and data authorized by the user or fully authorized by all parties. The collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions, and corresponding operation entrances are provided for users to choose to authorize or refuse.

[0240] The above mainly introduces the solution provided by the embodiments of the present application from the perspective of methods. To implement the above functions, it includes the corresponding hardware structures and / or software modules for executing each function. Those skilled in the art should easily realize that, in combination with the method 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 certain function is executed in the way of hardware or computer software driving the hardware depends on the specific application and design constraints of the technical solution. Professional technicians 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 the present application.

[0241] The embodiments of the present application can divide the functional modules of the device for implementing the method according to the above method examples. For example, each functional module can be divided corresponding to each function, or two or more functions can be integrated into one processing module. The integrated module can be implemented in the form of hardware or in the form of a software functional module. It should be noted that the division of modules in the embodiments of the present application is illustrative, only a logical function division, and there can be other division methods in actual implementation.

[0242] As Figure 15 shown is a schematic structural diagram of a chip provided by an embodiment of the present application. The chip 1500 includes one or more than two (including two) processors 1501, a communication line 1502, a communication interface 1503, and a memory 1504.

[0243] In some embodiments, the memory 1504 stores the following elements: executable modules or data structures, or subsets thereof, or extended sets thereof.

[0244] The methods described in the embodiments of the present application above can be applied to the processor 1501 or implemented by the processor 1501. The processor 1501 may be an integrated circuit chip with signal processing capabilities. During implementation, the steps of the above methods can be completed through the integrated logic circuit in the hardware of the processor 1501 or instructions in the form of software. The above-mentioned processor 1501 may be a general-purpose processor (e.g., a microprocessor or a conventional processor), a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate, transistor logic devices, or discrete hardware components. The processor 1501 can implement or execute various processing-related methods, steps, and logic block diagrams disclosed in the embodiments of the present application.

[0245] The steps of the method disclosed in combination with the embodiments of the present application can be directly implemented by a hardware decoding processor or completed by a combination of hardware and software modules in the decoding processor. Among them, the software module can be located in a mature storage medium in the art such as a random access memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable read-only memory (EEPROM). This storage medium is located in the memory 1504, and the processor 1501 reads the information in the memory 1504 and combines its hardware to complete the steps of the above method.

[0246] Communication can be carried out between the processor 1501, the memory 1504, and the communication interface 1503 through the communication line 1502.

[0247] In the above embodiments, the instructions stored in the memory for the processor to execute can be implemented in the form of a computer program product. Among them, the computer program product can be pre-written in the memory or downloaded and installed in the memory in the form of software.

[0248] The embodiments of the present application also provide a computer program product including one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the processes or functions according to the embodiments of the present application are generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions may be transmitted from a website, computer, server, or data center to another website, computer, server, or data center by wire (such as coaxial cable, optical fiber, digital subscriber line (DSL)) or wirelessly (such as infrared, wireless, microwave, etc.). The computer-readable storage medium may be any available medium that can be stored by a computer or a data storage device such as a server or a data center integrating one or more available media. For example, the available medium may include magnetic media (such as floppy disks, hard disks, or magnetic tapes), optical media (such as digital versatile discs (DVDs)), or semiconductor media (such as solid state disks (SSDs)).

[0249] The embodiments of the present application also provide a computer-readable storage medium. The methods described in the above embodiments may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. The computer-readable medium may include computer storage media and communication media, and may also include any medium that can transfer a computer program from one place to another. The storage medium may be any target medium accessible by a computer.

[0250] As a possible design, the computer-readable medium may include a compact disc read-only memory (CD-ROM), RAM, ROM, EEPROM, or other optical disc memories; the computer-readable medium may include magnetic disk memories or other magnetic disk storage devices. Moreover, any connecting line may also be appropriately referred to as a computer-readable medium. For example, if software is transmitted from a website, server, or other remote source using coaxial cable, fiber optic cable, twisted pair, DSL, or wireless technologies (such as infrared, radio, and microwave), then the coaxial cable, fiber optic cable, twisted pair, DSL, or wireless technologies such as infrared, radio, and microwave are included in the definition of the medium. As used herein, magnetic disks and optical discs include optical discs (CDs), laser discs, optical discs, digital versatile discs (DVDs), floppy disks, and Blu-ray discs, where magnetic disks typically reproduce data magnetically, while optical discs use lasers to optically reproduce data.

[0251] Embodiments of the present application are described with reference to the flowcharts and / or block diagrams of methods, apparatuses (systems), and computer program products according to embodiments of the present application. It should be understood that each process and / or block in the flowchart and / or block diagram, and the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to the processing unit of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to generate a machine, such that the instructions executed by the processing unit of the computer or other programmable data processing device generate means for implementing the specified functions in one process Figure 1 one process or multiple processes and / or blocks Figure 1 or multiple blocks.

Claims

1. An interface display method, characterized in that, The method is applied to an electronic device, and the method includes: Receiving a first operation that triggers an icon of a first application; In response to the first operation, displaying a first border around the first application; Receiving a second operation that triggers the first border to become larger; In response to the second operation, obtaining target data, and displaying a first card based on the target data, where the first card includes the icon of the first application and the icons of one or more shortcuts of the first application; Wherein, the target data includes one or more of the following: the size of the first card, the position of the first card, the identifiers of the one or more shortcuts, and the display order of the one or more shortcuts.

2. The method according to claim 1, wherein The first border includes a first side, a second side, a third side, and a fourth side. The first side and the second side are opposite in the horizontal direction, and the third side and the fourth side are opposite in the vertical direction. The second operation of making the first border larger includes one or more of the following operations: Dragging the first side or the second side away from the icon of the first application in the horizontal direction, or dragging the third side or the fourth side away from the icon of the first application in the vertical direction.

3. The method according to claim 1 or 2, characterized in that, The obtaining of the target data includes: Invoking an interface of the Package Management Service (PMS) to obtain the target data; After displaying the first card, it further includes: Transmitting first information of the first card to the PMS, where the first information is used to identify that the interface of the electronic device changes from the icon of the first application to displaying the first card; Saving the target data in a database.

4. The method according to any one of claims 1 to 3, characterized in that The first card includes a first shortcut and a second shortcut, and the method further includes: Receiving a third operation that triggers the first card; In response to the third operation, displaying a first area, where a first position of the first area is the area corresponding to the first shortcut, and a second position of the first area is the area corresponding to the second shortcut; Receiving a fourth operation of moving the first shortcut to the second position; In response to the fourth operation, displaying the first area, where the first position of the first area is the area corresponding to the second shortcut, and the second position of the first area is the area corresponding to the first shortcut; Updating and displaying the first card, and swapping the positions of the first shortcut and the second shortcut in the first card.

5. The method according to claim 4, wherein Before displaying the first area, it further includes: Displaying a first control; Receiving a fifth operation that triggers the first control; Displaying the first area includes: In response to the fifth operation, displaying the first area.

6. The method according to any one of claims 1-3, characterized in that The first position in the first card is the position where the icon of the first shortcut is located, and the second position in the first card is the position where the icon of the second shortcut is located. The method further includes: Receiving a sixth operation of moving the icon of the first shortcut to the second position; In response to the sixth operation, update the display of the first card, where the first position is the position where the icon of the second shortcut is located, and the second position is the position where the icon of the first shortcut is located.

7. The method according to any one of claims 4-6, characterized in that, After updating the display of the first card, it further includes: Save the display order of the first shortcut and the second shortcut in the database.

8. The method according to any one of claims 1 to 7, characterized in that, The method further includes: Receive a seventh operation that triggers the first card; In response to the seventh operation, display a second border around the first card; Receive an eighth operation that triggers the reduction of the second border; In response to the eighth operation, display the icon of the first application.

9. The method according to claim 8, wherein After displaying the icon of the first application, it further includes: Transmit second information of the first application to the PMS, where the second information is used to identify that the interface of the electronic device changes from the first card to displaying the icon of the first application; Save the data of the first application in the database.

10. The method according to any one of claims 1-7, characterized in that, The method further includes: When the first card is displayed and the electronic device restarts, load the display order of the one or more shortcuts from the database, and call the interface of the PMS to obtain the icon of the first application and the icons of the one or more shortcuts; Based on the icon of the first application, the icons of the one or more shortcuts, and the display order of the one or more shortcuts, display the first card.

11. An electronic device, characterized in that, The electronic device includes: one or more processors and a memory; The memory is coupled to the one or more processors, and the memory is used to store computer program code, where the computer program code includes computer instructions, and the one or more processors call the computer instructions to cause the electronic device to execute the method according to any one of claims 1 to 10.

12. A chip system, characterized in that, The chip system is applied to an electronic device, and the chip system includes one or more processors, and the one or more processors are used to call computer instructions to cause the electronic device to execute the method according to any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes computer instructions, and when the computer instructions run on an electronic device, they cause the electronic device to execute the method according to any one of claims 1 to 10.

14. A computer program product, characterized in that, The computer program product includes computer program code, and when the computer program code runs on an electronic device, it causes the electronic device to execute the method according to any one of claims 1 to 10.

Images