Interface display method and related apparatus

Abstract

The embodiments of the present application relate to the technical field of terminals. Provided are an interface display method and a related apparatus. The method comprises: an electronic device displaying a shortcut card on a desktop, and externally displaying one or more shortcuts in the shortcut card, wherein the size of the shortcut card can be correspondingly adjusted on the basis of an operation of a user, and the shortcut card can also sequentially adjust the one or more shortcuts on the basis of the operation of the user. Thus, users can conveniently search for and use relevant shortcuts.

Description

Interface display method and related device

[0001] This application claims priority to the Chinese patent application filed with the China Patent Office on January 10, 2024, with application number 202410044048.6 and application name “Interface Display Method and Related Devices”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminal technology, and in particular to an interface display method and related devices. Background Art

[0003] Some electronic devices can support the display of shortcuts for certain applications. For example, a user can trigger a long press on an application icon. In response to this trigger, the electronic device can display commonly used shortcuts near the application icon, such as "Scan," "Pay," and so on. The user can also trigger a click on a corresponding shortcut. In response to this click, the electronic device can activate the corresponding shortcut function.

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

[0005] The interface display method and related devices provided in the embodiments of the present application enable an electronic device to display a shortcut card on the desktop, in which one or more shortcuts are displayed, thereby facilitating users to find and use related shortcuts.

[0006] In a first aspect, an interface display method provided by an embodiment of the present application includes:

[0007] Receive a first operation that triggers the icon of a first application; in response to the first operation, display a first border around the first application; receive a second operation that triggers the first border to become larger; in response to the second operation, obtain target data, and display a first card based on the target data, wherein the first card includes the icon of the first application and one or more shortcut icons 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 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 display one or more shortcuts in the shortcut card. This makes it easier for users to find and use related shortcuts, thereby improving the user experience.

[0008] In one 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 in the horizontal direction, and the third side and the fourth side are opposite in the vertical direction, and the second operation of enlarging the first border includes one or more of the following operations: dragging the first side or the second side in the horizontal direction away from the icon of the first application, and dragging the third side or the fourth side in the vertical direction away from the icon of the first application. The first border can be expanded in the horizontal direction, or in the vertical direction, or in the horizontal and vertical directions at the same time, so that different styles of first cards can be obtained. In this way, the electronic device can flexibly display the style of the first card in the interface, increase the diversity of the display style of the first card, and enhance the user experience.

[0009] In one 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, further including: passing the first information of the first card to the PMS, the first information being used to identify that the interface of the electronic device has changed from the icon of the first application to displaying the first card; and saving the target data in the database. Passing the first information to the PMS can notify the PMS that the icon of the first application has been replaced with the first card in the current desktop. In this way, the PMS can keep in sync with the data displayed by the desktop application in a timely manner, so that the application shortcuts can be managed correctly. In addition, saving the target data in the database can timely and accurately update the data displayed by the desktop application in the database. When the desktop data needs to be loaded next time, the desktop application can display it based on the data saved in the database, thereby improving the speed of data loading and ensuring the correctness of data loading.

[0010] In one possible implementation, a 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, wherein a first position of the first area is an area corresponding to the first shortcut, and a second position of the first area is an area corresponding to the second shortcut; receiving a fourth operation that moves the first shortcut to a second position; in response to the fourth operation, displaying the first area, wherein the first position of the first area is an area corresponding to the second shortcut, and the second position of the first area is an area corresponding to the first shortcut; updating and displaying the first card, swapping the positions of the first shortcut and the second shortcut in the first card. After the user long presses the first card, a first area for sorting shortcuts can be displayed, so that different users can sort shortcuts differently based on their respective usage habits, thereby improving the user experience.

[0011] In one possible implementation, before displaying the first area, the further steps include: displaying the first control; receiving a fifth operation that triggers the first control; and displaying the first area, including: displaying the first area in response to the fifth operation. After the user long presses the first card, an option to edit shortcut functions may be provided, and the user may determine whether to enter the shortcut sorting interface. If the user clicks the first control, the first area for sorting shortcuts may be displayed. In this way, determining whether to display the first area for sorting shortcuts based on the user's selection can provide the user with more choices and provide the user with more functions in the interface corresponding to the first control, thereby improving the user experience.

[0012] In one possible implementation, the first position in the first card is the location of the first shortcut icon, and the second position in the first card is the location of the second shortcut icon. The method further includes: receiving a sixth operation to move the first shortcut icon to the second position; and in response to the sixth operation, updating and displaying the first card, wherein the first position is the location of the second shortcut icon, and the second position is the location of the first shortcut icon. In the first card, the user can long press and drag the first shortcut icon to sort the shortcuts. In this way, the shortcut sorting function is easier to operate, providing users with a more convenient shortcut sorting function, thereby improving the user experience.

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

[0014] In one possible implementation, the method further includes: receiving a seventh operation that triggers the first card; displaying a second border around the first card in response to the seventh operation; receiving an eighth operation that triggers the second border to become smaller; and displaying the icon of the first application in response to the eighth operation. The embodiment of the present application can realize that the first application icon is displayed as the first card, and can also realize that the first card is displayed as the icon of the first application. Different users can display differently on the desktop according to their respective usage habits. The embodiment of the present application increases the user's operability and selectivity and improves the user experience by realizing flexible switching between application icons and shortcut cards.

[0015] In one possible implementation, after displaying the icon of the first application, it also includes: transmitting second information of the first application to the PMS, the second information being 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. By transmitting the second information to the PMS, the PMS can be notified 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, so that the application can be managed correctly. In addition, by saving the data of the first application in the database, the data displayed by the desktop application can be updated 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, thereby improving the speed of data loading and ensuring the correctness of data loading.

[0016] In one 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 a database, calling an interface of the PMS to obtain the icon of the first application and the icons of the one or more shortcuts; and displaying the first card 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. When the first card is displayed and the electronic device is restarted, the desktop application can reload the first card based on the data stored in the database and the data obtained from the PMS. In this way, the first card can be quickly displayed based on the stored data without the user having to re-trigger the related operation of displaying the first card from the icon of the first application, thereby improving the user experience.

[0017] In a second aspect, an embodiment of the present application provides an interface display device, which may be an electronic device or a chip or chip system within an electronic device. The device may include a processing unit and a display unit. The processing unit is configured to implement any processing-related method performed by the electronic device in the first aspect or any possible implementation of the first aspect. The display unit is configured to implement any display-related method performed by the electronic device in the first aspect or any possible implementation of the first aspect. When the device is an electronic device, the processing unit may be a processor. The device may also include a storage unit, which may be a memory. The storage unit is configured to store instructions, and the processing unit executes the instructions stored in the storage unit to cause the electronic device to implement the method described in the first aspect or any possible implementation of the first aspect. When the device is a chip or chip system within an electronic device, the processing unit may be a processor. The processing unit executes the instructions stored in the storage unit to cause the electronic device to implement the method described in the first aspect or any possible implementation of the first aspect. The storage unit may be a storage unit within the chip (e.g., a register, a cache, etc.) or a storage unit within the electronic device located outside the chip (e.g., a read-only memory, a random access memory, etc.).

[0018] Exemplarily, the display unit is configured to display a first border around the first application and to display a first card. The processing unit is configured to receive a first operation that triggers the icon of the first application and to receive a second operation that triggers the first border to become larger, and is further configured to obtain target data.

[0019] In one 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 in the horizontal direction, and the third side and the fourth side are opposite in the vertical direction. The second operation of enlarging the first border includes one or more of the following operations: dragging the first side or the second side in the horizontal direction away from the icon of the first application, and dragging the third side or the fourth side in the vertical direction away from the icon of the first application.

[0020] In a possible implementation, the processing unit is configured to call an interface of a package management service PMS to obtain target data, and is further configured to transmit the first information of the first card to the PMS, and specifically is further configured to save the target data in a database.

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

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

[0023] In a possible implementation, the processing unit is configured to receive a sixth operation of moving the icon of the first shortcut to the second position. The display unit is configured to update and display the first card.

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

[0025] In one possible implementation, the processing unit is configured to receive a seventh operation for triggering the first card and an eighth operation for triggering the second border to be reduced in size. The display unit is configured to display the second border around the first card and an icon for the first application.

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

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

[0028] In a third aspect, an embodiment of the present application provides an electronic device, comprising a processor and a memory, wherein 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 of the first aspect.

[0029] In a fourth aspect, the present application provides a chip or chip system, comprising at least one processor and a communication interface, wherein the communication interface and the at least one processor are interconnected via a line, and the at least one processor is configured to execute a computer program or instruction to perform the method described in the first aspect or any possible implementation of the first aspect. The communication interface in the chip may be an input / output interface, a pin, or a circuit.

[0030] In one possible implementation, the chip or chip system described above in this application further includes at least one memory, in which instructions are stored. The memory may be a storage unit within the chip, such as a register, a cache, etc., or a storage unit of the chip (e.g., a read-only memory, a random access memory, etc.).

[0031] In a 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 is run on a computer, the computer executes the method described in the first aspect or any possible implementation of the first aspect.

[0032] In a sixth aspect, an embodiment of the present application provides a computer program product comprising a computer program, which, when the computer program runs on a computer, enables the computer to execute the method described in the first aspect or any possible implementation of the first aspect.

[0033] 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 achieved by each aspect and the corresponding feasible implementation methods are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0035] FIG2 is a schematic diagram of the software structure of an electronic device provided in an embodiment of the present application;

[0036] FIG3 is a schematic diagram of an interface of a mobile phone desktop provided in an embodiment of the present application;

[0037] FIG4 is a schematic diagram of an interface for horizontally dragging a frame provided by an embodiment of the present application;

[0038] FIG5 is a schematic diagram of an interface for displaying multiple quick applications horizontally according to an embodiment of the present application;

[0039] FIG6 is a schematic diagram of an interface for vertically dragging a frame provided by an embodiment of the present application;

[0040] FIG7 is a schematic diagram of an interface for displaying multiple quick applications vertically according to an embodiment of the present application;

[0041] FIG8 is a schematic diagram of an interface after dragging a border horizontally and vertically, provided by an embodiment of the present application;

[0042] FIG9 is a schematic diagram of an interface for sorting shortcuts provided in an embodiment of the present application;

[0043] FIG10 is a schematic diagram of a process for loading shortcut card data provided by an embodiment of the present application;

[0044] FIG11 is a schematic diagram of a process of generating a shortcut card from an application icon according to an embodiment of the present application;

[0045] FIG12 is a schematic diagram of a process of generating an application icon from a shortcut card according to an embodiment of the present application;

[0046] FIG13 is a schematic diagram of a shortcut sorting process provided by an embodiment of the present application;

[0047] FIG14 is a schematic diagram of an interface display method provided in an embodiment of the present application;

[0048] FIG15 is a schematic diagram of the structure of a chip provided in an embodiment of the present application. DETAILED DESCRIPTION

[0049] To facilitate a clear description of the technical solutions of the embodiments of the present application, some of the terms and technologies involved in the embodiments of the present application are briefly introduced below:

[0050] 1. Terminology

[0051] In the embodiments of this application, terms such as "first" and "second" are used to distinguish between identical or similar items with substantially the same functions and effects. For example, the terms "first chip" and "second chip" are used solely to distinguish between different chips and do not define their order. Those skilled in the art will understand that terms such as "first" and "second" do not define the quantity or execution order, and do not necessarily define differences.

[0052] It should be noted that in the embodiments of this application, words such as "exemplary" or "for example" are used to indicate examples, illustrations, or descriptions. Any embodiment or design described in this application as "exemplary" or "for example" should not be construed as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

[0053] In the embodiments of the present application, "at least one" refers to one or more, and "more" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: the existence of A alone, the existence of A and B at the same time, and the existence of B alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following items" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, a--c, bc, or abc, where a, b, c can be single or multiple.

[0054] 2. Electronic devices

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

[0056] As an example and not a limitation, in the embodiments of the present application, the electronic device may also be a wearable device. Wearable devices may also be referred to as wearable smart devices, which are a general term for wearable devices that are intelligently designed and developed using wearable technology for daily wear, such as glasses, gloves, watches, clothing, and shoes. A wearable device is a portable device that is worn directly on the body or integrated into the user's clothes or accessories. Wearable devices are not only hardware devices, but also achieve powerful functions through software support, data interaction, and cloud interaction. Broadly speaking, wearable smart devices include those that are fully functional, large in size, and can achieve complete or partial functions without relying on smartphones, such as smart watches or smart glasses, as well as those that only focus on a certain type of application function and need to be used in conjunction with other devices such as smartphones, such as various smart bracelets and smart jewelry for vital sign monitoring.

[0057] In addition, in the embodiment of the present application, the electronic device can also be an electronic device in the Internet of Things (IoT) system. 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, thereby realizing an intelligent network of human-machine interconnection and object-to-object interconnection.

[0058] The electronic devices 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 station, remote station, remote terminal, mobile device, user terminal, terminal, wireless communication equipment, user agent or user device, etc.

[0059] 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 memory (also known as main memory). The operating system can be any one or more computer operating systems that implement business processing through processes, such as the Linux operating system, the Unix operating system, the Android operating system, the iOS operating system, or the Windows operating system. The application layer includes applications such as browsers, address books, word processing software, and instant messaging software.

[0060] For example, FIG1 shows a schematic structural diagram of an electronic device.

[0061] 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, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity 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.

[0062] It is understood that the structures illustrated in the embodiments of the present invention do not constitute specific limitations on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The components shown in the diagram may be implemented in hardware, software, or a combination of software and hardware.

[0063] 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). The different processing units may be independent devices or integrated into one or more processors. The controller may generate operation control signals based on instruction opcodes and timing signals to control instruction fetching and execution.

[0064] 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. The memory may store instructions or data that have just been used or are being recycled by the processor 110. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system. For example, in an embodiment 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, and the like.

[0065] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present invention is only a schematic illustration and does not constitute a structural limitation 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.

[0066] The internal memory 121 can 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, an application required for at least one function, etc. The data storage area may store data created during the use of the electronic device, etc. 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 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 instructions stored in the internal memory 121, and / or instructions stored in a memory provided in the processor. For example, in an embodiment of the present application, the internal memory 121 can be used to store shortcut icon data, application data, relevant codes for shortcut card style display, etc.

[0067] Display screen 194 is used to display images, videos, and the like. 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 implements display functionality through a GPU, display screen 194, and an application processor. The GPU is a microprocessor for image processing that connects display screen 194 and the application processor. For example, in the embodiments of the present application, display screen 194 can be used to display application icons and shortcut cards.

[0068] Figure 2 is a block diagram of the software structure of an electronic device according to an embodiment of the present application. The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers: the application layer, the application framework layer, the Android runtime and system library, the hardware abstraction layer (HAL), and the kernel layer.

[0069] The application layer, also known as the application layer, includes a series of application packages. As shown in Figure 2, an application package may include applications such as phone, music, calendar, camera, games, memo, and video. Applications may include system applications and third-party applications.

[0070] In an embodiment of the present application, the application layer may further include a desktop application, which may be understood as a system application of an electronic device. The desktop application may include a display layer, a control layer, and a data layer.

[0071] The display layer can be used to display shortcut cards, animations for opening or returning shortcut cards, and animations for dragging shortcut cards, etc. In some implementations, shortcuts can also be called shortcuts. For ease of description, the following description will be based on shortcuts.

[0072] The control layer can be used to load shortcut icons, generate shortcut cards, remove shortcut cards, etc.

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

[0074] The application framework layer can also be called the framework layer or the framework layer. The framework layer can provide an application programming interface (API) and a programming framework for the application layer applications. The framework layer can include some predefined functions.

[0075] As shown in FIG2 , the Framework layer may include a package manager service (PMS) and the like.

[0076] PMS can be used to manage application package information, including application installation, uninstallation, and updates. PMS can also be used to manage application shortcuts.

[0077] The Android runtime includes the core library and the virtual machine. The Android runtime is responsible for controlling and managing the Android system.

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

[0079] The application layer and framework layer run in a virtual machine. The virtual machine executes the Java files in the application layer and 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 shortcuts.

[0080] The system library can also be called the Native layer. The Native layer can include multiple functional modules, such as the media library, function library, and graphics processing library.

[0081] The Hardware Abstraction Layer (HAL) is an abstract structure between the kernel layer and the Android runtime. It encapsulates hardware drivers and provides a unified interface for upper-layer applications to call.

[0082] The kernel layer is the layer between hardware and software. The kernel layer may include display driver, camera driver, audio driver, battery driver, Bluetooth driver, CPU driver, USB driver, etc.

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

[0084] Some electronic devices can support the display of shortcuts for certain applications. For example, a user can trigger a long press on an application icon. In response to this trigger, the electronic device can display commonly used shortcuts near the application icon, such as "Scan," "Pay," and so on. The user can also trigger a click on a corresponding shortcut. In response to this click, the electronic device can activate the corresponding shortcut function.

[0085] However, the above steps for using shortcuts are relatively complicated and the user cannot directly find the corresponding shortcuts on the desktop.

[0086] In view of this, the interface display method provided in the embodiment of the present application enables the electronic device to display a shortcut card on the desktop, in which one or more shortcuts are displayed, thereby making it easier for the user to find and use related shortcuts.

[0087] The shortcut card provided in the embodiment of the present application may include one or more shortcuts. The size of the shortcut card may be adjusted accordingly with the user's operation, and the shortcut card may also adjust the order of one or more shortcuts with the user's operation.

[0088] Take the note application in a mobile phone as an example, wherein the commonly used functions in the note application may include handwritten notes, text notes, and voice shorthand, etc. The following embodiments of the present application are described using handwritten notes, text notes, and voice shorthand in the note application as examples of shortcuts.

[0089] FIG3 a shows a schematic diagram of a mobile phone desktop 301. The desktop 301 may include multiple application icons, including an application icon 302 for application 10. The user may trigger a long press on the application icon 302. In response to the triggering operation, a drag frame 303 may be displayed around the application icon 302, as shown in FIG3 b.

[0090] Optionally, the four frames of the drag frame 303 may further include a draggable mark, which is used to mark that the drag frame 303 is in a draggable state. The specific display style of the drag frame 303 and the draggable mark is not limited in the embodiment of the present application.

[0091] The user may drag one side of the drag frame 303 to change the size of the drag frame 303 .

[0092] (1) Horizontal drag of shortcut card.

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

[0094] Take, for example, a user dragging the right side of the drag frame 303. As shown in FIG4 a, in interface 401, the user can drag the right side of the drag frame 402. In response to the drag operation, the drag frame 402 can be dragged to position 403 in FIG4 b. As the right side of the drag frame 403 is continuously dragged, the drag frame 403 can be dragged to position 404 in FIG4 c. The interface shown in FIG4 b can be understood as an interface during the dragging process.

[0095] As shown in FIG4 , as the right side of drag frame 404 is dragged, drag frame 404 continues to grow, and drag frame 404 may include an application icon for application 10 and a shortcut icon for handwritten notes. It is understood that the user can continue to drag the right side of drag frame 404, and as drag frame 404 grows, drag frame 404 may include more function icons.

[0096] It is understood that the interface display method of the embodiment of the present application can limit the range within which the drag frame 404 can be dragged. When the user drags to a certain position, dragging is no longer possible, and the user can stop the dragging operation. In response to the operation of stopping dragging, as shown in Figure 5, the interface 501 may include a shortcut card 502. The shortcut card 502 may include an application icon 503 for application 10, a shortcut icon 504 for handwritten notes, and a shortcut icon 505 for text notes.

[0097] The shortcut card 502 in FIG. 5 can display one application icon and two shortcut icons, and the shortcut card 502 can occupy the width of the two application icons. It is understood that the shortcut card 502 can also display more shortcut icons, and the shortcut card 502 can also occupy more or less width of the application icons, which is not limited in this embodiment of the application.

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

[0099] As the drag frame shrinks, the shortcuts included in the drag frame also decrease. When the drag frame is as shown in a or b of Figure 4, the drag frame no longer includes shortcuts, and only the application icon of application 10 is displayed.

[0100] It is understandable that in the interface 301 of b of FIG3 above, when the user drags the left side border of the drag frame 303 horizontally, if there is an application icon of another application on the left side of the drag frame 303, such as the application icon of application 9, in one possible implementation, since the application icon of application 9 occupies the left side position of the drag frame 303, the left side border of the drag frame 303 cannot be dragged any further. Alternatively, in another possible implementation, since the drag frame 303 occupies the left side position, the desktop application can adaptively adapt 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 embodiment of the present application.

[0101] (2) Vertical drag of shortcut card.

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

[0103] Take, for example, a user dragging the lower border of the drag frame 303. As shown in FIG6A, in interface 601, the user can drag the lower border of the drag frame 602. In response to the drag operation, the drag frame 602 can be dragged to position 603 in FIG6B. As the lower border of the drag frame 603 is continuously dragged, the drag frame 603 can be dragged to position 604 in FIG6C. The interface shown in FIG6B can be understood as an interface during the dragging process.

[0104] As shown in FIG6 , as the lower border of the drag frame 604 is dragged, the drag frame 604 continues to grow, and the drag frame 604 may include the application icon of the application 10 and the shortcut icon of the handwritten note. It is understood that the user can continue to drag the lower border of the drag frame 604, and as the drag frame 604 grows, the drag frame 604 may include more function icons.

[0105] It is understood that the interface display method of the embodiment of the present application can limit the range within which the drag frame 604 can be dragged. When the user drags to a certain position, dragging is no longer possible, and the user can stop the dragging operation. In response to the operation of stopping dragging, as shown in Figure 7, the interface 701 may include a shortcut card 702. The shortcut card 702 may include an application icon 703 for application 10, a shortcut icon 704 for handwritten notes, and a shortcut icon 705 for text notes.

[0106] The shortcut card 702 in FIG. 7 can display one application icon and two shortcut icons, and the shortcut card 702 can occupy the height of the two application icons. It is understood that the shortcut card 702 can also display more shortcut icons, and the shortcut card 702 can also occupy more or less height than the application icons, which is not limited in this embodiment of the application.

[0107] It is understood that the above process from FIG. 6 a to FIG. 6 b, from FIG. 6 b to FIG. 6 c, and from FIG. 6 c to FIG. 7 can also be performed in reverse. For example, the user can long press the shortcut card 702 in the interface 701. In response to the long press operation, a drag frame (not shown in the figure) can also be displayed around the shortcut card 702. The user can drag the upper or lower frame of the drag frame and continuously shrink the drag frame.

[0108] As the drag frame shrinks, the shortcuts included in the drag frame also decrease. When the drag frame is as shown in a or b of Figure 6, the drag frame no longer includes shortcuts, and only the application icon of application 10 is displayed.

[0109] It is understandable that in the interface 301 of b of FIG3 above, when the user vertically drags the upper border of the drag border 303, if there are application icons of other applications above the drag border 303, such as the application icon of application 6, in one possible implementation, since the application icon of application 6 occupies the upper position of the drag border 303, the upper border of the drag border 303 cannot be dragged any further. Alternatively, in another possible implementation, since the drag border 303 occupies the upper position, the desktop application can adaptively adapt the display position of application 6, and the application icon of application 6 can be displayed at other positions on the interface 301. The specific position where the application icon of application 6 is displayed is not limited in the embodiment of the present application.

[0110] (3) Horizontal and vertical dragging of shortcut cards.

[0111] It is understood that in interface 301 of FIG. 3 b, the user can first drag the drag frame 303 horizontally and then vertically. Alternatively, the user can first drag the drag frame 303 vertically and then horizontally. As shown in FIG. 8 , interface 801 may include a shortcut card 802. Shortcut card 802 may include an application icon 803 for application 10, a shortcut icon 804 for handwritten notes, a shortcut icon 805 for text notes, and a shortcut icon 806 for voice shorthand.

[0112] It is understood that the shortcut card 802 in FIG. 8 can display one application icon and three shortcut icons, and the shortcut card 802 can occupy the height of two application icons and the width of two application icons. It is understood that the shortcut card 802 can also display more shortcut icons, and the shortcut card 802 can also occupy more or less height or width of application icons, which is not limited in this embodiment of the application.

[0113] In an embodiment of the present application, the user can drag the drag frame 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 shortcut card display style and improving the user experience.

[0114] (4) Sorting of shortcuts.

[0115] The user can also sort the shortcuts in the shortcut card. For example, as shown in FIG9 a, the user can long press the shortcut card 902 in the interface 901. In response to the long press operation, the interface 901 can display the edit shortcut function option 903, the shortcut option 904 and the uninstall option 905.

[0116] The shortcut card 902 may include an application icon for the application 10 and one or more shortcut icons. The edit shortcut function option 903 may be used to sort the 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 is understood that after the user triggers the uninstall option 905, the application or shortcut card on the desktop will be uninstalled in response to this operation.

[0117] It is understandable that the embodiment of the present application does not limit the order and position of displaying the edit shortcut function option 903, the shortcut option 904 and the uninstall option 905 in the interface 901.

[0118] When the user wants to sort the shortcuts, the operation of editing shortcut function option 903 can be triggered. In response to this operation, the editing shortcut function interface 906 shown in FIG9 b can be displayed.

[0119] Optionally, after the user long presses the shortcut card 902 in the interface 901, in response to the long press operation, the electronic device may also display the edit shortcut function interface 906. The embodiment of the present application does not limit the method for entering the edit shortcut function interface 906.

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

[0121] The shortcut card 907 may include an application icon for the application 10 and one or more shortcut icons. A return option 908 may be used to exit the edit shortcut function interface 906. The edit shortcut function area 909 may be used to sort multiple shortcuts. The edit shortcut function area 909 may include a handwritten note option 910, a text note option 911, and a voice shorthand option 912.

[0122] In the editing shortcut function area 909 , the user can drag any position corresponding to the handwriting note option 910 , the text note option 911 , or the voice shorthand option 912 to sort the shortcuts.

[0123] For example, as shown in FIG9 b, a user can select handwritten note option 910 and drag it to the position of text note option 911. In response to this dragging operation, an edit shortcut function interface 913 as shown in FIG9 c can be displayed. In the edit shortcut function area 915 of the edit 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 for the text note and the handwritten note are also swapped.

[0124] Optionally, when a user selects an option corresponding to a shortcut in the edit shortcut function area 909, the electronic device may highlight the option. For example, the highlighting may include a different color or size of the icon in the shortcut option, or a different font, color, or size of the text. The specific method of highlighting the shortcut option is not limited in this embodiment of the application.

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

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

[0127] Optionally, the user can long-press and drag a shortcut icon in shortcut card 902 to sort the shortcuts. Alternatively, the user can long-press and drag a shortcut option in shortcut option 904 to sort the shortcuts. Alternatively, the user can long-press and drag a shortcut icon in shortcut card 907 to sort the shortcuts. The specific shortcut sorting method is not limited in the embodiments of the present application.

[0128] It is understandable that users can sort shortcuts in the shortcut card by long pressing and dragging the shortcut icon. This makes the shortcut sorting function easier to operate, providing users with a more convenient shortcut sorting function, thereby improving the user experience.

[0129] It is understood that the interfaces shown in Figures 3 to 9 are exemplary interfaces. It is understood that different applications may have different interface displays, and each interface may include more or less content. The specific content included in each interface is not limited by the embodiments of this application.

[0130] As can be seen from Figures 3 to 9 above, the embodiments of the present application support switching from an application icon to a shortcut card, and also support switching from a shortcut card to an application icon. The electronic device can load relevant data of the shortcut card and can also sort the shortcuts in the shortcut card.

[0131] FIG10 shows the process of loading shortcut card data.

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

[0133] When 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. The loaded data includes the order of the shortcut icons. The order of the shortcut icons can be a default order pre-set by the electronic device or an order modified by the user.

[0134] In a possible implementation, when the control layer of a desktop application executes the process of loading shortcut icons, it can obtain the shortcut icon order and related information of the shortcut card from the data layer, and display the shortcut card through the display layer. The related information may include information such as the application package name, the size of the shortcut card, and the location of the shortcut card.

[0135] S1002: Load application shortcut icon data stored in the PMS.

[0136] In a possible implementation, the data layer of the desktop application can call the relevant interface of the PMS to load the shortcut icon data of the application. The shortcut icon data can include the shortcutinfo object and the icon bitmap. The icon bitmap can include the application icon and the shortcut icon.

[0137] The shortcutinfo object can include the launch intent, application package name, shortcut ID, shortcut title, user ID, etc.

[0138] Among them, the initiated intent can be used to jump to the interface corresponding to the corresponding shortcut. For example, when the user clicks the shortcut 504 in Figure 5 above, in response to the user's click operation, the electronic device can jump to the interface corresponding to the handwritten note.

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

[0140] The shortcut title can be understood as the name of the shortcut. For example, the shortcut title can include the handwritten notes, text notes, and voice shorthand shown in FIG. 9 .

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

[0142] S1003. Sort the shortcut icons according to the saved order.

[0143] The desktop application can sort shortcut icons in the order they are saved.

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

[0145] Desktop apps can display app icons and shortcut icons in shortcut cards.

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

[0147] 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 without the user having to re-trigger the related operations of displaying the application icon as a shortcut card, thereby improving the user experience.

[0148] FIG11 shows the process of generating a shortcut card from an application icon.

[0149] S1101 : In response to a user long pressing an application icon, a drag frame is displayed.

[0150] The user may 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 may display a drag frame around the application icon.

[0151] For example, as shown in a of FIG3 above, the user can long press the application icon 302 of application 10 in the interface 301. In response to the user's long press of the application icon, as shown in b of FIG3 , the desktop application can display the drag border 303 of application 10.

[0152] S1102 , responding to the user's operation of dragging the border to enlarge it.

[0153] It is understandable that the drag frame may include four sides, and the user may drag any side of the draggable frame to enlarge it. In response to the user's dragging operation, the desktop application may execute step S1103.

[0154] For the specific process of enlarging the dragging frame, please refer to the relevant descriptions in the embodiments corresponding to Figures 4 to 7 above, and no further details will be given.

[0155] In an embodiment of the present application, the user can drag the drag frame 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 shortcut card display style and improving the user experience.

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

[0157] The desktop application can call the relevant interface of the PMS to obtain the shortcut icon data. The shortcut icon data can refer to the relevant description in step S1002 of the embodiment corresponding to FIG. 10 above, and will not be repeated here.

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

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

[0160] S1105: Respond to the user's release operation.

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

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

[0163] Desktop applications can call the PMS interface to update PMS information and pass data such as the shortcutinfo object to PMS to indicate that the application icon in the current desktop has been replaced with a shortcut card.

[0164] 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 calling method are not limited in the embodiment of the present application.

[0165] Updating the database corresponding to the desktop application can understandably clear the application icon in the database and save the relevant data of the shortcut card in the database.

[0166] It is understood that updating the PMS information can notify the PMS that the application icon on the current desktop has been replaced with a shortcut card. In this way, the PMS can keep in sync with the data displayed by the desktop application in a timely manner, thereby correctly managing shortcuts.

[0167] In addition, the relevant data of the shortcut card is saved in the database, so that the data displayed by the desktop application can be updated in the database in a timely and accurate manner. When the desktop data needs to be loaded next time, the desktop application can display it based on the data saved in the database, which improves the speed of data loading and ensures the correctness of data loading.

[0168] FIG12 shows the process of generating an application icon from a shortcut card.

[0169] S1201: In response to a user long pressing a shortcut card, a drag frame is displayed.

[0170] The user can long press the shortcut card, and in response to the user's long press operation on the shortcut card, the desktop application can display a drag frame around the shortcut card. S1202: In response to the user's operation of dragging the drag frame to become smaller.

[0171] It is understandable that the drag frame may include four sides, and the user may drag any side of the draggable frame to make it smaller. In response to the user's dragging operation, the desktop application may execute step S1203.

[0172] S1203: Construct an application icon view to replace the shortcut card view.

[0173] Based on the user's operation of dragging the border to reduce size, 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.

[0174] S1204: Respond to the user's release operation.

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

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

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

[0178] S1206: Update the database corresponding to the desktop application.

[0179] Updating the database corresponding to the desktop application can understandably clear the relevant data of the shortcut card in the database and save the relevant data of the application in the database.

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

[0181] Furthermore, when adjusting the size of a shortcut card, embodiments of the present application can implement an animation effect of the shortcut card size change. This animation effect can be implemented by deploying a sorting-related class in a desktop application. This class can inherit and implement a third interface, which can be used to implement the animation effect of the shortcut card.

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

[0183] FIG13 shows the process of shortcut sorting.

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

[0185] The user can long-press a shortcut card. In response to this long-press operation, an edit shortcut function option may be displayed in the interface. The user can click the edit shortcut function option. In response to this click operation, the desktop application may enter the edit shortcut function interface. The user can sort multiple shortcuts in the edit shortcut function interface.

[0186] For example, as shown in FIG9 a above, a user can long press shortcut card 902 in interface 901. In response to the user's long press on the shortcut card, as shown in FIG9 b, the desktop application can display an edit shortcut function interface 906. The edit shortcut function interface 906 may include an edit shortcut function area 909, in which the user can sort multiple shortcuts.

[0187] 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.

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

[0189] 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.

[0190] For example, since the display positions of the handwritten note option 910 and the text note option 911 are swapped in the editing shortcut function area 909 shown in FIG9 b , the text note option 916 is displayed above the handwritten note option 917 in the editing shortcut function area 915 shown in FIG9 c . Accordingly, in the shortcut card 914, the shortcut icons for the text note and the handwritten note are also swapped.

[0191] S1305: Update the database corresponding to the desktop application.

[0192] Updating the database corresponding to the desktop application can be understood as resaving the display order of each shortcut card in the database.

[0193] It is understandable that the display order of each shortcut saved in the database can be consistent with the order of shortcuts displayed in the desktop application, so that when the desktop application needs to load data, the order of shortcuts can be correctly displayed based on the data in the database.

[0194] The following describes the method of the embodiment of the present application in detail through specific embodiments. The following embodiments can be combined with each other or implemented independently, and the same or similar concepts or processes may not be repeated in some embodiments.

[0195] FIG14 shows an interface display method according to an embodiment of the present application. The method includes:

[0196] S1401: Receive a first operation to trigger an icon of a first application.

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

[0198] The first operation may include long pressing the icon of the first application, or may include voice instructing the first application to display a drag border. The specific first operation is not limited in the embodiment of the present application.

[0199] S1402: In response to a first operation, display a first border around a first application.

[0200] In the embodiment of the present application, the first frame can be understood as the drag frame 303 in the embodiment corresponding to Figure 3. The specific display style of the drag frame 303 is not limited in the embodiment of the present application.

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

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

[0203] S1404. In response to the second operation, target data is obtained, and a first card is displayed 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, 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 one or more shortcuts, and the display order of the one or more shortcuts.

[0204] In the embodiment 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 shortcut icon data in the embodiment corresponding to FIG11 above. The specific shortcut icon data can refer to the description of the shortcut icon data in step S1002 of the embodiment corresponding to FIG10 above, and will not be repeated here.

[0205] The first card may include the shortcut card 502 of FIG. 5 , the shortcut card 702 of FIG. 7 , the shortcut card 802 of FIG. 8 , etc., which is not limited in the embodiment of the present application.

[0206] 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 embodiment of the present application.

[0207] The electronic device can display a shortcut card on the desktop, in which one or more shortcuts are displayed, so that the user can find and use related shortcuts more easily and improve the user experience.

[0208] Optionally, based on the embodiment corresponding to Figure 14, 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 enlarging the first border may include one or more of the following operations: dragging the first side or the second side in the horizontal direction away from the icon of the first application, and dragging the third side or the fourth side in the vertical direction away from the icon of the first application.

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

[0210] The first border can be expanded horizontally to obtain the shortcut cards shown in Figures 4 and 5 above. The first border can also be expanded vertically to obtain the shortcut cards shown in Figures 6 and 7 above. The first border can also be expanded both horizontally and vertically to obtain the shortcut card shown in Figure 8 above. In this way, the electronic device can flexibly display the style of the first card in the interface, increasing the diversity of the first card display style and improving the user experience.

[0211] Optionally, based on the embodiment corresponding to Figure 14, 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 also include: transmitting the first information of the first card to the PMS, the first information being used to identify that the interface of the electronic device has changed from displaying the icon of the first application to displaying the first card; and saving the target data in the database.

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

[0213] Transmitting the first information to the PMS can notify the PMS that the icon of the first application has been replaced with the first card on the current desktop. This allows the PMS to promptly synchronize with the data displayed by the desktop application, thereby correctly managing application shortcuts. Furthermore, saving the target data in the database allows the data displayed by the desktop application to be updated promptly and accurately in the database. The next time the desktop data needs to be loaded, the desktop application can display it based on the data stored in the database, thereby speeding up data loading and ensuring the accuracy of data loading.

[0214] Optionally, based on the embodiment corresponding to Figure 14, 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.

[0215] 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.

[0216] The third operation may include a long press operation on the first card.

[0217] The first area can be understood as the editing shortcut function area 909 in the embodiment corresponding to FIG. 9 .

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

[0219] 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.

[0220] Optionally, based on the embodiment corresponding to Figure 14, 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.

[0221] In the embodiment of the present application, the first control can be understood as the edit shortcut function option 903 in a of Figure 9 above.

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

[0223] In an embodiment of the present application, a shortcut sorting function is provided. After the user long-presses the first card, an option to edit the shortcut function is provided, and the user determines whether to enter the shortcut sorting interface. If the user clicks the first control, a first area for sorting shortcuts is displayed. In this way, determining whether to display the first area for sorting shortcuts based on the user's selection can give the user more room for selection and provide the user with more functions in the interface corresponding to the first control, thereby improving the user experience.

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

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

[0226] The embodiment of the present application provides a shortcut sorting function. For example, the user can long press and drag the first shortcut icon in the first card to sort the shortcuts. In this way, the shortcut sorting function is easier to operate, providing users with a more convenient shortcut sorting function, thereby improving the user experience.

[0227] Optionally, based on the embodiment corresponding to FIG. 14 , after updating the display of the first card, the method may further include: saving the display order of the first shortcut and the second shortcut in a database.

[0228] In an embodiment of the present application, the display order of the first shortcut and the second shortcut is saved in the database, which 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.

[0229] Optionally, based on the embodiment corresponding to Figure 14, the method may also include: receiving a seventh operation that triggers the first card; displaying a second border around the first card in response to the seventh operation; receiving an eighth operation that triggers the second border to become smaller; and displaying the icon of the first application in response to the eighth operation.

[0230] In the embodiment of the present application, the seventh operation may include a long press operation on the first card, or may include a voice instruction to display the first card and drag the border operation. The specific first operation is not limited in the embodiment of the present application.

[0231] The second frame can be understood as the drag frame of the first card. The specific display style of the drag frame 303 is not limited in this embodiment of the application.

[0232] The eighth operation can be understood as an operation that can reduce the size of the second border. For example, the eighth operation may include the operation of dragging the drag border 404 to the position 403 in the embodiment corresponding to FIG. 4 , or the operation of dragging the drag border 403 to the position 402. The eighth operation may also include the operation of dragging the drag border 604 to the position 603 in the embodiment corresponding to FIG. 6 , or the operation of dragging the drag border 603 to the position 602. The specific eighth operation is not limited in the embodiments of the present application.

[0233] The embodiment of the present application can realize that the first application icon is displayed as the first card, and the first card can also be displayed as the icon of the first application. Different users can display it differently on the desktop according to their respective usage habits. The embodiment of the present application increases the user's operability and selectivity by realizing flexible switching between application icons and shortcut cards, thereby improving the user experience.

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

[0235] In the embodiment of the present application, the second information may also include information instructing the PMS to delete the shortcut icon data. The specific process of transmitting the second information to the PMS can refer to the relevant description in step S1205 of the embodiment corresponding to Figure 12 above, and will not be repeated here.

[0236] Transmitting the second information to the PMS can notify the PMS that the first card on the current desktop has been replaced with the icon of the first application. This allows the PMS to promptly synchronize with the data displayed by the desktop application, thereby enabling accurate application management. Furthermore, by storing the data of the first application in the database, the data displayed by the desktop application can be updated promptly and accurately in the database. The next time desktop data needs to be loaded, the desktop application can display it based on the data stored in the database, improving data loading speed and ensuring data loading accuracy.

[0237] Optionally, based on the embodiment corresponding to Figure 14, the method may also 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, calling the PMS interface 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.

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

[0239] 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 without the user having to re-trigger the related operations of displaying the icon of the first application as the first card, thereby improving the user experience.

[0240] 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 used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with the relevant laws, regulations and standards of relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0241] The above mainly introduces the solution provided by the embodiment of the present application from the perspective of method. In order to realize the above functions, it includes hardware structures and / or software modules corresponding to the execution of each function. Those skilled in the art should easily appreciate that, in combination with the method steps of each example described in the embodiment disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in a hardware or computer software driven hardware manner depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

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

[0243] 15 is a schematic diagram of the structure of a chip provided in an embodiment of the present application. The chip 1500 includes one or more (including two) processors 1501, a communication line 1502, a communication interface 1503, and a memory 1504.

[0244] In some embodiments, the memory 1504 stores the following elements: executable modules or data structures, or a subset thereof, or an extended set thereof.

[0245] The method described in the above embodiment of the present application 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 the implementation process, the steps of the above method can be completed by the hardware integrated logic circuit or software instructions in the processor 1501. The above-mentioned processor 1501 can be a general-purpose processor (for example, a microprocessor or a conventional processor), a digital signal processor (digital signal processing, DSP), an application specific integrated circuit (application specific integrated circuit, ASIC), a field-programmable gate array (field-programmable gate array, FPGA) or other programmable logic devices, discrete gates, transistor logic devices or discrete hardware components. The processor 1501 can implement or execute the methods, steps and logic block diagrams related to each processing disclosed in the embodiment of the present application.

[0246] The steps of the method disclosed in the embodiments of the present application can be directly implemented as being executed by a hardware decoding processor, or can be implemented by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium mature 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). The storage medium is located in the memory 1504, and the processor 1501 reads the information in the memory 1504 and performs the steps of the above method in combination with its hardware.

[0247] The processor 1501 , the memory 1504 , and the communication interface 1503 can communicate with each other via the communication line 1502 .

[0248] In the above embodiment, the instructions stored in the memory for execution by the processor may be implemented in the form of a computer program product, wherein the computer program product may be pre-written in the memory or downloaded and installed in the memory in the form of software.

[0249] The present application also provides a computer program product including one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function according to the embodiment of the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, computer, server or data center to another website site, computer, server or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that a computer can store or a data storage device such as a server or data center that includes one or more available media integrated. For example, the available medium can include magnetic media (e.g., floppy disk, hard disk or tape), optical media (e.g., digital versatile disc (DVD)), or semiconductor media (e.g., solid state disk (SSD)).

[0250] The present application also provides a computer-readable storage medium. The methods described in the above embodiments can be implemented in whole or in part via software, hardware, firmware, or any combination thereof. Computer-readable media can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one location to another. The storage medium can be any target medium that can be accessed by a computer.

[0251] As one possible design, computer-readable media may include compact disc read-only memory (CD-ROM), RAM, ROM, EEPROM, or other optical disc storage; computer-readable media may include magnetic disk storage or other magnetic disk storage devices. Moreover, any connecting line may also be appropriately referred to as a computer-readable medium. For example, if the software is transmitted from a website, server, or other remote source using a 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 medium. Disk and disc, as used herein, include compact disc (CD), laser disc, optical disc, digital versatile disc (DVD), floppy disk, and Blu-ray disc, where disks typically reproduce data magnetically, while discs reproduce data optically using lasers.

[0252] The present application embodiment is described with reference to the flow chart and / or block diagram according to the method, device (system) and computer program product of the embodiment of the present application.It should be understood that each flow process and / or box in the flow chart and / or block diagram and the combination of the flow process and / or box in the flow chart and / or block diagram can be realized by computer program instructions.These computer program instructions can be provided to the processing unit of general-purpose computer, special-purpose computer, embedded processing machine or other programmable data processing equipment to produce a machine, so that the instruction executed by the processing unit of computer or other programmable data processing equipment produces the device for realizing the function specified in one flow chart flow chart or multiple flow charts and / or one block or multiple blocks of block diagram.

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, characterized in that, 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, characterized in that, 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 to 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 to 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-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