Interaction method and related apparatus

Abstract

The present application provides an interaction method and a related apparatus. In the method, an electronic device may define a container component, and desktop content (comprising element components and container components) can be arbitrarily combined or stacked and placed in the container component. In addition, operations such as sub-component drag-in and drag-out, long press, swipe‑based page turning, resizing, and expansion can be supported in the container component. In this way, by using the interaction method provided in an embodiment of the present application, the electronic device can support combining or stacking of a card and a folder, combining or stacking of a folder and another folder, and combining or stacking of a combined card and a folder formed by combining or stacking two folders. The convenience and enjoyment of desktop content organization can be improved, thereby enhancing user experience.

Description

An interactive method and related device

[0001] This application claims priority to the Chinese patent application filed with the China Patent Office on March 28, 2024, with application number 202410378112.4 and application name “A method of interaction 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 interaction method and related devices. Background Art

[0003] With the advancement of interface design for mobile devices, such as mobile phones and tablets, the forms of terminal desktop components are becoming increasingly diverse. The terminal desktop can display a variety of components, including cards, application icons, small folders, large folders, capsules, and shortcuts. Due to the differences in design and function, some desktop components can be combined or stacked. For example, multiple application icons can be combined into a folder. Multiple cards can also be combined and stacked. However, components such as cards and icons, cards and folders, or folders and folders cannot be combined or stacked. This can negatively impact the user experience.

[0004] Therefore, how to combine and stack components of various forms on the desktop is an urgent problem to be solved. Summary of the Invention

[0005] This application provides an interactive method and related devices, in which users can combine and stack components of various forms on the desktop. This can improve the storage capacity of the desktop and enhance the user experience.

[0006] In a first aspect, the present application provides an interaction method, which may include: an electronic device detects a first operation performed by a user on a first component on a desktop, where the first component is a first folder; in response to the first operation, the electronic device displays a third component on the desktop, where the third component contains the content of the first component and the content of the second component, and the content of the first component does not obscure the content of the second component, and the second component includes any one of a card, an application icon, a shortcut, a folder, and a combined card; or, in response to the first operation, the electronic device stacks the first component on top of the second component.

[0007] The first operation is an operation in which the user drags the first component onto the second component, or the first operation is an operation in which the user drags the first component near the second component.

[0008] Through the method provided in the first aspect, users can combine or stack folders and any other components on the desktop, such as cards, application icons, shortcuts, folders, combined cards, etc. This can improve the storage capacity of the desktop and thus enhance the user experience.

[0009] In combination with the first aspect, in a possible implementation, the first folder contains a first application icon, the second component is a first card, the third component contains the first card and the first application icon, or the third component contains the first card and the second file.

[0010] Alternatively, the second component is a second folder, the second folder contains a second application icon, the third component contains a first application icon and a second application icon, or the third component contains a first folder and a second folder.

[0011] Alternatively, the second component is a combination card, the combination card includes the second card, one or more shortcuts, the third component includes the second card, one or more shortcuts, and the first application icon, or the third component includes the first folder and the combination card.

[0012] This allows users to combine or stack folders and cards on the desktop. Users can also combine or stack folders on the desktop. Users can also combine or stack folders and combined cards on the desktop. This improves the storage capacity of the desktop and enhances the user experience.

[0013] In combination with the first aspect, in one possible implementation, the second component is a first card. In response to the first operation, after the electronic device displays the third component on the desktop, the method may also include: the electronic device detects the second operation of the user on the first card in the third component; in response to the second operation, the electronic device displays a shortcut menu for the first card, and the shortcut menu contains one or more shortcut function options for the first card.

[0014] Among them, the second operation is the user long pressing the first card in the third component.

[0015] In this way, the user can still open the shortcut menu of the first card in the combined third component.

[0016] In combination with the first aspect, in one possible implementation, after the electronic device displays a third component on the desktop in response to the first operation, the method may further include: the electronic device detects a third operation performed by the user on the first application icon in the third component; in response to the third operation, the electronic device displays the first application icon in a first area on the desktop, where the first area is an area outside the third component and on the desktop.

[0017] Among them, the third operation is an operation in which the user long presses the first application icon in the third component and drags out the third component.

[0018] In this way, the user can directly drag the first application icon out of the third component without expanding the third component first, which simplifies the user operation and improves the user experience.

[0019] In combination with the first aspect, in one possible implementation, after the electronic device displays a third component on the desktop in response to the first operation, the method may further include: the electronic device detects a fourth operation performed by the user on a first folder in the third component; in response to the fourth operation, the electronic device displays the first folder in a second area on the desktop, where the second area is an area outside the third component and on the desktop.

[0020] Among them, the fourth operation is an operation in which the user long presses the first folder in the third component and drags out the third component.

[0021] In this way, the user can directly drag the first folder out of the third component through a long press operation, which simplifies the user operation and improves the user experience.

[0022] In combination with the first aspect, in one possible implementation, in response to the first operation, after the electronic device stacks the first component on the second component on the desktop, the method may also include: the electronic device detects a fifth operation of the user on the desktop, the fifth operation being any one of the operations of the user sliding up, sliding down, sliding left, and sliding right in the first component or the second component; in response to the fifth operation, the electronic device stacks the second component on the first component.

[0023] In this way, the user can turn the pages of the stacked first component and the second component, so that the current stacking of the first component on the second component switches to the stacking of the second component on the first component. In this way, the user can view any sub-component in the stacked components by turning the pages.

[0024] In combination with the first aspect, in one possible implementation, a fourth component is displayed on the desktop of the electronic device, and the fourth component includes at least two items of a card, a folder, a shortcut, and an application icon. In response to the first operation, the electronic device displays the third component on the desktop. The method may also include: the electronic device detects a sixth operation of the user on the third component; in response to the sixth operation, the electronic device displays a fifth component on the desktop, and the sixth component includes elements of the third component or elements of the fourth component, and the elements of the third component do not obscure the elements of the fourth component; or, in response to the sixth operation, the electronic device stacks the third component on top of the fifth component.

[0025] The sixth operation is an operation in which the user drags the third component onto the fourth component; or the sixth operation is an operation in which the user drags the third component near the fourth component.

[0026] In this way, the user can combine or stack the combined third component with other components again.

[0027] In combination with the first aspect, in one possible implementation, in response to the first operation, after the electronic device detects the first operation performed by the user on the first component on the desktop, the method may also include: in response to the first operation, the electronic device detects the overlapping area ratio between the first component and the second component; when the overlapping area ratio is greater than the first preset threshold and less than the second preset threshold, the electronic device displays the third component on the desktop; when the overlapping area ratio is greater than the second preset threshold, the electronic device stacks the first component on the second component.

[0028] In this way, the electronic device can determine whether to combine or stack the two components based on the overlapping area of ​​the two components.

[0029] In combination with the first aspect, in one possible implementation, in response to a first operation, after the electronic device detects the first operation performed by the user on the first component on the desktop, the method may also include: in response to the first operation, the electronic device displays a first option box on the desktop, the first option box includes a first control and a second control; when it is detected that the user clicks the first control, the electronic device displays a third component on the desktop; when it is detected that the user clicks the second control, the electronic device stacks the first component on top of the second component.

[0030] In this way, the electronic device can combine or overlap two components based on user selection.

[0031] In combination with the first aspect, in one possible implementation, in response to the first operation, after the electronic device detects the first operation performed by the user on the first component on the desktop, the method may also include: in response to the first operation, when the electronic device determines that the size of the first component is different from the size of the second component, the electronic device displays a third component on the desktop; when the electronic device determines that the size of the first component is the same as the size of the second component, the electronic device stacks the first component on top of the second component.

[0032] In this way, the electronic device can determine whether to combine or overlap the two components based on the sizes of the two components.

[0033] In a second aspect, an electronic device is provided, which may include a display, one or more processors and one or more memories; wherein the display, one or more memories are coupled to the one or more processors, the one or more memories are used to store computer program code, and the computer program code includes computer instructions. When the one or more processors execute the computer instructions, the electronic device executes the method involved in any possible implementation method of the first aspect.

[0034] According to a third aspect, an electronic device is provided. The electronic device may include one or more functional modules, and the one or more functional modules are used for the method involved in any possible implementation of the first aspect.

[0035] In a fourth aspect, a chip system is provided, which is applied to an electronic device, and the chip system includes one or more processors, and the processor is used to call computer instructions to enable the electronic device to execute the method involved in any possible implementation of the first aspect.

[0036] In a fifth aspect, a computer-readable storage medium is provided, comprising instructions, which, when executed on an electronic device, enable the electronic device to execute the method involved in any possible implementation of the first aspect.

[0037] In a sixth aspect, a computer program product is provided, which includes a computer program or instructions. When the computer program or instructions are run on an electronic device, the electronic device executes the method involved in any possible implementation of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

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

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

[0040] 3A-3B are schematic diagrams of a desktop of an electronic device 100 provided in an embodiment of the present application;

[0041] 4A-4C are a set of user interface diagrams of the electronic device 100 provided in an embodiment of the present application;

[0042] 5A-5F are a set of user interface diagrams of the electronic device 100 provided in an embodiment of the present application;

[0043] 6A-6O are a set of user interface diagrams of the electronic device 100 provided in an embodiment of the present application;

[0044] FIG7A is a schematic diagram of any combination or stacking of element components and container components on the desktop of the electronic device 100 provided by an embodiment of the present application;

[0045] FIG7B is a schematic diagram of an embodiment of the present application showing a user long pressing a card in a folder 703 composed of a folder 703B and a card 703A to bring up a shortcut menu for the card;

[0046] FIG7C is a schematic diagram of a user long pressing and dragging out folder 703B from folder 703 composed of folder 703B and card 703A, provided by an embodiment of the present application;

[0047] FIG7D is a schematic diagram of stacking and flipping pages of container assemblies provided in an embodiment of the present application;

[0048] FIG8 is a schematic diagram of the relevant definitions and classifications of desktop content provided in an embodiment of the present application;

[0049] FIG9 is a schematic diagram of a desktop container structure corresponding to a folder in a desktop provided by an embodiment of the present application;

[0050] FIG10 is a flow chart of an interaction method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0051] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0052] The terms used in the following embodiments of the present application are only for the purpose of describing specific embodiments and are not intended to limit the present application. As used in the specification and appended claims of this application, the singular expressions "one", "a kind of", "said", "above", "the" and "this" are intended to also include plural expressions, unless the context clearly indicates otherwise. The terms "first" and "second" are used for descriptive purposes only and are not to be understood as implying or suggesting relative importance or implicitly indicating the number of technical features indicated. Thus, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. "First" and "second" etc. are used to distinguish different objects, rather than to describe a specific order of objects. For example, the first object and the second object are used to distinguish different objects, rather than to describe a specific order of objects.

[0053] In the description of the embodiments of this application, unless otherwise specified, "a plurality" means two or more. For example, a plurality of processing units refers to two or more processing units; a plurality of systems refers to two or more systems.

[0054] 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 as "exemplary" or "for example" in the embodiments of this application should not be interpreted 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.

[0055] The term "and / or" in this application is simply a description of the association relationship between related objects, indicating that three relationships can exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone.

[0056] The term "user interface (UI)" in the following embodiments of this application refers to a medium interface for interaction and information exchange between an application or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The user interface is a source code written in a specific computer language such as Java and extensible markup language (XML). The interface source code is parsed and rendered on an electronic device and finally presented as content that the user can recognize. The commonly used form of user interface is graphical user interface (GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It can be a visual interface element such as text, icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. displayed on the display screen of an electronic device.

[0057] To better understand the technical solutions provided by this application, before describing the technical solutions of this application, we first describe an electronic device 100 with a display screen to which this application applies, with reference to the accompanying drawings. The electronic device 100 can display a desktop on the display screen. In the embodiments of this application, the electronic device 100 may include, but is not limited to, devices with display screens, such as mobile phones, tablet computers, and smart watches. The embodiments of this application do not limit the specific form or type of the electronic device 100.

[0058] The following first introduces an exemplary electronic device 100 provided in an embodiment of the present application.

[0059] FIG1 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application.

[0060] The following embodiments are described in detail using electronic device 100 as an example. It should be understood that electronic device 100 may have more or fewer components than shown in the figure, may combine two or more components, or may have a different component configuration. The various components shown in the figure may be implemented in hardware, including one or more signal processing and / or application-specific integrated circuits, software, or a combination of hardware and software.

[0061] The electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, 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 should be understood that the structure illustrated in the embodiments of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components 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 memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.

[0064] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

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

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

[0067] The I2C interface is a bidirectional synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C bus lines. The processor 110 may be coupled to the touch sensor 180K, the charger, the flash, the camera 193, and the like via different I2C bus interfaces. For example, the processor 110 may be coupled to the touch sensor 180K via the I2C interface, enabling communication between the processor 110 and the touch sensor 180K via the I2C bus interface, thereby implementing the touch function of the electronic device 100.

[0068] The I2S interface can be used for audio communication. In some embodiments, the processor 110 can include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the I2S interface, enabling the function of answering calls through a Bluetooth headset.

[0069] The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via a PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface, enabling the function of answering calls via a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0070] The UART interface is a universal serial data bus used for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 via the UART interface to implement Bluetooth functionality. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the UART interface, enabling the function of playing music through Bluetooth headphones.

[0071] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display 194 and the camera 193. MIPI interfaces include the camera serial interface (CSI) and the display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to implement the camera function of the electronic device 100. The processor 110 and the display 194 communicate via the DSI interface to implement the display function of the electronic device 100.

[0072] The GPIO interface can be configured via software. The GPIO interface can be configured as either a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to the camera 193, display 194, wireless communication module 160, audio module 170, sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0073] The SIM interface can be used to communicate with the SIM card interface 195 to implement the function of transmitting data to the SIM card or reading data in the SIM card.

[0074] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, or to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as augmented reality devices.

[0075] It is understood that the interface connection relationship between the modules illustrated in the embodiment of the present invention is merely an illustrative illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

[0076] The charging management module 140 is configured to receive charging input from a charger, which may be a wireless charger or a wired charger.

[0077] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to provide power to the processor 110, the internal memory 121, the external memory, the display 194, the camera 193, and the wireless communication module 160.

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

[0079] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0080] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0081] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

[0082] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0083] In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).

[0084] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0085] Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than one.

[0086] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0087] The ISP processes data fed back by camera 193. For example, when taking a photo, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, which is then passed to the ISP for processing and converted into a visible image. The ISP can also perform algorithmic optimization on image noise, brightness, and color. It can also optimize parameters such as exposure and color temperature of the captured scene. In some embodiments, the ISP can be located within camera 193.

[0088] The camera 193 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then passes the electrical signal to the ISP for conversion into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

[0089] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy.

[0090] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. This allows electronic device 100 to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, and MPEG4.

[0091] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU can enable intelligent cognitive applications in electronic device 100, such as image recognition, face recognition, speech recognition, and text comprehension.

[0092] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0093] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. 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, applications required for at least one function (such as face recognition function, fingerprint recognition function, mobile payment function, etc.), etc. The data storage area may store data created during the use of the electronic device 100 (such as face information template data, fingerprint information template, etc.), 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.

[0094] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

[0095] The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be provided in the processor 110, or some functional modules of the audio module 170 can be provided in the processor 110.

[0096] The speaker 170A, also called a "speaker", is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or listen to hands-free calls through the speaker 170A.

[0097] The receiver 170B, also called a "handset", is used to convert audio electrical signals into sound signals. When the electronic device 100 receives a call or a voice message, the user can place the receiver 170B close to the ear to hear the voice.

[0098] Microphone 170C, also known as "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to the microphone 170C to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify the source of sound, realize directional recording function, etc.

[0099] The headphone jack 170D is used to connect a wired headphone and can be the USB interface 130 or a 3.5mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0100] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be located on display screen 194. There are many types of pressure sensors 180A, such as resistive, inductive, and capacitive. A capacitive pressure sensor can include at least two parallel plates made of conductive material. When force acts on pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the intensity of the pressure based on this change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the touch intensity based on pressure sensor 180A. Electronic device 100 can also calculate the touch location based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch location but with different touch intensities can correspond to different operation instructions. For example, when a touch operation with an intensity less than a first pressure threshold is applied to a short message application icon, a command to view short messages is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to a short message application icon, a command to create a new short message is executed.

[0101] The gyroscope sensor 180B can be used to determine the motion posture of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (i.e., x, y, and z axes) can be determined by the gyroscope sensor 180B. The gyroscope sensor 180B can be used for anti-shake shooting. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of the electronic device 100 shaking, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyroscope sensor 180B can also be used for navigation and somatosensory game scenes.

[0102] The air pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device 100 calculates the altitude using the air pressure value measured by the air pressure sensor 180C to assist in positioning and navigation.

[0103] The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip case. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 can detect the opening and closing of the flip cover based on the magnetic sensor 180D. Based on the detected opening and closing status of the case or flip cover, features such as automatic unlocking of the flip cover can be configured.

[0104] Accelerometer 180E can detect the magnitude of acceleration of electronic device 100 in all directions (generally three axes). It can also detect the magnitude and direction of gravity when electronic device 100 is stationary. It can also be used to identify the electronic device's posture, enabling applications such as switching between landscape and portrait modes and pedometers.

[0105] The distance sensor 180F is used to measure distance. The electronic device 100 can measure distance using infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 can use the distance sensor 180F to measure distance to achieve fast focusing.

[0106] The proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector, such as a photodiode. The light emitting diode may be an infrared light emitting diode. The electronic device 100 emits infrared light outward through the light emitting diode. The electronic device 100 uses a photodiode to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100. When insufficient reflected light is detected, the electronic device 100 can determine that there is no object near the electronic device 100. The electronic device 100 can use the proximity light sensor 180G to detect that the user is holding the electronic device 100 close to the ear to talk, so as to automatically turn off the screen to save power. The proximity light sensor 180G can also be used in leather case mode and pocket mode to automatically unlock and lock the screen.

[0107] Ambient light sensor 180L is used to sense ambient light brightness. Electronic device 100 can adaptively adjust the brightness of display screen 194 based on the perceived ambient light. Ambient light sensor 180L can also be used to automatically adjust white balance when taking photos. Ambient light sensor 180L can also work with proximity light sensor 180G to detect whether electronic device 100 is in a pocket to prevent accidental touches.

[0108] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access application locks, fingerprint photography, fingerprint call answering, etc.

[0109] The temperature sensor 180J is used to detect temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device 100 reduces the performance of the processor located near the temperature sensor 180J to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to prevent the electronic device 100 from shutting down abnormally due to low temperature. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 boosts the output voltage of the battery 142 to prevent abnormal shutdown due to low temperature.

[0110] The touch sensor 180K is also called a "touch panel." The touch sensor 180K can be disposed on the display screen 194. The touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen." The touch sensor 180K is used to detect touch operations applied thereto or in the vicinity thereof. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event. Visual output related to the touch operations can be provided via the display screen 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, in a location different from that of the display screen 194.

[0111] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

[0112] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0113] The indicator 192 may be an indicator light, which may be used to indicate the charging status, power level changes, messages, missed calls, notifications, etc.

[0114] The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to and disconnected from the electronic device 100 by inserting it into or removing it from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications.

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

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

[0117] The application layer can include a series of application packages.

[0118] As shown in FIG2 , the application package may include applications (also referred to as apps) such as desktop, weather, Xiaoyi suggestions, music, short messages, gallery, calls, navigation, Bluetooth, and video.

[0119] Optionally, the application package may also include applications such as a camera, calendar, map, WLAN, and music. It is understood that the types and number of applications included in the application package in the electronic device 100 will change as the user downloads or uninstalls applications. The embodiments of the present application do not limit the types and number of applications included in the application package.

[0120] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0121] As shown in FIG2 , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

[0122] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, etc.

[0123] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0124] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.

[0125] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including answering, hanging up, etc.).

[0126] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0127] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically, without requiring user interaction. For example, the Notification Manager can be used to notify users of completed downloads, message reminders, and so on. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog interfaces on the screen. Examples include text messages in the status bar, beeps, vibrations on electronic devices, and flashing indicator lights.

[0128] The runtime includes the core library and the virtual machine. The runtime is responsible for the scheduling and management of the system.

[0129] The core library consists of two parts: one part is the function that the programming language (for example, Java language) needs to call, and the other part is the core library of the system.

[0130] The application layer and application framework layer run in a virtual machine. The virtual machine executes the application layer and application framework layer programming files (for example, Java files) as binary files. The virtual machine performs functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0131] The system library can include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0132] The surface manager is used to manage the display subsystem and provide the fusion of two-dimensional (2D) and three-dimensional (3D) layers for multiple applications.

[0133] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0134] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0135] A 2D graphics engine is a drawing engine for 2D drawings.

[0136] The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, sensor driver, and virtual card driver.

[0137] The following describes the workflow of the software and hardware of the electronic device 100 in conjunction with capturing a photo scene.

[0138] When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, touch operation timestamp, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a touch single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer to capture a still image or video through the camera 193.

[0139] The embodiment of the present application relates to an application of an interaction method. To facilitate understanding, the desktop displayed by the electronic device 100 is first introduced below with reference to the accompanying drawings.

[0140] As shown in Figure 3A, the electronic device 100 can display an interface 300 of the desktop. A page with application icons is displayed in the interface 300. The page may include icons of multiple applications (for example, a gallery application icon 305, a sports and health application icon 307, a music application icon 308, a settings application icon 309, and a weather application icon 310, etc.). Among them, the page may also include icons of application folders (for example, an icon 306 of a daily application folder and an icon 311 of a practical application folder). The application folder can be used to trigger the electronic device 100 to display one or more application icons.

[0141] Optionally, the page may also include a Xiaoyi suggestion card 303 and a sports health card 304. The Xiaoyi suggestion card 303 may display icons of one or more applications recommended by the Xiaoyi suggestion application. The sports health card 304 may display the user's sports health data (e.g., the number of steps "1314 steps").

[0142] Alternatively, if there is a tooltip below an application icon, it indicates that the application has a service card embedded in it. For example, tooltip 3051 is displayed below gallery application icon 305. Tooltip 3081 is displayed below music application icon 308. For example, a user can swipe up on an application icon to call out a service card. For example, a user can swipe up on gallery application icon 305 to call out the gallery service card.

[0143] Optionally, a page indicator 312 is displayed below the page on which the application icon is placed, indicating the total number of pages on the desktop and the positional relationship between the currently displayed page and other pages. For example, if the desktop interface 300 may include four pages, and the black dot in the page indicator is on the second page, it may indicate that the currently displayed page is the second page of the four pages. The second page may be referred to as the home page of the desktop interface 300 (or may be referred to as the home page, home screen).

[0144] Optionally, in some examples, the black dot in the page indicator may be located at the first position. When the black dot in the page indicator is located at the first position, it may indicate that the currently displayed page is the leftmost page among the four pages. The leftmost page may also be referred to as the negative one screen of the desktop interface 300.

[0145] Optionally, in some examples, the black dot in the page indicator may be the fourth one. When the black dot in the page indicator is the fourth one, it may indicate that the currently displayed page is the rightmost one of the four pages. The rightmost page may also be referred to as the last screen of the desktop interface 300.

[0146] Optionally, a status bar 301 is displayed above the page where the application icon is placed. The status bar 301 may include information such as a communication signal strength indicator, battery level, and time. Further, optionally, a dock area may be provided below the page indicator. The dock area may include one or more tray icons (e.g., a dialer application icon 313A, a message application icon 313B, a browser application icon 313C, a camera application icon 313D, etc.). The one or more tray icons in the dock area may remain displayed when the page is switched.

[0147] Optionally, the page with the application icon can also display weather clock information 302. The weather clock information can include time information (e.g., year, month, day, week, lunar calendar, and hour and minute, etc.) and weather information (e.g., icons and temperature for identifying weather, etc.).

[0148] As shown in Figure 3B , the electronic device 100 may display a desktop page 320. This page 320 may be the last page of the desktop interface 300. As shown in Figure 3B , the black dot of the page indicator 312 is the fourth one. This page 320 may include a combination card 314. This combination card 314 may include a card 314A, a card 314B, and a shortcut 314C. Optionally, this page 320 may also include an icon 315 for large folder 1 and an icon 316 for large folder 2. The icon 315 for large file 1 may display multiple application icons. The icon 316 for large file 2 may display multiple application icons. Optionally, this page 320 may also include a clock card 317, which may be composed of a clock card 317A, a clock card 317B, and a clock card 317C.

[0149] The following is an introduction to the relevant terms and concepts involved in the embodiments of this application.

[0150] 1. Cards

[0151] A card may include display information of one or more functions in one or more applications. A card may be a convenient entry point on the desktop for the application corresponding to the card. Users can use the card to enter the interface of the application corresponding to the card. For example, the sports health card 304 shown in FIG3A , and the cards 314A and 314B shown in FIG3B , as well as the clock card 317A, the clock card 317B, and the clock card 317C are all cards involved in the embodiments of the present application. Taking the sports health card 304 as an example, users can use the sports health card 304 to enter the interface of the sports health application.

[0152] Cards can also be called service cards, components, or card components, which are not limited in this embodiment of the present application. The sizes of cards corresponding to different applications can be the same or different. This embodiment of the present application also does not limit the size of the cards displayed on the desktop of the electronic device 100.

[0153] 2. Large folders, small folders

[0154] The large folder on the desktop of electronic device 100 may contain one or more application icons, and the user may directly click an application icon in the large file to enter the application. For example, in FIG3B , the user may directly click an application icon in icon 315 of large file 1 and icon 316 of large folder 2 to enter the application.

[0155] The small folder in the desktop of the electronic device 100 can contain icons of one or more applications. The user cannot click on the application icon directly in the small folder. The user needs to click on the icon of the small folder first, and in response to the user operation, the electronic device 100 can expand and enlarge the icons of the applications in the small folder. For example, the daily application folder and the practical application folder shown in Figure 3A are both small folders. Taking the daily application folder as an example, the user needs to click on the icon 306 of the daily application folder first, and the electronic device 100 expands and enlarges the icons of the applications in the daily application folder in response to the user operation. Then, the user can click on the application icon to enter the application.

[0156] 3. Xiaoyi suggestion card

[0157] The electronic device 100 can recommend one or more apps that the user is most likely to use based on the user's app usage patterns over a period of time, and place them in a Xiaoyi suggestion card. Although both the Xiaoyi suggestion card and the large folder contain one or more app icons, the user can directly click on the app icon in the Xiaoyi suggestion card or large folder to access the app. However, the app icons in the Xiaoyi suggestion card cannot be moved in or out based on user operations, while the icons in the large folder can be moved in or out by the user.

[0158] In some embodiments, the Xiaoyi suggestion card may also be referred to as a Xiaoyi suggestion folder, which is not limited in this embodiment of the present application.

[0159] Currently, the user can combine application icon 1 and application icon 2 on the desktop into a folder. For example, after the user drags application icon 1 on the desktop onto application icon 2, the electronic device 100 detects that the positions of application icon 1 and application icon 2 overlap, and then combines application icon 1 and application icon 2 to form a folder.

[0160] Optionally, the user can also combine or stack cards on the desktop of the electronic device 100. For example, the user can drag card 1 onto card 2. After the electronic device 100 detects that card 1 and card 2 overlap, if card 1 and card 2 are the same size, card 1 and card 2 can be stacked (i.e., card 1 is stacked on card 2); if card 1 and card 2 are different sizes, card 1 and card 2 can be combined into a card.

[0161] Optionally, the user can also combine cards on the desktop of electronic device 100 with one or more of the cards and shortcuts. For example, as shown in FIG3B , card 314A, card 314B, and shortcut 314C can be combined into card 314. For example, the name of card 314 can be "Combination Card 1," but the present embodiment does not limit the name of card 314.

[0162] However, currently the user cannot combine or stack cards and application icons, folders and files, or cards and folders on the desktop of the electronic device 100 .

[0163] In order to improve the user experience, an embodiment of the present application provides an interaction method, in which the electronic device 100 can combine or stack any components (including application icons, cards, folders, shortcuts, capsules, etc.) in the desktop to form a container component based on user operations. The electronic device 100 can also support the user to long press and drag the subcomponents in the container component, long press and click the subcomponents in the container component to display the shortcut menu of the subcomponent, turn the pages of the stacked subcomponents, and display the subcomponents of the lower layer, etc. The electronic device can also further combine two combined or stacked container components based on user operations. In this way, the convenience and storage efficiency of the electronic device desktop layout can be effectively improved, and the user experience can be improved.

[0164] 4A-4C exemplarily illustrate schematic diagrams of user interfaces related to combining cards of different sizes on the desktop of the electronic device 100 .

[0165] As shown in Figure 4A, the user can long press and drag the sports health card 304 to the left in the interface 300 of the desktop of the electronic device 100. For the interface 300 of the desktop of the electronic device 100, please refer to the description in Figure 3A, which will not be repeated here.

[0166] As shown in Figure 4B , the user can drag the Sports and Health card 304 to overlap with the Xiaoyi Suggestion card 303. After detecting that the overlap between the Sports and Health card 304 and the Xiaoyi Suggestion card 303 exceeds a preset threshold 1 and determining that the size of the Sports and Health card 304 is different from the size of the Xiaoyi Suggestion card 303, the electronic device 100 can display a container component 401 as shown in Figure 4C in the desktop interface 300.

[0167] As shown in FIG4C , the desktop interface 300 may display a container component 401. This container component 401 may include a Xiaoyi suggestion card 303 and a sports and health card 304. Optionally, the container component 401 may be named "Combination Card 2." This embodiment of the application does not limit the name of the container component 401. The user may also rename the container component 401.

[0168] As shown in Figure 4C, after the electronic device 100 creates a container component 401 in the desktop interface 300, the electronic device 100 can adjust the positions of the original application icons and folders in the interface 300. For example, after the container component 401 occupies the positions of the previous gallery application icon 305 and the daily application folder icon 306, the electronic device 100 can adjust the gallery application icon 305 and the daily application folder icon 306 to the next row of the container component 401, then adjust the sports and health application icon 307 and the music application icon 308 to the right, and adjust the settings application icon 309 and the weather application 310 to the next row of the original position. Finally, the electronic device 100 can adjust the utility application 311 to the right.

[0169] Alternatively, in one possible implementation, when there is no location for placing the container component 401 in the page currently displayed on the desktop interface 300 of the electronic device 100, the electronic device 100 may add a new page to the desktop interface 300. The newly added page may be the next page of the currently displayed page. Then, the electronic device 100 may place the container component 401 in the newly added page.

[0170] Optionally, in one possible implementation, when there is no location for placing the container component 401 in the page currently displayed on the interface 300 of the desktop of the electronic device 100, and there is vacant space in the last page of the interface 300 (i.e., the last screen), the electronic device 100 can place the container component 401 in the last page of the interface 300.

[0171] Optionally, in one possible implementation, the electronic device 100 may place the container component 401 at the location of the card 303 or the card 304 in the page currently displayed on the interface 300. When the page currently displayed on the interface 300 has no free space for the application icon, folder icon, or card originally on the page currently displayed on the interface 300 after the container component 401 is placed, the electronic device 100 may add a new page to the interface 300. The newly added page may be the next page of the currently displayed page. Then, the electronic device 100 may place the application icon, folder icon, or card originally on the currently displayed page and that has no free space on the newly added page.

[0172] 5A-5F exemplarily show relevant user interface diagrams of combining or stacking two small folders on the desktop of the electronic device 100 .

[0173] As shown in FIG5A , the user can long-press and drag the icon 306 of the daily application folder in the interface 300 of the desktop of the electronic device 100. As shown in FIG5B , the user can drag the icon 306 of the daily application folder to overlap with the icon 311 of the practical application folder. In response to this user operation, the electronic device 100 can display an option box 501 in the interface 300 of the desktop.

[0174] As shown in Figure 5C, an option box 501 may be displayed in the interface 300 of the desktop of the electronic device 100. The option box 501 may include a control 502, a control 503, and a control 504. The control 502 can be used to combine the icon 306 of the daily application folder with the icon 311 of the practical application folder. The control 503 can be used to stack the icon 306 of the daily application folder with the icon 311 of the practical application folder. The control 504 can be used to cancel the user's operation of combining or stacking the icon 306 of the daily application folder with the icon 311 of the practical application folder, and restore the icon 306 of the daily application folder to its initial position (i.e., the position before the user dragged the folder).

[0175] In some examples, the electronic device 100 may combine the icon 306 of the daily application folder with the icon 311 of the utility application folder based on a user operation. As shown in FIG5C , the user may click the control 502. In response to the user operation, the electronic device 100 may combine the icon 306 of the daily application folder with the icon 311 of the utility application folder and display the container component 505.

[0176] As shown in FIG5D , the electronic device 100 may display the container component 505 in the desktop interface 300. The container component 505 may be named "Combined Folder 1," and this embodiment of the present application does not limit the name of the container component 505. The container component 505 may include application icons contained in the daily application folder and application icons contained in the practical application folder.

[0177] Optionally, the size of the container component 505 may be the sum of the size of the daily application folder and the size of the practical application folder.

[0178] It is understandable that when there is an empty space for placing the container component 505 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can place the container component 505 in the page currently displayed on the interface 300 of the desktop. Optionally, when there is no empty space for placing the container component 505 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can add a new page to the interface 300 to place the container component 505. The newly added page can be the next page of the currently displayed page or a page on the last screen. Optionally, when there is no empty space for placing the container component 505 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can place the container component 505 in the last page of the interface 300.

[0179] Alternatively, in other examples, the electronic device 100 may stack the icon 306 of the daily application folder with the icon 311 of the practical application folder. As shown in FIG5E , the user may click the control 503. In response to the user operation, the electronic device 100 may stack the icon 306 of the daily application folder with the icon 311 of the practical application folder and display the container component 506.

[0180] As shown in FIG5F , the electronic device 100 may display a container component 506 in the desktop interface 300. The container component 506 may be named “Stacked Folder 1,” and the embodiment of the present application does not limit the name of the container component 506. The container component 506 may include an icon 306 for a daily application folder and an icon 311 for a practical application folder. The icon 306 for the daily application folder may be stacked on top of the icon 311 for the practical application folder.

[0181] Optionally, the size of the container component 506 may be consistent with the size of the daily application folder icon 306 and the size of the utility application folder icon 311 before the user drag operation. The size of the daily application folder icon 306 in the container component 506 is smaller than the size of the daily application folder icon 306 before the user drag operation. Similarly, the size of the utility application folder icon 311 in the container component 506 is smaller than the size of the utility application folder icon 311 before the user drag operation.

[0182] Optionally, the size of the container component 506 may be larger than the size of the icon 306 of the daily application folder and the size of the icon 311 of the practical application folder before the user dragging operation.

[0183] It is understandable that the embodiment of the present application does not limit the specific size of the container assembly 506.

[0184] It is understandable that when there is an empty space for placing the container component 506 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can place the container component 506 in the page currently displayed on the interface 300 of the desktop. Optionally, when there is no empty space for placing the container component 506 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can add a new page to the interface 300 to place the container component 506. The newly added page can be the next page of the currently displayed page or a page on the last screen. Optionally, when there is no empty space for placing the container component 506 in the page currently displayed on the interface 300 of the desktop, the electronic device 100 can place the container component 506 in the last page of the interface 300.

[0185] 6A-6M exemplarily illustrate schematic diagrams of user interfaces related to the electronic device 100 combining or stacking large folders on the desktop.

[0186] As shown in Figure 6A, the user can long press the icon 316 of large file 2 on page 320 of the desktop and drag the icon 316 of large folder 2 to the left. As shown in Figure 6B, the user can drag the icon 316 of large file 2 to overlap with the icon 315 of large file 1. When the electronic device 100 detects that the overlapping portion of the icon 316 of large file 2 and the icon 315 of large file 1 exceeds a preset threshold value 1, the electronic device 100 can display an option box 601. The option box 601 may include a control 602, a control 603, and a control 604. The control 602 can be used to combine the icon 316 of large file 2 with the icon 315 of large folder 1. The control 603 can be used to stack the icon 316 of large file 2 with the icon 315 of large folder 1. Control 604 can be used to cancel the user's operation of combining or stacking the icon 316 of large file 2 and the icon 315 of large folder 1, and restore the icon 316 of large file 2 to its initial position (i.e., the position before the user's dragging operation).

[0187] In some examples, electronic device 100 may combine icon 316 of large file 2 with icon 315 of large folder 1 based on a user operation. As shown in FIG6B , the user may click control 602. In response to the user operation, electronic device 100 may combine icon 316 of large file 2 with icon 315 of large folder 1 and display container component 605.

[0188] As shown in FIG6C , the electronic device 100 may display a container component 605 in the page 320 of the desktop. The name of the container component 605 may be “Super Folder 1”, and the embodiment of the present application does not limit the name of the container component 605. The container component 605 may include application icons contained in the large file 1 (e.g., QQ icon 605A, enterprise WeChat icon 605B, Zhihu icon 605C, WeChat icon 605D, Taobao icon 605E, conference application icon 605F, Baidu Netdisk icon 605G, Alipay icon 605H, stock application icon 605I, video application icon 605J, etc.) and application icons contained in the large file 2 (e.g., contact application icon 605K, memo application icon 605L, and map application icon 605M, etc.).

[0189] Optionally, the size of the container component 605 may be the sum of the size of the large folder 1 and the size of the large folder 2 .

[0190] It is understandable that when there is an empty space in the page 320 for placing the container component 605, the electronic device 100 can place the container component 605 in the page 320. Alternatively, when there is no empty space in the page 320 for placing the container component 605, the electronic device 100 can add a new page to the desktop interface 300, that is, add a new page after the page 320. The electronic device 100 can place the container component 605 in the newly added page.

[0191] Optionally, in some examples, a user can long-press an application icon in container component 605 to display a shortcut menu for the corresponding application. As shown in FIG6D , a user can long-press a contact application icon 605K in container component 605, i.e., in super file 1. In response to this user operation, electronic device 100 can display a shortcut menu for the contact application.

[0192] 6E , a shortcut menu 606 of the contact application may be displayed on the page 320. The shortcut menu 606 may include one or more function options of the contact application (e.g., a “New Contact” function option, a “Frequent Contacts” function option, a “Scan Business Card” function option, and a “My Business Card” function option).

[0193] Optionally, after the user long presses the contact application icon 605K, a shortcut function option 607 may be displayed on the page 320 , and the shortcut function option 607 may be used to call out a service card of the contact application.

[0194] Optionally, when the user long presses the contact application icon 605K, a shortcut menu 608 for the folder may also be displayed on the page 320. The shortcut menu 608 may include multiple shortcut functions for the super folder 1 (for example, a shortcut function for converting the super folder 1 into a small folder and a shortcut function for renaming the super folder 1).

[0195] It is understandable that the electronic device 100 will display the shortcut function option 607 in the page 320 only when the contact application has the function of displaying the service card.

[0196] The embodiment of the present application does not limit the specific shortcut functions included in the shortcut menu 606 and the shortcut menu 608.

[0197] Optionally, in another possible implementation, when the application icon long pressed by the user is located in the lower right corner of the super folder 1, the electronic device 100 will not display the shortcut menu corresponding to the application, but only displays the shortcut menu corresponding to the super folder 1, such as shortcut menu 608.

[0198] Optionally, in some other examples, for an application in super folder 1 that has the function of displaying a service card, the user can swipe up on the application icon in super folder 1 to call out the service card of the application.

[0199] As shown in Figure 6F, the contact application has the function of displaying service cards. The user can slide upward on the contact application icon 605K in the super folder 1. In response to the user operation, the electronic device 100 can display the service card 609 corresponding to the contact application.

[0200] As shown in Figure 6G, the page 320 may display a service card 609 corresponding to the contact application. Optionally, the service card 609 may be overlaid on the contact application icon 605K. The embodiment of the present application does not limit the specific shape, size, or content of the service card 609.

[0201] Optionally, in some other examples, in the super folder 1 , the user can long press an application icon and drag the application icon out of the super folder 1 .

[0202] As shown in FIG6H , the user may long press the contact application icon 605K in the super folder 1 and drag the contact application icon 605K downward. In response to the user operation, the electronic device 100 no longer displays the contact application icon 605K in the super folder 1 .

[0203] As shown in FIG6I , the user can drag the contact application icon 605K to the dock area. The contact application icon 605K can be displayed in the dock area on the page 320. The electronic device 100 can also adjust the position of the application icons in the super folder 1. For example, the electronic device 100 can adjust the position of the application icon to the right of the contact application icon 605K (such as the memo application icon 605L) and the application icons in the next row (such as the map application icon 605M) in the super folder 1.

[0204] Optionally, the user can also drag other application icons on the desktop into the super folder 1.

[0205] Alternatively, if there are only spaces for 18 application icons in super folder 1, when the number of application icons in super folder 1 is greater than 18, the first 18 application icons may be arranged one by one at the positions for application icons in super folder 1, and the remaining application icons may be displayed superimposed on the application icon in the lower right corner of super folder 1. The display manner of the 18th application icon and application icons exceeding 18 in super folder 1 is similar to the video application icon and the stock application icons below the video application icon displayed in the lower right corner of large file 1 shown in FIG. 6A .

[0206] Alternatively, in other examples, electronic device 100 may stack icon 316 of large file 2 with icon 315 of large folder 1 based on a user operation. As shown in FIG6J , the user may click control 603. In response to the user operation, electronic device 100 may stack icon 316 of large file 2 with icon 315 of large file 1 and display container component 611.

[0207] As shown in FIG6K , the electronic device 100 may display a container component 611 on page 320. The name of the container component 611 may be "Stacked Folders 2." This embodiment of the present application does not limit the name of the container component 611. The container component 611 may include a large file 1 and an icon 315, and an icon 316 for a large folder 2. The icon 316 for the large folder 2 may be stacked on the icon 315 for the large file 1.

[0208] Optionally, the container component 611 may be consistent with the size of the icon 315 of large folder 1 and the size of the icon 316 of large folder 2 before the user drag operation. The size of the icon 315 of large folder 1 in the container component 611 may be smaller than the size of the icon 315 of large folder 1 before the user drag operation. Similarly, the size of the icon 316 of large folder 2 in the container component 611 may be smaller than the size of the icon 315 of large folder 2 before the user drag operation.

[0209] Optionally, the size of the container component 611 may be larger than the size of the icon 315 of the large folder 1 and the size of the icon 316 of the large folder 2 before the user drag operation.

[0210] It is understandable that the embodiment of the present application does not limit the specific size of the container assembly 611.

[0211] It is understandable that when there is an empty space in the page 320 for placing the container component 611, the electronic device 100 may place the container component 611 in the page 320. Alternatively, when there is no empty space in the page 320 for placing the container component 611, the electronic device 100 may add a new page to the desktop interface 300, that is, add a new page after the page 320. The electronic device 100 may place the container component 611 in the newly added page.

[0212] Optionally, in some examples, the user can slide up and down, or left and right in the container component 611 to turn pages. For example, the user can slide down to switch the icon 316 of the large folder 2 currently displayed in the container component 611 to the icon 315 of the large folder 1 layer below the icon 316 of the large folder 2.

[0213] As shown in FIG6L , the user may slide downward in the container component 611 . In response to the user operation, the electronic device 100 may display the icon 315 of the large folder 1 above the icon 316 of the large folder 2 .

[0214] 6M , after the user slides downward, the electronic device 100 may display the icon 315 of the large folder 1 in the container component 611 above the icon 316 of the large folder 2. That is, the icon 315 of the large folder 1 is stacked on the icon 316 of the large folder 2.

[0215] Optionally, in some examples, the electronic device 100 may further combine or stack the two combined or stacked container components based on user operations.

[0216] As shown in Figure 6N , the user can drag the container component 605 toward the card 314. As shown in Figure 6O , when the electronic device 100 detects that the overlap between the container component 605 and the card 314 exceeds a preset threshold 1, the electronic device 100 can stack the container component 605 on the card 314.

[0217] Alternatively, in another possible implementation, when the electronic device 100 detects that the overlap between the container component 605 and the card 314 exceeds a preset threshold value 2 but does not exceed a preset threshold value 1, the electronic device 100 may combine the container component 605 with the card 314 to form a container component A (not shown in the figure). The contents of the container component 605 in the container component A (e.g., QQ icon 605A, enterprise WeChat icon 605B, Zhihu icon 605C, WeChat icon 605D, Taobao icon 605E, conference application icon 605F, Baidu Netdisk icon 605G, Alipay icon 605H, stock application icon 605I, video application icon 605J, contact application icon 605K, memo application icon 605L, and map application icon 605M, etc.), as well as the contents in the card 314 (e.g., card 314A, card 314B, and shortcut 314C) are merged and displayed. Here, reference can be made to the above-mentioned large folder 1 and large folder 2 to combine to form the container component 605.

[0218] In the embodiments of the present application, cards, application icons, shortcuts, capsules, etc. on the desktop can be referred to as element components. Folders, combined cards, etc. can be referred to as container components. FIG7A exemplarily shows a schematic diagram of any combination or stacking of element components and container components on the desktop. As shown in FIG7A , in the interaction method provided in the embodiments of the present application, the combination or stacking of element components, container components, etc. can include the following:

[0219] 1. Cards can be combined.

[0220] As shown in FIG7A , card 701A and card 701B can be combined to form a combined card 701. Optionally, the size of card 701A and card 701B can be the same. The card 701A and card 701B shown in FIG7A are for illustration only. For specific styles of card 701A and card 701B, please refer to card 314A or card 314B shown in FIG3B . The specific styles of card 701A and card 701B are not limited in this embodiment of the application.

[0221] Optionally, cards of different sizes may also be combined. For details, please refer to the above description of the container component 401, which will not be repeated here.

[0222] 2. Cards and shortcuts can be combined

[0223] For example, as shown in FIG7A , card 702A and shortcuts 702B, 702C, 702D, and 702E can be combined into a combination card 702. The card 702A and shortcuts 702B, 702C, 702D, and 702E shown in FIG7A are for illustration only. For the specific style of card 702A, reference may be made to card 314A or 317A shown in FIG3B , and for the specific styles of shortcuts 702B, 702C, 702D, and 702E, reference may be made to shortcut 314C shown in FIG3B . The embodiments of the present application do not limit the specific styles of the card 702A and shortcuts 702B, 702C, 702D, and 702E.

[0224] It is understood that one or more cards can be combined with one or more shortcuts to form a combination card. The present embodiment does not limit the number of cards and shortcuts contained in a combination card. As shown in Figure 3B, combination card 1 includes card 314A, card 314B, and shortcut 314C.

[0225] For example, a user can drag card 702A in FIG. 7A onto shortcut 702B. In response to the user operation, electronic device 100 can combine card 702A and shortcut 702B to form combined card 702. Alternatively, a user can drag shortcut 702B onto a card. In response to the user operation, electronic device 100 can combine card 702A and shortcut 702B to form combined card 702. The user can then drag shortcut 702C, shortcut 702D, and shortcut 702E into combined card 702 in sequence.

[0226] Furthermore, in one possible implementation, when the electronic device 100 detects that the user has dragged the card 702A onto the shortcut 702B, the electronic device 100 may display an option box, which may include a combination control. When the user clicks the combination control, the electronic device 100 may combine the card 702A and the shortcut 702B to form a combination card 702. This option box can refer to the option box 601 shown in FIG. 6B above, and will not be described in detail here.

[0227] Optionally, in another possible implementation, when the electronic device 100 detects that the user drags the card 702A onto the shortcut 702B, the electronic device 100 can detect the size of the card 702A and the size of the shortcut 702B; when the electronic device 100 determines that the sizes of the card 702A and the shortcut 702B are different, the electronic device 100 can combine the card 702A and the shortcut 702B to form a combined card 702.

[0228] Alternatively, in other scenarios, shortcuts 702B, 702C, 702D, and 702E may first be combined into folder 3 or placed in folder 3. Folder 3 may contain only four shortcuts: shortcuts 702B, 702C, 702D, and 702E. The user may then drag card 702A onto folder 3. In response to this user operation, electronic device 100 may combine or stack card 702A with folder 3. For details, please refer to the following description of how cards and folders can be combined, and how folders and cards can be stacked, which will not be repeated here.

[0229] 3. Cards and folders can be combined

[0230] For example, as shown in FIG7A , a card 703A and a folder 703B can be combined into a folder 703. Optionally, the size of the card 703A can be the same as or different from the size of the folder 703B, and this embodiment of the present application does not limit this. The folder 703B can include one or more application icons. For example, the folder 703B can be a daily application folder or a practical application folder as shown in FIG3A , or it can be a large folder 1 or a large folder 2 as shown in FIG3B . This embodiment of the application does not limit the specific style of the folder 703B, nor the number of application icons contained in the folder 703B.

[0231] Optionally, in some examples, the user can long press card 703A in folder 703. In response to the user operation, the electronic device 100 can display a shortcut menu for the card 703A. As shown in Figure 7B, the shortcut menu of the card may include a shortcut menu 709A and a shortcut menu 709B. The shortcut menu 709A may include a function option for removing the card 703A. The shortcut menu 709B may include a function option for renaming the card 703A, a function option for removing the card 703A, and a function option for editing the card 703A. The embodiment of the present application does not limit the specific function options included in the shortcut menu of the card 703A.

[0232] Alternatively, in other examples, the user can long press folder 703B in folder 703 and drag folder 703B out of folder 703. As shown in FIG7C , the user long presses folder 703B and drags folder 703B out of folder 703. In response to the user operation, electronic device 100 can display folder 703B in an area outside folder 703.

[0233] Optionally, the user may also long press the folder 703B and drag the folder 703B into the folder 703 .

[0234] 4. Folders of the same size can be stacked

[0235] Exemplarily, as shown in Figure 7A, folder 704A can be stacked on folder 704B to form folder 704. The size of folder 704A is the same as that of folder 704B. The folder 704A can contain one or more application icons. The folder 704B can contain one or more application icons. The style of the folder 704A and the style of the folder 704B shown in Figure 7A are only examples. The folder 704A and the folder 704B can be the daily application folder or the practical application folder shown in Figure 3A above, or they can be the large folder 1 or large folder 2 shown in Figure 3B. The embodiment of the present application does not limit the specific style of the folder 704A and the folder 704B, nor the number of application icons contained in the folder 704A and the folder 704B.

[0236] Optionally, the folder 704 may be the container component 506 shown in Figure 5F or the container component 611 shown in Figure 6K. The embodiment of the present application does not limit the specific format of the folder 704.

[0237] 5. Folders and cards can be stacked

[0238] For example, as shown in FIG7A , folder 705A can be stacked on top of card 705B to form folder 705. Optionally, card 705B can also be stacked on top of folder 705A. The size of folder 705A can be the same as or different from the size of card 705B. The description of folder 705A can refer to the description of folder 704A or folder 704B, which will not be repeated here. The description of card 705B can refer to the description of card 703A, which will not be repeated here.

[0239] 6. Folders can be combined

[0240] For example, folder 706A and folder 706B can be combined to form folder 706. Alternatively, folder 706A and folder 706B can be the daily application folder and the practical application folder shown in Figure 3A, respectively, and folder 706 can be the combined folder 1 shown in Figure 5D, that is, the container component 505. Alternatively, folder 706A and folder 706B can be the large file 1 and large folder 2 shown in Figure 3B, respectively, and folder 706 can be the super folder 1 shown in Figure 6C, that is, the container component 605. The embodiments of the present application do not limit the specific styles of folder 706A, folder 706B, and folder 706.

[0241] 7. Folders and combination cards can be stacked

[0242] For example, as shown in FIG7A , a folder 707A can be stacked on a combination card 707B. The folder 707A can refer to the description of the folder 706 and will not be described in detail here. The combination card 707B can refer to the description of the combination card 701 and will not be described in detail here.

[0243] Optionally, the combination card 707B may also be stacked on the file folder 707A.

[0244] Optionally, in some examples, when folder 707A can be stacked on combination card 707B, the user can swipe up and down or left and right to turn the page. Taking the user swiping down to turn the page as an example, as shown in FIG7D , the user can swipe down, and in response to the user operation, electronic device 100 can place combination card 707B on the upper layer of folder 707A, that is, combination card 707B is stacked on folder 707A.

[0245] In this embodiment of the present application, components of the same size can be stacked. Stackable components are not limited to the folder 704A and folder 704B, folder 705A and card 705B, or folder 707A and combination card 707B shown in FIG7A . Two combination cards and combination cards of the same size can also be stacked. Two super folders of the same size can also be stacked. This embodiment of the present application does not limit this.

[0246] 8. Folders and combination cards can be combined

[0247] For example, as shown in FIG7A , folder 707A can be combined with combination card 707B to form folder 708. Folder 708 can include the application icons included in folder 707A and the cards included in combination card 707B. For example, the cards included in combination card 707B can be arranged below the application icons included in folder 707A. Optionally, the cards included in combination card 707B can also be arranged above the application icons included in folder 707A. This embodiment of the application does not limit the arrangement of application icons and cards in folder 708.

[0248] Optionally, the user can long press the application icon in the folder 708 to call out the shortcut menu corresponding to the application. The user can also long press and drag the application icon in the folder 708. The user can also swipe up on the application icon in the folder 708 to call out the service card of the application.

[0249] In the embodiments of the present application, any two components can be combined. For example, cards can be combined with other cards, cards can be combined with folders, combination cards can be combined with folders, cards can be combined with shortcuts, combination cards can be combined with combination cards, and so on. The embodiments of the present application do not limit the specific forms of the two components that can be combined.

[0250] Card 701A, card 701B, card 702A, card 703A, and card 705B shown in Figure 7A may all be referred to as element components. Combination card 701, combination card 702, folder 703, folder 703B, folder 704A, folder 704B, folder 704, folder 705A, folder 705, folder 706A, folder 706B, folder 706, folder 707A, combination card 707B, and folder 708 shown in Figure 7A may all be referred to as container components.

[0251] As shown in Figure 8, in an embodiment of the present application, the electronic device 100 can uniformly define different types of element components (for example, application icons, cards, shortcuts) as desktop element items, and the electronic device 100 can uniformly define different types of container components (for example, folders, combination cards, a combination or stacking of folders and combination cards) as desktop container itemGroup. Either element components or container components can be placed in the desktop container. Since the electronic device 100 uniformly defines the element components and container components in the desktop, the electronic device 100 can support different types of element components and container components for combination or superposition.

[0252] In the embodiment of the present application, a folder can be any of a large folder, a small folder, or a folder formed by combining or stacking two folders. A combination card can be any of a combination card formed by combining or stacking two cards, or a combination card formed by combining two cards and shortcuts.

[0253] Figure 9 exemplarily illustrates a schematic diagram of the desktop container structure corresponding to a folder on the desktop. As shown in Figure 9 (a), folder 703 may include card 703A and folder 703B. Folder 703B may include application icon 1, application icon 2, application icon 3, application icon 4, application icon 5, application icon 6, application icon 7, and application icon 8. As shown in Figure 9 (b), folder 703 may be desktop container itemGroup1. ItemGroup1 may include desktop element item1 and desktop container itemGroup2. Item1 may be card 703A. ItemGroup2 may be folder 703B. ItemGroup2 may include desktop element item21, item22, item23, item24, item25, item26, item27, and item28. Among them, desktop element item21, desktop element item22, desktop element item23, desktop element item24, desktop element item25, desktop element item26, desktop element item27, and desktop element item28 can respectively correspond to application icon 1, application icon 2, application icon 3, application icon 4, application icon 5, application icon 6, application icon 7, and application icon 8 in folder 703B.

[0254] The electronic device 100 uniformly defines desktop elements and desktop containers. Desktop containers can support the placement of any form of desktop elements. In this way, the electronic device 100 can combine and place various forms of elements into the desktop container. As a result, the desktop content of the electronic device (including element components and container components) can be arbitrarily combined or stacked.

[0255] In an interactive method provided in an embodiment of the present application, the desktop content of the electronic device (including element components and container components) can be arbitrarily combined or stacked. Moreover, operations such as dragging subcomponents in and out, long pressing, sliding pages, resizing, and expanding can be supported within the container component. In this way, through the interactive method provided in an embodiment of the present application, the electronic device can support combining or stacking cards and folders, combining or stacking folders and folders, and combining or stacking folders formed by combining cards and two folders or stacking them. The convenience and fun of organizing desktop content can be improved, thereby improving the user experience.

[0256] Figure 10 exemplarily shows a flow chart of an interactive method provided by an embodiment of the present application. As shown in Figure 10, a desktop method provided by an embodiment of the present application may include the following steps:

[0257] S1001. The electronic device 100 detects user operation 1 in which the user drags component 1 on the desktop onto component 2, where component 1 includes any one of a card, an application icon, a shortcut, a folder, and a combination card; and component 2 includes any one of a card, an application icon, a shortcut, a folder, and a combination card.

[0258] Component 1 can be the element component mentioned above or the container component mentioned above. Component 1 can include any one of a card, an application icon, a shortcut method, a capsule, a folder, and a combination card. This embodiment of the application does not specifically limit the component 1.

[0259] Similarly, component 2 can be the element component mentioned above, or the container component mentioned above. The component 2 can include any one of a card, an application icon, a shortcut, a capsule, a folder, and a combination card.

[0260] The user can perform user operation 1 on the desktop, that is, drag component 1 onto component 2. For example, as shown in Figures 4A and 4B, component 1 can be the card 304 shown in Figure 4A, and component 2 can be the Xiaoyi suggestion card 303 shown in Figure 4A. The user can drag card 304 onto the Xiaoyi suggestion card 303. For another example, as shown in Figures 5A and 5B, component 1 can be a daily application folder, and component 2 can be a practical application folder. The user can drag the daily application folder onto the practical application folder. For another example, as shown in Figures 6A and 6B, component 1 can be a large folder 2, and component 2 can be a large folder 1. The user can drag the large folder 2 onto the large folder 1. For another example, as shown in Figures 6N and 6O, component 1 can be a container component 605, and component 2 can be a combination card 314. The user can drag the container component 605 onto the combination card 314.

[0261] The user operation 1 may also be the user dragging component 1 to the vicinity of component 2. For example, the user drags component 1 to a distance from component 2 that is less than a distance threshold 1. The embodiment of the present application does not limit the specific size of the distance threshold 1.

[0262] S1002. In response to user operation 1, the electronic device 100 displays component 3 on the desktop, or stacks component 1 on component 2. Component 3 contains elements of component 1 and elements of component 2, and the elements of component 1 do not obscure the elements of component 2.

[0263] In one possible implementation, in response to the user operation 1, the electronic device 100 may display component 3 on the desktop. Component 3 contains elements of component 1 and elements of component 2, and the elements of component 1 do not obscure the elements of component 2. For example, as shown in FIG4C, component 1 may be a card 304, component 2 may be a Xiaoyi suggestion card 303, and component 3 may be a container component 401. For another example, when component 1 is the daily application folder shown in FIG5A and component 2 is the practical application folder shown in FIG5A, component 3 may be a container component 505 as shown in FIG5C. For another example, when component 1 is the large folder 2 shown in FIG6A and component 2 is the large folder 1 shown in FIG6A, component 3 may be the container component 605 shown in FIG6C. For another example, when component 1 is the card 701A shown in FIG7A and component 2 is the card 701B shown in FIG7A, component 3 may be the combined card 701 shown in FIG7A. When component 1 is the card 702A shown in FIG7A. When component 2 includes shortcut 702B, shortcut 702C, shortcut 702D, and shortcut 702E, component 3 may be combination card 702 shown in FIG7A . When component 1 is card 703A shown in FIG7A and component 2 is folder 703B shown in FIG7A , component 3 may be folder 703 shown in FIG7A . When component 1 is folder 706A shown in FIG7A and component 2 is folder 706B shown in FIG7A , component 3 may be folder 706 shown in FIG7A . When component 1 is folder 707A shown in FIG7A and component 2 is combination card 707B shown in FIG7A , component 3 may be folder 708 shown in FIG7A .

[0264] Alternatively, in another possible implementation, in response to user operation 1, electronic device 100 may stack component 1 on component 2. For example, component 1 may be the daily application folder shown in FIG5A, and component 2 may be the practical application folder shown in FIG5A. For another example, component 1 may be the large folder 2 shown in FIG6A, and component 2 may be the large folder 1 shown in FIG6A. For another example, component 1 may be the container component 605 shown in FIG6N, and component 2 may be the combination card 314 shown in FIG6N. For another example, component 1 may be the folder 704A shown in FIG7A, and component 2 may be the folder 704B shown in FIG7A. Component 1 may be the folder 705A shown in FIG7A, and component 2 may be the card 705B. Component 1 may be the folder 707A shown in FIG7A, and component 2 may be the combination card 707B shown in FIG7A.

[0265] In one possible implementation, in response to user operation 1, the electronic device detects the ratio of the overlapping area between component 1 and component 2; when the overlapping area ratio is greater than a first preset threshold and less than a second preset threshold, the electronic device can display component 3 on the desktop, and when the overlapping area ratio is greater than the second preset threshold, the electronic device can stack component 1 on component 2. The second preset threshold can be the preset threshold 1 mentioned above, and the first preset threshold can be the preset threshold 2 mentioned above. Exemplarily, the preset threshold 2 can be 20%, 30% or 40%, etc., and the preset threshold 1 can be 50%, 60%, 70%, etc. The embodiment of the present application does not limit the specific values ​​of the preset threshold 1 and the preset threshold 2.

[0266] Optionally, in one possible implementation, in response to user operation 1, the electronic device displays a first option box on the desktop, which includes a first control and a second control; when detecting that the user clicks the first control, the electronic device may display component 3 on the desktop; when detecting that the user clicks the second control, the electronic device may stack component 1 on component 2. The first control may be control 502 as shown in FIG5C, or control 602 as shown in FIG6B. The second control may be control 503 as shown in FIG5C, or control 603 as shown in FIG6B. The embodiments of the present application do not limit the specific styles of the first control and the second control.

[0267] Optionally, in one possible implementation, in response to user operation 1, when the electronic device 100 determines that the size of component 1 is different from the size of component 2, the electronic device 100 may display component 3 on the desktop; when it determines that the size of component 1 is the same as the size of component 2, the electronic device 100 may stack component 1 on top of component 2.

[0268] In one possible implementation, component 1 is the first card, component 2 is the first folder, the first application icon is in the first folder, and component 3 includes the first card and the first application icon. In response to the first user operation, after the electronic device generates component 3, the method may also include: the electronic device detects user operation 2 in which the user long presses the first card in the third component; in response to user operation 2, the electronic device displays a shortcut menu for the first card, and the shortcut menu includes one or more shortcut function options for the first card. For example, as shown in Figure 7B, component 1 can be a card 703A, component 2 can be a folder 703B, and component 3 can be a folder 703. The user operation 2 can be the user long pressing the card 703A. In response to the user operation 2, the electronic device 100 can display a shortcut menu 709A and a shortcut menu 709B for the card 703A. Reference can be made to the description in Figure 7B here, which will not be repeated here.

[0269] In one possible implementation, component 2 is a first folder, and the first application icon is in the first folder. After the electronic device generates component 3 in response to a first user operation, the method may further include: the electronic device detects user operation 3 in which the user long presses the first application icon in the third component and drags out the third component; in response to the user operation 3, the electronic device displays the first application icon in a first area on the desktop, where the first area is an area outside the third component. For example, the user operation 3 may be the user dragging the contact application icon 605K to the dock area on the desktop as shown in FIG6H . In response to the user operation 3, as shown in FIG6I , the electronic device 100 may display the contact application icon 605K in the dock area on the desktop.

[0270] In one possible implementation, in response to user operation 1, after the electronic device stacks component 1 on component 2, the method may further include: the electronic device detects user operation 4 of the user, user operation 4 includes the user sliding up, sliding down, sliding left, and sliding right in component 1 or component 2; the electronic device stacks component 2 on component 1.

[0271] In one possible implementation, component 4 is displayed on the desktop of an electronic device. Component 4 may include at least two of a card, a folder, a shortcut, and an application icon. After the electronic device displays component 3 on the desktop in response to user operation 1, the method may further include: the electronic device detecting user operation 5 in which the user drags component 3 onto component 4; in response to user operation 5, the electronic device displays component 5 on the desktop, or in response to user operation 5, the electronic device stacks component 3 on component 4; component 5 includes elements of component 3 or elements of component 4, and the elements of component 3 do not obscure the elements of component 4. For example, as shown in FIG6N , component 3 may be container component 605, component 4 may be the combined card 314, and user operation 5 may be dragging the combined container component 605 onto the combined card 314. In response to this user operation, the electronic device 100 may generate a super folder 2 as shown in FIG6O . That is, component 7 may be the super folder 2. For another example, component 3 and component 4 may be folder 707A and combined card 707B, respectively, as shown in FIG7A . The embodiment of the present application does not limit the specific styles of component 3, component 4, and component 5.

[0272] Through the interactive method provided in the embodiments of the present application, electronic devices can support combining or stacking cards and folders, combining or stacking folders and folders, and combining or stacking folders formed by combining cards and two folders. In addition, in a container component composed of multiple components, users can also long press to call out the component's shortcut menu, long press to drag out the component, and for components with service cards, users can also directly swipe up in the container component to call out the component's service card. In this way, the convenience and fun of organizing desktop content can be improved, thereby enhancing the user experience.

[0273] In the embodiment of the present application, the first component may be component 1, the second component may be component 2, the third component may be component 3, the fourth component may be component 4, and the fifth component may be component 5. The first user operation may be user operation 1, the second user operation may be user operation 2, the third user operation may be user operation 3, the fourth operation may be the operation of the user long pressing and dragging out folder 703 shown in FIG7C , the fifth user operation may be user operation 4, and the sixth user operation may be user operation 5.

[0274] Optionally, in some examples, a combination of cards may also be referred to as a card combination, which is not limited in the embodiments of the present application.

[0275] As described above, the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the above embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the above embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.

[0276] As used in the above embodiments, the term “when…” may be interpreted to mean “if…” or “after…” or “in response to determining…” or “in response to detecting…”, depending on the context. Similarly, the phrases “upon determining…” or “if (stated condition or event) is detected” may be interpreted to mean “if determining…” or “in response to determining…” or “upon detecting (stated condition or event)” or “in response to detecting (stated condition or event)”, depending on the context.

[0277] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in 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 one website, computer, server or data center to another website, computer, server or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrations. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state hard disk).

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

Claims

1. An interactive method, characterized in that: include: The electronic device detects a first operation performed by a user on a first component on the desktop, where the first component is a first folder; In response to the first operation, the electronic device displays a third component on the desktop, the third component including elements of the first component and elements of a second component, and the elements of the first component do not obscure elements of the second component, and the second component includes at least one of a card, an application icon, a shortcut, a folder, and a combined card; Alternatively, in response to the first operation, the electronic device stacks the first component on top of the second component.

2. The method according to claim 1, characterized in that The first operation is an operation of dragging the first component onto the second component, or the first operation is an operation of dragging the first component near the second component.

3. The method according to claim 2, characterized in that The first folder contains a first application icon, The second component is a first card, the third component includes the first card and the first application icon, or the third component includes the first card and the first folder; Alternatively, the second component is a second folder, the second folder contains a second application icon, the third component contains the first application icon and the second application icon, or the third component contains the first folder and the second folder; Alternatively, the second component is a combination card, the combination card includes the second card, one or more shortcuts, the third component includes the second card, one or more shortcuts, and the first application icon, or the third component includes the first folder and the combination card.

4. The method according to claim 3, characterized in that The second component is a first card. After the electronic device displays a third component on the desktop in response to the first operation, the method further includes: The electronic device detects a second operation performed by the user on the first card in the third component; In response to the second operation, the electronic device displays a shortcut menu of the first card, where the shortcut menu of the first card includes one or more shortcut function options for the first card.

5. The method according to claim 4, characterized in that After the electronic device displays a third component on the desktop in response to the first operation, the method further includes: The electronic device detects a third operation performed by the user on the first application icon in the third component; In response to the third operation, the electronic device displays the first application icon in a first area on the desktop, where the first area is an area outside the third component and on the desktop.

6. The method according to claim 5, characterized in that After the electronic device displays a third component on the desktop in response to the first operation, the method further includes: The electronic device detects a fourth operation performed by the user on the first folder in the third component; In response to the fourth operation, the electronic device displays the first folder in a second area on the desktop, where the second area is an area outside the third component and on the desktop.

7. The method according to claim 1, characterized in that After the electronic device stacks the first component on top of the second component in response to the first operation, the method further includes: The electronic device detects a fifth operation of the user, where the fifth operation is any one of sliding up, sliding down, sliding left, and sliding right in the first component or the second component; In response to the fifth operation, the electronic device stacks the second component on top of the first component.

8. The method according to any one of claims 1 to 5, characterized in that A fourth component is displayed on the desktop of the electronic device, the fourth component including at least two of a card, a folder, a shortcut, and an application icon. After the electronic device displays the third component on the desktop in response to the first operation, the method further includes: The electronic device detects a sixth operation of the user on the third component; In response to the sixth operation, the electronic device displays a fifth component on the desktop, where the fifth component includes elements of the third component and elements of the fourth component, and the elements of the third component do not obscure the elements of the fourth component; Alternatively, in response to the sixth operation, the electronic device stacks the third component on top of the fourth component.

9. The method according to claim 2, characterized in that After the electronic device detects a first operation performed by the user on the first component on the desktop, the method further includes: In response to the first operation, the electronic device detects an overlapping area ratio between the first component and the second component; When the overlapping area ratio is greater than a first preset threshold and less than a second preset threshold, the electronic device displays the third component on the desktop; When the overlapping area ratio is greater than a second preset threshold, the electronic device stacks the first component on the second component.

10. The method according to claim 2, characterized in that After the electronic device detects a first operation performed by the user on the first component on the desktop, the method further includes: In response to the first operation, the electronic device displays a first option box on the desktop, where the first option box includes a first control and a second control; When detecting that the user clicks the first control, the electronic device displays the third component on the desktop; When detecting that the user clicks on the second control, the electronic device stacks the first component on top of the second component.

11. The method according to claim 2, characterized in that After the electronic device detects a first operation performed by the user on the first component on the desktop, the method further includes: In response to the first operation, when the electronic device determines that the size of the first component is different from the size of the second component, the electronic device displays the third component on the desktop; In a case where the electronic device determines that the size of the first component is the same as the size of the second component, the electronic device stacks the first component on top of the second component.

12. An electronic device, characterized in that: The method comprises a display screen, one or more processors and one or more memories; wherein the display screen and the one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program code, and the computer program code comprises computer instructions, and when the one or more processors execute the computer instructions, the method according to any one of claims 1 to 11 is executed.

13. A chip system, applied to electronic equipment, comprising one or more processors, characterized in that: The processor is configured to call computer instructions so as to execute the method according to any one of claims 1 to 11.

14. A computer-readable storage medium comprising instructions, characterized in that: When the instructions are executed on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 11.

15. A computer program product comprising a computer program / instructions, characterized in that When the computer program / instructions are executed on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 11.

Images