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 interaction method and related apparatus

[0001] The present application claims priority to the Chinese patent application No. 202410378112.4, filed on March 28, 2024, and entitled "An interaction method and related apparatus", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminals, and in particular to an interaction method and related apparatus. BACKGROUND

[0003] With the development of interface design of terminals such as mobile phones and tablet pads, the forms of terminal desktop components are becoming more and more diverse. Various forms of components such as cards, application icons, small folders, large folders, capsules, and shortcuts can be displayed in the terminal desktop. Due to the design forms and functional differences of various components, some components of the desktop can be combined or stacked. For example, the icons of multiple applications can be combined into a folder. Multiple cards can also be combined and stacked. However, components such as cards and icons, cards and folders, and folders and folders cannot be combined and stacked. In this way, the user experience is affected.

[0004] Therefore, how to combine and stack various forms of components in the desktop is a problem to be solved. SUMMARY

[0005] The present application provides an interaction method and related apparatus, in which a user can combine and stack various forms of components in the desktop. In this way, the storage of the desktop can be improved, and the user experience can also be improved.

[0006] In a first aspect, the present application provides an interaction method, which can include: an electronic device detects a first operation of a user acting on a first component in a desktop, the first component being a first folder; in response to the first operation, the electronic device displays a third component in the desktop, the third component containing content of the first component and content of a second component, and the content of the first component does not block the content of the second component, the second component including 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 the second component.

[0007] The first operation is an operation of the user dragging the first component onto the second component, or the first operation is an operation of the user dragging the first component near the second component.

[0008] By the method provided by the first aspect, the user can combine or stack the folder and any other component in the desktop, such as a card, an application icon, a shortcut, a folder, a combined card, and the like. In this way, the storage capacity of the desktop can be improved, and thus the user experience can be improved.

[0009] With reference to the first aspect, in a possible implementation manner, 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 a second folder.

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

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

[0012] In this way, the user can combine or stack the folder and the card in the desktop. The user can also combine or stack the folder and the folder in the desktop. The user can also combine or stack the folder and the combined card in the desktop. Thus, the storage capacity of the desktop can be improved, and the user experience can be improved.

[0013] With reference to the first aspect, in a possible implementation manner, the second component is a first card, and after the electronic device displays the third component in the desktop in response to the first operation, the method can further include: detecting, by the electronic device, a second operation of the user acting on the first card in the third component; and in response to the second operation, displaying, by the electronic device, a shortcut menu of the first card, the shortcut menu containing one or more shortcut function options for the first card.

[0014] The second operation is an operation of 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] With reference to the first aspect, in a possible implementation manner, after the electronic device displays the third component in the desktop in response to the first operation, the method can further include: detecting, by the electronic device, a third operation of the user acting on the first application icon in the third component; and in response to the third operation, displaying, by the electronic device, the first application icon in a first region in the desktop, the first region being a region of the desktop other than the third component.

[0017] The third operation is that the user long presses the first application icon in the third component and drags the first application icon out of the third component.

[0018] In this way, the user can directly drag the first application icon out of the third component from the third component without unfolding the third component, simplifying the user operation and improving the user experience.

[0019] With reference to the first aspect, in a possible implementation, after the electronic device displays the third component in the desktop in response to the first operation, the method can further include: detecting, by the electronic device, a fourth operation of the user on the first folder in the third component; and in response to the fourth operation, displaying, by the electronic device, the first folder in a second region in the desktop, the second region being outside the third component and in the region of the desktop.

[0020] The fourth operation is that the user long presses the first folder in the third component and drags the first folder out of the third component.

[0021] In this way, the user can directly drag the first folder out of the third component from the third component through the long press operation, simplifying the user operation and improving the user experience.

[0022] With reference to the first aspect, in a possible implementation, after the electronic device stacks the first component on the second component in the desktop in response to the first operation, the method can further include: detecting, by the electronic device, a fifth operation of the user on the desktop, the fifth operation being any one of upward sliding, downward sliding, leftward sliding, and rightward sliding in the first component or the second component; and in response to the fifth operation, stacking, by the electronic device, the second component on the first component.

[0023] In this way, the user can page through the stacked first component and the second component, so that the second component is stacked on the first component from the current first component stacked on the second component. In this way, the user can view any sub-component in the stacked component through paging.

[0024] With reference to the first aspect, in a possible implementation, the desktop of the electronic device displays a fourth component, the fourth component containing at least two of a card, a folder, a shortcut, and an application icon, and after the electronic device displays the third component in the desktop in response to the first operation, the method can further include: detecting, by the electronic device, a sixth operation of the user on the third component; and in response to the sixth operation, displaying, by the electronic device, a fifth component in the desktop, the fifth component containing an element of the third component or an element of the fourth component, and the element of the third component not occluding the element of the fourth component; or in response to the sixth operation, stacking, by the electronic device, the third component on the fifth component.

[0025] The sixth operation is an operation of dragging the third component to above the fourth component by the user; or the sixth operation is an operation of dragging the third component to a vicinity of the fourth component by the user.

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

[0027] With reference to the first aspect, in a possible implementation, after the electronic device detects the first operation of the user acting on the first component in the desktop in response to the first operation, the method can further include: in response to the first operation, the electronic device detects a proportion of an overlapping area of the first component and the second component; in a case where the proportion of the overlapping area is greater than a first preset threshold and less than a second preset threshold, the electronic device displays the third component in the desktop; and in a case where the proportion of the overlapping area is greater than the second preset threshold, the electronic device stacks the first component above the second component.

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

[0029] With reference to the first aspect, in a possible implementation, after the electronic device detects the first operation of the user acting on the first component in the desktop in response to the first operation, the method can further include: in response to the first operation, the electronic device displays a first option box in the desktop, the first option box including a first control and a second control; in a case where the electronic device detects that the user clicks the first control, the electronic device displays the third component in the desktop; and in a case where the electronic device detects that the user clicks the second control, the electronic device stacks the first component above the second component.

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

[0031] With reference to the first aspect, in a possible implementation, after the electronic device detects the first operation of the user acting on the first component in the desktop in response to the first operation, the method can further include: in response to the first operation, in a case where the electronic device determines that a size of the first component is different from a size of the second component, the electronic device displays the third component in the desktop; and 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 above the second component.

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

[0033] In a second aspect, an electronic device is provided, which can include a display, one or more processors, and one or more memories; wherein the display, the one or more memories, and the one or more processors are coupled, and the one or more memories are configured to store computer program codes including computer instructions, which when executed by the one or more processors, cause the electronic device to perform the method according to any possible implementation of the first aspect.

[0034] In a third aspect, an electronic device is provided, which can include one or more function modules configured to perform the method according to 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 includes one or more processors configured to invoke computer instructions to cause the electronic device to perform the method according to any possible implementation of the first aspect.

[0036] In a fifth aspect, a computer readable storage medium is provided, which includes instructions that, when executed on an electronic device, cause the electronic device to perform the method according to 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 that, when executed on an electronic device, cause the electronic device to perform the method according to any possible implementation of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0038] FIG. 1 is a structural schematic diagram of an electronic device according to an embodiment of the present application;

[0039] FIG. 2 is a software framework schematic diagram of an electronic device according to an embodiment of the present application;

[0040] FIGS. 3A-3B are desktop schematic diagrams of an electronic device 100 according to an embodiment of the present application;

[0041] FIGS. 4A-4C are a set of user interface schematic diagrams of an electronic device 100 according to an embodiment of the present application;

[0042] FIGS. 5A-5F are a set of user interface schematic diagrams of an electronic device 100 according to an embodiment of the present application;

[0043] FIGS. 6A-6O are a set of user interface schematic diagrams of an electronic device 100 according to an embodiment of the present application;

[0044] FIG. 7A is a schematic diagram of an arbitrary combination or stacking of element components, container components in the desktop of an electronic device 100 according to an embodiment of the present application;

[0045] FIG. 7B is a schematic diagram of a user long-pressing a card to call up a shortcut menu of the card in a folder 703 combined from a folder 703B and a card 703A according to an embodiment of the present application;

[0046] FIG. 7C is a schematic diagram of a user long-pressing to drag out a folder 703B in a folder 703 combined from a folder 703B and a card 703A according to an embodiment of the present application;

[0047] FIG. 7D is a schematic diagram of flipping a page up and down in a stack of container assemblies according to an embodiment of the present application;

[0048] FIG. 8 is a schematic diagram of related definitions and classifications of desktop content according to an embodiment of the present application;

[0049] FIG. 9 is a schematic diagram of a desktop container structure corresponding to a folder in a desktop according to an embodiment of the present application;

[0050] FIG. 10 is a schematic diagram of a flow of an interaction method according to an embodiment of the present application. DETAILED DESCRIPTION

[0051] The technical solutions in the embodiments of the present application will be clearly and completely described with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are some, but not all, of the embodiments of the present application. Based on the embodiments in the present application, all other embodiments obtained by a person of ordinary skill in the art without creative work fall within the scope of protection of the present application.

[0052] The terms used in the following embodiments of the present application are only for the purpose of describing the specific embodiments, and are not intended to be limiting on the present application. As used in the specification and the appended claims of the present application, the singular forms “a,” “an,” and “the” are intended to include plural forms as well, unless the context clearly indicates otherwise. The terms “first,” “second,” and the like are used only to describe the objects, and cannot be understood as implying or suggesting relative importance or implicitly indicating the number of the indicated technical features. Thus, the features defined with “first,” “second” can explicitly or implicitly include one or more of the features. “First” and “second” are used to distinguish different objects, and are not used to describe a specific order of the objects. For example, the first object and the second object are used to distinguish different objects, and are not used to describe a specific order of the objects.

[0053] In the description of the embodiments of the present application, “a plurality of” means two or more, unless otherwise specified. For example, a plurality of processing units means two or more processing units; a plurality of systems means two or more systems.

[0054] In the embodiments of the present application, the word "exemplary" or "for example" is used to mean serving as an example, instance, or illustration. Any implementation described as "exemplary" or "for example" in the embodiments of the present application is not necessarily to be construed as preferred or advantageous over other implementations. In fact, a variety of implementations can be more advantageous than other implementations in certain situations. The use of "exemplary" or "for example" is solely to present concepts in a concrete manner.

[0055] The term "and / or" in the present application is merely an association relationship between associated objects, which means that there can be three relationships. For example, A and / or B can represent three cases: A exists alone, A and B exist together, and B exists alone.

[0056] The term "user interface (UI)" in the following embodiments of the present application is a medium interface for interaction and information exchange between an application or an 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 source code written in a specific computer language such as Java and extensible markup language (XML), and the interface source code is parsed, rendered, and finally presented as content recognizable by the user on the electronic device. The commonly used form of the user interface is a graphic user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be a visual interface element such as text, icon, button, menu, tab, text box, dialog box, status bar, navigation bar, Widget, and the like displayed in the display screen of the electronic device.

[0057] In order to better understand the technical solutions provided by the present application, before the technical solutions of the present application are described, first of all, the electronic device 100 with a display screen to which the present application is applicable is described in conjunction with the accompanying drawings. The electronic device 100 can display a desktop in the display screen. In the embodiments of the present application, the electronic device 100 can include but is not limited to a mobile phone, a tablet computer, a smart watch, and the like. The embodiments of the present application do not limit the specific form and type of the electronic device 100.

[0058] First, the exemplary electronic device 100 provided by the embodiments of the present application is introduced.

[0059] FIG. 1 is a structural schematic diagram of the electronic device 100 provided by the embodiments of the present application.

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

[0061] The electronic device 100 can include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headset interface 170D, a sensor module 180, a key 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 can include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0062] It can be understood that the structure shown in the embodiment of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 can include more or less components than those shown in the figure, or combine certain components, or split certain components, or different component arrangements. The components shown in the figure can be implemented in hardware, software, or a combination of software and hardware.

[0063] The processor 110 can include one or more processing units, for example: the processor 110 can 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), etc. Different processing units can be independent devices or integrated in one or more processors.

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

[0065] The processor 110 can also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory can save instructions or data that the processor 110 has just used or repeatedly uses. If the processor 110 needs to use the instructions or data again, it can directly call from the memory. This avoids repeated access and reduces the waiting time of the processor 110, thereby improving the efficiency of the system.

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

[0067] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 can contain multiple sets of I2C bus. The processor 110 can be coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces respectively. For example, the processor 110 can be coupled to the touch sensor 180K through an I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface, and the touch function of the electronic device 100 is realized.

[0068] The I2S interface can be used for audio communication. In some embodiments, the processor 110 can contain multiple sets of I2S bus. The processor 110 can be coupled to the audio module 170 through the I2S bus, and communication between the processor 110 and the audio module 170 is realized. In some embodiments, the audio module 170 can deliver audio signals to the wireless communication module 160 through the I2S interface, and the function of answering a phone through a Bluetooth headset is realized.

[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 through the PCM bus interface. In some embodiments, the audio module 170 can also deliver audio signals to the wireless communication module 160 through the PCM interface, and the function of answering a phone through a Bluetooth headset is realized. Both the I2S interface and the PCM interface can be used for audio communication.

[0070] The UART interface is a universal serial data bus, which is used for asynchronous communication. The 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 usually 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 through the UART interface, and the Bluetooth function is realized. In some embodiments, the audio module 170 can deliver audio signals to the wireless communication module 160 through the UART interface, and the function of playing music through a Bluetooth headset is realized.

[0071] The MIPI interface can be used to connect the processor 110 and the display screen 194, the camera 193 and other peripheral devices. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), and the like. In some embodiments, the processor 110 and the camera 193 communicate through the CSI interface to implement the photographing function of the electronic device 100. The processor 110 and the display screen 194 communicate through the DSI interface to implement the display function of the electronic device 100.

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

[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 conforms to the USB standard specification, and can 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 transmit data between the electronic device 100 and a peripheral device. It can also be used to connect a headset to play audio through the headset. The interface can also be used to connect other electronic devices, such as AR devices and the like.

[0075] It can be understood that the interface connection relationship between the modules shown in the embodiments of the present application is only illustrative and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 can also use different interface connection methods or combinations of multiple interface connection methods in the above embodiments.

[0076] The charging management module 140 is used to receive charging input from a charger. The charger can 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 power the processor 110, the internal memory 121, the external memory, the display screen 194, the camera 193, and the wireless communication module 160, and the like.

[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, etc.

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

[0080] The mobile communication module 150 can provide a solution including 2G / 3G / 4G / 5G wireless communication applied to the electronic device 100. The mobile communication module 150 can 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 perform filtering, amplification, etc. on the received electromagnetic waves, and transmit the processed electromagnetic waves to the modem processor for demodulation. The mobile communication module 150 can also amplify the signals modulated by the modem processor, and convert the signals into electromagnetic waves radiated through the antenna 1. In some embodiments, at least part of the functional modules of the mobile communication module 150 can be arranged in the processor 110. In some embodiments, at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 can be arranged in the same device.

[0081] The modem processor can include a modulator and a demodulator. The modulator is used to modulate a 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. The low-frequency baseband signal processed by the baseband processor is transmitted to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the microphone 170B, etc.), or displays an image or a video through the display screen 194. In some embodiments, the modem processor can be an independent device. In some other embodiments, the modem processor can be independent of the processor 110, and arranged in the same device as the mobile communication module 150 or other functional modules.

[0082] The wireless communication module 160 can provide a solution for wireless communication including wireless local area networks (WLAN) (e.g., wireless fidelity (Wi-Fi) network), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, etc. 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 an electromagnetic wave via the antenna 2, frequency-modulates and filters the electromagnetic wave signal, and transmits the processed signal to the processor 110. The wireless communication module 160 can also receive a signal to be transmitted from the processor 110, frequency-modulate it, amplify it, and radiate it as an electromagnetic wave via the antenna 2.

[0083] In some embodiments, the antenna 1 and the mobile communication module 150 of the electronic device 100 are coupled, and the antenna 2 and the wireless communication module 160 are coupled, so that the electronic device 100 can communicate with a network and other devices through wireless communication technology. The wireless communication technology can 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, etc. The GNSS can 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 systems (SBAS).

[0084] The electronic device 100 implements a display function through a GPU, a display screen 194, and an application processor, etc. The GPU is a microprocessor for image processing, which is connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 can include one or more GPUs, which execute program instructions to generate or change display information.

[0085] The display screen 194 is configured to display images, videos, and the like. The 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 flex light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light emitting diodes (QLED), or the like. In some embodiments, the electronic device 100 can include one or N display screens 194, where N is a positive integer greater than 1.

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

[0087] The ISP is configured to process the data fed back by the camera 193. For example, when taking a photo, the shutter is opened, the light is transmitted to the camera photosensitive element through the lens, the light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing to convert it into an image visible to the naked eye. The ISP can also optimize the noise, brightness, and color of the image. The ISP can also optimize the exposure, color temperature, and other parameters of the shooting scene. In some embodiments, the ISP can be disposed in the camera 193.

[0088] The camera 193 is configured to capture still images or videos. An object generates an optical image through a lens and projects it onto a 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, which is then transmitted to the ISP to convert it 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 the like format. In some embodiments, the electronic device 100 can include one 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 being able to process 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, etc.

[0090] The video codec is used to compress or decompress digital video. The electronic device 100 can support one or more video codecs. In this way, the electronic device 100 can play or record videos in multiple encoding formats, such as: moving picture experts group (MPEG) 1, MPEG 2, MPEG 3, MPEG 4, etc.

[0091] The NPU is a neural-network (NN) calculation processor, which can quickly process input information by drawing on the structure of a biological neural network, such as drawing on the transmission mode between human brain neurons, and can also constantly self-learn. Through the NPU, the electronic device 100 can realize intelligent cognition applications such as image recognition, face recognition, voice recognition, text understanding, etc.

[0092] The external memory interface 120 can be used to connect an external storage card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external storage card communicates with the processor 110 through the external memory interface 120 to realize data storage functions. For example, music, video, etc. Files are saved in the external storage card.

[0093] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various function applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 can include a program storage area and a data storage area. The program storage area can store an operating system, at least one application required by a function (such as a face recognition function, a fingerprint recognition function, a mobile payment function, etc.), etc. The data storage area can store data created during the use of the electronic device 100 (such as face information template data, fingerprint information template, etc.). In addition, the internal memory 121 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0094] The electronic device 100 can realize audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor, etc. For example, music playing, recording, etc.

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

[0096] The speaker 170A, also referred to as a "loudspeaker", is configured to convert an audio electrical signal into a sound signal. The electronic device 100 can listen to music or listen to a hands-free call through the speaker 170A.

[0097] The receiver 170B, also referred to as a "earpiece", is configured to convert an audio electrical signal into a sound signal. When the electronic device 100 receives a call or a voice message, the user can listen to the voice by holding the receiver 170B close to the ear.

[0098] The microphone 170C, also referred to as a "microphone", "transducer", is configured to convert a sound signal into an electrical signal. When making a call or sending a voice message, the user can make a sound by holding the mouth close to the microphone 170C, and 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, in addition to collecting sound signals, noise reduction functions can also be realized. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C, to realize the collection of sound signals, noise reduction, and also to identify the source of the sound, to realize the directional recording function, etc.

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

[0100] The pressure sensor 180A is configured to sense a pressure signal and convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A can be disposed on the display screen 194. The pressure sensor 180A can be of various types, such as a resistive pressure sensor, an inductive pressure sensor, a capacitive pressure sensor, etc. The capacitive pressure sensor can include at least two parallel plates of conductive material. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation is applied to the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation instructions. For example, when a touch operation with a touch operation intensity less than a first pressure threshold is applied to a short message application icon, an instruction to view a short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold is applied to the short message application icon, an instruction to create a new short message is executed.

[0101] The gyroscope sensor 180B can be configured to determine the motion attitude 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 photography. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of shaking of the electronic device 100, calculates the distance that the lens module needs to compensate according to the angle, and lets the lens offset the shaking of the electronic device 100 by reverse movement to achieve anti-shake. The gyroscope sensor 180B can also be used for navigation and motion sensing game scenarios.

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

[0103] The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can detect the opening and closing of a flip cover by using the magnetic sensor 180D. 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 according to the magnetic sensor 180D. Further, according to the detected opening and closing state of the cover or the flip cover, the electronic device 100 can set a feature such as automatic unlocking of the flip cover.

[0104] The acceleration sensor 180E can detect the magnitude of acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the acceleration sensor 180E can detect the magnitude and direction of gravity. The acceleration sensor 180E can also be used to identify the attitude of the electronic device, and can be applied to landscape / portrait screen switching and pedometer applications.

[0105] Distance sensor 180F is configured to measure distance. Electronic device 100 can measure distance by infrared or laser. In some embodiments, electronic device 100 can utilize distance sensor 180F to measure distance for fast focusing when taking a picture.

[0106] Proximity light sensor 180G can include, for example, a light emitting diode (LED) and a light detector, such as a photodiode. The light emitting diode can be an infrared light emitting diode. Electronic device 100 emits infrared light outwardly through the light emitting diode. Electronic device 100 detects infrared reflected light from nearby objects using the photodiode. When sufficient reflected light is detected, electronic device 100 can determine that there is an object near electronic device 100. When insufficient reflected light is detected, electronic device 100 can determine that there is no object near electronic device 100. Electronic device 100 can utilize proximity light sensor 180G to detect that a user is holding electronic device 100 close to the ear for a phone call, so as to automatically turn off the screen to save power. Proximity light sensor 180G can also be used for automatic unlocking and locking of the screen in a holster mode or a pocket mode.

[0107] Ambient light sensor 180L is configured to sense ambient light brightness. Electronic device 100 can adaptively adjust the brightness of display 194 according to the sensed ambient light brightness. Ambient light sensor 180L can also be used to automatically adjust white balance when taking a picture. Ambient light sensor 180L can also cooperate with proximity light sensor 180G to detect whether electronic device 100 is in a pocket to prevent accidental touch.

[0108] Fingerprint sensor 180H is configured to collect a fingerprint. Electronic device 100 can utilize the collected fingerprint characteristics to implement fingerprint unlocking, access application lock, fingerprint photographing, fingerprint answering a call, and the like.

[0109] Temperature sensor 180J is configured to detect temperature. In some embodiments, electronic device 100 utilizes the temperature detected by temperature sensor 180J to implement a temperature handling strategy. For example, when the temperature reported by temperature sensor 180J exceeds a threshold, electronic device 100 implements a performance reduction of a processor located near temperature sensor 180J to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, electronic device 100 heats battery 142 to avoid abnormal shutdown of electronic device 100 caused by low temperature. In other embodiments, when the temperature is lower than yet another threshold, electronic device 100 implements a boost of output voltage of battery 142 to avoid abnormal shutdown caused by low temperature.

[0110] Touch sensor 180K, also called "touch panel". Touch sensor 180K can be disposed on display screen 194, and touch screen, also called "touch panel", is composed of touch sensor 180K and display screen 194. Touch sensor 180K is used to detect touch operation applied on or near it. Touch sensor 180K can transmit detected touch operation to application processor to determine touch event type. Visual output related to touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K can also be disposed on the surface of electronic device 100, which is different from the position of display screen 194.

[0111] Keys 190 include power on key, volume key, etc. Keys 190 can be mechanical keys. They can also be touch keys. Electronic device 100 can receive key input and generate key signal input related to user settings and function control of electronic device 100.

[0112] Motor 191 can generate vibration prompt. Motor 191 can be used for incoming call vibration prompt, and also can be used for touch vibration feedback. For example, touch operation applied on different applications (such as taking pictures, playing audio, etc.) can correspond to different vibration feedback effects. Touch operation applied on different regions of display screen 194 can also correspond to different vibration feedback effects. Different application scenarios (such as time reminder, receiving information, alarm, game, etc.) can also correspond to different vibration feedback effects. Touch vibration feedback effect can also support customization.

[0113] Indicator 192 can be an indicator light, which can be used to indicate charging state, power change, and also can be used to indicate messages, missed calls, notifications, etc.

[0114] SIM card interface 195 is used to connect SIM card. SIM card can be inserted into or pulled out of SIM card interface 195 to realize contact and separation with electronic device 100. Electronic device 100 can support one or N SIM card interfaces, N is a positive integer greater than 1. SIM card interface 195 can support Nano SIM card, Micro SIM card, SIM card, etc. 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. SIM card interface 195 can also be compatible with different types of SIM cards. SIM card interface 195 can also be compatible with external storage cards. Electronic device 100 interacts with network through SIM card to realize functions such as call and data communication.

[0115] Figure 2 is a software structure block diagram of electronic device 100 of the embodiment of the present application.

[0116] The layered architecture divides software into several layers, each of which has a clear role and division of labor. Layers communicate with each other through software interfaces. In some embodiments, the system is divided into four layers, from top to bottom, application layer, application framework layer, runtime and system library, and kernel layer.

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

[0118] As shown in FIG. 2, the application package can include desktop, weather, small art suggestions, music, short message, gallery, call, navigation, Bluetooth, video, etc. applications (also referred to as applications).

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

[0120] The application framework layer provides application programming interfaces (APIs) and programming frameworks for the applications of the application layer. The application framework layer includes some pre-defined functions.

[0121] As shown in FIG. 2, the application framework layer can include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, etc.

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

[0123] The content provider is used to store and obtain data, and make the data accessible to the applications. The data can include videos, images, audios, dialed and received calls, browsing history and bookmarks, phonebook, etc.

[0124] The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a short message notification icon can include a view for displaying text and a view for displaying pictures.

[0125] The phone manager is used to provide the communication function of the electronic device 100. For example, the management of the call state (including connection, hang-up, etc.).

[0126] The resource manager provides various resources for the application program, such as localized strings, icons, pictures, layout files, video files, and the like.

[0127] The notification manager enables the application program to display notification information in the status bar, which can be used to convey a message of the notification type, and can automatically disappear after a short stay without user interaction. For example, the notification manager is used to notify the completion of downloading, message reminders, and the like. The notification manager can also be a notification in the form of a chart or a scroll bar text appearing in the system top status bar, such as a notification of an application program running in the background, and can also be a notification in the form of a dialogue interface appearing on the screen. For example, a text information is prompted in the status bar, a prompt sound is emitted, the electronic device is vibrated, the indicator light is blinked, and the like.

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

[0129] The core library includes two parts: one part is a function function required to be called by the programming language (for example, the jave language), and the other part is the core library of the system.

[0130] The application program layer and the application program framework layer run in the virtual machine. The virtual machine executes the programming files (for example, the jave file) of the application program layer and the application program framework layer into binary files. The virtual machine is used to perform the management of the object life cycle, the stack management, the thread management, the security and exception management, and the garbage collection and the like.

[0131] The system library can include a plurality of function modules. For example: a surface manager, media libraries, a three-dimensional graphics processing library (for example: OpenGL ES), a two-dimensional graphics engine (for example: SGL), and the like.

[0132] The surface manager is used to manage the display subsystem, and provides a fusion of two-dimensional (2-Dimensional, 2D) and three-dimensional (3-Dimensional, 3D) layers for a plurality of application programs.

[0133] The media library supports a plurality of commonly used audio, video format playback and recording, and static image files and the like. The media library can support a plurality of audio and video coding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, and the like.

[0134] The three-dimensional graphics processing library is used to realize 3D graphics drawing, image rendering, synthesis, and layer processing and the like.

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

[0136] The kernel layer is a 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 connection with a capture photographing scenario.

[0138] When the touch sensor 180K receives a touch operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, a timestamp of the touch operation, and the like). 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 a control corresponding to the input event. Taking an example in which the touch operation is a touch single-click operation, and the control corresponding to the single-click operation is a control of the camera application icon, the camera application calls an interface of the application framework layer, starts the camera application, and then starts the camera driver through the kernel layer, and captures a still image or a video through the camera 193.

[0139] The embodiments of the present application relate to an application of an interaction method. In order to facilitate understanding, the following first introduces a desktop displayed by the electronic device 100 in connection with the accompanying drawings.

[0140] As shown in FIG. 3A, the electronic device 100 can display an interface 300 with a desktop. The interface 300 displays a page in which application icons are placed. The page can include icons of a plurality of applications (for example, a gallery application icon 305, a sports health application icon 307, a music application icon 308, a settings application icon 309, and a weather application icon 310, and the like). In addition, the page can include icons of application folders (for example, an icon 306 of a daily application folder and an icon 311 of a utility 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 can further include a small art suggestion card 303 and a sports health card 304. The small art suggestion card 303 can display one or more application icons recommended by a small art suggestion application. The sports health card 304 can display sports health data of a user (for example, a step count "1314 steps").

[0142] Optionally, if there is a prompt bar below an application icon, it indicates that the application is embedded with a service card. For example, a prompt bar 3051 is displayed below the gallery application icon 305. A prompt bar 3081 is displayed below the music application icon 308. Illustratively, a user can slide a finger on the application icon to call out a service card. For example, a user can slide a finger on the gallery application icon 305 to call out a gallery service card.

[0143] Optionally, the page with the application icons can also display a page indicator 312 below the page, which indicates the total number of pages on the desktop and the position of the currently displayed page relative to other pages. For example, the interface 300 of the desktop can include four pages, and the black dot in the page indicator can be at the second position, which indicates that the currently displayed page is the second page of the four pages. This second page can be referred to as the main page (or can be referred to as the main page, the first screen) of the interface 300 of the desktop.

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

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

[0146] Optionally, above the page with the application icons, a status bar 301 can also be displayed, which can include indicators of signal strength, power level, time, and other information. Further optionally, below the page indicator, a dock area can be provided, which can include one or more dock icons (e.g., a dialing application icon 313A, an information application icon 313B, a browser application icon 313C, a camera application icon 313D, and the like), and one or more dock icons in the dock area can remain displayed when the pages are switched.

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

[0148] As shown in FIG. 3B, the electronic device 100 can display a page 320 with a desktop. The page 320 can be the last page of the interface 300 of the desktop. As shown in FIG. 3B, the black dot of the page indicator 312 is at the fourth. The page 320 can include a combined card 314. The combined card 314 can include a card 314A, a card 314B, and a shortcut 314C. Optionally, the page 320 can further include an icon 315 of a large folder 1 and an icon 316 of a large folder 2. The icon 315 of the large folder 1 can display a plurality of application icons. The icon 316 of the large folder 2 can display a plurality of application icons. Optionally, the page 320 can further include a clock card 317, which can be combined by a clock card 317A, a clock card 317B, and a clock card 317C.

[0149] The related terms and concepts involved in the embodiments of the present application are introduced below.

[0150] 1. Card

[0151] A card can include display information of one or more functions in one or more applications. The card can be a convenient entry of the application program corresponding to the card in the desktop. The user can enter the interface of the application program corresponding to the card through the card. For example, as shown in FIG. 3A, the sports health card 304, and as shown in FIG. 3B, the card 314A and the card 314B, and 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, the user can enter the interface of the sports health application program through the sports health card 304.

[0152] The card can also be called a service card, a component, or a card component, which is not limited in the embodiments of the present application. The size of the card corresponding to different application programs can be the same or different. The size of the card displayed in the desktop of the electronic device 100 is also not limited in the embodiments of the present application.

[0153] 2. Large folder, small folder

[0154] The large folder in the desktop of the electronic device 100 can contain the icons of one or more application programs, and the user can directly click the icon of the application in the large folder to enter the application program. For example, as shown in FIG. 3B, the large folder 1 and the large folder 2, the user can directly click the icon of the application program in the icon 315 of the large folder 1 and the icon 316 of the large folder 2 to enter the application program.

[0155] The small folder in the desktop of the electronic device 100 can contain one or more icons of application programs. The user cannot directly click the icon of the application in the small folder. The user needs to click the icon of the small folder first, and in response to the user operation, the electronic device 100 can expand and display the icons of the application programs in the small folder in an enlarged manner. For example, the daily application folder and the utility application folder shown in FIG. 3A are both small folders. Taking the daily application folder as an example, the user needs to click the icon 306 of the daily application folder first, and in response to the user operation, the electronic device 100 expands and displays the icons of the application programs in the daily application folder in an enlarged manner. Then, the user can click the icon of the application program to enter the application program.

[0156] 3. Small Art Recommendation Card

[0157] The electronic device 100 can recommend one or more icons of APPs that are most likely to be used by the user in a small art recommendation card according to the usage habits of the user in a period of time. The small art recommendation card and the large folder both contain one or more application icons, and the user can directly click the icon of the application program in the small art recommendation card or the large folder to enter the application program. However, the application icons in the small art recommendation card cannot be moved in or out based on user operations, and the icons in the large folder can be moved in or out by the user.

[0158] In some embodiments, the small art recommendation card can also be referred to as a small art recommendation folder, which is not limited in the embodiments of the present application.

[0159] Currently, the user can combine the application icon 1 and the application icon 2 in the desktop into a folder. For example, the user can drag the application icon 1 to the application icon 2, and then the electronic device 100 detects that the application icon 1 and the application icon 2 overlap, and combines the application icon 1 and the application icon 2 to form a folder.

[0160] Optionally, the user can also combine or stack the cards in the desktop of the electronic device 100. For example, the user can drag the card 1 to the card 2, and then the electronic device 100 detects that the card 1 and the card 2 overlap. In the case that the card 1 and the card 2 have the same size, the card 1 and the card 2 can be stacked (i.e., the card 1 is stacked on the card 2) to form a card stack; in the case that the card 1 and the card 2 have different sizes, the card 1 and the card 2 can be combined to form a combined card.

[0161] Optionally, the user can also combine the card in the desktop of the electronic device 100 with one or more of the cards, the shortcuts. Exemplarily, as shown in FIG. 3B, the card 314A and the card 314B, and the shortcut 314C can be combined into a card 314. Exemplarily, the name of the card 314 can be “combined card 1”, and the name of the card 314 is not limited by the embodiments of the present application.

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

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

[0164] FIGS. 4A-4C exemplarily show related user interface schematic diagrams of combining cards of different sizes in the desktop of the electronic device 100.

[0165] As shown in FIG. 4A, the user can perform a long-press and left-drag motion on the health card 304 in the interface 300 of the desktop of the electronic device 100. The interface 300 of the desktop of the electronic device 100 can refer to the description in FIG. 3A, which will not be repeated here.

[0166] As shown in FIG. 4B, the user can drag the health card 304 to overlap the Xia Yi suggestion card 303. The electronic device 100 can display the container component 401 as shown in FIG. 4C in the interface 300 of the desktop after detecting that the health card 304 overlaps the Xia Yi suggestion card 303 by more than a preset threshold 1, and determining that the size of the health card 304 is not the same as the size of the Xia Yi suggestion card 303.

[0167] As shown in FIG. 4C, the container component 401 can be displayed in the interface 300 of the desktop. The container component 401 can include the small art suggestion card 303 and the sports health card 304. Optionally, the name of the container component 401 can be "combined card 2". The name of the container component 401 is not limited in the embodiments of the present application. The user can also rename the name of the container component 401.

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

[0169] Optionally, in a possible implementation, when there is no space to place the container component 401 in the currently displayed page of the interface 300 of the desktop of the electronic device 100, the electronic device 100 can add a new page to the interface 300 of the desktop. The new page can be the next page of the currently displayed page. Then, the electronic device 100 can place the container component 401 in the new page.

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

[0171] Optionally, in a possible implementation, the electronic device 100 can place the container component 401 in the position of the card 303 or the card 304 in the currently displayed page of the interface 300. When there is no space to place the container component 401 in the currently displayed page of the interface 300 after placing the container component 401, the electronic device 100 can add a new page to the interface 300, and the new page can be the next page of the currently displayed page. Then, the electronic device 100 can place the application icons or the folder icons or the cards originally in the currently displayed page and having no space to place in the new page.

[0172] FIGS. 5A-5F illustrate example user interface screens associated with combining or stacking two small folders in a desktop of the electronic device 100.

[0173] As shown in FIG. 5A, 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 FIG. 5B, the user can drag the icon 306 of the daily application folder to overlap the icon 311 of the utility application folder. In response to the user operation, the electronic device 100 can display an option box 501 in the interface 300 of the desktop.

[0174] As shown in FIG. 5C, the interface 300 of the desktop of the electronic device 100 can display the option box 501. The option box 501 can 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 utility application folder. The control 503 can be used to stack the icon 306 of the daily application folder with the icon 311 of the utility application folder. The control 504 can be used to cancel the user operation of combining or stacking the icon 306 of the daily application folder with the icon 311 of the utility application folder, and restore the icon 306 of the daily application folder to the initial position (i.e., the position before the user drag operation).

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

[0176] As shown in FIG. 5D, the electronic device 100 can display the container component 505 in the interface 300 of the desktop. The name of the container component 505 can be “Combined Folder 1”, and the name of the container component 505 is not limited in the embodiments of the present application. The container component 505 can include the application icons included in the daily application folder and the application icons included in the utility application folder.

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

[0178] It can be understood that when there is a free position in the page currently displayed by the interface 300 of the desktop to place the container component 505, the electronic device 100 can place the container component 505 in the page currently displayed by the interface 300 of the desktop. Alternatively, when there is no free position in the page currently displayed by the interface 300 of the desktop to place the container component 505, the electronic device 100 can add a page to the interface 300 to place the container component 505. The added page can be the next page of the currently displayed page or a page at the end of the interface 300. Alternatively, when there is no free position in the page currently displayed by the interface 300 of the desktop to place the container component 505, the electronic device 100 can place the container component 505 in the last page of the interface 300.

[0179] Alternatively, in some other examples, the electronic device 100 can stack the icon 306 of the daily application folder and the icon 311 of the utility application folder. As shown in FIG. 5E, the user can click the control 503, and in response to the user operation, the electronic device 100 can stack the icon 306 of the daily application folder and the icon 311 of the utility application folder, and display the container component 506.

[0180] As shown in FIG. 5F, the electronic device 100 can display the container component 506 in the interface 300 of the desktop. The name of the container component 506 can be “stacked folder 1”, and the name of the container component 506 is not limited in the embodiments of the present application. The container component 506 can include the icon 306 of the daily application folder and the icon 311 of the utility application folder. The icon 306 of the daily application folder can be stacked above the icon 311 of the utility application folder.

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

[0182] Alternatively, the size of the container component 506 can be larger than the size of the icon 306 of the daily application folder and the size of the icon 311 of the utility application folder before the user drag operation.

[0183] It can be understood that the specific size of the container component 506 is not limited in the embodiments of the present application.

[0184] It can be understood that when there is a free space in the page currently displayed by the interface 300 of the desktop to place the container component 506, the electronic device 100 can place the container component 506 in the page currently displayed by the interface 300 of the desktop. Alternatively, when there is no free space in the page currently displayed by the interface 300 of the desktop to place the container component 506, the electronic device 100 can add a page to the interface 300 to place the container component 506. The added page can be the next page of the currently displayed page or a page at the end of the interface 300. Alternatively, when there is no free space in the page currently displayed by the interface 300 of the desktop to place the container component 506, the electronic device 100 can place the container component 506 in the last page of the interface 300.

[0185] FIGS. 6A-6M exemplarily show related user interface diagrams in which the electronic device 100 combines or stacks large folders in the desktop.

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

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

[0188] As shown in FIG. 6C, the electronic device 100 can display the container component 605 in the page 320 of the desktop. The name of the container component 605 can be "super folder 1", and the name of the container component 605 is not limited in the embodiments of the present application. The container component 605 can include application icons (for example, QQ icon 605A, enterprise WeChat icon 605B, Zhihu icon 605C, WeChat icon 605D, Taobao icon 605E, conference application icon 605F, Baidu net disk icon 605G, Alipay icon 605H, stock application icon 605I, video application icon 605J, etc.) contained in the large file 1 and application icons (for example, contact application icon 605K, memo application icon 605L, and map application icon 605M, etc.) contained in the large file 2.

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

[0190] It can be understood that when there is a free space in the page 320 to place the container component 605, the electronic device 100 can place the container component 605 in the page 320. Optionally, when there is no free space in the page 320 to place the container component 605, the electronic device 100 can add a page in the interface 300 of the desktop, that is, add a page after the page 320. The electronic device 100 can place the container component 605 in the added page.

[0191] Optionally, in some examples, the user can long press the application icon in the container component 605 to display the shortcut menu of the corresponding application. As shown in FIG. 6D, the user can long press the contact application icon 605K in the container component 605, that is, the super file 1. In response to the user operation, the electronic device 100 can display the shortcut menu of the contact application.

[0192] As shown in FIG. 6E, the page 320 can display the shortcut menu 606 of the contact application. The shortcut menu 606 can include one or more function options (for example, "new contact" function option, "frequently used contact" function option, "scan business card" function option, and "my business card" function option) of the contact application.

[0193] Optionally, after the user long presses the contact application icon 605K, the page 320 can also display the shortcut function option 607, which can be used to call out the service card of the contact application.

[0194] Optionally, when the user long-presses the contact application icon 605K, the page 320 can further display a shortcut menu 608 for the folder. The shortcut menu 608 can include a plurality of 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 can be understood that the electronic device 100 displays the shortcut function option 607 in the page 320 only when the contact application has the function of displaying the service card.

[0196] The embodiments of the present application do 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 does not display the shortcut menu corresponding to the application, and only displays the shortcut menu corresponding to the super folder 1, for example, the shortcut menu 608.

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

[0199] As shown in FIG. 6F, the contact application has the function of displaying the service card. The user can slide up at the contact application icon 605K in the super folder 1, and 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 FIG. 6G, the page 320 can display the service card 609 corresponding to the contact application. Optionally, the service card 609 can be overlaid on the contact application icon 605K. The embodiments of the present application do not limit the specific shape, size, and content of the service card 609.

[0201] Optionally, in still some examples, in the super folder 1, the user can long-press the application icon to drag the application icon out of the super folder 1.

[0202] As shown in FIG. 6H, the user can long-press the contact application icon 605K in the super folder 1 and drag the contact application icon 605K downward, and 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 FIG. 6I, 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 in the page 320. The electronic device 100 can also adjust the positions of the application icons in the super folder 1. For example, the electronic device 100 can adjust the positions of the application icons (e.g., the memo application icon 605L) to the right of the contact application icon 605K in the super folder 1, and the application icons (e.g., the map application icon 605M) in the next row.

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

[0205] Optionally, in the case where there are only 18 positions for placing application icons in the super folder 1, when the number of application icons in the super folder 1 is greater than 18, the first 18 application icons can be arranged in the positions for placing application icons in the super folder 1, and the remaining application icons can be displayed in a stack above the application icons in the lower right corner of the super folder 1. The display of the 18th application icon in the super folder 1 and the application icons exceeding 18 can be similar to the display of the video application icon in the lower right corner of the large file 1 and the stock application icon below the video application icon in the large file 1 shown in FIG. 6A.

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

[0207] As shown in FIG. 6K, the electronic device 100 can display the container component 611 in the page 320. The name of the container component 611 can be “stacked folder 2”, and the name of the container component 611 is not limited in the embodiments of the present application. The container component 611 can include the icon 315 of the large file 1 and the icon 316 of the large folder 2, and the icon 316 of the large folder 2 can be stacked above the icon 315 of the large file 1.

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

[0209] Optionally, the size of the container component 611 can be greater 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 can be understood that the specific size of the container component 611 is not limited in the embodiments of the present application.

[0211] It can be understood that when there is a free space in the page 320 to place the container component 611, the electronic device 100 can place the container component 611 in the page 320. Optionally, when there is no free space in the page 320 to place the container component 611, the electronic device 100 can add a page in the interface 300 of the desktop, that is, add a page after the page 320. The electronic device 100 can place the container component 611 in the added page.

[0212] Optionally, in some examples, the user can slide up and down or left and right in the container component 611 to realize page turning. 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 in the next layer of the icon 316 of the large folder 2.

[0213] As shown in FIG. 6L, the user can slide down in the container component 611, and in response to the user operation, the electronic device 100 can display the icon 315 of the large folder 1 above the icon 316 of the large folder 2.

[0214] As shown in FIG. 6M, after the user's sliding down operation, the electronic device 100 can display the icon 315 of the large folder 1 above the icon 316 of the large folder 2 in the container component 611. That is, the icon 315 of the large folder 1 is stacked above the icon 316 of the large folder 2.

[0215] Optionally, in some examples, the electronic device 100 can also further combine or stack the two container components obtained by combination or stacking based on the user operation.

[0216] As shown in FIG. 6N, the user can drag the container component 605 to the card 314. As shown in FIG. 6O, when the electronic device 100 detects that the overlapping part of the container component 605 and the card 314 exceeds a preset threshold 1, the electronic device 100 can stack the container component 605 above the card 314.

[0217] Optionally, in another possible implementation, when the electronic device 100 detects that the overlapping part of the container component 605 and the card 314 exceeds the preset threshold 2 but does not exceed the preset threshold 1, the electronic device 100 can combine the container component 605 and the card 314 to form a container component A (not shown in the figure). The contents of the container component 605 (for example, QQ icon 605A, WeChat Work icon 605B, Zhihu icon 605C, WeChat icon 605D, Taobao icon 605E, meeting 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.) in the container component A, and the contents (for example, card 314A, card 314B, and shortcut 314C) in the card 314 are combined and displayed. Here, the above-mentioned large folder 1 and large folder 2 can be combined to form the container component 605.

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

[0219] 1. Cards and cards can be combined.

[0220] As shown in FIG. 7A, the card 701A and the card 701B can be combined into a combined card 701. Optionally, the size of the card 701A and the size of the card 701B can be the same. Regarding the card 701A and the card 701B shown in FIG. 7A, the specific styles of the card 701A and the card 701B can be referred to the card 314A or the card 314B shown in FIG. 3B. The specific styles of the card 701A and the card 701B are not limited in the embodiments of the present application.

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

[0222] 2. Cards and shortcuts can be combined

[0223] Exemplarily, as shown in FIG. 7A, the card 702A and the shortcut 702B, the shortcut 702C, the shortcut 702D and the shortcut 702E can be combined into a combined card 702. The card 702A and the shortcut 702B, the shortcut 702C, the shortcut 702D and the shortcut 702E shown in FIG. 7A are merely illustrative, and the specific style of the card 702A can refer to the card 314A or the card 317A shown in FIG. 3B, and the specific style of the shortcut 702B, the shortcut 702C, the shortcut 702D and the shortcut 702E can refer to the shortcut 314C shown in FIG. 3B. The specific styles of the card 702A and the shortcut 702B, the shortcut 702C, the shortcut 702D and the shortcut 702E are not limited in the embodiments of the present application.

[0224] It can be understood that one or more cards can be combined with one or more shortcuts into a combined card. The number of cards and the number of shortcuts contained in the combined card are not limited in the embodiments of the present application. For example, as shown in FIG. 3B, the combined card 1 contains the card 314A, the card 314B and the shortcut 314C.

[0225] Exemplarily, the user can drag the card 702A in FIG. 7A above the shortcut 702B, and in response to the user operation, the electronic device 100 can combine the card 702A and the shortcut 702B to form the combined card 702. Alternatively, the user can also drag the shortcut 702B above the card, and in response to the user operation, the electronic device 100 can combine the card 702A and the shortcut 702B to form the combined card 702. Then, the user can drag the shortcut 702C, the shortcut 702D and the shortcut 702E into the combined card 702 in sequence.

[0226] Further, in a possible implementation, when the electronic device 100 detects that the user drags the card 702A above the shortcut 702B, the electronic device 100 can display an option box, which can contain a combination control. When the user clicks the combination control, the electronic device 100 can combine the card 702A and the shortcut 702B to form the combined card 702. The option box can refer to the option box 601 shown in FIG. 6B, which will not be described herein again.

[0227] Optionally, in another possible implementation, after the electronic device 100 detects that the user drags the card 702A over 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] Optionally, in some other scenarios, the shortcut 702B, the shortcut 702C, the shortcut 702D, and the shortcut 702E can be combined into or placed into a folder 3 first. The folder 3 contains only the four shortcuts 702B, 702C, 702D, and 702E. Then, the user can drag the card 702A over the folder 3, and in response to the user operation, the electronic device 100 can combine or stack the card 702A with the folder 3. For details, refer to the description of the combination of the card and the folder and the stacking of the folder and the card below, which are not repeated here.

[0229] 3. Combination of card and folder

[0230] For example, as shown in FIG. 7A, the card 703A and the 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, which is not limited in the embodiments of the present application. The folder 703B can include one or more application icons. For example, the folder 703B can be the daily application folder or the utility application folder shown in FIG. 3A, or can be the large folder 1 or the large folder 2 shown in FIG. 3B. The specific style of the folder 703B and the number of application icons included in the folder 703B are not limited in the embodiments of the present application.

[0231] Optionally, in some examples, the user can long press the card 703A in the folder 703, and in response to the user operation, the electronic device 100 can display a shortcut menu of the card 703A. As shown in FIG. 7B, the shortcut menu of the card can include a shortcut menu 709A and a shortcut menu 709B. The shortcut menu 709A can include a function option for removing the card 703A. The shortcut menu 709B can 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 specific function options included in the shortcut menu of the card 703A are not limited in the embodiments of the present application.

[0232] Optionally, in some other examples, the user can long press folder 703B in folder 703, and drag the folder 703B out of the folder 703. As shown in FIG. 7C, the user long presses the folder 703B and drags the folder 703B out of the folder 703. In response to the user operation, the electronic device 100 can display the folder 703B outside the folder 703.

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

[0234] 4. Same size folders can be stacked

[0235] For example, as shown in FIG. 7A, the folder 704A can be stacked on the folder 704B to form a folder 704. The folder 704A has the same size as the 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 FIG. 7A are only examples. The folder 704A and the folder 704B can be the daily application folder or the utility application folder shown in FIG. 3A, or can be the large folder 1 or the large folder 2 shown in FIG. 3B. The specific styles of the folder 704A and the folder 704B, and the number of application icons contained in the folder 704A and the folder 704B are not limited in the embodiments of the present application.

[0236] Optionally, the folder 704 can be the container component 506 shown in FIG. 5F, or can be the container component 611 shown in FIG. 6K. The specific style of the folder 704 is not limited in the embodiments of the present application.

[0237] 5. Folders and cards can be stacked

[0238] For example, as shown in FIG. 7A, the folder 705A can be stacked on the card 705B to form a folder 705. Optionally, the card 705B can also be stacked on the folder 705A. The folder 705A can have the same size as the card 705B, or can not have the same size. The folder 705A can refer to the description of the folder 704A or the folder 704B, which is not repeated here. The card 705B can refer to the description of the card 703A, which is not repeated here.

[0239] 6. Folders and folders can be combined

[0240] Exemplarily, the folder 706A and the folder 706B can be combined to form the folder 706. Alternatively, the folder 706A and the folder 706B can be the daily application folder and the utility application folder shown in FIG. 3A respectively, and the folder 706 can be the combined folder 1 shown in FIG. 5D, i.e., the container component 505. Alternatively, the folder 706A and the folder 706B can be the large file 1 and the large folder 2 shown in FIG. 3B respectively, and the folder 706 can be the super folder 1 shown in FIG. 6C, i.e., the container component 605. The specific styles of the folder 706A, the folder 706B, and the folder 706 are not limited in the embodiments of the present application.

[0241] 7. Folder and combined card can be stacked

[0242] Exemplarily, as shown in FIG. 7A, the folder 707A can be stacked on the combined card 707B. The folder 707A can be the folder 706 described above, which will not be repeated here. The combined card 707B can be the combined card 701 described above, which will not be repeated here.

[0243] Alternatively, the combined card 707B can also be stacked on the folder 707A.

[0244] Alternatively, in some examples, when the folder 707A can be stacked on the combined card 707B, the user can slide up and down or left and right to flip the page. Taking the user sliding down to flip the page as an example, as shown in FIG. 7D, the user can slide down, and in response to the user operation, the electronic device 100 can place the combined card 707B on the upper layer of the folder 707A, i.e., the combined card 707B is stacked on the folder 707A.

[0245] In the embodiments of the present application, components of the same size can be stacked. The two stackable components are not limited to the folder 704A and the folder 704B, the folder 705A and the card 705B, and the folder 707A and the combined card 707B shown in FIG. 7A. Two combined cards of the same size can also be stacked. Two super folders of the same size can also be stacked. The present application is not limited thereto.

[0246] 8. Folder and combined card can be combined

[0247] As shown in FIG. 7A, the folder 707A can be combined with the combined card 707B to form a folder 708. The folder 708 can contain the application icons contained in the folder 707A and the cards contained in the combined card 707B. The cards contained in the combined card 707B can be arranged below the application icons contained in the folder 707A. Alternatively, the cards contained in the combined card 707B can also be arranged above the application icons contained in the folder 707A. The embodiments of the present application do not limit the arrangement of the application icons and the cards in the folder 708.

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

[0249] In the embodiments of the present application, any two components can be combined. For example, a card and a card can be combined, a card and a folder can be combined, a combined card and a folder can be combined, a card and a shortcut can be combined, a combined card and a combined card can be combined, and the like. The embodiments of the present application do not limit the specific forms of the two components that can be combined.

[0250] The cards 701A, 701B, 702A, 703A, and 705B shown in FIG. 7A can all be referred to as element components. The combined cards 701, 702, the folders 703, 703B, the folders 704A, 704B, the folder 704, the folders 705A, 705, the folders 706A, 706B, the folder 706, the folder 707A, the combined card 707B, and the folder 708 shown in FIG. 7A can all be referred to as container components.

[0251] As shown in FIG. 8, in the embodiments of the present application, the electronic device 100 can uniformly define different kinds of element components (for example, application icons, cards, shortcuts) as desktop elements item, and the electronic device 100 can uniformly define different kinds of container components (for example, folders, combined cards, combinations or stacks of folders and combined cards) as desktop containers itemGroup. The desktop containers can contain any of the element components and the container components. Since the electronic device 100 uniformly defines the element components and the container components in the desktop, the electronic device 100 can support the combination or stacking of different kinds of element components and container components.

[0252] In the embodiments of the present application, the folder can be any one of a large folder, a small folder, a combination of two folders, or a stacked folder. The combination card can be any one of a card and a combination or stacked combination card, a card and a combination or stacked combination card, and a shortcut combined into a combination card.

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

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

[0255] In the interaction method provided in the embodiments of the present application, the desktop content (including element components and container components) of the electronic device can be combined or stacked in any manner. In addition, the sub-component can be dragged in and out, long-pressed, swiped to flip pages, resized, expanded, and the like in the container component. In this way, the electronic device can support the combination or stacking of the card and the folder, the combination or stacking of the folder and the folder, and the combination or stacking of the combined card and the folder stacked by two folders, thereby improving the convenience and interest of the desktop content arrangement, and thus improving the user experience.

[0256] FIG. 10 shows an interaction method flowchart provided in the embodiments of the present application. As shown in FIG. 10, the desktop method provided in the embodiments of the present application can include the following steps:

[0257] S1001, the electronic device 100 detects a user operation 1 of the user dragging a component 1 in the desktop above a component 2, the component 1 including any one of a card, an application icon, a shortcut, a folder, and a combined card; and the component 2 including any one of a card, an application icon, a shortcut, a folder, and a combined card.

[0258] The component 1 can be an element component or a container component. The component 1 can include any one of a card, an application icon, a shortcut, a capsule, a folder, and a combined card. The embodiments of the present application do not specifically limit the component 1.

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

[0260] The user can perform the user operation 1 on the desktop, that is, drag the component 1 above the component 2. For example, as shown in FIGS. 4A-4B, the component 1 can be a card 304 as shown in FIG. 4A, and the component 2 can be a small art suggestion card 303 as shown in FIG. 4A. The user can drag the card 304 above the small art suggestion card 303. For another example, as shown in FIGS. 5A-5B, the component 1 can be a daily application folder, and the component 2 can be a utility application folder. The user can drag the daily application folder above the utility application folder. For another example, as shown in FIGS. 6A-6B, the component 1 can be a large folder 2, and the component 2 can be a large folder 1. The user can drag the large folder 2 above the large folder 1. For another example, as shown in FIGS. 6N-6O, the component 1 can be a container component 605, and the component 2 can be a combined card 314. The user can drag the container component 605 above the combined card 314.

[0261] The user operation 1 can also be that the user drags the component 1 to the vicinity of the component 2. For example, the user drags the component 1 to a distance less than a distance threshold 1 from the component 2. Embodiments of this application do not limit the specific size of the distance threshold 1.

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

[0263] In a possible implementation, in response to the user operation 1, the electronic device 100 can display the component 3 on the desktop. The component 3 contains the elements of the component 1 and the elements of the component 2, and the elements of the component 1 do not occlude the elements of the component 2. For example, as shown in FIG. 4C, the component 1 can be the card 304, the component 2 can be the small art suggestion card 303, and the component 3 can be the container component 401. For another example, when the component 1 is the daily application folder shown in FIG. 5A, and the component 2 is the utility application folder shown in FIG. 5A, the component 3 can be the container component 505 shown in FIG. 5C. For another example, when the component 1 is the large folder 2 shown in FIG. 6A, and the component 2 is the large folder 1 shown in FIG. 6A, the component 3 can be the container component 605 shown in FIG. 6C. For another example, when the component 1 is the card 701A shown in FIG. 7A, and the component 2 is the card 701B shown in FIG. 7A, the component 3 can be the combined card 701 shown in FIG. 7A. When the component 1 is the card 702A shown in FIG. 7A, and the component 2 contains the shortcut 702B, the shortcut 702C, the shortcut 702D, and the shortcut 702E, the component 3 can be the combined card 702 shown in FIG. 7A. When the component 1 is the card 703A shown in FIG. 7A, and the component 2 is the folder 703B shown in FIG. 7A, the component 3 can be the folder 703 shown in FIG. 7A. When the component 1 is the folder 706A shown in FIG. 7A, and the component 2 is the folder 706B shown in FIG. 7A, the component 3 can be the folder 706 shown in FIG. 7A. When the component 1 is the folder 707A shown in FIG. 7A, and the component 2 is the combined card 707B shown in FIG. 7A, the component 3 can be the folder 708 shown in FIG. 7A.

[0264] Optionally, in another possible implementation, in response to the user operation 1, the electronic device 100 can stack the component 1 on the component 2. For example, the component 1 can be the daily application folder shown in FIG. 5A, and the component 2 can be the utility application folder shown in FIG. 5A. For another example, the component 1 can be the large folder 2 shown in FIG. 6A, and the component 2 can be the large folder 1 shown in FIG. 6A. For another example, the component 1 can be the container component 605 shown in FIG. 6N, and the component 2 can be the combined card 314 shown in FIG. 6N. For another example, the component 1 can be the folder 704A shown in FIG. 7A, and the component 2 can be the folder 704B shown in FIG. 7A. The component 1 can be the folder 705A shown in FIG. 7A, and the component 2 can be the card 705B. The component 1 can be the folder 707A shown in FIG. 7A, and the component 2 can be the combined card 707B shown in FIG. 7A.

[0265] In a possible implementation, in response to the user operation 1, the electronic device detects the overlap area proportion of the component 1 and the component 2; in a case where the overlap area proportion is greater than a first preset threshold and less than a second preset threshold, the electronic device can display the component 3 on the desktop, and in a case where the overlap area proportion is greater than the second preset threshold, the electronic device can stack the component 1 on the component 2. The second preset threshold can be the preset threshold 1 in the above, and the first preset threshold can be the preset threshold 2 in the above. Exemplarily, the preset threshold 2 can be 20%, 30%, or 40%, and the like, and the preset threshold 1 can be 50%, 60%, 70%, and the like. The embodiments of the present application do not limit the specific values of the preset threshold 1 and the preset threshold 2.

[0266] Optionally, in a possible implementation, in response to the user operation 1, the electronic device displays a first option box in the desktop, and the first option box includes a first control and a second control; in a case where it is detected that the user clicks the first control, the electronic device can display the component 3 on the desktop; and in a case where it is detected that the user clicks the second control, the electronic device can stack the component 1 on the component 2. The first control can be the control 502 shown in FIG. 5C, and can also be the control 602 shown in FIG. 6B. The second control can be the control 503 shown in FIG. 5C, and can also be the control 603 shown in FIG. 6B. The embodiments of the present application do not limit the specific styles of the first control and the second control.

[0267] Optionally, in a possible implementation, in response to the user operation 1, in a case where the electronic device 100 determines that the size of the component 1 is different from the size of the component 2, the electronic device 100 can display the component 3 on the desktop; and in a case where the electronic device 100 determines that the size of the component 1 is the same as the size of the component 2, the electronic device 100 can stack the component 1 on the component 2.

[0268] In a possible implementation, the component 1 is a first card, the component 2 is a first folder, the first application icon is in the first folder, and the component 3 includes the first card and the first application icon. After the electronic device generates the component 3 in response to the first user operation, the method can further include: detecting, by the electronic device, a second user operation of the user long-pressing the first card in the third component; and displaying, by the electronic device, a shortcut menu of the first card in response to the second user operation, the shortcut menu including one or more shortcut function options for the first card. For example, as shown in FIG. 7B, the component 1 can be a card 703A, the component 2 can be a folder 703B, and the component 3 can be the folder 703. The second user operation can be that the user long-presses the card 703A. In response to the second user operation, the electronic device 100 can display a shortcut menu 709A and a shortcut menu 709B of the card 703A. Details can be referred to the description in FIG. 7B, which will not be repeated here.

[0269] In a possible implementation, the component 2 is a first folder, the first application icon is in the first folder, and the component 3 includes the first card and the first application icon. After the electronic device generates the component 3 in response to the first user operation, the method can further include: detecting, by the electronic device, a third user operation of the user long-pressing the first application icon in the third component and dragging the first application icon out of the third component; and displaying, by the electronic device, the first application icon in a first region of the desktop in response to the third user operation, the first region being a region outside the third component. For example, the third user operation can be that the user drags the contact application icon 605K to the dock region in the desktop as shown in FIG. 6H. In response to the third user operation, the electronic device 100 can display the contact application icon 605K in the dock region in the desktop as shown in FIG. 61.

[0270] In a possible implementation, after the electronic device stacks the component 1 on the component 2 in response to the first user operation, the method can further include: detecting, by the electronic device, a fourth user operation of the user, the fourth user operation including any one of the user sliding upward, sliding downward, sliding leftward, or sliding rightward in the component 1 or the component 2; and stacking, by the electronic device, the component 2 on the component 1.

[0271] In a possible implementation, the desktop of the electronic device displays a component 4, the component 4 can include at least two of a card, a folder, a shortcut, and an application icon, and in response to the user operation 1, after the electronic device displays the component 3 on the desktop, the method can further include: the electronic device detects a user operation 5 in which the user drags the component 3 to above the component 4; in response to the user operation 5, the electronic device displays a component 5 on the desktop, or in response to the user operation 5, the electronic device stacks the component 3 above the component 4; the component 5 includes elements of the component 3 or elements of the component 4, and the elements of the component 3 do not block the elements of the component 4. For example, as shown in FIG. 6N, the component 3 can be a container component 605, the component 4 can be the combined card 314, the user operation 5 can be that the container component 605 obtained by combination is dragged to above the combined card 314, and in response to the user operation, the electronic device 100 can generate a super folder 2 as shown in FIG. 6O. That is, the component 7 can be the super folder 2. For another example, the component 3 and the component 4 can be the folder 707A and the combined card 707B shown in FIG. 7A, respectively. The embodiments of the present application do not limit the specific styles of the component 3, the component 4, and the component 5.

[0272] By using the interaction method provided in the embodiments of the present application, the electronic device can support the combination or stacking of a card and a folder, the combination or stacking of a folder and a folder, and the combination or stacking of a combined card and a folder obtained by combining two folders. In addition, in the container component obtained by combining multiple components, the user can also long press to call out the shortcut menu of the component, long press and drag out the component, and for a component with a service card, the user can also directly slide up in the container component to call out the service card of the component. In this way, the convenience and interest of desktop content arrangement can be improved, thereby improving the user experience.

[0273] In the embodiments of the present application, the first component can be the component 1, the second component can be the component 2, the third component can be the component 3, the fourth component can be the component 4, and the fifth component can be the component 5. The first user operation can be the user operation 1, the second user operation can be the user operation 2, the third user operation can be the user operation 3, the fourth operation can be the operation in which the user long presses and drags out the folder 703 shown in FIG. 7C, the fifth user operation can be the user operation 4, and the sixth user operation can be the user operation 5.

[0274] Optionally, in some examples, the combined card can also be referred to as a card combination, and the embodiments of the present application do not limit this.

[0275] The above-described embodiments merely serve to illustrate the technical solutions of the present application, rather than limit the present application; even though the present application has been described in detail with reference to the foregoing embodiments, those ordinarily skilled in the art should understand that they can still modify the technical solutions recorded in the foregoing embodiments, or equivalently replace some of the technical features thereof; and these modifications or replacements do not cause the essence of the corresponding technical solutions to depart from the scope of the technical solutions of the embodiments of the present application.

[0276] In the above-described embodiments, the term "when" can be interpreted as meaning "if" or "after" or "in response to determining" or "in response to detecting" according to the context. Similarly, the phrase "upon determining" or "if detecting (the stated condition or event)" can be interpreted as meaning "if determining" or "in response to determining" or "upon detecting (the stated condition or event)" or "in response to detecting (the stated condition or event)" according to the context.

[0277] In the above-described embodiments, all or some of the processes can be implemented by software, hardware, firmware or any combination thereof. When implemented by software, the processes can be implemented 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 into and executed by a computer, all or some of the processes described in the embodiments of the present application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable apparatus. 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 through a wired (such as coaxial cable, optical fiber, digital subscriber line) or wireless (such as infrared, wireless, microwave, etc.) manner. The computer-readable storage medium can be any available medium accessible by a computer or a data storage device such as a server, data center, etc. that includes one or more available media sets. The available media can be a magnetic medium (such as a floppy disk, a hard disk, a magnetic tape), an optical medium (such as a DVD), or a semiconductor medium (such as a solid-state disk), etc.

[0278] Those of ordinary skill in the art can understand that all or part of the processes in the above-described embodiments can be implemented by a computer program instructing relevant hardware, which can be stored in a computer-readable storage medium. The program can include the processes of the above-described embodiments when executed. The aforementioned storage medium includes ROM or random access memory (RAM), a magnetic disk or an optical disk, and various media that can store program codes.

Claims

1. An interaction method, characterized in that, Comprising: The electronic device detects a first operation of a user acting on a first component in a desktop, the first component being a first folder; In response to the first operation, the electronic device displays a third component in the desktop, the third component containing elements of the first component and elements of a second component, and the elements of the first component do not occlude the elements of the second component, the second component comprising at least one of a card, an application icon, a shortcut, a folder, a combined card; Or, in response to the first operation, the electronic device stacks the first component on top of the second component.

2. The method of claim 1, wherein, 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 of claim 2, wherein, 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 first folder; Or, 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; Or, the second component is a combined card, the combined card contains a second card, one or more shortcuts, the third component contains the second card, one or more shortcuts, and the first application icon, or the third component contains the first folder and the combined card.

4. The method of claim 3, wherein, The second component is a first card, after the electronic device displays a third component in the desktop in response to the first operation, the method further comprises: The electronic device detects a second operation of a user acting 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, the shortcut menu of the first card containing one or more shortcut function options for the first card.

5. The method of claim 4, wherein, After the electronic device displays a third component in the desktop in response to the first operation, the method further comprises: The electronic device detects a third operation of a user acting 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 in the desktop, the first area being outside the third component and in an area of the desktop.

6. The method of claim 5, wherein, After the electronic device displays a third component in the desktop in response to the first operation, the method further comprises: The electronic device detects a fourth operation of a user acting 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 in the desktop, the second area being outside the third component and in an area of the desktop.

7. The method of claim 1, wherein, After the electronic device stacks the first component on top of the second component in response to the first operation, the method further comprises: The electronic device detects a fifth operation of the user, the fifth operation being any one of an upward swipe, a downward swipe, a leftward swipe, or a rightward swipe of the user 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, The fourth component is displayed in a desktop of the electronic device, the fourth component containing at least two of a card, a folder, a shortcut, and an application icon, and the method further includes, after the electronic device displays the third component in the desktop in response to the first operation: 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 in the desktop, the fifth component containing elements of the third component and elements of the fourth component, and the elements of the third component do not occlude the elements of the fourth component; Or, in response to the sixth operation, the electronic device stacks the third component on top of the fourth component.

9. The method of claim 2, wherein, The method further includes, after the electronic device detects a first operation of the user on a first component in a desktop: In response to the first operation, the electronic device detects a proportion of an overlapping area of the first component and the second component; In a case where the proportion of the overlapping area is greater than a first preset threshold and less than a second preset threshold, the electronic device displays the third component in the desktop; In a case where the proportion of the overlapping area is greater than the second preset threshold, the electronic device stacks the first component on top of the second component.

10. The method of claim 2, wherein, The method further includes, after the electronic device detects a first operation of the user on a first component in a desktop: In response to the first operation, the electronic device displays a first option box in the desktop, the first option box including a first control and a second control; In a case where the electronic device detects a click of the first control by the user, the electronic device displays the third component in the desktop; In a case where the electronic device detects a click of the second control by the user, the electronic device stacks the first component on top of the second component.

11. The method of claim 2, wherein, The method further includes, after the electronic device detects a first operation of the user on a first component in a desktop: In response to the first operation, in a case where the electronic device determines that a size of the first component is different from a size of the second component, the electronic device displays the third component in 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, comprising: An electronic device comprising a display screen, one or more processors, and one or more memories; wherein the display screen, the one or more memories, and the one or more processors are coupled, the one or more memories are configured to store computer program codes, and the computer program codes comprise computer instructions that, when executed by the one or more processors, cause the execution of the method of any one of claims 1-11.

13. A chip system applied to an electronic device, the chip system comprising one or more processors, characterized in that, The processor is configured to invoke computer instructions to cause performance of the method of any one of claims 1-11.

14. A computer-readable storage medium comprising instructions, wherein: The instructions, when run on an electronic device, cause the electronic device to perform the method of any one of claims 1-11.

15. A computer program product containing computer programs / instructions, characterized in that, The computer program / instructions, when run on an electronic device, cause the electronic device to perform the method of any one of claims 1-11.

Images