Touch method and related equipment

Abstract

The embodiment of the invention provides a touch method and related equipment, and relates to the technical field of terminals.The method comprises the steps that a first interface is displayed, the first interface comprises a first window and a second window, and one or more icons are displayed in the first window; in response to a hovering operation of the handwriting pen at the first icon, displaying a second interface; the second interface comprises a first window, a second window and a third window, the third window is suspended on the upper layer of the first window, and one or more elements are displayed in the third window; during the duration of the hovering operation, continuing to display a third window on the second interface, and displaying the first element in the second window in response to the operation of dragging the first element from the third window to the second window; wherein the first element is any one of one or more elements in the third window. Therefore, the user can be supported to quickly browse the pictures and / or the files in a plurality of photo albums and / or folders, the distribution paths of the pictures and / or the files are reduced, and the user operation is simplified.

Description

Touch control method and related equipment Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to a touch control method and related equipment. Background Art

[0002] Electronic devices can provide a variety of functions. For example, users can use them to share information such as pictures and files. For example, an electronic device can interact with a gallery application through a social application, distributing photos from the gallery application to the social application. For another example, an electronic device can interact with a file application through a social application, distributing files from the file application to the social application.

[0003] In a possible implementation, when sharing pictures and files, users need to find target pictures and target files from a large number of pictures and files, which is a cumbersome operation and a poor user experience.

[0004] Summary of the Invention

[0005] The embodiments of the present application provide a touch method and related devices, which are applied to the field of terminal technology; they provide a method for quickly previewing pictures and / or files in multiple albums and / or folders through hovering operations without entering the albums and / or folders, and quickly finding target pictures and / or files.

[0006] In a first aspect, an embodiment of the present application provides a touch control method for an electronic device, the method comprising: displaying a first interface, the first interface including a first window and a second window, the first window displaying one or more icons; displaying a second interface in response to a hovering operation of a stylus over a first icon among the one or more icons; the second interface including a first window, a second window, and a third window, the third window floating over the first window, the third window displaying one or more elements; replacing the first window in the first interface with a fourth window in response to a first operation on the first icon, the elements displayed in the fourth window including one or more elements in the third window; continuing to display the third window in the second interface while the hovering operation continues, and displaying the first element in the second window in response to a dragging operation of the first element from the third window to the second window; wherein the first element is any one of the one or more elements in the third window. In this way, the primary floating window can enable a user to quickly browse images and / or files in multiple albums and / or folders, and obtain and share target images and / or target files. Users do not need to open specific albums and / or folders before sharing target pictures and / or target files, which reduces the distribution path of pictures and / or files, simplifies user operations, and improves user experience.

[0007] In one possible implementation, the third window also displays a first button, and after continuing to display the third window on the second interface, the following further comprises: receiving a trigger operation for the first button; in response to the trigger operation for the first button, switching the third window to a fifth window; the number of elements displayed in the fifth window is greater than or equal to the number of elements displayed in the third window; wherein, when the hovering operation ends, the third window on the second interface disappears, and when the hovering operation ends, the electronic device continues to display the fifth window. In this way, the electronic device can switch the primary floating window to the secondary floating window through a switch button. After switching to the secondary floating window, the user does not need to use a stylus to perform the hovering operation, further simplifying the user operation; in addition, the electronic device can display more pictures and / or files through the secondary floating window to facilitate the user to view all pictures and / or files in the album and / or folder, thereby improving the user experience.

[0008] In one possible implementation, the method further includes: receiving an operation of dragging a second element from the fifth window to the second window; the second element is any one of the one or more elements in the fifth window; and in response to the operation of dragging the second element from the fifth window to the second window, displaying the second element in the second window. In this way, the secondary floating window can support users to quickly browse pictures and / or files in multiple albums and / or folders, obtain and share target pictures and / or target files. Users do not need to open a specific album and / or folder before sharing the target picture and / or target file, which reduces the distribution path of pictures and / or files, simplifies user operations, and improves the user experience.

[0009] In one possible implementation, after switching the third window to the fifth window, the process further includes: displaying a third interface in response to a hovering operation of a stylus on a second icon among the one or more icons; the third interface includes a first window, a fifth window, and a sixth window, and one or more elements are displayed in the sixth window; the second icon is different from the first icon; in response to a second operation on the second icon, the first window in the third interface is replaced with a seventh window, and the elements displayed in the seventh window include one or more elements in the sixth window; while the hovering operation continues, the sixth window continues to be displayed in the third interface; when an operation of dragging the third element from the sixth window to the fifth window is received, the third element is displayed in the fifth window in response to the operation of dragging the third element from the sixth window to the fifth window; wherein the third element is any one of the one or more elements in the fifth window. In this way, the electronic device can use the primary floating window and / or the secondary floating window to implement the process of transferring pictures and / or files between multiple albums and / or folders of the same application; the user can conveniently organize the albums and / or folders based on the above process without having to repeatedly enter and / or exit between multiple albums and / or folders, thereby simplifying user operations and improving the user experience.

[0010] In one possible implementation, a hovering operation of a stylus pen over a first icon among one or more icons includes: the stylus pen is located over the first icon and the distance between the stylus pen and the touch screen of the electronic device is less than a distance threshold; while the third window is being displayed, if the distance between the stylus pen and the touch screen is less than the distance threshold and the stylus pen is not in contact with the touch screen, the third window continues to be displayed if the stylus pen moves within the area where the third window is located. In this way, the electronic device can trigger a primary floating window based on the hovering operation to provide a transient preview of the elements in the icon.

[0011] In one possible implementation, after displaying the second interface, the process further includes: receiving a sliding operation in the third window; and in response to the sliding operation, displaying one or more elements in the third window that move in accordance with the sliding position of the touch object. In this way, the electronic device can display more elements by sliding up or down in the primary floating window, making it easier for the user to view all images corresponding to the icons, thereby improving the user experience.

[0012] In one possible implementation, the touch object includes a user's finger or a stylus; the sliding operation includes: sliding the user's finger within the third window during the hovering operation; or sliding the stylus within the third window during the hovering operation. In this way, the electronic device can display more elements by sliding up or down within the primary floating window, making it easier for the user to view all images corresponding to the icon, thereby improving the user experience.

[0013] In one possible implementation, the touch object includes a user's finger, and receiving a sliding operation in the third window includes: during the display of the third window, when the distance between the stylus and the touch screen is less than a distance threshold and the stylus is not in contact with the touch screen, receiving the sliding operation of the user's finger in the third window. In this way, the electronic device can display more elements through swiping up or down in the primary floating window, making it easier for the user to view all images corresponding to the icons, thereby improving the user experience.

[0014] In one possible implementation, the third window continues to be displayed when the user's finger slides within the third window and the hovering operation ends. After the user's finger leaves the touch screen, if no further triggering operation is received within a first time period, the third window disappears. This allows the user to browse the first-level floating window for a period of time and view all images within it even in the event of an erroneous operation. The user does not need to re-hover to view images in the album, simplifying user operations and improving the user experience.

[0015] In one possible implementation, the touch object includes the user's finger, and a sliding operation is received in the third window. The method further includes: during the display of the third window, when the hover operation ends, continuing to display the third window for a first duration; receiving a sliding operation of the user's finger in the third window within the first duration; after one or more elements are displayed in the third window and move along with the sliding position of the touch object, the method further includes: when the user's finger leaves the touch screen, if no triggering operation of the touch object is received again within the first duration, the third window disappears. In this way, in the event of an erroneous operation, the user can still browse the first-level floating window for a period of time and view all the pictures in the first-level floating window; the user does not need to re-perform the hover operation to view the pictures in the album, which simplifies user operations and improves the user experience.

[0016] In one possible implementation, the hover operation ends when: the distance between the stylus and the touch screen is greater than or equal to a distance threshold, the stylus is no longer in the area where the third window is located, and / or a trigger operation is received in a non-functional area of ​​the first window or the second window. Thus, after the user has finished browsing the elements in the first-level floating window of the first icon, the user can quickly cancel the display of the first-level floating window and quickly browse the elements in the first-level floating window of the second icon by ending the hover operation. Thus, by displaying and canceling the display of the first-level floating window, the user can quickly browse pictures and / or files in multiple albums and / or folders, thereby improving the user experience.

[0017] In one possible implementation, a second button is also displayed in the fifth window; after switching from the third window to the fifth window, the process further includes: upon receiving an operation of dragging the second button with the touch object, displaying a fourth window that moves in accordance with the sliding position of the touch object. In this way, the user can adjust the position of the secondary floating window to reduce the obstruction of the secondary floating window on icons or other information in the current interface, thereby improving the user experience.

[0018] In one possible implementation, a third button is also displayed in the fifth window; after switching from the third window to the fifth window, the method further includes: upon receiving a trigger operation for the third button, continuing to display the first window and not displaying the fifth window. In this way, the electronic device can use the third button to cancel the display of the secondary floating window, so that the electronic device displays the window or other interface below the secondary floating window.

[0019] In one possible implementation, a fourth button is also displayed in the fifth window; after switching the third window to the fifth window, the method further includes: upon receiving a trigger operation for the fourth button, replacing the first window with the fifth window. In this way, the electronic device can use the fourth button to switch the secondary floating window to a full-screen window, thereby magnifying the displayed element and showing more details of the element.

[0020] In one possible implementation, the first window includes a window of a gallery application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more albums, the first icon includes an icon of the first album, and the one or more elements in the third window include one or more images in the first album; the first element includes any image in the one or more images in the first album. In this way, the first-level floating window and / or the second-level floating window can support users to quickly browse pictures in multiple albums, obtain and share target pictures. Users do not need to open a specific album before sharing the target picture, which reduces the distribution path of the picture, simplifies user operations, and improves the user experience.

[0021] In one possible implementation, the first window includes a window of a file management application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more folders, the first icon includes an icon of the first folder, and the one or more elements in the third window include one or more files in the first folder; the first element includes any file in the one or more files in the first folder. In this way, the first-level floating window and / or the second-level floating window can support users to quickly browse file names in multiple folders, obtain and share target files. Users do not need to share the target file after opening a specific folder, which reduces the file distribution path, simplifies user operations, and improves the user experience.

[0022] In one possible implementation, the method further includes: displaying a fourth interface; the fourth interface includes an eighth window, wherein a third icon is displayed in the eighth window; receiving a click operation on the third icon; displaying a fifth interface in response to the click operation on the third icon; the fifth interface includes an eighth window, wherein a first image is displayed in the eighth window; receiving a slide operation on the first image, displaying a second image in the eighth window of the fifth interface, wherein the second image is different from the first image; displaying the fourth interface; displaying a sixth interface in response to a hover operation of the stylus over the third icon; the sixth interface includes an eighth window and a ninth window, wherein the ninth window is suspended above the eighth window; the first image and the second image are displayed in the ninth window, and the second image is not included in the eighth window. In this way, the first-level floating window can support users to quickly browse images among multiple image and text links, and can omit the user from clicking on the web page interface of the image and text link and sliding to view the image, thereby simplifying user operations and achieving the effect of quickly viewing images.

[0023] In one possible implementation, the method further includes: displaying a seventh interface, wherein the seventh interface includes a tenth window, wherein one or more videos are displayed in the tenth window; in response to a hovering operation of a stylus pen over a first video in one or more videos, an eighth interface is displayed; the eighth interface includes a tenth window and an eleventh window, wherein the eleventh window is suspended above the tenth window, wherein one or more video segments in the first video are displayed in the eleventh window, wherein any video segment has a corresponding time stamp; receiving a trigger operation for the first video segment; wherein the first video segment is any video segment in the first video; in response to the trigger operation for the first video segment, a ninth interface is displayed, wherein the first video is played in the ninth interface, and the playback progress of the first video corresponds to the time stamp of the first video segment. In this way, the first-level floating window can be used to preview the video in segments, which can save the user the operation of sliding the progress bar to view each segment of the video after clicking on the video, thereby simplifying the user operation and achieving the effect of quickly viewing the video.

[0024] In one possible implementation, a fourth element is also displayed in the third window, and after displaying the second interface, the following further comprises: receiving a long press operation on the fourth element; displaying a tenth interface in response to the long press operation on the fourth element; the tenth interface includes a first pop-up window, the first pop-up window including at least one of the following buttons: a button for saving the fourth element, a button for sharing the fourth element, a button for setting the fourth element as wallpaper, and / or a cancel button; receiving an operation of dragging the fourth element to a target area; displaying a toolbar in the target area in response to the operation of dragging the fourth element to the target area; the toolbar includes a fourth icon; the fourth icon is used to store the element; receiving an operation of continuing to drag the fourth element to the fourth icon; and displaying information indicating that the storage of the fourth element is complete in response to the operation of continuing to drag the fourth element to the fourth icon. In this way, the electronic device can distribute the target image and / or file to the toolbar, and subsequently the target image and / or file can be distributed to the target application through the toolbar, enriching the application scenarios of element distribution, providing users with multiple data transmission methods, and improving the user experience.

[0025] In one possible implementation, the first window includes a full-screen window, the second window includes a floating window, the specifications of the first window are larger than those of the second window, and the specifications of the first window are less than or equal to those of the touch screen; the specifications of the second window are the same as those of the fifth window; and the specifications of the third window are different from those of the fifth window. In this way, the electronic device can distribute the elements under the icon in the full-screen window to the floating window of the application that supports sending and receiving elements based on the first-level floating window and / or the second-level floating window, thereby realizing the copying and moving of the elements.

[0026] In one possible implementation, the first window includes a split-screen window, the second window includes a split-screen window, and the specifications of the third window and the fifth window are different. In this way, the electronic device can distribute the elements under the icons in the split-screen window to the split-screen window of the application that supports sending and receiving elements based on the first-level floating window and / or the second-level floating window, thereby copying and moving the elements.

[0027] In a second aspect, an embodiment of the present application provides an electronic device, which may also be referred to as a terminal device, terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. The terminal device may be a mobile phone, a smart TV, a wearable device, a tablet computer (Pad), a computer with wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in self-driving, a wireless terminal in remote medical surgery, a wireless terminal in a smart grid, a wireless terminal in transportation safety, a wireless terminal in a smart city, a wireless terminal in a smart home, etc.

[0028] The electronic device comprises: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the electronic device performs the method of the first aspect.

[0029] In a third aspect, an embodiment of the present application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the method of the first aspect.

[0030] In a fourth aspect, an embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is run, it enables the computer to execute the method of the first aspect.

[0031] An embodiment of the present application provides a chip system, which includes at least one processor and a communication interface. The communication interface and the at least one processor are interconnected through a line, and the at least one processor is used to run a computer program or instruction to execute the method of the first aspect.

[0032] It should be understood that the second to fifth aspects of the present application correspond to the technical solutions of the first aspect of the present application, and the beneficial effects achieved by each aspect and the corresponding feasible implementation methods are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] FIG1 is a schematic diagram of a hovering operation provided in an embodiment of the present application;

[0034] FIG2 is a schematic diagram of an interface for two hovering operations in a possible implementation;

[0035] FIG3 is a schematic diagram of an interface for two other hovering operations in a possible implementation;

[0036] FIG4 is a schematic diagram of an interface displaying windows of multiple application programs in a possible implementation;

[0037] FIG5 is a schematic diagram of an interface for information interaction between multiple applications in a possible implementation;

[0038] FIG6 is a schematic diagram of an interface for searching for pictures in an album in a possible implementation;

[0039] FIG7 is a schematic diagram of an interface for displaying and canceling a primary floating window according to an embodiment of the present application;

[0040] FIG8 is a schematic diagram of another interface for canceling the display of a first-level floating window provided in an embodiment of the present application;

[0041] FIG9 is a schematic diagram of an interface for sliding and displaying more pictures in a primary floating window according to an embodiment of the present application;

[0042] FIG10 is a schematic diagram of an interface displaying a secondary floating window provided in an embodiment of the present application;

[0043] FIG11 is a schematic diagram of an interface for moving and canceling a secondary floating window according to an embodiment of the present application;

[0044] FIG12 is a schematic diagram of an interface for implementing image transmission between multiple applications using a primary floating window according to an embodiment of the present application;

[0045] FIG13 is a schematic diagram of an interface for implementing image transmission between multiple applications using a secondary floating window according to an embodiment of the present application;

[0046] FIG14 is a schematic diagram of an interface for simultaneously displaying a primary floating window and a secondary floating window provided by an embodiment of the present application;

[0047] FIG15 is a schematic diagram of an interface for transferring pictures between multiple albums of a gallery application using a primary floating window and / or a secondary floating window, provided in an embodiment of the present application;

[0048] FIG16 is a schematic diagram of another interface of a primary floating window and a secondary floating window provided in an embodiment of the present application;

[0049] FIG17 is a schematic diagram of an interface for implementing file transfer between multiple applications using a primary floating window according to an embodiment of the present application;

[0050] FIG18 is a schematic diagram of an interface for implementing file transfer between multiple applications using a secondary floating window according to an embodiment of the present application;

[0051] FIG19 is a schematic diagram of an interface for transmitting images between different applications in a split-screen scenario according to an embodiment of the present application;

[0052] FIG20 is a schematic diagram of an interface of a primary floating window in a graphic and text application provided in an embodiment of the present application;

[0053] FIG21 is a schematic diagram of an interface of a primary floating window in a video application provided in an embodiment of the present application;

[0054] FIG22 is a schematic diagram of an interface for calling up a toolbar based on a first-level floating window according to an embodiment of the present application;

[0055] FIG23 is a schematic diagram of an interface for transferring images between multiple applications based on a toolbar according to an embodiment of the present application;

[0056] FIG24 is a schematic diagram of a flow chart of a touch control method provided in an embodiment of the present application;

[0057] FIG25 is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present application;

[0058] FIG26 is a schematic structural diagram of a touch device provided in an embodiment of the present application. DETAILED DESCRIPTION

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

[0060] 1) Hover operation: Hovering refers to the situation where the touch object is not in contact with the touch screen and the distance between the touch object and the touch screen is less than a first distance threshold. A hover operation refers to an operation that interacts with the touch screen while the touch object is in a hovering state. The touch object may include a finger or a stylus. For example, Figure 1 shows a schematic diagram of a hover operation. Taking stylus 200 as an example, if the electronic device 100 supports and enables the hover operation function, when stylus 200 is close to the electronic device 100 but not in contact with the electronic device 100, the electronic device 100 may recognize the hover operation and respond.

[0061] The following describes the functions that the electronic device 100 can implement based on the hovering operation in possible implementations with reference to FIG. 2 and FIG. 3 .

[0062] FIG2 shows a schematic diagram of an interface of two hovering operations in a possible implementation, as shown in FIG2 :

[0063] The electronic device can magnify an image based on a hover operation. For example, the electronic device may display a gallery application interface, such as the interface shown in FIG2a. The interface shown in FIG2a displays photo 201. When the electronic device receives a hover operation on photo 201, the electronic device may display the interface shown in FIG2b. In the interface shown in FIG2b, the electronic device displays photo 202, where photo 202 may be a magnified version of photo 201.

[0064] The electronic device can translate text based on a hover operation. For example, the electronic device can display a browser application interface, such as the interface shown in Figure 2 (c). The interface shown in Figure 2 (c) displays text message 203, where text message 203 can be in English. When the electronic device receives a hover operation on text message 203, the electronic device can display the interface shown in Figure 2 (d). In the interface shown in Figure 2 (d), the electronic device displays text message 204, where text message 204 can include some or all of the English text in text message 203 and the corresponding Chinese interpretation.

[0065] FIG3 shows a schematic diagram of an interface for two other hovering operations in a possible implementation, as shown in FIG3 :

[0066] An electronic device can preview videos, animated graphics, and the like based on a hover operation. For example, the electronic device can display a video application interface, such as the interface shown in FIG3a. The interface shown in FIG3a displays video 301, where video 301 is in a paused state. When the electronic device receives a hover operation on video 301, the electronic device can display the interface shown in FIG3b. In the interface shown in FIG3b, the electronic device displays video 302, where video 302 may be video 301 in a playing state.

[0067] The electronic device can magnify the element based on the hover operation. For example, taking the element as an icon in the desktop as an example, the electronic device can display the desktop, which may include the icon 303 of the clock application. When the electronic device receives a hover operation on the desktop, the electronic device can display the interface shown in Figure 3 c. The interface shown in Figure 3 c shows a magnification box 304, which can be used to magnify the elements in the interface. For example, in the interface shown in Figure 3 c, when the electronic device receives a move operation (the stylus is not in contact with the touch screen), the magnification box 304 can move with the movement of the stylus, for example, when the stylus moves to the position of the icon 303 of the clock application, the electronic device can display the interface shown in Figure 3 d. In the interface shown in Figure 3 d, the electronic device magnifies the icon 303 of the clock application in the magnification box 305.

[0068] 2) Electronic devices

[0069] The terminal device of the embodiment of the present application may also be any form of electronic device. For example, the electronic device may include a handheld device with image processing function, a vehicle-mounted device, etc. For example, some electronic devices include: mobile phones, tablet computers, PDAs, laptop computers, mobile internet devices (MIDs), wearable devices, virtual reality (VR) devices, augmented reality (AR) devices, wireless terminals in industrial control, wireless terminals in self-driving cars, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, cellular phones, cordless phones, session initiation protocol (SIP) phones, wireless local loop (WLL) stations, personal digital assistants (PDAs), handheld devices with wireless communication capabilities, computing devices or other processing devices connected to wireless modems, in-vehicle devices, wearable devices, terminal devices in 5G networks or future evolved public land mobile communication networks. The terminal equipment in the network (PLMN), etc., is not limited to this in the embodiments of the present application.

[0070] As an example and not a limitation, in the embodiments of the present application, the electronic device may be a wearable device, which may also be referred to as a wearable smart device. Wearable devices may include, for example, smart watches, smart glasses, smart bracelets, and smart jewelry. In the embodiments of the present application, the electronic device may also be a terminal device in an Internet of Things (IoT) system.

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

[0072] To facilitate a clear description of the technical solutions of the embodiments of this application, the words "exemplary" or "for example" are used in the embodiments of this application to indicate examples, illustrations, or explanations. Any embodiment or design described in this application as "exemplary" or "for example" should not be interpreted as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

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

[0074] It should be noted that the "at..." in the embodiments of the present application can be the instant when a certain situation occurs, or it can be a period of time after the situation occurs, and the embodiments of the present application do not specifically limit this. In addition, the display interface provided in the embodiments of the present application is only an example, and the display interface can also include more or less content.

[0075] Users can use electronic devices to share information such as pictures and files. For example, an electronic device can interact with a gallery app through a social networking app, distributing photos from the gallery app to the social networking app. Another example is that an electronic device can interact with a file management app through a social networking app, distributing files from the file management app to the social networking app.

[0076] The following takes the electronic device as a pad and uses the pad to share pictures as an example, and describes the information interaction process between two applications in a possible implementation in conjunction with Figures 4 and 5.

[0077] The electronic device can display a gallery application interface. For example, the gallery application interface is shown as interface a in FIG4 , and the interface shown as interface a in FIG4 includes multiple pictures.

[0078] Electronic devices can display multiple application interfaces in the form of floating windows and / or split-screen windows. Take the example of an electronic device calling out a floating window. In the interface shown in a of Figure 4, when the electronic device receives a trigger operation of sliding from the right side of the screen to the left, the electronic device can enter the interface shown in b of Figure 4.

[0079] In the interface shown in b of Figure 4, the electronic device displays a sidebar 401. The sidebar 401 displays icons of multiple applications, such as icons of social applications, icons of gallery applications, icons of calculator applications, icons of file management applications, and icons of more applications. The sidebar 401 can be used to display applications in the form of floating windows. For example, when the electronic device receives a trigger operation for an icon of a social application in the sidebar 401, the electronic device can display the interface shown in c of Figure 4. In the interface shown in c of Figure 4, the electronic device can display a full-screen window of the gallery application and a floating window of the social application.

[0080] After the electronic device displays windows of two or more application programs simultaneously, the electronic device can copy a picture in one application to another application through a drag operation.

[0081] For example, the electronic device may display an interface as shown in a of FIG5 , in which the interface as shown in a of FIG5 displays a full-screen window of a gallery application and a floating window of a social application, wherein the full-screen window of the gallery application includes multiple pictures, for example, picture 501 .

[0082] The electronic device receives a drag operation on image 501; the drag operation on image 501 may include a press operation on image 501 and a slide operation, during which the touch object does not leave the touch screen. In response to the press operation on image 501, image 501 may be selected, as shown in the interface b of Figure 5. When the touch object begins to move, image 501 moves with the movement of the touch object. When the electronic device detects that the touch object has dragged image 501 to the floating window of the social application and the touch object performs a lift operation, the electronic device may display the interface shown in Figure 5 c.

[0083] In the interface shown in c in Figure 5, the electronic device can display the deselected picture 501 in the full-screen window and display the picture 502 in the floating window. The content in the picture 502 is the same as that in the picture 501.

[0084] The operations from the interface shown in a of FIG. 5 to the interface shown in c of FIG. 5 can be understood as: copying the picture 501 in the gallery application to the social application, and sharing the picture 501 with other users through the social application.

[0085] After entering any album in the gallery app, the electronic device can display multiple images. When a user uses the electronic device to share an image with other users, the user needs to search for the target image among the multiple images. If the target image is not included in the current album, the electronic device needs to return to the previous level and enter another album to continue searching for the target image.

[0086] This process can be illustrated, for example, in Figure 6: The current album can be the "Share" album, and the electronic device can display multiple images in the "Share" album, as well as a return button 601, as shown in the interface shown in Figure 6(a). The multiple images in the interface shown in Figure 6(a) do not include the target image. The electronic device receives a trigger operation for return button 601, and in response to the trigger operation, the electronic device can return to the previous interface, as shown in Figure 6(b).

[0087] In the interface shown in FIG6 b, the electronic device may display multiple albums, such as the "All Photos" album, the "Animals" album, the "People" album 602, the "Share" album, and the "Landscapes" album. When the electronic device receives a trigger operation for the "People" album 602, it may enter the interface shown in FIG6 c. In the interface shown in FIG6 c, the electronic device may display multiple images in the "People" album, wherein the "People" album includes the target image 603.

[0088] When a gallery app stores a large number of images and / or albums, the user may need to go through the process from interface a in Figure 6 to interface c in Figure 6 multiple times to obtain the target image, and then share the target image through the process from interface a in Figure 5 to interface c in Figure 5. The process of sharing files on electronic devices is similar. As can be seen, in possible implementations, the operation of sharing images on electronic devices is relatively cumbersome, and the user experience is poor.

[0089] In view of this, an embodiment of the present application provides a touch method, which allows users to view pictures included in multiple albums through hovering operations without entering the album, so as to quickly find the target picture and share the target picture, reduce the process of entering and exiting the album, and simplify user operations; similarly, without entering the folder, users can view the files included in multiple folders through hovering operations, so as to quickly find the target file and share the target file, reduce the process of entering and exiting the folder, simplify user operations, and improve the user experience.

[0090] In an embodiment of the present application, the touch object can perform a hover operation based on a user operation, and the electronic device can evoke a first-level floating window and a second-level floating window based on the hover operation. Taking the touch object that can trigger the hover operation as a stylus as an example, the first-level floating window can be used to temporarily preview the pictures and / or files in the album and / or folder; when the stylus is hovering, the electronic device can display the first-level floating window during the hover operation; when the stylus is away from the touch screen and the hover operation is terminated, the electronic device can cancel the display of the first-level floating window, and the display duration of the first-level floating window is related to the duration of the hover operation. The first-level floating window may include a switching control, and the electronic device can switch the first-level floating window to the second-level floating window based on the switching control.

[0091] Electronic devices can preview and display images and / or files in albums and / or folders in a secondary floating window. The duration of the secondary floating window display may be independent of the duration of the hover operation. For example, after the electronic device displays the secondary floating window, the stylus may be moved away from the touch screen, terminating the hover operation. In this case, the electronic device still displays the secondary floating window, and the secondary floating window will not be deactivated upon the termination of the hover operation.

[0092] Specifically, the secondary floating window may include a top bar, a cancel button, a minimize button, a maximize button, and a bottom bar. The top bar can be used to adjust the position of the secondary floating window; the cancel button can be used to close the secondary floating window, the minimize button can be used to hide and display the secondary floating window, the maximize button can be used to switch the secondary floating window to a full-screen window, and the bottom bar can be used to exit the secondary floating window or switch the secondary floating window to a full-screen window. Based on the above buttons, the electronic device can implement operations such as moving the secondary floating window, closing the secondary floating window, hiding and displaying the secondary floating window, and displaying the secondary floating window in full screen. The above buttons will be described in detail in the embodiments of this application later, so they will not be described here in detail.

[0093] Taking the first-level floating window and the second-level floating window for previewing pictures in the album as an example, the first-level floating window in the embodiment of the present application is introduced below with reference to Figures 7 to 9.

[0094] FIG7 shows a schematic diagram of an interface for invoking a primary floating window provided in an embodiment of the present application, as shown in FIG7 :

[0095] The electronic device can display a gallery application interface. For example, the gallery application interface can be as shown in Figure 7a. In the interface shown in Figure 7a, the electronic device displays multiple albums, such as the "All Photos" album, the "Animals" album, the "People" album, the "Share" album 701, and the "Landscapes" album. In the interface shown in Figure 7a, the number of images in each album is displayed below the icon. When the electronic device receives a hover operation with the stylus on the "Share" album 701, the electronic device can display the interface shown in Figure 7b in response to the operation.

[0096] In the interface shown in b in Figure 7, the electronic device can display a first-level floating window 702, wherein the first-level floating window 702 may include one or more pictures under the "Share" album 701. For example, 6 pictures are displayed in the first-level floating window 702.

[0097] While the stylus pen is performing a hovering operation based on a user's operation, the electronic device may continue to display the interface shown in FIG. 7 b , in which the electronic device displays a primary floating window 702. After the stylus pen stops performing the hovering operation based on the user's operation, the electronic device may enter the interface shown in FIG. 7 c , in which the electronic device no longer displays the primary floating window.

[0098] In one possible implementation, the electronic device may further display the album name corresponding to the first-level floating window 702 on the interface. For example, the electronic device may display the album name above the first-level floating window 702. The electronic device may further display a switching control on the interface. For example, the electronic device may display a switching control below the first-level floating window 702. The switching control may be a multi-page identifier. When the user moves the stylus pen above the switching control, the electronic device may automatically switch between different albums. For example, the content displayed in the first-level floating window 702 and the album name above are automatically switched. The switching interval may be a preset time length. For example, the preset time length may be 1 second. This application does not impose any restrictions on this.

[0099] It should be noted that the hover operation for "Share" album 701 can be understood as: the stylus is located above "Share" album 701 on the touch screen, the distance between the stylus and the touch screen is less than a first distance threshold, and the stylus is not in contact with the touch screen. In some embodiments, the electronic device may trigger the hover operation when the stylus position meets the above conditions. In other embodiments, to reduce false triggering of the hover operation, the electronic device may also trigger the hover operation after the stylus position meets the above conditions for a first time threshold, such as 1 second.

[0100] In an embodiment of the present application, after the first-level floating window is called up, the stylus needs to maintain a hovering operation; if the distance between the stylus and the touch screen is greater than a first distance threshold, the tip of the stylus moves out of the area where the first-level floating window is located, or the stylus clicks on a blank area other than the first-level floating window, the hovering operation will be stopped and the electronic device will cancel the display of the first-level floating window. In addition, while the stylus is hovering, if the stylus and the touch screen come into contact, the electronic device can jump from the first-level floating window to the next-level interface; for example, if the stylus clicks on any image in the first-level floating window based on the user's operation, the electronic device can display the image in full screen. This operation can be, for example, a click operation on image 501 in the interface shown in a of Figure 5.

[0101] In some embodiments, the stylus can be moved in the primary floating window based on the user's operation. After the stylus moves out of the primary floating window, the electronic device will also cancel the display of the primary floating window. The movement process can be shown in Figure 8:

[0102] When the first-level floating window is called out, the position of the stylus pen may correspond to the position of the "Share" album. For example, in the interface shown in a of Figure 8, the position corresponding to the tip of the stylus pen is the position of the "Share" album below the first-level floating window 801 (the interface shown in a of Figure 8 does not show the "Share" album. The position of the "Share" album can refer to the position of the "Share" album 701 in the interface shown in a of Figure 7).

[0103] After calling up the first-level floating window 801, the stylus can remain hovering above the touch screen and move within the area where the first-level floating window 801 is located. During this process, the distance between the stylus and the touch screen is less than the first distance threshold, and the stylus is not in contact with the touch screen, as shown in interface b in Figure 8. The position of the stylus changes. While the stylus is hovering and moving within the area where the first-level floating window 801 is located, the electronic device maintains the display of the first-level floating window 801.

[0104] During the movement of the stylus, the stylus may move out of the area where the primary floating window is located. For example, in the interface shown in c of Figure 8 , the dotted box 802 is where the primary floating window 801 is located. If the stylus is not in the dotted box 802 , the electronic device will cancel the display of the primary floating window 801.

[0105] It is understood that the present embodiment of the application uses the stylus pen hovering operation on the "Share" album as an example to illustrate the solution of the present embodiment of the application; the stylus pen can also be hovered over other albums to trigger the first-level floating window of other albums. For example, when the electronic device receives a stylus pen hovering operation on the "People" album, the electronic device can display the first-level floating window of the "People" album. This process can be referred to the embodiments shown in Figures 7 and 8, and this embodiment of the application will not be described in detail.

[0106] In this way, the electronic device can preview multiple albums in the interface shown in Figure 7a through a first-level floating window, making it easy for users to quickly find the target image. The user no longer needs to perform the operation of entering or exiting the album multiple times, which simplifies the user's operation of finding the target image and improves the user experience.

[0107] In an embodiment of the present application, a first-level floating window can display some or all pictures in an album. If the number of pictures in an album is small, the electronic device can display all pictures in the album; for example, a first-level floating window can display 6 pictures. When the number of pictures in an album is less than or equal to 6, the first-level floating window can display all pictures in the album. If the number of pictures in an album is large, the electronic device can display some pictures in the album; for example, when the number of pictures in an album is greater than 6, the first-level floating window can display some pictures in the album.

[0108] To address the situation where there are a large number of pictures in an album, embodiments of the present application provide two methods for displaying more pictures in a primary floating window. In the first possible implementation, the electronic device can display more pictures in the primary floating window in response to a user swiping up in the primary floating window. In the second possible implementation, the electronic device can switch the primary floating window to a secondary floating window, which can display more pictures.

[0109] The first possible implementation method is described below with reference to FIG9 , as shown in FIG9 :

[0110] After receiving a hover operation on the "Share" album, the electronic device may display the interface shown in Figure 9a, which includes a first-level floating window 901. First-level floating window 901 may prioritize displaying the first six images in the "Share" album based on their order. For example, the order of images in the "Share" album may be as shown in Figure 4a, with the first six images displayed in first-level floating window 901.

[0111] When the electronic device receives a swipe-up operation in the first-level floating window 901, the image in the first-level floating window moves as the finger moves, as shown in the interface b in Figure 9. In the interface b in Figure 9, the electronic device can display a first-level floating window 902. Compared to the image in the first-level floating window 901, the image in the first-level floating window 902 moves up, thereby displaying multiple images that are later in the arrangement order. The swipe-up operation can be an operation in which the user's finger touches the touch screen and causes displacement.

[0112] It should be noted that the interface shown in Figure 9b shows two touch objects: a stylus and a finger. This can be understood as follows: the stylus performs a hovering operation based on the user's operation to trigger and maintain the display of the first-level floating window; the finger performs an upward swipe operation to trigger the scrolling display of the image in the first-level floating window. During this process, the user can hold the stylus in the left hand and perform the swipe operation with the right hand according to usage habits; the user can also hold the stylus in the right hand and perform the swipe operation with the left hand according to usage habits.

[0113] In some embodiments, when a user performs the above operations, the following scenarios may occur due to mis-triggering:

[0114] In the first false trigger scenario, a user hovers over the "Share" album with a stylus, causing the electronic device to display a first-level floating window 901 for the "Share" album, as shown in the interface a of Figure 9 . While first-level floating window 901 is displayed, the user attempts to swipe upward to view more images in the first-level floating window. However, the stylus may be farther from the touch screen than a first distance threshold, and the user may move the stylus out of the area where the first-level floating window is located, or may accidentally tap a blank area outside the first-level floating window. In this scenario, the electronic device can cancel the display of the first-level floating window.

[0115] In order to reduce user misoperations, the electronic device may display a first-level floating window for a period of time after the user performs an erroneous operation, and close the first-level floating window with a delay. The delay time can be, for example, two seconds. During the delay time period, if the electronic device receives a sliding operation from the user in the first-level floating window, more pictures in the first-level floating window will be displayed in response to the sliding operation; after the user ends the sliding operation, the electronic device may reset the delay time. If no trigger operation is received within the delay time, the first-level floating window will disappear. During the delay time period, if the electronic device does not receive a sliding operation from the user in the first-level floating window, the first-level floating window will be cancelled when the delay time is reached. In this way, in the event of an erroneous operation, the user can still browse the first-level floating window for a period of time and view all the pictures in the first-level floating window; the user does not need to re-perform the hovering operation to re-view the pictures in the album, which simplifies user operations and improves the user experience.

[0116] In the second false trigger scenario, the user uses a stylus to perform a hover operation on the "Share" album, and the electronic device displays a first-level floating window 901 for the "Share" album, as shown in the interface a of Figure 9 . As the user swipes upward to browse more images in the first-level floating window, the stylus may be farther from the touch screen than the first distance threshold, and the stylus may move out of the area where the first-level floating window is located, or the user may accidentally click on a blank area outside the first-level floating window. In this scenario, the electronic device can cancel the display of the first-level floating window.

[0117] To reduce user errors, when the user's finger slides in the primary floating window and the stylus stops hovering, the electronic device can display the primary floating window. When the user stops sliding and the finger leaves the primary floating window, the electronic device can cancel the display of the primary floating window. In this way, even in the case of an error, the user can still browse the primary floating window for a period of time and view all the images in the primary floating window; the user does not need to re-perform the hovering operation to view the images in the album, simplifying user operations and improving the user experience.

[0118] Optionally, in some embodiments, the stylus can be moved within the electronic device, and when the stylus swipes upward within the primary floating window based on a user operation, the electronic device can also enter the interface shown in FIG9 b from the interface shown in FIG9 a. The present application does not limit the operation method for scrolling the images within the primary floating window.

[0119] In this way, the electronic device can display more pictures by sliding up or down in the first-level floating window, so that the user can view all the pictures in the album more conveniently and improve the user experience.

[0120] The second possible implementation method of the embodiment of the present application is described below with reference to FIG10 , as shown in FIG10 :

[0121] After receiving a hover operation on the "Share" album, the electronic device may display an interface as shown in a of Figure 10, which includes a first-level floating window 1001, and a switch button 1002 in the first-level floating window 1001. The switch button 1002 can be used to indicate that the first-level floating window is switched to a second-level floating window.

[0122] When the stylus is moved in the primary floating window 1001, the electronic device continues to display the primary floating window 1001, as shown in the interface b of Figure 10. The stylus is moved to the position of the switch button 1002 and the switch button 1002 is clicked. In response to this operation, the electronic device enters the interface shown in Figure 10c.

[0123] In the interface shown in c of Figure 10, the electronic device can display a secondary floating window 1003. Secondary floating window 1003 includes multiple pictures from the "Share" album. The number of pictures that can be displayed in secondary floating window 1003 is greater than the number of pictures that can be displayed in primary floating window 1001. For example, if primary floating window 1001 includes 6 pictures, the number of pictures in secondary floating window 1003 is greater than 6.

[0124] In an embodiment of the present application, after switching from a primary floating window to a secondary floating window, the electronic device can display the secondary floating window without requiring a hovering operation using the stylus pen to maintain the secondary floating window. For example, in the interface shown in c of FIG10 , even if the stylus pen stops hovering, the electronic device still displays the secondary floating window 1003.

[0125] It is understood that in the embodiment of the present application, both the primary and secondary floating windows can be used to preview pictures in the album. The specifications of the primary and secondary floating windows can be different. For example, the specifications of the primary floating window 1001 in the interface shown in FIG10 b are different from the specifications of the secondary floating window 1003 in the interface shown in FIG10 c. The specifications of the primary and secondary floating windows can also be the same, and the embodiment of the present application does not limit this.

[0126] In addition, in an embodiment of the present application, the specifications of the secondary floating window may be the same as the specifications of the floating window of the application. For example, the specifications of the floating window of the social application in the interface shown in c in Figure 4 are the same as the specifications of the secondary floating window 1003 in the interface shown in c in Figure 10.

[0127] In the embodiment of the present application, the first-level floating window can be used to temporarily preview the pictures in the album. After the stylus stops hovering, the first-level floating window is no longer displayed. To facilitate the user's preview of the pictures in the album, the first-level floating window can enlarge the pictures in the album; for example, the size of the pictures in the first-level floating window can be larger than the size of the pictures in the second-level floating window, and the size of the pictures in the first-level floating window can be greater than or equal to the size of the pictures in the gallery application interface. The gallery application interface can be, for example, the interface shown in Figure 4a.

[0128] It should be noted that in the embodiment of the present application, the electronic device can switch the first-level floating window to a second-level floating window through a switch button. After switching to the second-level floating window, the user does not need to use a stylus to perform the hovering operation, which can further simplify the user operation; in addition, the electronic device can display more pictures through the second-level floating window to facilitate the user to view all pictures in the album, thereby improving the user experience.

[0129] The following describes the button functions in the secondary floating window in conjunction with Figure 11, as shown in Figure 11:

[0130] After the electronic device switches the primary floating window to the secondary floating window, the electronic device may display an interface as shown in a of Figure 11. The interface shown in a of Figure 11 displays a secondary floating window 1101, wherein the secondary floating window 1101 includes: a top bar 1102, a cancel button 1103, a minimize button 1104, a maximize button 1105, and a bottom bar 1106.

[0131] Specifically, in the interface shown in a of Figure 11, when the electronic device receives a drag operation on the top bar 1102, the electronic device can control the secondary floating window 1101 to move with the finger. After the finger leaves the touch screen, the secondary floating window 1101 can be displayed at the position where the finger was when the finger was lifted, as shown in the interface shown in b of Figure 11. In the interface shown in b of Figure 11, the secondary floating window 1101 moves from the right side of the screen to the left side of the screen.

[0132] In the interface shown in b of FIG. 11 , when the electronic device receives a click operation on the cancel button 1103 , the electronic device may exit the secondary floating window 1101 and not display the secondary floating window 1101 , as shown in the interface shown in c of FIG. 11 .

[0133] Alternatively, in the interface shown in b in FIG. 11 , when the electronic device receives an upward sliding operation on the bottom bar 1106 , the electronic device may exit the secondary floating window 1101 and not display the secondary floating window 1101 , as shown in the interface shown in c in FIG. 11 .

[0134] Optionally, when the electronic device receives a click operation on the maximize button 1105, or receives a slide-down operation on the bottom bar, the electronic device can switch the secondary floating window to a full-screen window. For example, the electronic device switches from the interface shown in b in Figure 11 to the interface shown in a in Figure 4.

[0135] Optionally, when the electronic device receives a click operation on the minimize button 1104, the electronic device may hide and display the secondary floating window 1106; for example, display the secondary floating window on the side of the screen in the form of a floating ball (not shown in FIG. 11 ).

[0136] The above embodiments briefly introduce the styles and functions of the primary floating window and the secondary floating window provided in the embodiments of the present application. The application scenarios of the primary floating window and / or the secondary floating window are explained below in conjunction with Figures 12-15.

[0137] In an embodiment of the present application, an electronic device can use a first-level floating window to transfer data between multiple applications, and the data may include pictures. Taking the example of transferring pictures from a gallery application to a social application, Figure 12 shows a schematic diagram of the interface of the first-level floating window of an application provided in an embodiment of the present application, as shown in Figure 12:

[0138] The electronic device may run a social application and a gallery application, wherein the electronic device displays a full-screen window of the gallery application and a floating window of the social application. After receiving a hover operation of the stylus on the "Share" album, the electronic device may display an interface as shown in a of Figure 12.

[0139] The interface shown in a of FIG. 12 may include a full-screen window 1201 of a gallery application, a floating window 1202 of a social application, and a first-level floating window 1203 .

[0140] The floating window 1202 of the social application can be a floating window invoked based on, for example, the sidebar 401 in the embodiment shown in FIG4 , or can be a floating window set up in other ways. The first-level floating window 1203 includes one or more pictures from the "Share" album. For example, the first-level floating window 1203 includes picture 1204. It is understood that the floating window 1202 and the first-level floating window 1203 of the social application can be displayed on top of the full-screen window 1201 of the gallery application. The full-screen window 1201 of the gallery application can be, for example, the interface shown in FIG7 a.

[0141] When the electronic device receives a drag operation on the image 1204 in the primary floating window 1203, the electronic device may display the interface shown in b of Figure 12. When the user presses and moves the image 1204, the image 1204 may be highlighted at the position before the image 1204 moves (the dotted image in the interface shown in b of Figure 12), and the image 1205 may be displayed following the movement of the finger. The content of the image 1205 is the same as that of the image 1204.

[0142] Among them, the highlighted image 1204 can be used to indicate that the current image 1204 is being operated. The highlighted image 1204 can be a color different from the color of other images, a border included in the image 1204, a mask added to the upper layer of the image 1204, and / or the transparency of the image 1204 is different from the transparency of other images, etc.

[0143] When the drag operation continues to act on the picture 1205, the electronic device can receive the user's drag operation of dragging the picture 1205 from the first-level floating window 1203 to the floating window 1202 of the social application (the finger has not left the touch screen at this time); wherein, the picture 1205 is located in the floating window 1202 of the social application.

[0144] After the finger leaves the touch screen (the drag operation ends), the electronic device can share the picture to the social application. For example, the electronic device displays the interface shown in c of Figure 12, in which the highlight of picture 1204 is deselected in the first-level floating window 1203, and picture 1206 is displayed in the floating window 1202 of the social application. The content of picture 1206 is the same as that of picture 1204. Picture 1206 can be understood as a copy of picture 1204 and shared to the social application.

[0145] Afterwards, the stylus can be moved away from the screen and near other albums, and hovering operations can be performed to open other albums. Repeat the above process to share the contents of other albums.

[0146] It should be noted that, in the embodiment shown in FIG12 , the hovering operation of the stylus and the display of the first-level floating window are synchronized; the interface shown in FIG12 a to the interface shown in FIG12 c all include a first-level floating window 1203, and during this process, the stylus always maintains the hovering operation.

[0147] In this way, the first-level floating window allows users to quickly browse images in multiple albums, find the target image, and share the target image. Users no longer need to search for the target image as in the embodiment shown in Figure 6, nor do they need to open a specific album to share the target image as in the embodiment shown in Figure 5. This reduces the image distribution path, simplifies user operations, and improves the user experience.

[0148] In an embodiment of the present application, the electronic device may also use a secondary floating window to transfer data between multiple applications. Taking the example of transferring pictures from a gallery application to a social application, FIG13 shows a schematic diagram of the interface of the secondary floating window of an application provided in an embodiment of the present application, as shown in FIG13:

[0149] The electronic device may run a social application and a gallery application, wherein the electronic device displays a full-screen window of the gallery application and a floating window of the social application. After the electronic device receives a click operation on the switch button in the primary floating window, it may display the interface shown in a of Figure 13.

[0150] The interface shown in a of Figure 13 may include a full-screen window 1301 of a gallery application, a floating window 1302 of a social application, and a secondary floating window 1303. Among them, the secondary floating window 1303 includes one or more pictures in the "Share" album, for example, the secondary floating window 1303 includes picture 1304.

[0151] When the electronic device receives a drag operation on the image 1304 in the secondary floating window 1303, the electronic device may display the interface shown in b of Figure 13. When the user presses on the image 1304 and causes a displacement, the image 1304 may be highlighted at the position before the movement (the dotted image in the interface shown in b of Figure 13), and the image 1305 may be displayed following the movement of the finger. The content of the image 1305 is the same as that of the image 1304.

[0152] When the drag operation continues to act on the picture 1305, the electronic device may receive the user's drag operation of dragging the picture 1305 from the secondary floating window 1303 to the floating window 1302 of the social application (the finger has not left the touch screen at this time); wherein, the picture 1305 is located in the floating window 1302 of the social application.

[0153] After the finger leaves the touch screen (the drag operation ends), the electronic device can share the picture to the social application. For example, the electronic device displays the interface shown in Figure 13c, in which the highlight of picture 1304 is deselected in the secondary floating window 1303 and picture 1306 is displayed in the floating window 1302 of the social application. The content of picture 1306 is the same as that of picture 1304. Picture 1306 can be understood as a copy of picture 1304 and shared to the social application.

[0154] It should be noted that in the embodiment of the present application, the electronic device may first launch the floating window 1302 of the social application, and then call out the secondary floating window 1303 through the primary floating window. The electronic device may also first call out the secondary floating window 1303 through the primary floating window, and then launch the floating window 1302 of the social application. The embodiment of the present application does not limit this. In addition, in the embodiment shown in Figure 13, when the stylus is not kept in the hovering operation, the electronic device can still display the secondary floating window, which can further reduce the user operation during the image transmission process between multiple applications.

[0155] In the embodiments of the present application, users can use a combination of primary and secondary floating windows. For example, the primary floating window can support a transient preview display, allowing users to hover over multiple albums with a stylus to quickly view images in each album. After finding the album containing the target image, the user can switch from the primary floating window to the secondary floating window using a toggle button. The user can then drag the target image from the secondary floating window to the floating window of a social application to share it.

[0156] In this way, the secondary floating window allows users to quickly browse images in multiple albums, find the target image, and share the target image. Users no longer need to search for the target image as in the embodiment shown in Figure 6, nor do they need to open a specific album to share the target image as in the embodiment shown in Figure 5. This reduces the image distribution path, simplifies user operations, and improves the user experience.

[0157] In the embodiment of the present application, the electronic device can also display a primary floating window and a secondary floating window at the same time, wherein the number of the secondary floating windows can be one or more. Figure 14 shows a schematic diagram of the interface of displaying a primary floating window and a secondary floating window at the same time in the embodiment of the present application, as shown in Figure 14:

[0158] The electronic device can switch the primary floating window to the secondary floating window using a toggle button. This process can be described in the embodiment shown in Figure 10. The electronic device can display the interface shown in Figure 14a. The interface shown in Figure 14a may include a secondary floating window 1401, which can be used to preview pictures in the "Share" album.

[0159] When the electronic device receives a hover operation of the stylus on the "People" album, the electronic device may enter the interface shown in b of Figure 14. This interface includes a secondary floating window 1401 and a primary floating window 1402, wherein the primary floating window 1402 can be used to preview the pictures in the "People" album.

[0160] In an embodiment of the present application, the initial position of the secondary floating window may be related to the position of the primary floating window. For example, in the interface shown in b in Figure 10, the position of the primary floating window 1001 is roughly the same as the position of the secondary floating window 1003 in the interface shown in c in Figure 10, both of which are on the right side of the touch screen.

[0161] In some scenarios, the position of the secondary floating window may affect the preview of other albums. In this case, the position of the secondary floating window can be adjusted based on the operations in the interface shown in a in Figure 11 and the interface shown in b in Figure 11. For example, in the embodiment shown in Figure 14, the initial position of the secondary floating window 1401 may correspond to the interface shown in a in Figure 11; the initial position of the secondary floating window 1401 blocks the "People" album. When the user wants to preview the "People" album, the secondary floating window 1401 can be moved through the top bar in the secondary floating window 1401 to reduce the obstruction of the album to be previewed. For example, in the interface shown in a in Figure 14, the secondary floating window 1401 is in the left area of ​​the touch screen and does not block the album to be previewed (such as the "People" album).

[0162] In some embodiments, the secondary floating window and the primary floating window may not overlap. For example, when a secondary floating window or other floating windows are displayed in an interface, and the electronic device receives a hover operation on the "People" album, in response to this operation, the electronic device may display the primary floating window of the "People" album in an area other than the secondary floating window. For example, in the interface shown in b of Figure 14, the primary floating window 1402 and the secondary floating window 1401 do not overlap.

[0163] In other embodiments, the secondary floating window and the primary floating window may also overlap, and the primary floating window is located above the secondary floating window, and the user may subsequently adjust the position of the secondary floating window.

[0164] In this way, when other floating windows are displayed on the electronic device, the first-level floating window can be displayed first to achieve a transient preview of multiple albums.

[0165] Based on the embodiment shown in FIG14 , the electronic device may use a primary floating window and / or a secondary floating window to implement the process of transferring pictures in different albums of the same application, as shown in FIG15 :

[0166] The electronic device may run a gallery application, wherein the electronic device displays a full-screen window of the gallery application and a secondary floating window displaying the "Share" album. After receiving a hover operation of the stylus on the "People" album, the electronic device may display the interface shown in a of Figure 15.

[0167] The interface shown in a of Figure 15 may include a full-screen window 1501 of the gallery application, a secondary floating window 1502, and a primary floating window 1503. The secondary floating window 1502 and the primary floating window 1503 are preview floating windows for different albums, respectively. Specifically, the secondary floating window 1502 includes one or more pictures from the "Share" album; the primary floating window 1503 includes one or more pictures from the "People" album.

[0168] When the electronic device receives a drag operation on the image 1504 in the primary floating window 1503, the electronic device may display the interface shown in a of Figure 15. When the user presses the image 1504 and causes displacement, the image 1504 may be highlighted at the position before the movement (the dotted image in the interface shown in a of Figure 15), and the image 1505 (the solid image in the interface shown in a of Figure 15) may be displayed following the movement of the finger. The content of the image 1505 is the same as that of the image 1504.

[0169] When the drag operation continues to act on picture 1505, the electronic device can receive the user's drag operation of dragging picture 1505 from the first-level floating window 1503 to the second-level floating window 1502 (the finger has not left the touch screen at this time); wherein, picture 1505 is located in the second-level floating window 1502.

[0170] After the finger leaves the touch screen (the drag operation ends), the electronic device can copy the picture in the "People" album to the "Share" album. For example, the electronic device displays the interface shown in b of Figure 15, in which the highlight of picture 1504 is deselected in the first-level floating window 1503, and picture 1506 is displayed in the second-level floating window 1502. The content in picture 1506 is the same as that in picture 1504. Picture 1506 can be understood as the picture after picture 1504 is copied to the "Share" album.

[0171] After closing the primary floating window 1503 and the secondary floating window 1502, the electronic device may display the gallery application interface, such as the interface shown in FIG15 c. The number of pictures in the "People" album is 64, and the number of pictures in the "Share" album is 11. The number of pictures can be shown in the dotted box in the interface shown in FIG15 c. Compared with the interface shown in FIG7 a, it can be found that in the interface shown in FIG15 c, the number of pictures in the "People" album remains unchanged, while the number of pictures in the "Share" album increases, indicating that the pictures in the "People" album have been copied to the "Share" album.

[0172] It should be noted that the embodiment of the present application uses one primary floating window and one secondary floating window as an example to illustrate the technical solution of the embodiment of the present application. In actual applications, electronic devices can also activate multiple secondary floating windows to achieve information interaction between multiple albums, and the embodiment of the present application does not limit this.

[0173] In this way, electronic devices can use primary floating windows and / or secondary floating windows to realize the image transfer process between multiple albums of the same application; users can conveniently organize albums based on the above process without having to repeatedly enter and / or exit multiple albums, simplifying user operations and improving user experience.

[0174] The above embodiment introduces the first-level floating window and the second-level floating window by taking the first-level floating window and the second-level floating window as an example for previewing pictures in the album. In the embodiment of the present application, the first-level floating window and the second-level floating window can also be used to preview files in a folder.

[0175] The following first introduces the primary floating window and the secondary floating window in the embodiment of the present application with reference to FIG16 .

[0176] The electronic device may display a file management application. For example, the file management application interface may be as shown in FIG16 a. In the interface shown in FIG16 a, the electronic device may display folders and various files, for example, including folder A 1601, folder B, compressed package A, and file A.

[0177] When the electronic device receives a hover operation of the stylus pen over folder A 1601, the electronic device may display the interface shown in b of Figure 16. In the interface shown in b of Figure 16, the electronic device may display a primary floating window 1602, in which a switch button 1603 is displayed. The primary floating window 1602 may include multiple files in folder A. For example, the primary floating window 1602 may display five files.

[0178] While the stylus performs a hovering operation based on a user's operation, the electronic device may continue to display the interface shown in b of Figure 16. The hovering operation on folder A 1601 can be understood as follows: the stylus is located above folder A 1601 on the touch screen, the distance between the stylus and the touch screen is less than a first distance threshold, and the stylus is not in contact with the touch screen.

[0179] The stylus can be moved while hovering. Upon receiving a movement operation of the stylus in primary floating window 1602, the electronic device continues to display primary floating window 1602, as shown in the interface b of Figure 16. The stylus is moved to the position of toggle button 1603, and a click operation is performed on toggle button 1603. In response to this operation, the electronic device enters the interface shown in Figure 16 c.

[0180] In the interface shown in c of FIG16 , the electronic device may display a secondary floating window 1604. Secondary floating window 1604 includes multiple files in folder A 1601. The number of files that can be displayed in secondary floating window 1604 is greater than the number of files that can be displayed in primary floating window 1602. For example, if primary floating window 1602 can display five files, secondary floating window 1604 can display more than five files.

[0181] In an embodiment of the present application, after switching from a primary floating window to a secondary floating window, the electronic device can display the secondary floating window without requiring a hovering operation using the stylus pen to maintain the secondary floating window. For example, in the interface shown in c of FIG. 16 , the stylus pen cancels the hovering operation, and the electronic device still displays the secondary floating window 1604.

[0182] It is understood that in the embodiment of the present application, both the primary and secondary floating windows can be used to preview files in a folder. The specifications of the primary and secondary floating windows can be different. For example, the specifications of the primary floating window 1602 in the interface shown in FIG16 b are different from the specifications of the secondary floating window 1604 in the interface shown in FIG16 c. The specifications of the primary and secondary floating windows can also be the same, and the embodiment of the present application does not limit this.

[0183] In an embodiment of the present application, a primary floating window can be used to temporarily preview files in a folder. After the stylus stops hovering, the primary floating window is no longer displayed. To facilitate user previews of files in a folder, the primary floating window can enlarge the file information within the folder; for example, the icon and file name specifications of the file in the primary floating window can be larger than those of the file in the secondary floating window.

[0184] It is understood that the preview of files in a folder shown in the embodiments of the present application can be a preview of the file names and icons in the folder, so that the user can view which files are stored in the current folder; wherein the file name is used to mark the file, and the icon can be used to represent the format of the file. In the embodiments of the present application, the specific content of the file may not be displayed in the first-level floating window; in some embodiments, when a click operation is received on any file in the first-level floating window, the electronic device can open the file and display the specific content of the file.

[0185] In the embodiment of the present application, only the first-level floating window and the second-level floating window of the folder are shown by way of example. For some related functions of the first-level floating window and the second-level floating window, reference can be made to the related descriptions of the first-level floating window and the second-level floating window of the album, for example, the related descriptions in the embodiments shown in Figures 7 to 11, which will not be repeated in the embodiment of the present application.

[0186] It should be noted that in the embodiment of the present application, the electronic device can switch the first-level floating window to a second-level floating window through a switch button. After switching to the second-level floating window, the user does not need to use a stylus to perform the hovering operation, which can further simplify the user operation; in addition, the electronic device can display more pictures through the second-level floating window to facilitate the user to view all file information in the folder, thereby improving the user experience.

[0187] In an embodiment of the present application, an electronic device can use a primary floating window to transfer data between multiple applications. Taking the example of transferring files from a file management application to a social application, FIG17 shows a schematic diagram of the interface of the primary floating window of an application provided in an embodiment of the present application, as shown in FIG17:

[0188] The electronic device may run a social application and a file management application, wherein the electronic device displays a full-screen window of the file management application and a floating window of the social application. After receiving a hover operation of the stylus on folder A, the electronic device may display an interface as shown in a of FIG17 .

[0189] The interface shown in a of Figure 17 may include a full-screen window 1701 of a file management application, a floating window 1702 of a social application, and a first-level floating window 1703. The first-level floating window 1703 includes multiple files in folder A, for example, the first-level floating window 1703 includes file D 1704.

[0190] When the electronic device receives a drag operation on file D 1704 in the primary floating window 1703, the electronic device may display the interface shown in FIG17 a. Specifically, when the user performs a press operation on file D 1704 and causes displacement, file D 1704 may be highlighted at its previous position (the dotted file in the interface shown in FIG17 b), and file D 1705 may be displayed following the movement of the finger. The file name and icon of file D 1705 are the same as those of file D 1704.

[0191] While the drag operation continues to act on file D 1705, the electronic device may receive the user's drag operation of dragging file D 1705 from the first-level floating window 1703 to the floating window 1702 of the social application (the finger has not left the touch screen at this time); wherein, file D 1705 is located in the floating window 1702 of the social application.

[0192] After the finger leaves the touch screen (the drag operation ends), the electronic device can share the file to the social application. For example, the electronic device displays the interface shown in Figure 17b, in which file D 1704 is de-highlighted in the primary floating window 1703 and file D 1706 is displayed in the floating window 1702 of the social application. The file name and icon of file D 1706 are the same as those of file D 1704.

[0193] In this way, the first-level floating window can support users to quickly browse files in multiple folders, obtain target files and share target files; reduce the distribution path of pictures, simplify user operations, and improve user experience.

[0194] In an embodiment of the present application, the electronic device may also use a secondary floating window to transfer data between multiple applications. Taking the transfer of files from a file management application to a social application as an example, FIG18 shows a schematic diagram of the interface of the secondary floating window of an application provided in an embodiment of the present application, as shown in FIG18:

[0195] The electronic device may run a social application and a file management application, wherein the electronic device displays a full-screen window of the file management application and a floating window of the social application. After receiving a click operation on the switch button in the secondary floating window, the electronic device may display the interface shown in a of Figure 18.

[0196] The interface shown in a of FIG. 18 may include a full-screen window 1801 of a file management application, a floating window 1802 of a social application, and a secondary floating window 1803 .

[0197] The secondary floating window 1803 includes multiple files in the folder A. For example, the secondary floating window 1803 includes file D 1804 .

[0198] When the electronic device receives a drag operation on file D 1804 in the secondary floating window 1803, the electronic device may display the interface shown in Figure 18a. Specifically, when the user presses down on file D 1804 and causes a displacement, file D 1804 may be highlighted at its previous position (the dotted file in the interface shown in Figure 18b), and file D 1805 may be displayed following the movement of the finger. The file name and icon of file D 1805 are the same as those of file D 1804.

[0199] While the drag operation continues on file D 1805, the electronic device may receive the user's drag operation of dragging file D 1805 from the secondary floating window 1803 to the floating window 1802 of the social application (the finger has not left the touch screen at this time); wherein, file D 1805 is located in the floating window 1802 of the social application.

[0200] After the finger leaves the touch screen (the drag operation ends), the electronic device can share the file to the social application. For example, the electronic device displays the interface shown in Figure 18b, in which file D 1804 is de-highlighted in the secondary floating window 1803 and file D 1806 is displayed in the floating window 1802 of the social application. File D 1806 can be understood as a copy of file D 1804 and shared to the social application.

[0201] In this way, the secondary floating window can support users to quickly browse files in multiple folders, obtain target files and share target files, reduce the distribution path of pictures, simplify user operations and improve user experience.

[0202] It should be noted that in the embodiment of the present application, the electronic device can also use the first-level floating window and the second-level floating window to implement the file transfer process under different folders in the file management application. This process can refer to the relevant description in the embodiment shown in Figure 15 and will not be repeated here. In addition, the application used for image transmission in the embodiment of the present application can be a gallery application and a social application, or other applications; the application used for file transmission in the embodiment of the present application can be a file management application and a social application, or other applications. The embodiment of the present application does not limit this.

[0203] In the above embodiment, only one application is a floating window and the other application is a full-screen window. In actual application, the interaction between multiple applications can also be carried out in the form of split-screen windows. The information interaction between split-screen windows can be shown in Figure 19:

[0204] For example, an electronic device can display a file management application interface and a social application interface in a split-screen format. As shown in FIG. 19(a), the interface includes a split-screen window 1901 for a file management application and a split-screen window 1902 for a social application. The file management split-screen window 1901 displays multiple folders and files. For example, the file management split-screen window 1901 includes folder A 1903.

[0205] When the electronic device receives a hovering operation of the stylus on folder A 1903, the electronic device may display a first-level floating window 1903, as shown in interface b in FIG19 ; the first-level floating window 1903 includes multiple files in folder A 1903, for example, the first-level floating window 1903 includes file D 1904.

[0206] When the electronic device receives a drag operation on file D 1904 in the primary floating window 1903, the electronic device may display the interface shown in FIG19 b. When the user presses and moves file D 1904, file D 1904 may be highlighted (the dotted image in the interface shown in FIG19 b), and file D 1905 may be displayed following the movement of the finger. The file name and icon of file D 1905 are the same as those of file D 1904.

[0207] While the drag operation continues to act on file D 1905, the electronic device can receive the user's drag operation of dragging file D 1905 from the first-level floating window 1903 to the split-screen window 1902 of the social application (the finger has not left the touch screen at this time); wherein, file D 1905 is located in the split-screen window 1902 of the social application.

[0208] After the finger leaves the touch screen (the drag operation ends), the electronic device can share the file to the social application. For example, the electronic device displays the interface shown in Figure 19c, in which file D 1904 is de-highlighted in the primary floating window 1903 and file D 1906 is displayed in the split-screen window 1902 of the social application. The file name and icon in file D 1906 are the same as those in file D 1904.

[0209] The embodiment of the present application describes the process of file transfer based on the first-level floating window in the split-screen window. It can be understood that in the embodiment of the present application, the electronic device also supports the use of the second-level floating window to transfer files and / or pictures in the split-screen window. The process can be referred to the relevant description in the embodiments shown in Figures 12-18, and will not be repeated here.

[0210] Optionally, in the embodiment of the present application, the first-level floating window and the second-level floating window can also be used in other scenarios. Taking the first-level floating window as an example, other applicable scenarios of the first-level floating window and the second-level floating window in the embodiment of the present application are explained in combination with Figures 20 and 23.

[0211] In some embodiments, the primary floating window and the secondary floating window can also be used to preview multiple images in graphic applications, as shown in FIG20 :

[0212] An electronic device can display a graphic application interface, such as the interface shown in FIG20 a; the interface shown in FIG20 a includes multiple graphic links, each of which corresponds to an image and text, for example, graphic link 2001. In a graphic application, when the electronic device receives a click operation on any graphic link, the electronic device can jump to a corresponding webpage interface, which can include multiple images and related text. The webpage interface can display a single image, and the user can view other images on the webpage by swiping left or right or up or down.

[0213] For example, after receiving a click operation on the image and text link 2001, the electronic device may display the interface shown in b in Figure 20. The interface shown in b in Figure 20 may be the web page interface corresponding to the image and text link 2001; in this interface, the electronic device displays a picture 2002, and the user can view the next picture by swiping the picture 2002 to the left.

[0214] In an embodiment of the present application, an electronic device can implement the function of quickly viewing images in a graphic link through a first-level floating window. For example, in the interface shown in a of Figure 20, when the electronic device receives a stylus hover operation on a graphic link 2001, the electronic device can display the interface shown in c of Figure 20. In the interface shown in c of Figure 20, the electronic device can display a first-level floating window 2003; the first-level floating window 2003 includes multiple images corresponding to the graphic link 2001.

[0215] It should be noted that in the embodiments of the present application, the graphic and text application takes the Xiaohongshu application as an example, and the graphic and text application can also be a reading application, a shopping application, a browser application, etc.

[0216] In an embodiment of the present application, the first-level floating window 2003 can be used to preview the image in the image and text link, which can omit the user from clicking on the web page interface of the image and text link and sliding to view the image, thereby simplifying the user operation and achieving the effect of quickly viewing the image.

[0217] In some other embodiments, the primary floating window and the secondary floating window may also be used to preview the video in the video application in segments, as shown in FIG21 :

[0218] The electronic device may display a video application interface, such as the interface shown in FIG21 a, wherein the interface shown in FIG21 a includes multiple videos, for example, video 2101. In the video application, when the electronic device receives a click operation on any video, the electronic device may play the video.

[0219] In an embodiment of the present application, an electronic device can implement the function of quickly viewing a video in segments through a first-level floating window. For example, in the interface shown in FIG21 a, when the electronic device receives a stylus hover operation on video 2101, the electronic device may display the interface shown in FIG21 b. In the interface shown in FIG21 b, the electronic device may display a first-level floating window 2102; the first-level floating window 2102 includes multiple frames of images from the video, such as image 2103.

[0220] It can be understood that in the embodiment of the present application, the pictures in the first-level floating window 2102 can be understood as: multiple pictures in the video 2101 obtained by performing frame extraction processing on the video 2101.

[0221] In the interface shown in b of Figure 21, when the electronic device receives a click operation on image 2103 in the first-level floating window 2102, the electronic device may display the interface shown in c of Figure 21. In the interface shown in c of Figure 21, the electronic device may play video 2101, and the time of the playback progress bar corresponds to image 2103. For example, image 2103 is a picture at 2 minutes and 30 seconds in video 2101, and the time of the playback progress bar is 2 minutes and 30 seconds.

[0222] In an embodiment of the present application, the first-level floating window 2102 can be used to preview the video in segments, which can save the user the operation of sliding the progress bar to view each segment of the video after clicking on the video, thereby simplifying the user operation and achieving the effect of quickly viewing the video.

[0223] In some other embodiments, the electronic device can distribute the pictures or files in the primary floating window and / or the secondary floating window based on the toolbar. As shown in Figure 22:

[0224] For example, after the electronic device displays the gallery application interface, it may receive a hover operation with a stylus on an album. In response to this operation, the electronic device displays an interface as shown in FIG. 22 a, which includes a first-level floating window 2201, in which multiple images are displayed, for example, the first-level floating window 2201 includes image 2202.

[0225] When the electronic device receives a long press operation on the image 2202, the electronic device may enter the interface shown in b in Figure 22. In the interface shown in b in Figure 22, a pop-up window 2203 may be displayed, as well as a grayed-out gallery application interface (the grayed-out gallery application interface may be a dot-filled interface in the interface shown in b in Figure 22); wherein, the pop-up window 2203 may be located on the upper layer of the first-level floating window 2201; the pop-up window 2203 is used to indicate the operations that can be performed on the image, for example, the pop-up window 2203 includes a save image button, a share image button, a set wallpaper button, and a cancel button; the above buttons are respectively used to save the image 2202, share the image 2202, set the image 2202 as wallpaper, and cancel the operation on the image 2202.

[0226] Among them, the long press operation can be understood as performing a press operation on the image 2202, and the press time exceeds the second time threshold. While the electronic device continues to display the interface shown in b in Figure 22, the user continues to long press the image 2202 (during this process, the user's finger does not leave the touch screen and no displacement occurs). At this time, in response to the user's continued long press operation on the image 2202, the electronic device may enter the interface shown in c in Figure 22.

[0227] In the interface shown in c of Figure 22, picture 2203 may be in the upper layer of the grayed-out gallery application interface; the content of picture 2203 may be the same as picture 2202, and picture 2202 may be in the lower layer of picture 2203. At this time, picture 2203 may move along with the movement of the finger.

[0228] For example, after dragging image 2203 with a finger to move it, the electronic device may display the interface shown in Figure 23a. Image 2203 moves from image 2202 to the current location. As the finger drag operation continues on image 2203, image 2203 may be moved closer to the edge area of ​​the touch screen, such as the right edge. When the distance between image 2203 and the right edge of the touch screen is less than a second distance threshold, the electronic device may display the interface shown in Figure 23b.

[0229] In the interface shown in b of FIG23 , the electronic device displays a toolbar 2301 (the area indicated by the dotted box in the figure). The toolbar 2301 is used to store elements, such as files, pictures, and text. The toolbar 2301 can display an icon 2302 for all favorites and / or favorites of other categories.

[0230] When the electronic device receives the user's operation of dragging picture 2203 to toolbar 2301 and releasing the hand, the electronic device can collect picture 2203 into the toolbar, and the electronic device displays the interface shown in c in Figure 23. The interface shown in c in Figure 23 may include a collection completion mark 2303.

[0231] Later, when the electronic device runs a social application, for example, it can call out the toolbar and drag the image from the toolbar to the social application, allowing the social application to obtain the image. In this way, the electronic device can share the image to the toolbar through a first-level floating window, and the toolbar can distribute the image to other applications, realizing cross-application image transmission.

[0232] In the embodiment of the present application, the first-level floating window is used as an example to illustrate other applicable scenarios of the first-level floating window. In addition, the embodiment of the present application can also use the second-level floating window to achieve the functions of the above embodiment. The corresponding process can refer to the relevant description of the embodiment shown in Figures 20 to 23, and the embodiment of the present application will not be repeated here.

[0233] Based on the above embodiments, the present invention provides a touch control method. For example, FIG24 is a flow chart of a touch control method provided by the present invention.

[0234] As shown in FIG24 , the touch control method can be applied to an electronic device, and the method may include the following steps:

[0235] S2401: Display a first interface, where the first interface includes a first window and a second window, and one or more icons are displayed in the first window.

[0236] For example, the interfaces described in the embodiments of this application can be understood as user interfaces (UIs), which refer to the layout design of software human-computer interaction, operational logic, and aesthetics. The first interface can be an interface displaying multiple windows; the electronic device can copy or move elements from one window to another. Icons can be collections that can store images, files, and / or video clips, for example, including albums, folders, videos, and graphic links.

[0237] Specifically, in the picture transmission scenario, the first window may be a window of a gallery application, the second window may be a window of a social application, and the first interface may be a window that displays both a gallery application and a social application. For example, the first window of the first interface may be a full-screen window in the interface shown in c in Figure 11, and the second window may be a floating window 1202 of a social application in the interface shown in a in Figure 12 (the first interface in the picture transmission scenario is not shown in the embodiment of the present application). The window of the gallery application may be a full-screen window, and the window of the social application may be a floating window; or, both the window of the gallery application and the window of the social application may be split-screen windows. The electronic device may, based on the method in the embodiment shown in Figure 4, pull up the window of the social application in the window of the gallery application; the electronic device may also display the window of the gallery application and the window of the social application in a split-screen manner.

[0238] In a file transfer scenario, the first window may be a window of a file management application, the second window may be a window of a social application, and the first interface may be a window that displays both the file management application and the social application. For example, the first window of the first interface may be a full-screen window such as in the interface shown in a of FIG16 , and the second window may be a floating window 1702 of a social application such as in the interface shown in a of FIG17 (the first interface in the file transfer scenario is not shown in this embodiment of the application).

[0239] The first window and the second window may also be different windows of the same application. For example, the first interface may be the interface shown in a in FIG. 14 , the first window may be a full-screen window of a gallery application, and the second window may be a secondary floating window 1401 .

[0240] The first interface may also include other application windows, which are not listed in detail in the embodiments of this application. It is understood that the first window is not the underlying window of the application. For example, the first window of a gallery application displays an album but does not display the specific pictures in the album; the first window of a file management application displays a folder but does not display the specific files in the folder.

[0241] S2402. In response to a hovering operation of the stylus pen over a first icon among one or more icons, a second interface is displayed; the second interface includes a first window, a second window, and a third window, the third window is suspended above the first window, and one or more elements are displayed in the third window.

[0242] It is understood that changes to the layout design of an interface will result in a new interface. For example, a first interface may include a first window and a second window, and a new third window may appear within the second interface. The layout of the first interface is different from that of the second interface, and thus different interface names may be used to distinguish them.

[0243] The hover operation may be an operation for triggering a first-level floating window in an embodiment of the present application. The hover operation may be, for example, a stylus being located at an icon and being at a distance from the touch screen less than a first distance threshold. The third window may be a first-level floating window as described in an embodiment of the present application, and the second interface may include a first window, a second window, and a first-level floating window. Icons and elements have a corresponding relationship, for example, an icon is an album and an element is a picture; an icon is a folder and an element is a file; an icon is a graphic link and an element is a picture; an icon is a video and an element is a video segment, etc.

[0244] Specifically, in the picture transmission scenario, the first icon can be used to indicate any album in the album; for example, the first icon is the "Share" album; the second interface can be, for example, the interface shown in a in Figure 12, the first window can be, for example, the full-screen window 1201 of the gallery application, the second window can be, for example, the floating window 1202 of the social application, and the third window can be, for example, the first-level floating window 1203, the first-level floating window 1203 is located on the upper layer of the full-screen window 1201 of the gallery application, and the first-level floating window 1203 includes one or more pictures in the "Share" album.

[0245] In a file transfer scenario, the first icon can be used to indicate any folder in the file; for example, the first icon is folder A; the second interface can be, for example, the interface shown in a in Figure 17, the first window can be, for example, the full-screen window 1701 of the file management application, the second window can be, for example, the floating window 1702 of the social application, and the third window can be, for example, the first-level floating window 1703, the first-level floating window 1703 is located on the upper layer of the full-screen window 1701 of the file management application, and the first-level floating window 1703 includes one or more files in folder A.

[0246] The first window and the second window may also be different windows of the same application, as shown in the embodiment of FIG15 . This will be described in detail in the embodiments of the present application later and will not be elaborated here.

[0247] S2403: In response to a first operation on the first icon, the first window in the first interface is replaced with a fourth window, and the elements displayed in the fourth window include one or more elements in the third window.

[0248] The first operation may be a click operation. It is understandable that, in an embodiment of the present application, the response method for the hover operation of the first icon is different from the response method for the click operation of the first icon. For example, under the hover operation, the electronic device may display a first-level floating window; and under the click operation, the electronic device may display one or more elements corresponding to the first icon. For example, in the interface shown in b in Figure 6, the first icon may be, for example, the "People" album 602, and the fourth window may be, for example, the full-screen window in the interface shown in c in Figure 6, and the fourth window includes the picture displayed in the first-level floating window 1204.

[0249] It should be noted that step S2403 can be used to compare with S2402 to highlight the characteristics of the first-level floating window after the hovering operation; in actual application scenarios, after step S2402, the electronic device can execute step S2404 and not execute step S2403, and the embodiment of the present application does not limit this.

[0250] S2404. While the hovering operation continues, the third window continues to be displayed on the second interface. When an operation of dragging the first element from the third window to the second window is received, the first element is displayed in the second window in response to the operation of dragging the first element from the third window to the second window; wherein the first element is any one of the one or more elements in the third window.

[0251] In the embodiment of the present application, while the hovering operation continues, the electronic device may continue to display the first-level floating window; when the hovering operation ends, the electronic device cancels the display of the first-level floating window.

[0252] During the image transfer process, the first element can be, for example, image 1204 in the interface shown in FIG12a. Dragging the first element from the third window to the second window can be, for example, dragging image 1204 from primary floating window 1203 to floating window 1202 of a social application in the interface shown in FIG12b. Displaying the first element in the second window can be, for example, in the interface shown in FIG12c, where floating window 1202 of a social application displays image 1206, and the content of image 1206 is the same as that of image 1204.

[0253] During the file transfer process, the first element may be, for example, file D 1704 in the interface shown in FIG17a. Dragging the first element from the third window to the second window may be, for example, dragging file D 1704 from primary floating window 1703 to floating window 1702 of a social application in the interface shown in FIG17a. Displaying the first element in the second window may be, for example, the interface shown in FIG17b, where floating window 1202 of a social application displays file D 1706, and the content of file D 1704 is identical to the content of file D 1706.

[0254] In this way, the first-level floating window allows users to quickly browse images and / or files in multiple albums and / or folders, obtain and share target images and / or files. Users no longer need to open specific albums and / or folders before sharing the target images and / or files, which reduces the distribution path of images and / or files, simplifies user operations, and improves the user experience.

[0255] In one possible implementation, a first button is also displayed in the third window. After continuing to display the third window on the second interface, the method further includes: receiving a trigger operation for the first button; switching the third window to a fifth window in response to the trigger operation for the first button; the number of elements displayed in the fifth window is greater than or equal to the number of elements displayed in the third window; wherein, when the hovering operation ends, the third window on the second interface disappears, and when the hovering operation ends, the electronic device continues to display the fifth window.

[0256] The first button may be the toggle button described in the embodiment of the present application, and the fifth window may be, for example, the secondary floating window described in the embodiment of the present application.

[0257] The toggle button may be, for example, toggle button 1002 in the first-level floating window 1001 in the interface shown in FIG10(a). Upon receiving a trigger operation for toggle button 1002, the first-level floating window 1001 in the interface shown in FIG10(b) is switched to the second-level floating window 1003 in the interface shown in FIG10(c). The number of images displayed in the second-level floating window 1003 is greater than or equal to the number of images displayed in the first-level floating window 1001. For example, there may be 10 images in the second-level floating window 1003 and 6 images in the first-level floating window 1001. If there are fewer images in the album, the number of images in the second-level floating window may be the same as that in the first-level floating window.

[0258] It is understandable that both the primary and secondary floating windows can be used to preview the elements under the icon. However, the primary and secondary floating windows are different. For example, the display process of the primary floating window depends on the hover operation. When the hover operation ends, the primary floating window disappears, as shown in the interface c in Figure 7 or the interface c in Figure 8. The display process of the secondary floating window does not depend on the hover operation. After the hover operation ends, the electronic device can continue to display the secondary floating window.

[0259] In this way, the electronic device can switch the first-level floating window to the second-level floating window through a switch button. After switching to the second-level floating window, the user can perform the hovering operation without using a stylus, further simplifying the user operation; in addition, the electronic device can display more pictures and / or files through the second-level floating window to facilitate the user to view all pictures and / or files in the album and / or folder, thereby improving the user experience.

[0260] In one possible implementation, the method further includes: receiving an operation of dragging the second element from the fifth window to the second window; the second element is any one of one or more elements in the fifth window; and displaying the second element in the second window in response to the operation of dragging the second element from the fifth window to the second window.

[0261] On the basis of switching the primary floating window to the secondary floating window, the electronic device can also implement element transmission between applications based on the secondary floating window, as shown in the embodiment shown in FIG13 or the embodiment shown in FIG18 .

[0262] Specifically, during the image transfer process, the second window may be, for example, floating window 1302 of the social application in the interface shown in FIG. 13a , the fifth window may be, for example, secondary floating window 1303, and the second element may be, for example, image 1304 in secondary floating window 1303. Dragging the second element from the fifth window to the second window may be, for example, similar to dragging image 1304 from secondary floating window 1303 to floating window 1302 of the social application in the interface shown in FIG. 13b . Displaying the second element in the second window can be understood as follows: in the interface shown in FIG. 13c , floating window 1302 of the social application includes image 1306, and the content of image 1306 is the same as that of image 1304.

[0263] In this way, the secondary floating window allows users to quickly browse images and / or files across multiple albums and / or folders, retrieve target images and / or files, and share them. Users no longer need to open specific albums and / or folders before sharing the target images and / or files, which reduces the number of image and / or file distribution paths, simplifies user operations, and improves the user experience.

[0264] In one possible implementation, after switching the third window to the fifth window, it also includes: displaying a third interface in response to a hovering operation of the stylus at a second icon among one or more icons; the third interface includes a first window, a fifth window and a sixth window, and one or more elements are displayed in the sixth window; the second icon is different from the first icon; when responding to a second operation on the second icon, the first window in the third interface is replaced with a seventh window, and the elements displayed in the seventh window include one or more elements in the sixth window; while the hovering operation continues, the sixth window continues to be displayed in the third interface, and when an operation of dragging the third element from the sixth window to the fifth window is received, the third element is displayed in the fifth window in response to the operation of dragging the third element from the sixth window to the fifth window; wherein the third element is any one of the one or more elements in the fifth window.

[0265] The electronic device can also implement element transmission between the same application based on the primary floating window and / or the secondary floating window, as shown in the embodiments of Figure 14 and / or Figure 15.

[0266] Specifically, after switching the first-level floating window to the second-level floating window, the electronic device displays the interface shown in a in Figure 14. The picture in the second-level floating window 1401 can be a picture under the "Share" album (first icon), and the second icon can be the "People" album. The first icon and the second icon are different.

[0267] The third interface may be, for example, the interface shown in b in Figure 14, the first window may be, for example, a full-screen window of a gallery application, the fifth window may be, for example, a secondary floating window 1401, and the sixth window may be, for example, a primary floating window 1402, which includes pictures under the "People" album.

[0268] The third element is exemplified by picture 1504 in the interface shown in a of FIG15 . Dragging the third element from the sixth window to the fifth window can be, for example, similar to dragging picture 1504 from the primary floating window 1503 to the secondary floating window 1502 in the interface shown in a of FIG15 . Displaying the third element in the fifth window can be understood as displaying picture 1506 in the secondary floating window 1502 in the interface shown in b of FIG15 , with the content of picture 1506 being the same as that of picture 1504.

[0269] The second operation may be a click operation. It is understood that, in the embodiment of the present application, the response method for the hover operation on the second icon is different from the response method for the click operation on the second icon; please refer to the relevant description in step S2403, which will not be repeated here.

[0270] It should be noted that the embodiment of the present application introduces the element transmission between the same application using image transmission as an example. In the embodiment of the present application, the first-level floating window and / or the second-level floating window can also be used to realize file transfer between the same application. The embodiment of the present application does not limit this.

[0271] In this way, the electronic device can use the first-level floating window and / or the second-level floating window to realize the picture and / or file transfer process between multiple albums and / or folders of the same application; the user can conveniently organize the albums and / or folders based on the above process, without having to repeatedly enter and / or exit between multiple albums and / or folders, thereby simplifying user operations and improving the user experience.

[0272] In one possible implementation, the hovering operation of the stylus at the first icon among one or more icons includes: the stylus is located at the first icon, and the distance between the stylus and the touch screen of the electronic device is less than a distance threshold; during the process of displaying the third window, when the distance between the stylus and the touch screen is less than the distance threshold and the stylus does not touch the touch screen, the third window continues to be displayed when the stylus moves in the area where the third window is located.

[0273] The distance threshold may correspond to the first distance threshold in the embodiment of the present application. When the height distance between the stylus and the first icon is within the distance threshold, the electronic device may recognize the hovering operation and respond. The process of moving the stylus may refer to the embodiment shown in FIG8 .

[0274] It is understandable that it is difficult to keep the stylus in a fixed position during the hovering process. In the embodiment of the present application, the stylus can move within a certain range, and the movement of the stylus will not cause the first-level floating window to disappear, thereby reducing the possibility of users accidentally closing the first-level floating window. In addition, the movement of the stylus can also be used to click on the toggle button and swipe up and down to preview more elements in the first-level floating window.

[0275] In this way, the electronic device can trigger a primary floating window based on a hovering operation to achieve a transient preview of the elements in the icon.

[0276] In a possible implementation, after displaying the second interface, the method further includes: receiving a sliding operation in the third window; and displaying, in response to the sliding operation, one or more elements in the third window that move along with the sliding position of the touch object.

[0277] For this step, reference may be made to the relevant description in the embodiment shown in FIG9 .

[0278] In this way, the electronic device can display more elements by sliding up or down in the first-level floating window, so that the user can view all the pictures corresponding to the icon, thereby improving the user experience.

[0279] In one possible implementation, the touch object includes a user finger or a stylus; the sliding operation includes: a sliding operation of the user finger in the third window during the hovering operation; or a sliding operation of the stylus in the third window during the hovering operation.

[0280] Based on the embodiment shown in Figure 9, the electronic device can provide two sliding operation methods. One is to display more elements by sliding the finger up and down in the first-level floating window while displaying the first-level floating window; the other is to display more elements by sliding the stylus pen up and down in the floating window while displaying the first-level floating window.

[0281] In this way, the electronic device can display more elements by sliding up or down in the first-level floating window, so that the user can view all the pictures corresponding to the icon, thereby improving the user experience.

[0282] In one possible implementation, the touch object includes a user finger, and receiving a sliding operation in the third window includes: during the display of the third window, when the distance between the stylus pen and the touch screen is less than a distance threshold and the stylus pen does not contact the touch screen, receiving the sliding operation of the user finger in the third window.

[0283] This step may correspond to the embodiment shown in Figure 9. For example, the third window may be the first-level floating window 901 in Figure 9. The sliding operation may correspond to the interface shown in Figure 9b, where the stylus pen maintains a hovering operation and the finger performs a sliding operation.

[0284] It can be understood that in the above case, in response to the sliding operation, one or more elements are displayed in the third window and move along with the sliding position of the touch object, including: in response to the sliding operation, one or more elements are displayed in the third window and move along with the sliding position of the user's finger.

[0285] In this way, the electronic device can display more elements by sliding up or down in the first-level floating window, so that the user can view all the pictures corresponding to the icon, thereby improving the user experience.

[0286] In a possible implementation, it also includes: when the user's finger slides in the third window, at the end of the hovering operation, continuing to display the third window; after the user's finger leaves the touch screen, if no trigger operation of the user's finger is received again within the first time period, the third window disappears.

[0287] This step may correspond to the process of dealing with the second false trigger scenario in the embodiment shown in Figure 9. Among them, when the user's finger is sliding, the stylus stops the hovering operation due to a false trigger, and the electronic device will not cancel the display of the first-level floating window. After the user has browsed all the elements in the first-level floating window by sliding up and down, the user's finger can leave the touch screen. After the user's finger leaves the touch screen, the first-level floating window will still be displayed for a period of time. For example, the first duration can be the delay duration described in the embodiment of the present application. The display of the first-level floating window will be cancelled only if no trigger operation is received within the delay duration.

[0288] In this way, in the event of an erroneous operation, the user can still browse the first-level floating window for a period of time and view all the pictures in the first-level floating window; the user does not need to re-execute the hover operation to view the pictures in the album again, which simplifies the user operation and improves the user experience.

[0289] In one possible implementation, the touch object includes a user finger, and a sliding operation is received in the third window, further including: in the process of displaying the third window, when the hover operation ends, continuing to display the third window within a first time length; receiving a sliding operation of the user's finger in the third window within the first time length; after displaying one or more elements in the third window that move with the sliding position of the touch object, further including: when the user's finger leaves the touch screen, if the trigger operation of the touch object is not received again within the first time length, the third window disappears.

[0290] This step corresponds to the process for handling the first false trigger scenario in the embodiment shown in Figure 9. If, while the first-level floating window is displayed, the stylus stops hovering due to a false trigger, the electronic device will not immediately cancel the first-level floating window, but will instead display it for a period of time. During this period, the user can swipe up and down to view more elements.

[0291] After the user has browsed all the elements in the first-level floating window by swiping up and down, the user's finger can be released from the touch screen. After the user's finger is released from the touch screen, the first-level floating window will still be displayed for a period of time. For example, the first duration can be the delay duration described in the embodiment of the present application. The first-level floating window will be canceled only if no triggering operation is received within the delay duration.

[0292] In this way, in the event of an erroneous operation, the user can still browse the first-level floating window for a period of time and view all the pictures in the first-level floating window; the user does not need to re-execute the hover operation to view the pictures in the album again, which simplifies the user operation and improves the user experience.

[0293] In one possible implementation, the hover operation ends including: the distance between the stylus and the touch screen is greater than or equal to a distance threshold, the stylus is not in the area where the third window is located, and / or a trigger operation is received in a non-functional area of ​​the first window or the second window.

[0294] In this way, after the user has finished browsing the elements in the first-level floating window of the first icon, he can quickly cancel the display of the first-level floating window by ending the hovering operation, and quickly browse the elements in the first-level floating window of the second icon; thereby, by displaying and canceling the first-level floating window, he can quickly browse pictures and / or files in multiple albums and / or folders, thereby improving the user experience.

[0295] In a possible implementation, a second button is also displayed in the fifth window; after the third window is switched to the fifth window, the method further includes: when an operation of dragging the second button by the touch object is received, displaying the fourth window moving along with the sliding position of the touch object.

[0296] The fifth window can be, for example, the secondary floating window 1101 in the interface shown in a in Figure 11, the second button can be, for example, the top bar 1102, and the operation of dragging the second button with the touch object can be, for example, dragging the secondary floating window 1101 to the left in the interface shown in a in Figure 11, and the secondary floating window 1101 moves to the left as shown in the interface b in Figure 11.

[0297] In this way, the user can adjust the position of the secondary floating window to reduce the obstruction of the secondary floating window on icons or other information in the current interface, thereby improving the user experience.

[0298] In a possible implementation, a third button is also displayed in the fifth window; after the third window is switched to the fifth window, the method further includes: upon receiving a trigger operation for the third button, continuing to display the first window and not displaying the fifth window.

[0299] The fifth window may be, for example, the secondary floating window 1101 in the interface shown in a of Figure 11, and the third button may be, for example, the cancel button 1103, the minimize button 1104, or the bottom bar 1106. The electronic device can cancel the display of the secondary floating window based on the above buttons. For example, after clicking the cancel button 1103, the electronic device closes the secondary floating window 1101 and continues to display the full-screen window of the gallery application. For another example, after clicking the minimize button 1104, the electronic device minimizes the secondary floating window 1101, the electronic device does not display the secondary floating window 1101, and continues to display the full-screen window of the gallery application. For another example, swiping up the bottom bar 1106 can exit the secondary floating window 1101, the electronic device does not display the secondary floating window 1101, and continues to display the full-screen window of the gallery application.

[0300] In this way, the electronic device can use the third button to cancel the display of the secondary floating window, so that the electronic device can display the window or other interface below the secondary floating window.

[0301] In a possible implementation, a fourth button is further displayed in the fifth window; after the third window is switched to the fifth window, the method further includes: upon receiving a trigger operation for the fourth button, replacing the first window with the fifth window.

[0302] The fifth window may be, for example, the secondary floating window 1101 in the interface shown in a of Figure 11, and the fourth button may be, for example, the maximize button 1105 or the bottom bar 1106. The electronic device may achieve the effect of magnifying the secondary floating window based on the above buttons. For example, after clicking the maximize button 1105, the electronic device may display the content of the secondary floating window in full screen, as shown in the interface a of Figure 6. For another example, after sliding down the bottom bar 1106, the electronic device may display the content of the secondary floating window in full screen, as shown in the interface a of Figure 6.

[0303] In this way, the electronic device can use the fourth button to switch the secondary floating window to a full-screen window to enlarge the display element and show more details of the element.

[0304] In one possible implementation, the first window includes a window of a gallery application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more albums, the first icon includes an icon of the first album, and the one or more elements in the third window include one or more images in the first album; the first element includes any image of the one or more images in the first album.

[0305] The touch control method provided in the embodiments of the present application can be applied to the picture transmission scenario, and reference can be made to the relevant descriptions of the embodiments shown in Figures 7 to 15. For example, the first window is the window of the gallery application, the second window is the window of the social application, the icons correspond to the albums, and the elements correspond to the pictures.

[0306] In this way, the primary and / or secondary floating windows can support users to quickly browse images in multiple albums, obtain and share target images. Users do not need to open specific albums before sharing the target images, which reduces the image distribution path, simplifies user operations, and improves the user experience.

[0307] In one possible implementation, the first window includes a window of a file management application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more folders, the first icon includes an icon of the first folder, and the one or more elements in the third window include one or more files in the first folder; the first element includes any file among the one or more files in the first folder.

[0308] The touch control method provided in the embodiments of the present application can be applied to file transfer scenarios, and reference can be made to the relevant descriptions of the embodiments shown in Figures 16 to 19. For example, the first window is a window of a file management application, the second window is a window of a social application, the icons correspond to folders, and the elements correspond to files.

[0309] In this way, the primary and / or secondary floating windows can allow users to quickly browse file names in multiple folders, obtain and share target files. Users no longer need to open specific folders before sharing the target files, which reduces the file distribution path, simplifies user operations, and improves the user experience.

[0310] In one possible implementation, it also includes: displaying a fourth interface; the fourth interface includes an eighth window, and a third icon is displayed in the eighth window; receiving a click operation on the third icon; in response to the click operation on the third icon, displaying a fifth interface; the fifth interface includes an eighth window, and a first image is displayed in the eighth window; receiving a sliding operation on the first image, and displaying a second image in the eighth window of the fifth interface, and the second image is different from the first image.

[0311] The fourth interface is displayed; in response to the stylus pen hovering operation at the third icon, the sixth interface is displayed; the sixth interface includes an eighth window and a ninth window, and the ninth window is suspended above the eighth window; the first image and the second image are displayed in the ninth window, and the second image is not included in the eighth window.

[0312] This step may correspond to the relevant description in the embodiment shown in Figure 20. The fourth interface may be, for example, the interface shown in a of Figure 20, the eighth window may be a full-screen window of a graphic application, and the third icon may be, for example, a graphic link 2001.

[0313] By comparison, it can be seen that after clicking on the graphic link 2001, the fifth interface may be the interface shown in b in Figure 20, in which the first picture corresponding to the graphic link is displayed. The electronic device may display the second picture, third picture, etc. corresponding to the graphic link based on a left swipe operation. The first picture may correspond to the first image, and the second picture may correspond to the second image.

[0314] After hovering over the image / text link 2001, the sixth interface may be, for example, interface c shown in FIG20. The ninth window may be, for example, a first-level floating window 2003. This interface includes a full-screen window of the image / text application and a first-level floating window 2003. The first-level floating window 2003 displays multiple images associated with the image / text link, for example, a first image and a second image.

[0315] It should be noted that in some scenarios, the icon of the graphic link 2001 may be a thumbnail of the first image. In the click operation scenario, the second image and subsequent images in the graphic link are not displayed in the eighth window of the fourth interface. In the hover operation, the electronic device may display the second image in the ninth window without opening the webpage corresponding to the graphic link.

[0316] In this way, the first-level floating window can support users to quickly browse pictures among multiple picture and text links, and can omit the user's operation of clicking on the web page interface of the picture and text link and sliding to view the picture, thereby simplifying the user operation and achieving the effect of quickly viewing pictures.

[0317] In a possible implementation, it also includes: displaying a seventh interface, the seventh interface includes a tenth window, and one or more videos are displayed in the tenth window; in response to the hovering operation of the stylus on the first video in the one or more videos, an eighth interface is displayed; the eighth interface includes a tenth window and an eleventh window, the eleventh window is suspended above the tenth window, and one or more video segments in the first video are displayed in the eleventh window, and any video segment corresponds to a time mark; receiving a trigger operation for the first video segment; the first video segment is any video segment in the first video; in response to the trigger operation for the first video segment, a ninth interface is displayed, and the first video is played in the ninth interface, and the playback progress of the first video corresponds to the time mark of the first video segment.

[0318] This step may correspond to the relevant description in the embodiment shown in FIG21 . The seventh interface may be, for example, the interface shown in FIG21 a, the tenth window may be a full-screen window of a video application, and the first video may be, for example, video 2101. The eighth interface may be, for example, the interface shown in FIG21 b, the eleventh window may be, for example, a first-level floating window 2102, and the first video segment may be, for example, picture 2103 and a collection of subsequent frames in the video. The ninth interface may be, for example, the interface shown in FIG21 c.

[0319] It is understandable that what is displayed in the first-level floating window 2102 can be a frame image extracted from a video, and multiple frame images can divide the video into multiple video segments. In the embodiment of the present application, what is displayed in the first-level floating window can be a picture or a video clip, and the embodiment of the present application does not limit this.

[0320] It should be noted that in the embodiment of the present application, the relationship between the video segment and the video playback progress bar is reflected by the time mark. In actual application, the time mark corresponding to the video segment may not be displayed in the first-level floating window, and the embodiment of the present application does not limit this.

[0321] In this way, the first-level floating window can be used to preview the video in segments, which can save users the operation of sliding the progress bar to view each segment of the video after clicking on the video, thereby simplifying user operations and achieving the effect of quickly viewing the video.

[0322] In one possible implementation, a fourth element is also displayed in the third window, and after displaying the second interface, it also includes: receiving a long press operation on the fourth element; in response to the long press operation on the fourth element, displaying the tenth interface; the tenth interface includes a first pop-up window, and the first pop-up window includes at least one of the following buttons: a button for saving the fourth element, a button for sharing the fourth element, a button for setting the fourth element as wallpaper and / or a cancel button; receiving an operation of dragging the fourth element to the target area; in response to the operation of dragging the fourth element to the target area, displaying a toolbar in the target area; the toolbar includes a fourth icon; the fourth icon is used to store the element; receiving an operation of continuing to drag the fourth element to the fourth icon; in response to the operation of continuing to drag the fourth element to the fourth icon, displaying information for indicating that the storage of the fourth element is complete.

[0323] This step may correspond to the relevant description in the embodiments shown in Figures 22 and 23. The third window may be, for example, the first-level floating window 2201 in the interface shown in Figure 22a, and the fourth element may be an image 2202. The tenth interface may be, for example, the interface shown in Figure 22b, and the first pop-up window may be a pop-up window 2203, which includes a Save Image button, a Share Image button, a Set Wallpaper button, and a Cancel button.

[0324] In the interface shown in a of FIG23 , a user can drag image 2202. The target area can be a hotspot for triggering the display of the toolbar, or the edge of the touch screen, such as the right edge. The fourth icon can be, for example, an all-favorites icon 2302. After dragging image 2203 to the all-favorites icon 2302, the electronic device can store image 2203 under the all-favorites icon 2302. The electronic device displays the interface shown in c of FIG23 , and the information indicating that the fourth element has been stored can be, for example, a collection completed indicator 2303.

[0325] It should be noted that in some scenarios, the electronic device may also display the pictures and / or files under the icon based on a hover operation on the icon 2302 of all collections, which will not be described in detail in the embodiments of the present application.

[0326] In this way, the electronic device can distribute the target pictures and / or files to the toolbar, and then distribute the target pictures and / or files to the target application through the toolbar, enriching the application scenarios of element distribution, providing users with multiple data transmission methods, and improving the user experience.

[0327] In one possible implementation, the first window includes a full-screen window, the second window includes a floating window, the specifications of the first window are greater than the specifications of the second window, and the specifications of the first window are less than or equal to the specifications of the touch screen; the specifications of the second window are the same as the specifications of the fifth window; and the specifications of the third window are different from the specifications of the fifth window.

[0328] The touch control method provided in the embodiment of the present application can be applied to distribute elements from one window to another window. The first window can be a full-screen window, and the second window can be a floating window, such as the embodiments shown in Figures 12-15, and Figures 17-18. The specifications of the full-screen window are slightly smaller than or equal to the specifications of the touch screen; the specifications of the floating window of the social application are the same as the specifications of the secondary floating window, and the specifications of the primary floating window are different from the specifications of the secondary floating window.

[0329] In this way, the electronic device can distribute the elements under the icon in the full-screen window to the floating window of the application that supports sending and receiving elements based on the first-level floating window and / or the second floating window, thereby realizing the copying and moving of the elements.

[0330] In a possible implementation, the first window includes a split-screen window, the second window includes a split-screen window, and specifications of the third window and the fifth window are different.

[0331] The touch control method provided in the embodiment of the present application can be applied to distribute elements from one window to another window. Wherein, the first window can be a split-screen window, and the second window can be a split-screen window, such as the embodiment shown in Figure 19.

[0332] In this way, the electronic device can distribute the elements under the icon in the split-screen window to the split-screen window of the application that supports sending and receiving elements based on the first-level floating window and / or the second floating window, thereby realizing the copying and moving of the elements.

[0333] FIG25 shows a schematic structural diagram of the electronic device 100 .

[0334] The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display 194, a subscriber identification module (SIM) card interface 195, and an embedded secure element (eSE) 196, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0335] It is understood that the structure illustrated 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 may include more or fewer components than shown, or combine or separate certain components, or arrange the components differently.

[0336] The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units can be independent devices or integrated into one or more processors. In an embodiment of the present application, the processor 110 can be used to perform steps related to information processing. For example, the processor 110 can be used to execute a process of distributing pictures and / or files between different applications or the same application.

[0337] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. Display screen 194 is used to display images, videos, and the like. In the present embodiment, display screen 194 may also be referred to as a touch screen, which can be used to display interfaces related to applications such as gallery applications, file management applications, video applications, and graphic applications.

[0338] The internal memory 121 can be used to store computer executable program code, and the executable program code includes instructions. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area can store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. In an embodiment of the present application, the processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121, and / or instructions stored in a memory provided in the processor.

[0339] The touch sensor 180K is also called a "touch device". The touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen". The touch sensor 180K is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K can also be set on the surface of the electronic device 100, which is different from the position of the display screen 194. In the embodiment of the present application, the touch sensor 180K can be used to receive touch events such as click operations and sliding operations, and report the corresponding touch events to the processor.

[0340] The touch control method of the embodiment of the present application has been described above. The following describes the device for performing the touch control method provided by the embodiment of the present application. Those skilled in the art will appreciate that the method and device can be combined and referenced with each other, and the related device provided by the embodiment of the present application can perform the steps in the touch control method.

[0341] As shown in Figure 26, a touch-control device 2600 can be used in a communication device, circuit, hardware component, or chip, and includes a display unit 2601 and a processing unit 2602. The display unit 2601 is used to support the display steps performed by the touch-control device 2600, and the processing unit 2602 is used to support the information processing steps performed by the touch-control device 2600.

[0342] In a possible implementation, the touch control device 2600 may also include a communication unit 2603. Specifically, the communication unit is used to support the touch control device 2600 in executing the steps of sending and receiving data. The communication unit 2603 may be an input or output interface, pin, or circuit.

[0343] In a possible embodiment, the touch-controlled device may further include a storage unit 2604. The processing unit 2602 and the storage unit 2604 are connected via a circuit. The storage unit 2604 may include one or more memories, which may be devices in one or more devices or circuits used to store programs or data. The storage unit 2604 may exist independently and be connected to the processing unit 2602 of the touch-controlled device via a communication circuit. The storage unit 2604 may also be integrated with the processing unit 2602.

[0344] The storage unit 2604 can store computer-executable instructions for the method in the terminal device, so that the processing unit 2602 executes the method in the above embodiment. The storage unit 2604 can be a register, a cache, or a RAM, etc. The storage unit 2604 can be integrated with the processing unit 2602. The storage unit 2604 can be a read-only memory (ROM) or other type of static storage device that can store static information and instructions. The storage unit 2604 can be independent of the processing unit 2602.

[0345] The touch control method provided in the embodiment of the present application can be applied to electronic devices with communication functions. The electronic devices include terminal devices. The specific device form of the terminal device can refer to the above related descriptions and will not be repeated here.

[0346] An embodiment of the present application provides a terminal device, which includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the above method.

[0347] The present embodiment provides a chip system comprising at least one processor and a communication interface, wherein the communication interface and the at least one processor are interconnected via a circuit, and the at least one processor is configured to execute a computer program or instruction to perform the above-described method. The implementation principles and technical effects thereof are similar to those of the above-described related embodiments and are not further described here.

[0348] The embodiments of the present application also provide a computer-readable storage medium. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, the above-mentioned method is implemented. The methods described in the above embodiments can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. If implemented in software, the functions can be stored as one or more instructions or codes on a computer-readable medium or transmitted on a computer-readable medium. Computer-readable media can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one place to another. The storage medium can be any target medium that can be accessed by a computer.

[0349] In one possible implementation, computer-readable media may include RAM, ROM, compact disc read-only memory (CD-ROM) or other optical disk storage, magnetic disk storage or other magnetic storage devices, or any other medium designed to carry or store the desired program code in the form of instructions or data structures and accessible by a computer. Moreover, any connection is appropriately referred to as a computer-readable medium. For example, if a coaxial cable, fiber optic cable, twisted pair, digital subscriber line (DSL) or wireless technologies such as infrared, radio and microwave are used to transmit software from a website, server or other remote source, the coaxial cable, fiber optic cable, twisted pair, DSL or wireless technologies such as infrared, radio and microwave are included in the definition of medium. Disk and optical disk as used herein include optical disk, laser disk, optical disk, digital versatile disk (DVD), floppy disk and Blu-ray disk, where disks generally reproduce data magnetically, while optical disks reproduce data optically using lasers. Combinations of the above should also be included within the scope of computer-readable media.

[0350] An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed, the computer executes the above method.

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

[0352] The above specific implementation methods further illustrate the objectives, technical solutions and beneficial effects of the present invention in detail. It should be understood that the above are only specific implementation methods of the present invention and are not intended to limit the scope of protection of the present invention. Any modifications, equivalent replacements, improvements, etc. made on the basis of the technical solutions of the present invention should be included in the scope of protection of the present invention.

Claims

1. A touch control method, characterized in that: Used in electronic equipment, including: Displaying a first interface, the first interface including a first window and a second window, wherein one or more icons are displayed in the first window; In response to a hovering operation of the stylus pen over a first icon among the one or more icons, displaying a second interface; the second interface includes the first window, the second window, and a third window, and one or more elements are displayed in the third window; In response to a first operation on the first icon, the first window in the first interface is replaced by a fourth window, where elements displayed in the fourth window include one or more elements in the third window; During the hovering operation, the third window continues to be displayed on the second interface, and when an operation of dragging the first element from the third window to the second window is received, the first element is displayed in the second window in response to the operation of dragging the first element from the third window to the second window; The first element is any one of the one or more elements in the third window.

2. The method according to claim 1, characterized in that The third window further displays a first button, and after continuing to display the third window on the second interface, the method further includes: receiving a trigger operation for the first button; In response to a triggering operation on the first button, the third window is switched to a fifth window; the number of elements displayed in the fifth window is greater than or equal to the number of elements displayed in the third window; When the hovering operation ends, the third window on the second interface disappears, and when the hovering operation ends, the electronic device continues to display the fifth window.

3. The method according to claim 2, characterized in that The method further comprises: receiving an operation of dragging a second element from the fifth window to the second window; the second element being any one of the one or more elements in the fifth window; In response to an operation of dragging the second element from the fifth window to the second window, the second element is displayed in the second window.

4. The method according to claim 2 or 3, characterized in that After switching the third window to the fifth window, the method further includes: In response to a hovering operation of the stylus pen over a second icon among the one or more icons, a third interface is displayed; the third interface includes the first window, the fifth window, and a sixth window, and one or more elements are displayed in the sixth window; the second icon is different from the first icon; In response to a second operation on the second icon, the first window in the third interface is replaced by a seventh window, where elements displayed in the seventh window include one or more elements in the sixth window; During the hovering operation, the sixth window continues to be displayed on the third interface, and when an operation of dragging the third element from the sixth window to the fifth window is received, in response to the operation of dragging the third element from the sixth window to the fifth window, the third element is displayed in the fifth window; The third element is any one of the one or more elements in the fifth window.

5. The method according to any one of claims 1 to 4, characterized in that The hovering operation of the stylus at the first icon among the one or more icons includes: the stylus is located at the first icon, and the distance between the stylus and the touch screen of the electronic device is less than a distance threshold; During display of the third window, when the distance between the stylus pen and the touch screen is less than the distance threshold and the stylus pen is not in contact with the touch screen, the third window continues to be displayed when the stylus pen moves in the area where the third window is located.

6. The method according to any one of claims 1 to 5, characterized in that After displaying the second interface, the method further includes: receiving a sliding operation in the third window; In response to the sliding operation, one or more elements are displayed in the third window and move along with the sliding position of the touch object.

7. The method according to claim 6, characterized in that The touch object includes a user's finger or the stylus; the sliding operation includes: During the duration of the hovering operation, the user performs a sliding operation of the finger in the third window; Alternatively, the stylus is slid in the third window while the hovering operation continues.

8. The method according to claim 7, characterized in that Also includes: When the user's finger slides across the third window, the third window continues to be displayed after the hovering operation ends; After the user's finger leaves the touch screen, if no triggering operation by the user's finger is received again within a first time period, the third window disappears.

9. The method according to claim 6 or 7, characterized in that The touch object includes a user's finger, and the sliding operation is received in the third window, further comprising: During display of the third window, when the hovering operation ends, continuing to display the third window for a first duration; receiving a sliding operation of the user's finger in the third window within the first duration; After displaying in the third window that one or more elements move along with the sliding position of the touch object, the method further includes: When the user's finger leaves the touch screen, if no triggering operation of the touch object is received again within the first time period, the third window disappears.

10. The method according to any one of claims 1 to 9, characterized in that The end of the hovering operation includes: the distance between the stylus and the touch screen is greater than or equal to the distance threshold, the stylus is not in the area where the third window is located, and / or a trigger operation is received in a non-functional area of ​​the first window or the second window.

11. The method according to any one of claims 2 to 10, characterized in that: The fifth window further displays a second button; after the third window is switched to the fifth window, the method further includes: When an operation of dragging the second button by the touch object is received, the fourth window is displayed and moves along with the sliding position of the touch object.

12. The method according to any one of claims 2 to 10, characterized in that: The fifth window further displays a third button; after the third window is switched to the fifth window, the method further includes: When a trigger operation on the third button is received, the first window continues to be displayed, and the fifth window is not displayed.

13. The method according to any one of claims 2 to 10, characterized in that: The fifth window further displays a fourth button; after the third window is switched to the fifth window, the method further includes: When a trigger operation on the fourth button is received, the first window is replaced by the fifth window.

14. The method according to any one of claims 1 to 13, characterized in that The first window includes a window of a gallery application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more albums, the first icon includes an icon of a first album, and the one or more elements in the third window include one or more images in the first album; the first element includes any image of the one or more images in the first album.

15. The method according to any one of claims 1 to 13, characterized in that The first window includes a window of a file management application, the second window includes a window of an application that supports sending and receiving elements; the one or more icons include icons of one or more folders, the first icon includes an icon of a first folder, and the one or more elements in the third window include one or more files in the first folder; the first element includes any file among the one or more files in the first folder.

16. The method according to any one of claims 1 to 15, characterized in that Also includes: Displaying a fourth interface; wherein the fourth interface includes an eighth window, and the eighth window displays a third icon; receiving a click operation on the third icon; In response to a click operation on the third icon, a fifth interface is displayed; the fifth interface includes an eighth window, and the first image is displayed in the eighth window; receiving a sliding operation on the first image, displaying a second image in the eighth window of the fifth interface, where the second image is different from the first image; Displaying the fourth interface; In response to the stylus pen hovering operation at the third icon, a sixth interface is displayed; the sixth interface includes the eighth window and the ninth window, and the ninth window is suspended above the eighth window; the first image and the second image are displayed in the ninth window, and the second image is not included in the eighth window.

17. The method according to any one of claims 1 to 16, characterized in that Also includes: Displaying a seventh interface, wherein the seventh interface includes a tenth window, and the tenth window displays one or more videos; In response to a hovering operation of the stylus over a first video among the one or more videos, an eighth interface is displayed; the eighth interface includes the tenth window and an eleventh window, the eleventh window is suspended above the tenth window, and the eleventh window displays one or more video segments of the first video, each of the video segments corresponding to a time stamp; A trigger operation for a first video segment is received; the first video segment is any video segment in the first video; In response to a trigger operation on the first video segment, a ninth interface is displayed, in which the first video is played, and the playback progress of the first video corresponds to the time mark of the first video segment.

18. The method according to any one of claims 1 to 17, characterized in that The third window further displays a fourth element, and after displaying the second interface, further includes: Receiving a long press operation on the fourth element; In response to a long press operation on the fourth element, a tenth interface is displayed; the tenth interface includes a first pop-up window, and the first pop-up window includes at least one of the following buttons: a button for saving the fourth element, a button for sharing the fourth element, a button for setting the fourth element as wallpaper, and / or a cancel button; receiving an operation of dragging the fourth element to a target area; In response to an operation of dragging the fourth element to a target area, a toolbar is displayed in the target area; the toolbar includes a fourth icon; the fourth icon is used to store an element; receiving an operation of continuing to drag the fourth element to the fourth icon; In response to the operation of continuing to drag the fourth element to the fourth icon, information indicating that storage of the fourth element is completed is displayed.

19. The method according to any one of claims 1 to 18, characterized in that The first window includes a full-screen window, the second window includes a floating window, the specifications of the first window are greater than the specifications of the second window, and the specifications of the first window are less than or equal to the specifications of the touch screen; the specifications of the second window are the same as the specifications of the fifth window; the specifications of the third window are different from the specifications of the fifth window.

20. The method according to any one of claims 1 to 19, characterized in that The first window includes a split-screen window, the second window includes a split-screen window, and specifications of the third window and the fifth window are different.

21. An electronic device, characterized in that: include: processor and memory; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory, so that the electronic device performs the method according to any one of claims 1 to 20.

22. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 20 is implemented.

23. A computer program product, characterized in that The method comprises a computer program which, when being executed, causes a computer to execute the method according to any one of claims 1 to 20.

Images