Data sharing method and related equipment

Abstract

The invention discloses a data sharing method and related equipment. After the electronic equipment obtains the data to be transmitted, a corresponding floating element is generated, and after the electronic equipment detects that a user drags the floating element to enter a preset hot area, one or more icons of applications which can be used for receiving the data to be transmitted can be displayed. Afterwards, the electronic device can detect the operation of continuously dragging the floating element to the area where any application icon is located and releasing the floating element, and then the to-be-transmitted data is sent to the corresponding application program. According to the method, a convenient, simple, rapid, smooth and visual data sharing scheme is provided for the user, and the user can share data conveniently when needed.

Description

Technical Field

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

[0002] When users use mobile phones and other electronic devices, they often need to share data such as text, pictures, files, and videos. For example, users want to share photos in the gallery with contacts in social software, or share text in the browser to translation software for translation, etc. Providing users with convenient, simple, and intuitive data sharing solutions is a current and future research direction. Summary of the invention

[0003] This application provides a data sharing method and related equipment to facilitate users to share data when needed.

[0004] In a first aspect, a data sharing method is provided, which may include: displaying a first interface, the first interface including a first element; detecting a drag operation on the first element;

[0005] When the drag operation is a first drag operation, the touch start point of the first drag operation is on the first element and located in the first area of ​​the display screen, and the touch end point is located in the second area of ​​the display screen, a first menu bar is displayed, the first menu bar includes an icon of the first application and an icon of the second application, and the first area and the second area do not overlap; after detecting that the first element is continued to be dragged into the area where the icon of the first application is located and released, first data corresponding to the first element is shared with the first application;

[0006] When the drag operation is a second drag operation, the touch start point of the second drag operation is on the first element and located in the second area, the touch end point is located in the second area of ​​the display screen, the track of the second drag operation is located in the second area, and the first menu bar is not displayed;

[0007] When the drag operation is the third drag operation, the touch start point of the third drag operation is on the first element and located in the second area, the touch end point is located in the second area, and the track of the third drag operation passes through the first area, and the first menu bar is displayed.

[0008] In implementing the method of the first aspect, the electronic device will display the first menu bar after detecting the operation of dragging the first element from the first area to the second area, or detecting the operation of dragging the first element from the second area to the first area and then to the second area, and the electronic device will not display the first menu bar after detecting the operation of dragging the first element within the second area. This can provide users with a convenient, simple, fast, smooth and intuitive data sharing solution, which is convenient for users to share data when needed, and can avoid displaying the first menu bar when the touch point is first located in the second area, so as to achieve an anti-mistouch effect.

[0009] In combination with the first aspect, in some embodiments, when the drag operation is a first drag operation, a first menu bar is displayed in response to the first drag operation; when the drag operation is a second drag operation, the first menu bar is displayed without responding to the second drag operation; when the drag operation is a third drag operation, the first menu bar is displayed in response to the third drag operation.

[0010] In combination with the first aspect, in some embodiments, when the drag operation is a first drag operation, the first menu bar is displayed after the touch endpoint of the first drag operation stays in the second area for a first time; when the drag operation is a second drag operation, the first menu bar is not displayed after the touch endpoint of the second drag operation stays in the second area for a first time; when the drag operation is a third drag operation, the first menu bar is displayed after the touch endpoint of the third drag operation stays in the second area for a first time. When the touch endpoint stays in the second area for the first time, it can be considered that the user has a need to share data, and thus the electronic device displays the first menu bar again, which can provide the user with a data sharing service more accurately and avoid mis-triggering the first menu bar.

[0011] In combination with the first aspect, in some implementations, the first dragging operation and the operation of continuing to drag the first element into the area where the icon of the first application is located and releasing it are continuous and uninterrupted.

[0012] In combination with the first aspect, in some embodiments, before displaying the first interface, the method may further include: displaying a second interface, the second interface including text; detecting an operation of selecting a first text in the text, displaying a toolbar on the first text, the toolbar including a plurality of controls for processing the first text; displaying the first interface, including: detecting a long press operation on the first text, stopping displaying the toolbar, and displaying the first interface; wherein the first element includes a preview image of the first text, and the first data includes the first text. In other words, the electronic device can conveniently share the text selected by the user.

[0013] In combination with the first aspect, in some embodiments, before displaying the first interface, the method may further include: when displaying the second interface, detecting a screenshot operation; displaying the first interface, including: in response to the screenshot operation, displaying the first interface, the first element including a preview of the screenshot image of the second interface, and the first data including the screenshot image. In other words, the electronic device can conveniently share screenshots.

[0014] In combination with the first aspect, in some embodiments, before displaying the first interface, the method may further include: displaying the second interface, the second interface including an icon of the first image and an icon of the second image; detecting an operation of selecting the icon of the first image; displaying the first interface, including: detecting a long press operation on the icon of the first image, and displaying the first interface; wherein the first element includes a preview image of the icon of the first image, and the first data includes the first image. This means that the electronic device can conveniently share images, which may include pictures, animated images, videos, and other types.

[0015] In combination with the first aspect, in some implementations, the first menu bar and the second area where the touch endpoint of the first drag operation or the third drag operation is located are on the same side of the display screen. That is, the electronic device displays the first menu bar in the direction in which the user drags the first element, which can provide the user with a better user experience.

[0016] In combination with the first aspect, in some embodiments, when the drag operation is the first drag operation, or when the drag operation is the third drag operation, when the first menu bar is displayed, the first interface is also adjusted to a perspective style of the first side, where the first side is a side of the first menu bar on the display screen. In this way, the perspective style of the first side and the first menu bar can vividly form an "open door" effect.

[0017] In combination with the first aspect, in some embodiments, the first interface also includes a video being played, and the method may further include: when the dragging operation is a first dragging operation, or when the dragging operation is a third dragging operation, when the first menu bar is displayed, a screenshot image of the first interface is displayed, and the screenshot image of the first interface is displayed in a perspective style of a first side, where the first side is a side of the first menu bar on the display screen.

[0018] In combination with the first aspect, in some embodiments, the second area includes: a rectangular area at a left edge of the display screen, and a rectangular area at a right edge of the display screen, and a height of the rectangular area is the same as a height of the display screen.

[0019] In combination with the first aspect, in some embodiments, when the drag operation is a first drag operation, the track of the first drag operation passes through the third area, and the third area includes the second area; the method may also include: in response to the operation of dragging the first element to the third area in the first drag operation, displaying a light band, the light band and the first menu bar are located on the same side of the display screen; displaying the first menu bar includes: in response to the operation of dragging the first element to the third area and then to the second area in the first drag operation, stopping displaying the light band and displaying the first menu bar. The electronic device displays the light band to prompt the user to continue dragging in the same direction to trigger the display of the first menu bar, thereby sharing data.

[0020] In some embodiments, the third area includes: a rectangular area at a left edge of the display screen, and a rectangular area at a right edge of the display screen, and a height of the third area is the same as a height of the display screen.

[0021] In combination with the first aspect, in some embodiments, the first menu bar further includes an icon of a third application and an icon of a fourth application, and the icon of the first application, the icon of the second application, the icon of the third application, and the icon of the fourth application are arranged in sequence from top to bottom; after displaying the first menu bar, the method may further include: detecting a fourth drag operation of continuing to drag the first element in a fourth area, the fourth area including the second area where the touch end point of the first drag operation or the third drag operation is located, the touch starting point of the fourth drag operation is the same as the touch end point of the first drag operation or the third drag operation, and the touch end point of the fourth drag operation is closest to the icon of the second application in the first menu bar; in response to the fourth drag operation, displaying the icon of the fourth application as the basic size, displaying the icon of the second application as a size enlarged by a first ratio on the basic size, and displaying the icon of the first application and the icon of the third application as sizes enlarged by a second ratio on the basic size; the first ratio is greater than the second ratio.

[0022] According to the above implementation, the closer the touch point of the user and the display screen is to the icon of the application in the first menu bar, the larger the icon of the corresponding application can be. In this way, the effect of the icon of the application in the first menu bar being attracted by the user's finger can be presented, and the user can focus on the icon of the corresponding application by enlarging the size of the application icon.

[0023] In combination with the previous embodiment, the fourth area includes: a rectangular area including the second area where the touch endpoint of the first drag operation or the third drag operation is located, and the height of the fourth area is the same as the height of the display screen.

[0024] In combination with the first aspect, in some embodiments, after detecting a fourth drag operation of continuing to drag the first element within the fourth area, the method may further include: detecting a fifth drag operation of continuing to drag the first element to the fifth area, and the fifth area and the fourth area do not overlap; in response to the fifth drag operation, displaying each icon in the first menu bar as the basic size.

[0025] In combination with the first aspect, in some embodiments, when the drag operation is the first drag operation, or, when the drag operation is the third drag operation, after displaying the first menu bar, the method may further include: detecting a sixth drag operation that continues to drag the first element to a sixth area, the sixth area and the second area do not overlap, and the sixth area is located on the opposite side of the first menu bar in the display screen; in response to the sixth drag operation, stopping displaying the first menu bar.

[0026] Through the above implementation, the electronic device provides a sixth area for stopping displaying the first menu bar. After the user mistakenly triggers the electronic device to display the first menu bar, the user can stop the mistaken operation simply, conveniently and quickly.

[0027] In some implementations, the touch start point of the sixth drag operation is the same as the touch end point of the first drag operation or the third drag operation, that is, the sixth drag operation and the first drag operation or the third drag operation are continuous and uninterrupted. In this way, the user does not need to leave the display screen of the electronic device and keeps in continuous contact with the display screen, thereby conveniently and quickly avoiding misoperation.

[0028] In some embodiments, the sixth region and the fifth region do not overlap.

[0029] In combination with the first aspect, in some embodiments, the method may further include: displaying a third interface, the third interface including a second element; detecting a drag operation on the second element; when the drag operation is a seventh drag operation, the touch starting point of the seventh drag operation is on the second element and located in the seventh area of ​​the display screen, and the touch end point is located in the eighth area of ​​the display screen, and a second menu bar is displayed, and the seventh area and the eighth area do not overlap; when the drag operation is an eighth drag operation, the touch starting point of the eighth drag operation is on the second element and located in the eighth area, and the touch end point is located in the eighth area of ​​the display screen, the trajectory of the eighth drag operation passes through the seventh area, and a second menu bar is displayed; when the drag operation is not the seventh drag operation or the eighth drag operation, the second menu bar is not displayed; wherein the eighth area is a partial area of ​​the second area.

[0030] Through the above implementation, it is equivalent to reducing the area used to trigger the display of the menu bar from the second area to the eighth area. By reducing the area, the probability of the user accidentally triggering the menu bar can be avoided.

[0031] In some embodiments, the eighth area includes: a rectangular area at the left edge of the display screen, and a rectangular area at the right edge of the display screen; the height of the eighth area is the same as that of the second area, and the width of the eighth area is half of the width of the second area.

[0032] In some implementations, the third interface is provided by a fifth application, and the fifth application includes a text editing application.

[0033] In some embodiments, the icons of applications included in the second menu bar and the icons of applications included in the first menu bar may be different. The icons included in the first menu bar may include icons of applications that support receiving the first data, and the icons included in the second menu bar may include icons of applications that support receiving the second data corresponding to the second element.

[0034] In combination with the first aspect, in some implementations, the second area when the display screen is in the landscape state is different from the second area when the display screen is in the portrait state.

[0035] In conjunction with the first aspect, in some implementations, the first interface is provided by a sixth application, and the sixth application is different from the first application. In other words, the method can implement cross-application data transmission.

[0036] In a second aspect, an electronic device is provided, comprising: a memory and one or more processors; the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code includes computer instructions, and the one or more processors call the computer instructions to enable the electronic device to execute a method executed by the electronic device in the first aspect or any one of the embodiments of the first aspect.

[0037] According to a third aspect, a computer-readable storage medium is provided, comprising instructions, which, when executed on an electronic device, enable the electronic device to execute the method executed by the electronic device in the first aspect or any one of the embodiments of the first aspect.

[0038] In a fourth aspect, a computer program product is provided. When the computer program product is run on a computer, the computer executes the method executed by the electronic device in the first aspect or any one of the embodiments of the first aspect.

[0039] In a fifth aspect, a chip system is provided, the chip system comprising at least one processor for implementing the method executed by the electronic device in the first aspect or any one embodiment of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0040] Figure 1A-Figure 1N A set of user interfaces for implementing data sharing on electronic devices provided in an embodiment of the present application;

[0041] Figure 2 A schematic diagram of various hot zones of a mobile phone in portrait mode provided in an embodiment of the present application;

[0042] Figure 3 A schematic diagram of hot spots in a horizontal screen state of a mobile phone provided in an embodiment of the present application;

[0043] Figure 4A-4F A set of user interfaces for sharing screenshots provided in an embodiment of the present application;

[0044] Figure 4G A user interface for preventing accidental touches provided in an embodiment of the present application;

[0045] Figure 4H-4L Another user interface for preventing accidental touches provided in an embodiment of the present application;

[0046] Figure 4M-Figure 4R Another user interface for preventing accidental touches provided in an embodiment of the present application;

[0047] Figure 5A-Figure 5B A set of user interfaces for moving a floating window provided in an embodiment of the present application;

[0048] Figure 5C-5L A user interface for preventing accidental touches in a floating window scenario provided in an embodiment of the present application;

[0049] Figure 6 A hardware structure block diagram of an electronic device provided in an embodiment of the present application;

[0050] Figure 7 The software architecture of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION

[0051] The technical solutions in the embodiments of the present application will be described clearly and in detail below in conjunction with the accompanying drawings. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in the text is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0052] In the following, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as suggesting or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features, and in the description of the embodiments of the present application, unless otherwise specified, "plurality" means two or more.

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

[0054] The following embodiments of the present application provide data sharing methods and related devices.

[0055] The method can be applied to an electronic device, which is a smart terminal device, which can be of various types, and the embodiments of the present application do not limit its specific type. For example, the electronic device can be a mobile phone, and can also include a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, a smart screen, a wearable device, an augmented reality (AR) device, a virtual reality (VR) device, an artificial intelligence (AI) device, a car machine, a smart headset, a game console, and can also be an Internet of Things (IOT) device or a smart home device such as a smart TV, etc.

[0056] In this method, after acquiring the data to be transmitted, the electronic device generates a corresponding floating element. After the electronic device detects that the user drags the floating element into a preset hot zone, it can trigger the smart flow service, that is, display one or more icons of applications that can be used to receive the above data to be transmitted. After that, the electronic device can detect the operation of continuously dragging the floating element to the area where any application icon is located and releasing it, and then send the data to be transmitted to the corresponding application.

[0057] This method provides users with a convenient, simple, fast, smooth and intuitive data sharing solution, which is convenient for users to share data when needed and can improve the user's terminal usage experience.

[0058] The dragging operation mentioned in the method can be performed by the user's finger, or by an information input device such as a stylus pen or a mouse.

[0059] First, several concepts involved in the data sharing method provided by this application are introduced as follows:

[0060] Data to be transmitted

[0061] The data to be transmitted may be stored locally in the electronic device, for example, in a storage path corresponding to some applications (such as a gallery) in the electronic device, or may be stored in a cloud device.

[0062] The data to be transmitted can include various types, and several examples are listed below:

[0063] (1) Text. The text may be text in a web page displayed on an electronic device, text in a browser, text in a social software, text recognized in an image (such as an image stored in a gallery of an electronic device, a screenshot (also known as a screenshot), etc.), text converted from speech, etc.

[0064] (2) Documents. Documents may include text documents, table documents, code documents, etc.

[0065] (3) Pictures. Pictures may include static pictures or dynamic pictures. Pictures may also include full-screen screenshots, partial screenshots (i.e., screenshots of irregular shapes), edited screenshots, etc.

[0066] (4) Videos. Videos may include videos shot by electronic devices, videos downloaded from the Internet, screen recordings, etc.

[0067] (5)Hyperlink.

[0068] Floating Elements

[0069] The electronic device can display the data to be transmitted, and after the user inputs a user operation (such as a long press operation) for the data to be transmitted, the electronic device can generate a corresponding floating element.

[0070] A floating element refers to an element displayed on the display screen, suspended above other interface elements displayed on the display screen, and can be dragged by the user to any position on the display screen. The floating element can be implemented as a thumbnail or preview of the corresponding data to be transmitted, and of course it can also be implemented in other forms such as a name, a mark, part or all of the content of the data to be transmitted, etc., which is not limited in this application.

[0071] Hot Zone

[0072] A hotspot is an area on the display of an electronic device that is used to trigger a specific function.

[0073] The data sharing method provided in this application may involve a variety of hot zones for triggering different functions during execution, which will be described in detail later. The size (i.e., dimensions), position, shape, etc. of each hot zone in this application can be set according to user needs and usage experience.

[0074] Each hot zone provided in this application is an area that the electronic device processes itself, and there is no need to prompt the user. That is, the electronic device does not need to prompt the user of each hot zone of the display screen.

[0075] In some implementations, when the electronic device uses a function corresponding to a hot zone for the first time, the electronic device may provide a usage guide to prompt the user the location of each hot zone and the specific function that can be triggered by the hot zone.

[0076] In some other implementations, the electronic device may also prompt the user with the hot zone, for example, each hot zone may be highlighted in a shadow, color, etc., so that the user can know it.

[0077] Smart circulation service

[0078] Smart Flow Service is a system service or system function provided by the electronic device in this application, which can support the electronic device to conveniently transfer data from one application to another. Specifically, the Smart Flow Service supports the electronic device to display one or more icons of applications that can be used to receive the above-mentioned data to be transmitted on the display screen, and after detecting the operation of continuously dragging the floating element to the area where any application icon is located and releasing it, the data to be transmitted is sent to the corresponding application.

[0079] The smart circulation service is just a term used in this embodiment, and its meaning has been recorded in this embodiment, and its name does not constitute any limitation to this embodiment. In addition, in some other embodiments of this application, the smart circulation service can also be called other terms such as "any door".

[0080] The following is an introduction to the data sharing method using the exemplary UI provided by this application.

[0081] Figure 1A-Figure 1N A set of user interfaces for implementing data sharing on the electronic device 100 .

[0082] Generate floating elements

[0083] Figure 1A It is a user interface provided by an embodiment of the present application.

[0084] The application that provides the user interface may be a system application or a third-party application. In the embodiment of the present application, a system application refers to an application directly provided by the operating system of the electronic device 100 for implementing a specific function. A third-party application refers to an application provided by other developers and obtained by the electronic device 100 through the Internet for implementing a specific function.

[0085] In some implementations, the user interface may also be the homepage, negative one screen, lock screen interface, etc. of the electronic device 100, and this application does not impose any restrictions on this.

[0086] In display Figure 1A During the process of the user interface shown, the electronic device 100 can detect a long press operation on the display screen. It is not limited to the long press operation, but can also be a double-click operation, a preset specific track sliding operation and other user operations, which are not limited in this application. In response to the above operation, the electronic device 100 can obtain the text in the area where the long press operation is located in the user interface, and display the following content on this part of the text: a text selection box, a drag bar at the start position and the end position of the text selection box, and a toolbar above the text selection box. When the electronic device 100 initially detects a long press operation, the text selection box can be displayed only on a small part of the text (for example, 1-2 words in the area where the touch point of the long press operation is located). The drag bar at the start position of the text selection box and the drag bar at the end position can be dragged by the user to adjust the size of the text selection box, that is, adjust the selected text. The toolbar may include multiple controls for processing the selected text, such as a cut control, a copy control, a paste control, a share control, and the like.

[0087] Then, the electronic device 100 may detect a user operation to adjust the selected text (such as dragging the position of the drag bar of the start position or end position of the text selection box to adjust the area or size of the text selection box). The electronic device 100 may determine the target text that the user wants to select based on the user operation of selecting text. Figure 1B , for example, the user adjusts the text selection box to Figure 1B After the size shown in , the electronic device 100 can determine the target text 111 according to the user operation.

[0088] refer to Figure 1C-Figure 1D After determining the target text 111, the electronic device 100 may detect a long press operation on the target text 111. In response to the above operation, the electronic device 100 may display a control 112 in a suspended state corresponding to the target text 111. The control 112 may be located at the touch point position acting on the display screen when the user inputs the long press operation.

[0089] In some embodiments, in response to a long press operation on the target text 111, the electronic device can generate a suspended control 112 using the touch point of the long press operation on the display screen as an anchor point. Using the touch point as the anchor point means that a certain position point of the control 112 (such as the upper middle position, the midpoint of the upper edge, the center point, the midpoint of the right edge, or other points) is at the anchor point. Figure 1D In the description, a certain position on the right side of the control 112 is taken as an example of the anchor point.

[0090] Optionally, the target text 111 may be displayed in the control 112. In some embodiments, when the target text 111 has more content, the control 112 may display part of the target text 111, such as the first sentence of the target text 111, or a summary of the target text 111. In some embodiments, the control 112 may also be implemented as a preview or thumbnail of the target text 111.

[0091] Figure 1D The suspended control 112 generated in the present application is the floating element.

[0092] The suspended control 112 can adjust the display position in real time according to the dragging operation performed by the user on the control 112 .

[0093] In some embodiments, when the user drags the control 112, if the touch point enters the edge of the display screen, part of the content of the control 112 may exceed the screen and not be displayed, or the electronic device may reduce the size of the control 112 to avoid incomplete display.

[0094] refer to Figure 1D After the electronic device generates the suspended control 112, the text selection box below continues to be displayed to keep the corresponding text selected, but the drag bars at the start and end positions of the text selection box and the toolbar above the text selection box are no longer displayed. In some embodiments, when the electronic device generates the suspended control 112, it can also output a vibration signal to prompt the user that the suspended control 112 can be dragged.

[0095] Light band guide hot zone

[0096] There is a corresponding light band guidance hot zone in the display screen. The light band guidance hot zone is used to trigger the light band effect of the guidance direction, which refers to the dragging direction that triggers the smart flow service.

[0097] refer to Figure 1D After the electronic device 100 generates the suspended control 112, the electronic device 100 generates a light band to guide the hot zone. Figure 1DAs shown, the light band guide hot zone may include an area 113A enclosed by the dotted line L1 on the left side of the display screen and the upper edge E1, left edge E3, and lower edge E2 of the display screen, and an area 113B enclosed by the dotted line L2 on the right side of the display screen and the upper edge E1, right edge E4, and lower edge E2 of the display screen. The heights of the areas 113A and 113B are the same as the height of the display screen, and the widths may be 25% of the width x of the display screen.

[0098] refer to Figure 1D-1E , the electronic device 100 can detect the user operation of dragging the control 112 to slide to the right side of the display screen. After detecting that the touch point of the user's finger on the display screen enters the light band guide hot zone 113B on the right side of the display screen, the electronic device 100 can display the following at the right edge of the display screen: Figure 1F Alternatively, after detecting that the touch point of the user's finger on the display screen enters the light band guide hot zone 113B on the right side of the display screen and stays in the light band guide hot zone 113B for a period of time (e.g., 600ms), the electronic device 100 can display the light band. The long press operation for generating the suspended control 112 and the operation of dragging the control 112 to slide can be continuous and uninterrupted operations or two operations with a gap in between.

[0099] The light strip 114 may be a strip interface element with attributes such as color, shadow, gradient, graphic fill (such as grid fill, oblique line fill), etc. In some embodiments, the light strip 114 may also present dynamic effects, such as changing color, flashing display, etc.

[0100] The light band 114 at the right edge of the display screen can be used to prompt the following information: 1. The current control 112 has been dragged to the right side of the display screen; 2. Continuing to drag to the right is the dragging direction that triggers the smart flow service, that is, if the user continues to drag the control 112 to the right, the smart flow service can be triggered.

[0101] refer to Figure 1D-1E As shown in the control 112, during the process of dragging the control 112, the electronic device 100 can reduce the size of the control 112 to reduce the obstruction of other content on the display screen.

[0102] In other embodiments, if the electronic device 100 detects that the user Figure 1D If the control 112 in the display is dragged to the light guide hot zone 113A on the left side of the display screen, the electronic device 100 can display a light band at the left edge of the display screen. The light band can be used to prompt the following information: 1. The current control 112 has been dragged to the left side of the display screen; 2. The dragging direction to the left is the dragging direction that triggers the smart flow service, that is, if the user continues to drag the control 112 to the left, the smart flow service can be triggered.

[0103] This is equivalent to dragging the control 112 to the left side of the display screen or to the light strip guidance hot zone on the right side, which can trigger the display of the light strip.

[0104] Door opening hot zone

[0105] There is a corresponding door opening hot zone on the display screen. The door opening hot zone is used to trigger the smart flow service.

[0106] refer to Figure 1G After the electronic device 100 generates the suspended control 112, the electronic device 100 generates a door opening hot zone. Figure 1G As shown, the door opening hot zone may include an area 115A enclosed by the dotted line L3 on the left side of the display screen and the upper edge E1, left edge E3, and lower edge E2 of the display screen, and an area 115B enclosed by the dotted line L4 on the right side of the display screen and the upper edge E1, right edge E4, and lower edge E2 of the display screen. The height of area 115A and area 115B are the same as the height of the display screen, and the width can occupy 40 (density-independent pixel, dp) of the width of the display screen. Among them, dp is an abstract unit based on screen density, 1dp*pixel density / 160=actual number of pixels. Therefore, the width of area 115A and area 115B is related to the pixel density of the display screen. The larger the pixel density, the larger its width.

[0107] refer to Figure 1F-1G , the electronic device 100 can detect the user operation of the user continuing to drag the control 112 to the right side of the display screen. After detecting that the touch point of the user's finger in the display screen enters the door opening hot zone 115B on the right side of the display screen, the electronic device 100 can stop displaying the light band and trigger the smart flow service. Alternatively, after detecting that the touch point of the user's finger in the display screen enters the door opening hot zone 115B on the right side of the display screen and stays in the door opening hot zone 115B for a period of time (such as 600ms), the electronic device 100 can stop displaying the light band and trigger the smart flow service. The duration can be set as needed and is not limited here.

[0108] The smart transfer service refers to the electronic device 100 matching the application that can receive the data to be transmitted, and providing the user with a service to quickly send the data to be transmitted to other target applications. When the smart transfer service is triggered, the data corresponding to the floating element that the user acts on is the data to be transmitted. For example, Figure 1F-1H In the scenario shown, the drag control 112 is slid right into the right side door opening hot zone 115B to trigger the smart flow service, and the target text 111 corresponding to the control 112 is the data to be transmitted.

[0109] refer to Figure 1HAfter detecting that the touch point of the user's finger in the display screen enters the door opening hot zone 115B on the right side of the display screen, or after detecting that the touch point of the user's finger in the display screen enters the door opening hot zone 115B on the right side of the display screen and stays in the door opening hot zone 115B for a period of time (such as 600ms), the electronic device 100 may display a menu bar 116 including icons of one or more candidate applications on the right side of the display screen. The period of time may be referred to as a first period of time.

[0110] The menu bar 116 may include a favorites icon, a search icon, a share icon, a note icon, a text message icon, and the like. Among them, the favorites application corresponding to the favorites icon may be a system application, providing a global system favorites function. The note application corresponding to the note icon may be a system application or a third-party application, which may provide in-application recording, collection, and other functions. The candidate application is an application that supports receiving data to be transmitted, which is selected by the electronic device 100 from all installed applications. The electronic device 100 may determine the candidate application based on the information type, semantic information, and the like of the data to be transmitted. The candidate applications may include global applications that support receiving any type of data (such as favorites applications, search applications, sharing applications, email applications, and the like), and may also include applications that only support receiving some types of data (such as picture editing applications that only support receiving pictures, navigation applications that only support receiving text, and the like). Different data to be transmitted may correspond to different menu bars.

[0111] In some implementations, when the electronic device 100 displays the menu bar 116, the control 112 may be further scaled to avoid blocking the menu bar 116. For example, the electronic device may reduce the control 112 so that the height of the control 112 is consistent with the height of the icon of the candidate application in the menu bar 116.

[0112] refer to Figure 1H , the electronic device 100 displays a menu bar 116 containing icons of candidate applications on the right side of the display screen. At the same time, the electronic device 100 can adjust the original foreground user interface to a right perspective style, which forms an "opening door" animation effect with the menu bar 116. The foreground user interface can refer to an interface composed of other contents displayed on the display screen excluding the status bar, or can refer to all contents displayed on the display screen including the status bar.

[0113] If the foreground user interface originally displayed by the electronic device 100 includes dynamic effects, such as videos, animated images, etc., the electronic device can take a screenshot to obtain a screenshot image of the user interface, and then adjust the screenshot image to a perspective style. In other words, the perspective style interface can be a screenshot obtained by the operating system of the electronic device. In some other embodiments, the electronic device can also adjust the original user interface to a perspective style, and continue to play dynamic effects in the perspective style user interface, such as continuing to play videos, animated images, etc.

[0114] In other embodiments, if the electronic device 100 detects that the user Figure 1D-1F By dragging the control 112 in the image processing unit to the door opening hot zone 115A on the left side of the display screen, the electronic device 100 can display a menu bar containing icons of candidate applications on the left side of the display screen, and adjust the original foreground user interface to a left perspective style, forming an "opening the door" animation effect with the menu bar.

[0115] This is equivalent to dragging the control 112 to the left edge of the display screen or to the door opening hot zone on the right, which can trigger the "door opening" animation and also trigger the smart flow service.

[0116] The width of the door opening hot zone can be narrower than the width of the light band guidance hot zone, so that when the electronic device 100 drags the control 112, it will first enter the light band guidance hot zone to trigger the guiding light band effect, and then enter the door opening hot zone to trigger the smart flow service.

[0117] Hover to zoom in on hot spots

[0118] The display screen has a corresponding hover zoom hotspot. The hover zoom hotspot is used to trigger the proximity hover effect.

[0119] refer to Figure 1H After the electronic device 100 displays the menu bar 116, a hover zoom hotspot is generated. Figure 1H As shown, the hover zoom hotspot may include an area 117 enclosed by the dotted line L5 on the right side of the display screen and the upper edge E1, right edge E4, and lower edge E2 of the display screen. The height of the area 117 is the same as the height of the display screen, and the width may occupy 120dp of the width of the display screen.

[0120] The proximity hover effect means that after the user drags the control 112 and the touch point on the display screen enters the hover magnification hot zone, the icon of the candidate application closest to the touch point in the menu bar 116 is enlarged in basic size, and the application icons adjacent to the icon of the candidate application before and after are also enlarged accordingly, but the degree of enlargement is less than that of the icon of the candidate application.

[0121] Among them, the basic size can be set as needed and is not limited here. The icon of the candidate application closest to the touch point can be enlarged to a first ratio of the basic size (such as 150% or other ratios), and its enlarged state can be called a hover state. The application icons adjacent to and before the icon of the candidate application closest to the touch point can be enlarged to a second ratio of the basic size (such as 120% or other ratios), and their enlarged state can be called a nearby hover state. The first ratio is greater than the first and second ratios, and the first and second ratios can be preset.

[0122] Specifically, the electronic device first detects whether the touch point is located in the hover magnification area. If so, it determines the icon of the candidate application that is closest to the touch point. For example, the electronic device 100 first determines the position of the icons of each candidate application of the basic size in the display screen, and then draws a straight line in the horizontal direction parallel to the display screen with the touch point. The icon of the candidate application that coincides with the straight line is the icon of the candidate application that is closest. For another example, the electronic device 100 first determines the position of the icons of each candidate application of the basic size in the display screen, and then calculates the distance between the touch point and the center point of each candidate application icon. The icon of the candidate application with the smallest distance is the icon of the candidate application that is closest.

[0123] refer to Figure 1H , the touch point of the user's finger on the display screen enters the hover magnification hot zone 117, and the touch point is closest to the note icon in the menu bar 116, so the note icon is magnified, and the sharing icon and information icon adjacent to it are secondarily magnified, and the corresponding text at the bottom of the icon can also be enlarged accordingly.

[0124] refer to Fig. 1I As the user continues to drag the control 112, the touch point moves to Fig. 1I At the location shown. Fig. 1I In the figure, the touch point of the user's finger and the display screen is closest to the search icon in the menu bar 116, so the share icon is enlarged, and the favorites icon and share icon adjacent to it are secondarily enlarged, and the corresponding text at the bottom of the icon can also be enlarged accordingly.

[0125] from Figure 1H-1I It can be seen that in the proximity hover animation, the closer the touch point of the user and the display screen is to the icon of the candidate application in the menu bar 116, the larger the icon of the corresponding candidate application can be. In this way, the icon of the candidate application in the menu bar 116 can be presented as being attracted by the user's finger, and the user can focus on the icon of the corresponding candidate application by enlarging the size of the application icon.

[0126] In some embodiments, the electronic device 100 may first display the icons of the candidate applications of the basic size, and then enlarge the icons of some of the candidate applications according to the position of the touch point in the hover enlargement hot zone, presenting a dynamic change process. In some other embodiments, the processing speed of the electronic device 100 is fast enough, and there is no need to first display the icons of the candidate applications of the basic size, but the icons of some of the candidate applications after enlargement may be directly displayed according to the position of the touch point in the hover enlargement hot zone.

[0127] In other embodiments, if the electronic device 100 displays a menu bar containing icons of candidate applications on the left side of the display screen, and adjusts the original foreground user interface to a left perspective style, the electronic device 100 generates a hover zoom hotspot on the left side of the display screen. The hover zoom hotspot on the left side of the display screen can be used to trigger the hover animation of the menu bar on the left side of the display screen.

[0128] Equivalently, both the left and right sides of the display screen in the electronic device 100 may include hover hotspots, and both may trigger hover effects. The hover hotspot is always located in the direction of the menu bar in the display screen.

[0129] In addition to the hover effect triggered by the hover hot zone described above, in some embodiments, after the user drags the control 112 to a touch point on the display screen that enters the hover zoom hot zone, the electronic device can also perform other effects on the icon of a candidate application closest to the touch point in the menu bar 116, such as increasing the display brightness of the candidate application icon, marking the candidate application icon with a striking color, and so on.

[0130] Closed hot zone

[0131] The electronic device 100 displays a menu bar containing icons of candidate applications on the side of the display screen. After the original foreground user interface is adjusted to a perspective style, that is, after the door opening effect is triggered, the display screen corresponds to the door closing hot zone. The door closing hot zone is used to close the smart flow service.

[0132] refer to Figure 1J , the electronic device 100 displays a menu bar 116 containing icons of candidate applications on the right side of the display screen, and after adjusting the original foreground user interface to the right perspective style, the electronic device 100 generates a closing hot zone 118 surrounded by the dotted line L6 on the left side of the display screen and the upper edge E1, left edge E3, and lower edge E2 of the display screen. The height of the closing hot zone 118 is the same as the height of the display screen, and the width can be half of the width x of the display screen.

[0133] refer to Figure 1J-1K , the electronic device 100 can detect the user operation of the user continuing to drag the control 112 to the left side of the display screen.

[0134] like Figure 1I-1J As shown, the electronic device detects that the user drags the control 112 from the hover zoom hot zone 117 to a partial area in the middle of the display screen, which is outside the hover zoom hot zone 117 and the door closing hot zone 118, so the electronic device 100 stops displaying the approach hover animation. Figure 1J , the sizes of the icons in the menu bar 116 are the same and are the basic size.

[0135] like Figure 1K As shown, after detecting that the touch point of the user's finger in the display screen enters the door closing hot zone 118 on the left side of the display screen, the electronic device 100 can turn off the smart flow service. Alternatively, after detecting that the touch point of the user's finger in the display screen enters the door closing hot zone 118 on the left side of the display screen and stays in the door closing hot zone 118 for a period of time (such as 600ms), the electronic device 100 can turn off the smart flow service. The duration can be set as needed and is not limited here.

[0136] refer to Figure 1L Turning off the smart flow service means that the electronic device 100 stops displaying the menu bar 116 on the right side of the display screen, and adjusts the original foreground user interface (excluding the status bar) from the right perspective style to the non-perspective style. Figure 1K and Figure 1L The style adjustment of the foreground user interface and the menu bar 116 that is no longer displayed can vividly constitute an animation effect of "closing the door".

[0137] In other embodiments, if the electronic device 100 displays a menu bar containing icons of candidate applications on the left side of the display screen, and adjusts the original foreground user interface to a left perspective style, the electronic device 100 generates a door closing hotspot on the right side of the display screen. The door closing hotspot on the right side of the display screen can be used to trigger the "door closing" animation of the menu bar on the left side of the display screen.

[0138] Equivalently, both the left and right sides of the display screen in the electronic device 100 may include a door closing hot zone, and both may trigger the "door closing" animation effect. The door closing hot zone is always located in the opposite direction of the menu bar in the display screen.

[0139] In this application, the above Figure 1E-1J During the process of dragging the control 112 shown, the user's finger may be in continuous contact with the display screen, that is, the dragging operation may be continuous and uninterrupted.

[0140] After the electronic device 100 detects that the user's finger and the touch point of the display screen enter the door opening hot zone and starts the smart flow service (i.e., displays the menu bar 116), if the user's finger leaves the display screen, that is, if the electronic device does not detect the touch point, the electronic device 100 will close the smart flow service (i.e., stop displaying the menu bar 116). For example, if Figure 1H If the finger touch point shown in disappears, the electronic device will also stop displaying Figure 1H The menu bar 116 in the menu bar 116. Equivalently, in this application, the user can close the smart flow service by closing the hot zone or by stopping the touch screen.

[0141] Transferring Data

[0142] Figure 1M-Figure 1N Shows the user interface for transferring data through the smart flow service.

[0143] refer to Figure 1M After detecting that the user drags the control 112 to the right door opening hot zone 115B and displays the menu bar 116, the electronic device 100 can detect the user operation of the user continuing to drag the control 112 to the area where the icon of any candidate application is located in the menu bar 116 and then releasing it. Figure 1M , the electronic device 100 can detect the user operation of the user continuing to drag the control 112 to the note application icon and releasing it. Therefore, the electronic device 100 can confirm that the note application is the target application. After detecting that the control 112 is dragged to the note application icon, the electronic device 100 can highlight the note application icon, such as enlarging, changing color, increasing brightness, and outputting a vibration signal, etc., to prompt the user that the note application is currently selected as the target application to avoid erroneous transmission.

[0144] In some embodiments, after the electronic device 100 detects the user operation of the user continuing to drag the control 112 to the area where the icon of any candidate application is located in the menu bar 116 and then releasing it, it can also display an animation of the control 112 being sucked into or stored in the icon of the corresponding candidate application to prompt the user that the electronic device will transfer the data to be transmitted to the corresponding candidate application.

[0145] Subsequently, the electronic device 100 may write the data to be transmitted (ie, the target text 111 ) corresponding to the control 112 into the note application.

[0146] refer to Figure 1NAfter writing the target text 111 into the note application, the electronic device 100 may close the menu bar 116 of the smart flow service and redisplay the original user interface. Optionally, the electronic device 100 may also display a prompt window 119. The prompt window 119 may prompt the user that the flow is successful, that is, the data to be transmitted selected by the user has been successfully written to the target application. Among them, the prompt window 119 may also include a control 120. The control 120 can be used to open the target application that receives the aforementioned data to be transmitted, such as a note application, so that the user can continue to edit the data written by the smart flow service in the target application.

[0147] Not limited to Figure 1N The electronic device 100 shown directly writes the data to be transmitted into the target application. In some other embodiments, after the electronic device 100 determines the target application, it can also display a window provided by the target application. One or more options can be displayed in the window. The user can set the usage of the data to be transmitted in the target application (such as printing parameters, sharing to contacts, etc.) according to the above one or more options. Then, the target application can process the data to be transmitted according to the usage set by the above one or more options.

[0148] Various hot spots in mobile phones

[0149] Figure 2 Examples of various hot spots when the phone is in portrait mode are shown.

[0150] exist Figure 2 middle:

[0151] a shows the door opening hot zone, which includes two areas on the left and right sides of the display, each occupying 40dp of the display width.

[0152] b shows the light band guide hot zone, including two areas on the left and right sides of the display screen, each occupying 1 / 4 of the width of the display screen.

[0153] c shows the hover zoom hotspot for “right door open”, which includes an area on the right side of the display, occupying 120dp of the display width.

[0154] d shows the door closing hot zone when “door open right”, including an area on the left side of the display screen, occupying 1 / 2 of the width of the display screen.

[0155] e shows the hover zoomed-in hotspot for “door open left”, including an area on the left side of the display that occupies 120dp of the display width.

[0156] f shows the door closing hot zone when "door open to the left" includes an area on the right side of the display screen, which occupies 1 / 2 of the width of the display screen.

[0157] Previous Figure 1A-Figure 1N as well as Figure 2 All of them take the electronic device in the form of a mobile phone as an example, and list the various hot zones and functions of the mobile phone in the vertical screen state. In the embodiment of the present application, the hot zones of the electronic device in the same form in different states may be different. The state here may include the vertical screen state and the horizontal screen state.

[0158] refer to Figure 3 , Figure 3 The various hot zones of a mobile phone in landscape mode are exemplarily shown.

[0159] and Figure 1A-Figure 1N and Figure 2 The vertical screen state is different because Figure 3 The mobile phone is in landscape mode, so the positions of the edge surfaces relative to the user change. Figure 3 Each edge in the Figure 1A-Figure 1N The edges with the same label in .

[0160] exist Figure 3 middle:

[0161] The area enclosed by the dotted line L3 and the display screen edge E1, edge E4, and edge E3, and the area enclosed by the dotted line L4 and the display screen edge E2, edge E4, and edge E3 are the door opening hot zone;

[0162] The area enclosed by the dotted line L1 and the display screen edges E1, E4 and E3, and the area enclosed by the dotted line L2 and the display screen edges E2, E4 and E3 are light band guidance hot areas;

[0163] The area enclosed by the dotted line L5 and the display screen edges E2, E4, and E3 is the hover magnification hotspot under the "right-open door" effect;

[0164] The area enclosed by the dotted line L6 and the display screen edges E1, E4, and E3 is the door closing hot zone under the "right-open door" effect.

[0165] Of course, under the "left door" effect, Figure 3 The hover zoom hot zone and the door closing hot zone are both in the opposite direction of the currently shown side.

[0166] Electronic devices are not limited to mobile phones. Other electronic devices such as foldable screen mobile phones and tablets can also have different hot spots in landscape and portrait modes. The areas of each hot spot in the display are similar to the hot spots in the mobile phone mentioned above, and you can refer to the relevant content in the previous article.

[0167] The height of each hot zone mentioned in the present application can be measured as a percentage of the height of the display screen, or as a dp of the height of the display screen. The width is similar and is not limited here.

[0168] The names of the above-mentioned thermal zones mentioned in this application are only examples. The functions of each thermal zone have been recorded in the previous text, and their names do not constitute a limitation on this application.

[0169] The size (i.e., dimensions), position, shape, etc. of each hot zone mentioned in the above UI in the display screen are all examples. In specific implementations, the size (i.e., dimensions), position, shape, etc. of each hot zone in the electronic device can be set according to user needs and usage experience, and this application does not make any specific restrictions on this.

[0170] In the above UI embodiment, the hotspots shown with gray filling effects are only for illustration, and in the user interface actually presented to the user by the electronic device, the corresponding hotspots do not include gray filling effects. That is, the electronic device does not need to prompt the user with the location of each hotspot, and the user can feel the existence of each hotspot when using the functions of each hotspot.

[0171] Anti-accidental touch of door opening hot zone

[0172] Figure 4A-4F Shows a way to share a screenshot.

[0173] refer to Figure 4A , in the display Figure 4A During the process of the user interface shown in the figure, the electronic device 100 can detect the screenshot operation. The above screenshot operation can be implemented by acting on a physical button of the electronic device 100, such as a power button, a volume button, or by a touch operation on the display screen of the electronic device 100, such as a three-finger sliding operation, etc., and this application does not limit this.

[0174] In response to the above screenshot operation, the electronic device 100 can save a frame of the user interface on the current display screen, namely a screenshot image, also called a screenshot. The electronic device 100 can write the screenshot into the memory of the electronic device 100 for storage, so that the user can browse the screenshot at any time through the access operation.

[0175] In the embodiment of the present application, the electronic device 100 may also display a preview image of the above screenshot on the display screen to prompt the user to obtain a frame of screenshot.

[0176] Figure 4B It is a user interface for electronic devices to display screenshot preview images on the display screen. Figure 4B As shown, the electronic device 100 may display an image 411 in the lower left corner of the display screen. The image 411 may be Figure 4AThe screenshot preview image of the user interface shown. The user can preview the screenshot obtained by the above screenshot operation through the above image 411. The lower left corner area of ​​the above display screen can be called the default screenshot display area. Not limited to the lower left corner, the default screenshot display area can also be the upper right corner, lower right corner, upper left corner, etc. of the display screen, and the embodiment of the present application does not limit this.

[0177] The electronic device 100 may keep displaying the image 411 for a period of time according to a preset timer. The period of time may be, for example, 3 seconds. After the timer ends, the electronic device 100 may no longer display the image 411.

[0178] In the embodiment of the present application, during the process of displaying the image 411 , the electronic device 100 may detect whether there is any user operation acting on the image 411 .

[0179] refer to Figure 4C , the electronic device 100 can detect a long press operation on the display screen (hereinafter referred to as a long press operation) acting on the image 411, and the touch point of the user's finger is located in an area other than the door opening hot zone 412A and the door opening hot zone 412B. In response to the above user operation, the electronic device 100 can switch the image 411 to the following Figure 4D The suspended state shown. The suspended image 411 can adjust the display position in real time following the motion trajectory of the user's touch operation. The suspended image 411 is the floating element of this application.

[0180] In some embodiments, after the electronic device 100 switches the image 411 to the suspended state, no prompt information may be output on the user interface, that is, it looks like there is no difference before and after the switch. In other embodiments, after the electronic device 100 switches the image 411 to the suspended state, some prompt information (such as Figure 4D In the example, a black border is added to the image 411, or other dynamic effects are displayed around the image 411), thereby prompting the user that the image 411 can currently be dragged by the user.

[0181] refer to Figure 4D-Figure 4E After the electronic device 100 generates the suspended image 411, it can detect the operation of continuously dragging the suspended image 411 to the right side of the display screen to the door opening hot zone 412B. In response to this operation, the electronic device 100 can start the smart flow service, that is, display a menu bar containing icons of multiple candidate applications on the right side of the display screen. Afterwards, the electronic device 100 can also detect the operation of continuing to drag the suspended image 411 into the area where the icon of a candidate application is located in the menu bar, and in response to this operation, send the original screenshot of the image 411 to the application corresponding to the icon of the candidate application.

[0182] After the user triggers the electronic device 100 to generate a floating element, there may be multiple intentions, such as dragging the floating element to the door opening hot zone to trigger the smart flow service, or dragging the floating element to other locations on the display screen (such as dragging a preview image of a screenshot, dragging the location of the text in a memo), etc. The door opening hot zone and other locations on the above display screen may overlap, so when the user drags the floating element, the electronic device 100 needs to accurately identify the user's intention, and then accurately respond to the user's needs to avoid misoperation.

[0183] Figure 4G A solution is shown for preventing accidental touches by reducing the door opening hot zone.

[0184] Figure 4G The user interface shown may be a user interface of an electronic device that detects an action on Figure 4B It is displayed by a long press operation on the image 411 in the image.

[0185] like Figure 4G As shown, the door opening hot zone in the user interface includes: an area 412A enclosed by dotted line L7, dotted line L8, and the upper edge E1 and left edge E3 of the display screen, and an area 412B enclosed by dotted line L4 and the upper edge E1, right edge E4, and lower edge E2 of the display screen.

[0186] Compared with the conventional door opening hot zone before the anti-mistouch solution is enabled (such as Figure 1G or Figure 4G Door opening hot zone in the Figure 4G The hot zone of the door opening has been adjusted in one or more of the following ways:

[0187] 1. Due to Figure 4G The default screenshot display area of ​​the electronic device is located at the lower left corner of the display screen, so the width of the door opening hot zone 412A on the same side (i.e., the left side of the display screen) is shorter than the width of the conventional door opening hot zone on the same side. Figure 4G The width of the middle door hot zone 412A can be Figure 4C 1 / 2 of the width of the middle door hot zone 412A.

[0188] 2. Due to Figure 4G The default screenshot display area of ​​the electronic device is located at the lower left corner of the display screen, so the height of the door opening hot zone 412A on the same side (i.e., the left side of the display screen) can be from the top of the display screen to a certain position in the middle of the display screen instead of directly reaching. For example, the height of the door opening hot zone 412A can be from the top of the display screen to the position where the top of the image 411 is located.

[0189] The door opening hot zone adjusted based on any one or more of the above items has a smaller range than the conventional door opening hot zone. When the user operates (such as long pressing) to float the image 411, the probability of the touch point directly entering the door opening hot zone is reduced, which also reduces the probability of directly triggering the smart flow service after the floating image 411.

[0190] In this way, the user can more easily and conveniently choose to trigger the smart flow service or just move the position of the image 411 on the display screen during the process of dragging the image 411. Figure 4G The smart flow service can be triggered by the door opening hot zone 412A on the left or the door opening hot zone 412B on the right. Figure 4G The area outside the middle door hot zone can move the position of the image 411 in the display screen.

[0191] In other embodiments, if the default screenshot display area is located in other areas of the electronic device display screen, the door opening hot zone after the floating element is generated can be adjusted accordingly according to the default screenshot display area. For example, if the default screenshot display area is located in the upper right corner, the width of the door opening hot zone on the right side of the display screen can be half the width of the conventional right door opening hot zone, and its height starts from the top to the bottom of the screenshot preview image.

[0192] Figure 4H-4L It shows a solution in which the intelligent circulation service is triggered only after entering the door opening hot zone twice, thus preventing accidental touches.

[0193] refer to Figure 4H , the electronic device 100 responds to the user's screenshot operation and displays the image 411 in the lower left corner area of ​​the display screen.

[0194] Afterwards, the electronic device 100 may detect a long press operation (hereinafter referred to as long press operation) on the image 411. In response to the above user operation, the electronic device 100 may switch the image 411 to the following Fig. 4I Suspended state shown.

[0195] like Figure 4H As shown, when the electronic device 100 detects a long press operation on the image 411, the touch point of the user's finger on the display screen is located in the door opening hot zone on the left side of the display screen. At this time, although the touch point enters the door opening hot zone, the electronic device will not trigger the smart flow service, that is, the "door opening" animation effect will not be triggered.

[0196] refer to Figure 4I-4L, the electronic device 100 can detect the user operation of dragging the image 411 outside the door opening hot zone on the left, and then dragging the image 411 back to the door opening hot zone on the left. After detecting that the touch point of the user's finger on the display screen enters the door opening hot zone for the second time, the electronic device will trigger the smart flow service, that is, trigger the "door opening" animation effect.

[0197] refer to Figure 4L , Figure 4L It shows the menu bar displayed after the electronic device triggers the smart flow service after the user's finger touches the touch point on the display screen and enters the door opening hot zone for the second time.

[0198] It can be seen that after the floating element is generated, if the touch point of the user's finger on the display screen is located in the door opening hot zone for the first time, the smart flow service will not be triggered. The smart flow service will be triggered only when the touch point of the user's finger on the display screen moves out of the door opening hot zone and then enters the door opening hot zone for the second time. The first touch point located in the door opening hot zone here means that the touch point of the user operation used to make the element float in the display screen is located in the door opening hot zone. The door opening hot zones where the two touch points are located can be the door opening hot zone on the left side of the display screen and the door opening hot zone on the right side, respectively, or they can both be the door opening hot zones on the same side.

[0199] In this way, the user can more easily and conveniently choose to trigger the smart flow service or just move the position of the image 411 on the display screen during the process of dragging the image 411. Figure 4D The door opening hot zone in the image can trigger the intelligent flow service; the user can directly drag the image 411 to Figure 4D The area outside the middle door hot zone can move the position of the image 411 in the display screen.

[0200] In other embodiments, if the electronic device detects a long press operation on image 411 and the touch point of the user's finger on the display screen is outside the door opening hot zone, then after detecting that the user drags image 411 to the door opening hot zone for the first time, the smart flow service can be triggered.

[0201] In the above embodiments, the operation of triggering the smart flow service may include, in addition to the touch point being located in the door opening hot zone, staying in the door opening hot zone for a period of time (e.g., 600ms). The time can be set as needed and is not limited here.

[0202] This is not limited to the screenshot type of data to be transmitted. After the floating elements are generated corresponding to other types of data to be transmitted, any of the above methods can be used to prevent accidental touches.

[0203] Figure 4M-Figure 4R A solution for preventing accidental touches combining the above two methods is shown.

[0204] exist Figure 4M-Figure 4R In the anti-mistouch solution shown, the electronic device reduces the door opening hot zone, and the smart flow service is triggered only after the touch point operated by the user enters the door opening hot zone twice.

[0205] Figure 4M A user interface provided by the electronic device 100 is shown.

[0206] Figure 4N The electronic device 100 detects the Figure 4M After the user operates in the above, the floating control 413 is generated. The specific generation process of the control 413 can be referred to in the previous text. Figure 1A-Figure 1D Related description.

[0207] refer to Figure 4N and Fig.4O There are two corresponding door opening hot zones in the display screen: area 412A enclosed by dotted line L9 and the upper edge E1, left edge E3, and lower edge E2 of the display screen, and area 412B enclosed by dotted line L4 and the upper edge E1, right edge E4, and lower edge E2 of the display screen.

[0208] Compared with the conventional door opening hot zone before the anti-mistouch solution is enabled (such as Figure 1G The width of the door opening hot zone 414A on the left side of the display screen is shorter than the width of the conventional left door opening hot zone, for example Figure 4N The width of the door opening hot zone 414A can be Figure 4C 1 / 2 of the width of the door opening hot zone 412A.

[0209] In some embodiments, the width of the door opening hot zone 414B on the right side of the display screen may also be shorter than the width of a conventional right door opening hot zone, for example, Figure 4N The width of the door opening hot zone 414B can be Figure 4C 1 / 2 of the width of the door opening hot zone 412B.

[0210] like Figure 4N As shown, when the electronic device 100 detects a long press operation on the control 413, the touch point of the user's finger on the display screen is located in the door opening hot zone 414A on the left side of the display screen. At this time, although the touch point enters the door opening hot zone, the electronic device will not trigger the smart flow service, that is, the "door opening" animation effect will not be triggered.

[0211] refer to Figure 4N-Figure 4R , the electronic device 100 can detect the user operation of dragging the control 413 outside the left door opening hot zone and then dragging the control 413 back to the left door opening hot zone. Figure 4RAfter detecting that the user's finger touches the touch point on the display screen for the second time and enters the door opening hot zone, the electronic device will trigger the smart flow service, that is, trigger the "door opening" animation. For the definition of the first and second entry into the door opening hot zone, please refer to the relevant introduction in the previous article.

[0212] In some embodiments, after the electronic device 100 generates a floating control 413, the width of the door opening hot zone is shortened, and the smart flow service is triggered only after entering the door opening hot zone twice. Either one of them can be executed, but not both.

[0213] In some embodiments, the electronic device 100 can execute the above-mentioned anti-mistouch scheme combining the two methods for a scenario where the data to be transmitted is text and the position of the text in the user interface can be dragged. Such scenarios are usually provided by text editing applications, so the electronic device can execute the above-mentioned anti-mistouch scheme when it recognizes that a text editing application is currently started, or when it recognizes that the foreground application is a text editing application. For example, the above-mentioned anti-mistouch scheme can be executed for the text in the memo. Specifically, after the electronic device 100 recognizes that it is currently in the above-mentioned scenario, it can execute the above-mentioned anti-mistouch scheme.

[0214] In an embodiment of the present application, a scenario for executing the above-mentioned anti-mistouch solution combining the two methods can be provided by a fifth application, and the fifth application can include a text editing application.

[0215] This is not limited to text-type data to be transmitted. After the corresponding floating elements are generated for other types of data to be transmitted, the above-mentioned shortening of the width of the door opening hot zone and the combination of entering the door opening hot zone twice to trigger the smart flow service can also be used to prevent accidental touches.

[0216] Window Avoidance

[0217] One type of floating element is a floating window. A floating window can be obtained based on a split-screen operation and can float on top of other user interfaces.

[0218] When the floating element is a floating window, there is also a corresponding door opening hotspot on the display screen. The interaction between the user and the floating window involves the avoidance between the intelligent flow service and the smart flow service, which is explained in different situations below.

[0219] Dragging the floating window does not trigger the smart flow service

[0220] Figure 5A It is a user interface provided by the electronic device 100 in a split-screen scenario. Figure 5A As shown, the user interface simultaneously displays contents provided by two applications, including a user interface provided by a gallery application at the bottom layer, and a window 511 provided by a note application suspended at the upper layer.

[0221] refer to Figure 5A-Figure 5B , the electronic device 100 can detect the user's dragging operation on any position of the window 511 or on the horizontal bar at the top of the window 511, and then adjust the position of the window 511 in the display screen in real time according to the movement trajectory of the user's dragging operation. In this process, even if the touch point of the dragging operation moves to the door opening hot zone, the electronic device 100 will not trigger the smart flow service, but only adjust the position of the window 511 in the display screen.

[0222] Prevent accidental touch in floating window scenario

[0223] refer to Figure 5C , the user interface provided by the lower layer gallery displays one or more icons, and one icon corresponds to an image (such as a photo or video, etc.). Figure 5C-5D As shown, the electronic device can detect a user operation (such as a click operation) acting on one or more icons. In response to the operation, the electronic device 100 selects the corresponding icon and displays a selected mark on the selected icon.

[0224] refer to Figure 5D-5E After selecting one or more icons, the electronic device 100 may detect a long press operation on the screen. In response to the above operation, the electronic device 100 may display a suspended control 512. The control 512 may include a preview or thumbnail of the selected icon, and a superscript (e.g., "2") in the upper right corner, which is used to indicate the number of selected icons, that is, the number of selected images.

[0225] refer to Figure 5E , there are two corresponding door opening hot zones in the display screen, namely the door opening hot zone on the left side of the display screen and the door opening hot zone on the right side.

[0226] like Figure 5E-5F As shown, the electronic device can detect the operation of dragging the control 512 to the door opening hot zone on the right, and in response to the operation, the electronic device can start the smart flow service. Figure 5G In response to the control 512 being dragged to the right door opening hot zone, the electronic device displays a menu bar including icons of multiple candidate applications on the right side of the display screen, and adjusts the original user interface to a perspective style. In some embodiments, the electronic device can start the smart flow service after detecting that the touch point of the finger dragging the control 512 stays in the right door opening hot zone for a period of time. Figure 5G As shown, the touch point of the user's finger is still in the hover magnification hot zone, so the icons of the candidate applications in the menu bar also show a hover animation effect.

[0227] like Figure 5G-Figure 5HAs shown, the electronic device can detect that the control 512 continues to be dragged from the right door opening hot zone to the partial area in the middle of the display screen, which is outside the hover zoom hot zone and the door closing hot zone, so the electronic device 100 stops displaying the approach hover animation. Figure 1H , the sizes of the icons in the menu bar 116 are the same and are the basic size.

[0228] like Figure 5H-Figure 5I As shown, the electronic device can detect the operation of continuing to drag the control 512 to the door closing hot zone on the left side of the display screen. Figure 5J In response to this operation, the electronic device will shut down the smart flow service, that is, the menu bar will no longer be displayed, and the door opening effect will no longer be presented.

[0229] like Figure 5J-Figure 5L As shown, after detecting the user operation of continuing to drag control 512 to window 511 and releasing it, electronic device 100 can send the image corresponding to control 512 to the note application corresponding to window 511. Then, electronic device 100 can display the image corresponding to the selected icon in window 511.

[0230] Figure 5C-5L The example shown can provide users with a quick and convenient way to close the smart flow service after the user accidentally starts the smart flow service, and it can also not interrupt the user's next operation. Specifically, suppose the user Figure 5E The original purpose of dragging control 512 in the example is to drag control 512 into window 511 so as to send the image corresponding to control 512 to the note application. However, the user mistakenly drags control 512 into window 511. Fig. 5F The electronic device then displays the following information: Figure 5G The "open door" effect shown. However, Figure 5G The "door opening" effect shown is not the result that the user wants, so the user can continue to drag the control 512 to the door closing hot zone on the left side of the display screen to turn off the "door opening" effect. In addition, after turning off the "door opening" effect, the user can continue to drag the control 512 and drag it to the window 511 and release it to complete the data transmission, thereby achieving the original purpose. In this process, although the user accidentally triggered the smart flow service, the user can turn off the smart flow service by continuously dragging the control 512 and achieve the original purpose. In this process, the user continues to drag the control 512, that is, the user can avoid misoperation simply, conveniently and quickly, and can achieve the original purpose without leaving the finger on the display screen.

[0231] In the embodiment of the present application, the door opening hot zone may also be referred to as the second zone, and the area outside the door opening hot zone may be referred to as the first zone, and the first zone and the second zone do not overlap.

[0232] For example, the second region may include Figure 1G-1H The first area may include the door opening hot zone 115A and the door opening hot zone 115B. Figure 1G-1H Other display screen areas outside the middle door opening hot zone 115A and the door opening hot zone 115B.

[0233] For another example, the second region may include Figure 4C-Figure 4R The first area may include the door opening hot zone 412A and the door opening hot zone 412B. Figure 4C-Figure 4R Other display screen areas outside the middle door opening hot zone 412A and the door opening hot zone 412B.

[0234] For another example, the second region may include Fig. 5F The left door opening heat zone and the right door opening heat zone shown in the figure, the first area may include Fig. 5F Other display screen areas except the left door opening hot zone and the right door opening hot zone.

[0235] In the embodiment of the present application, the light guide hot zone may also be referred to as the third area, and the third area includes the second area. For examples of the light guide hot zone, reference may be made to the introduction of the above UI embodiment.

[0236] In the embodiment of the present application, the hover zoom hot zone can also be referred to as the fourth area, and the fourth area includes the second area on the side where the menu bar is located, or includes the second area where the touch end point of the first drag operation or the third drag operation is located. For examples of hover zoom hot zones, please refer to the introduction of the previous UI embodiment. For the first drag operation and the third drag operation, please refer to the subsequent description.

[0237] The second area on the side where the menu bar is located, or the second area where the touch endpoint of the first drag operation or the third drag operation is located, refers to a partial area in the second area, such as an area on one side. For example, the partial area in the second area may include Figure 1G-1H The door opening hot zone 115B shown, Figure 4C-4F The door opening hot zone 412B shown, Figure 4H-4R The door opening hot zone 412A shown, Figure 5G The right side door opening hot zone shown, etc.

[0238] In the embodiment of the present application, the area other than the hover zoom hot zone and the door closing hot zone in the display screen may also be referred to as the fifth area. Examples of the fifth area may include Figure 1J Hover zoom in on the area outside the hot zone 117 and the door closing hot zone 118, or, Figure 5H Hover to zoom in on the area outside the hot zone and the closed hot zone.

[0239] In the embodiment of the present application, the door closing hot zone may also be referred to as the sixth zone. For examples of the door closing hot zone, reference may be made to the introduction of the above UI embodiment.

[0240] In the embodiment of the present application, the floating element may be referred to as a first element, and the user interface displaying the floating element may be referred to as a first interface.

[0241] For example, examples of the first interface may include Figure 1D In the interface shown, examples of the first element may include Figure 1D A control 112 in a suspended state.

[0242] For another example, the first interface may include Figure 4B-4D ,or Figure 4G ,or Figure 4H-Figure 4I In the interface shown, examples of the first element may include Figure 4B-4D ,or Figure 4G ,or Figure 4H-Figure 4I Image 411 in.

[0243] For another example, the first interface may include Figure 4N In the interface shown, examples of the first element may include Figure 4N Control 413 in suspended state.

[0244] For another example, the first interface may include Figure 5E In the interface shown, examples of the first element may include Figure 5E Control 512 in suspended state.

[0245] In the embodiment of the present application, the data corresponding to the floating element may be referred to as first data.

[0246] For example, examples of the first data may include Figure 1C The selected text in , or Figure 4A A screenshot of the user interface shown, or Figure 5D The image corresponding to the selected icon in .

[0247] The application providing the first interface may be referred to as the sixth application, for example Figure 1A , Figure 4A The browser application shown, Figure 4M The memo application shown, Figure 5C The gallery application shown, etc.

[0248] In the embodiment of the present application, before the floating element is displayed, the user interface used to generate the floating element can be referred to as a second interface.

[0249] For example, examples of the second interface may include Figure 1A-Figure 1C The user interface shown in Figure 1A-Figure 1CIn the user interface of , the text selected by the user can be called the first text.

[0250] For another example, the second interface may include Figure 4A The user interface shown.

[0251] For another example, the second interface may include Figure 5C-5D The user interface shown in Figure 5C-5D In the user interface shown, the selected icon may be referred to as an icon of the first image, and the unselected icon may be referred to as an icon of the second image.

[0252] In the embodiment of the present application, multiple drag operations on the first element may be included. Among them:

[0253] The dragging operation on the first element used to trigger the smart flow service or the door opening effect may include the following two types:

[0254] 1. A first drag operation, in which a touch start point of the first drag operation is on a first element and located in a first area of ​​the display screen, and a touch end point is located in a second area of ​​the display screen.

[0255] For example, examples of the first drag operation may include Figure 1D-1G The operation shown is to drag the control 112 from other display screen areas outside the door opening hot zone 115A and the door opening hot zone 115B to the door opening hot zone 115B.

[0256] For another example, the first drag operation may include: Figure 4D-Figure 4E The operation shown is to drag the image 411 from other display screen areas outside the door opening hot zone 412A and the door opening hot zone 412B to the door opening hot zone 412B.

[0257] 2. A third drag operation, wherein the touch start point of the third drag operation is on the first element and located in the second area, the touch end point is located in the second area, and the track of the third drag operation passes through the first area.

[0258] For example, examples of the third drag operation may include Figure 4I-Figure 4K The operation shown is to drag the control 112 from the door opening hot zone 412A to the non-door opening area, and then drag it to the door opening hot zone 412A.

[0259] For another example, the third drag operation may include: Figure 4N-Figure 4Q The operation shown is to drag the control 413 from the door opening hot zone 414A to the non-door opening area, and then drag it to the door opening hot zone 414A.

[0260] The dragging operation on the first element that is not used to trigger the smart flow service or the door opening effect may include a second dragging operation. The touch start point of the second dragging operation is on the first element and located in the second area, the touch end point is located in the second area of ​​the display screen, and the track of the second dragging operation is located in the second area.

[0261] For example, an example of the second drag operation may include Figure 1D-1G Drag operation in the door opening hot zone 115A or the door opening hot zone 115B, or Figure 4D-Figure 4E Drag operation in the door opening hot zone 412A or the door opening hot zone 412B, or Figure 4I-Figure 4K Drag operation in the door opening hot zone 412A or the door opening hot zone 412B, or Figure 4N-Figure 4Q Drag operation within the middle door opening hot zone 414A or the door opening hot zone 414B.

[0262] The touch start point and touch end point of the above-mentioned first drag operation, second drag operation, and third drag operation only represent the start and end positions of the corresponding drag operation. The touch start point does not necessarily mean that the user's finger touches the display screen at the start time of the drag operation, and the touch end point does not necessarily mean that the user's finger leaves the display screen at the end time of the drag operation. That is, before the first drag operation, the second drag operation, and the third drag operation, there may be other operations that continuously and continuously touch the display screen, and of course there may be no other operations that continuously and continuously touch the display screen. After the first drag operation, the second drag operation, and the third drag operation, there may be other operations that continuously and continuously touch the display screen.

[0263] In the embodiment of the present application, the menu bar displayed by the electronic device and including icons of one or more candidate applications may be referred to as the first menu bar. Examples of the first menu bar may include Figure 1H-1K , Figure 1M The menu bar 116 may also include Figure 4F , Figure 4L , Figure 4R , Figure 5G-Figure 5I The menu bar shown in .

[0264] In the embodiment of the present application, after the electronic device displays the first menu bar, it can also detect the operation of continuing to drag the first element into the area where the icon of the candidate application in the first menu bar is located and releasing it. The candidate application can be referred to as the first application. Examples of the first application may include Figure 1M Notes app in .

[0265] In the embodiment of the present application, after the electronic device displays the first menu bar, it can also detect a fourth drag operation of continuing to drag the first element in the fourth area, the touch start point of the fourth drag operation is the same as the touch end point of the first drag operation or the third drag operation, and the touch end point of the fourth drag operation is closest to the icon of the second application in the first menu bar. That is, the fourth drag operation and the first drag operation or the third drag operation are continuous and uninterrupted.

[0266] Examples of the fourth drag operation may include Figure 1H-1I Operation of the drag control 112 is shown.

[0267] When the first menu bar is displayed, in the proximity hover animation, the icon of the candidate application closest to the user's touch point can be called the icon of the second application, the application icons before and after the second application icon can be respectively called the icon of the first application and the icon of the third application, and the icons of other applications can be called icons of the fourth application.

[0268] Fig. 1I The favorites icon, search icon, share icon, and note icon in the menu bar 116 shown may be examples of an icon of a first application, an icon of a second application, an icon of a third application, and an icon of a fourth application, respectively.

[0269] In the embodiment of the present application, after the electronic device detects the fourth drag operation, it can also detect a fifth drag operation of continuing to drag the first element to a fifth area, where the fifth area does not overlap with the fourth area; in response to the fifth drag operation, each icon in the first menu bar is displayed as the basic size. Figure 1I-1J The drag operation shown, or Figure 5G-Figure 5H The drag operation shown.

[0270] The touch start point of the fifth drag operation is the same as the touch end point of the fourth drag operation, that is, the fifth drag operation and the fourth drag operation are continuous and uninterrupted.

[0271] In an embodiment of the present application, after the electronic device displays the first menu bar, it can also detect a sixth drag operation of dragging the first element to a sixth area, the sixth area and the second area do not overlap, and the sixth area is located on the opposite side of the first menu bar in the display screen; in response to the sixth drag operation, the first menu bar stops being displayed.

[0272] Examples of the sixth drag operation may include Figure 1H-1K The drag operation shown, or Figure 5G-Figure 5I The drag operation shown.

[0273] In an embodiment of the present application, in response to the above-mentioned solution of preventing accidental touch by reducing the door opening hot zone, the electronic device can display a third interface, wherein the third interface includes a second element; a drag operation on the second element is detected; when the drag operation is a seventh drag operation, the touch starting point of the seventh drag operation is on the second element and located in the seventh area of ​​the display screen, and the touch end point is located in the eighth area of ​​the display screen, and the second menu bar is displayed; when the drag operation is an eighth drag operation, the touch starting point of the eighth drag operation is on the second element and located in the eighth area, the touch end point is located in the eighth area of ​​the display screen, the trajectory of the eighth drag operation passes through the seventh area, and the second menu bar is displayed; when the drag operation is not the seventh drag operation or the eighth drag operation, the second menu bar is not displayed; wherein the eighth area is a partial area of ​​the second area.

[0274] Among them, the eighth area is the reduced door opening hot zone, and the seventh area is the display screen area outside the reduced door opening hot zone.

[0275] For example, refer to Figure 4G The eighth area includes the door opening hot zone 412A and the door opening hot zone 412B, and the seventh area includes the display screen area outside the door opening hot zone 412A and the door opening hot zone 412B.

[0276] For example, refer to Figure 4N-Figure 4R The eighth area includes the door opening hot zone 412A and the door opening hot zone 412B, and the seventh area includes the display screen area outside the door opening hot zone 412A and the door opening hot zone 412B.

[0277] The electronic device provided by the embodiments of the present application is introduced below.

[0278] Figure 6 The hardware structure diagram of the electronic device 100 provided in the embodiment of the present application is shown. The electronic device 100 is used to execute the data sharing method provided in the above method embodiment.

[0279] The electronic device 100 may include a processor 101, a memory 102, a wireless communication module 103, a mobile communication module 104, an antenna 103A, an antenna 104A, a power switch 105, a sensor module 106, a focus motor 107, a camera 108, a display screen 109, etc. Among them, the sensor module 106 may include a gyroscope sensor 106A, an acceleration sensor 106B, an ambient light sensor 106C, an image sensor 106D, a distance sensor 106E, etc. Among them, the wireless communication module 103 may include a WLAN communication module, a Bluetooth communication module, etc. The above multiple parts can transmit data through a bus.

[0280] The processor 101 may include one or more processing units, for example, the processor 101 may include an application processor (AP), a modem processor, a graphics processor (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. Different processing units may be independent devices or integrated into one or more processors.

[0281] The memory 102 may be used to store computer executable program codes, and the executable program codes may include instructions. The processor 101 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the memory 102. The memory 102 may include a program storage area and a data storage area. In a specific implementation, the memory 902 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more disk storage devices, flash memory devices, or other non-volatile solid-state storage devices.

[0282] The wireless communication function of the electronic device 100 can be implemented through the antenna 103A, the antenna 104A, the mobile communication module 104, the wireless communication module 103, the modem processor and the baseband processor.

[0283] Antenna 103A and antenna 104A can be used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antennas.

[0284] The mobile communication module 104 can provide wireless communication solutions including 2G / 3G / 4G / 5G etc. applied on the electronic device 100 .

[0285] The wireless communication module 103 can provide wireless communication solutions including wireless local area networks (WLAN), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc. for application in the electronic device 100.

[0286] The power switch 105 may be used to control the supply of power to the electronic device 100 .

[0287] The electronic device 100 can realize the shooting function through the ISP, the camera 108, the video codec, the GPU, the display screen 109 and the application processor.

[0288] The electronic device 100 can realize the display function through a GPU, a display screen 109, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 109 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 101 may include one or more GPUs, which execute program instructions to generate or change display information.

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

[0290] It is to be understood that the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or separate some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0291] In the embodiment of the present application, the display screen 109 is used to display the previous Figure 1A-Figure 1N , Figure 4A-4M , Figure 5A-5K The user interface shown. The display screen 109 can also be used to receive user operations performed by the user on the display screen. The processor 101 is used to respond to user operations detected by the electronic device 100, determine the locations of various hot zones, and respond to user operations performed by the user on various hot zones to trigger functions corresponding to the hot zones. The operations performed by each device in the electronic device 100 can be specifically referred to the relevant description of the method embodiment above, which will not be elaborated here.

[0292] The software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. The present application embodiment takes a mobile operating system with a layered architecture as an example to exemplify the software structure of the electronic device 100.

[0293] Figure 7 It is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

[0294] The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the mobile operating system is divided into four layers, from top to bottom: application layer, application framework layer / core service layer, system library and runtime, and kernel layer.

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

[0296] like Figure 7 As shown, the application package may include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

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

[0298] like Figure 7 As shown, the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, and the like.

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

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

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

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

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

[0304] The notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications of applications running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is displayed in the status bar, a prompt sound is emitted, an electronic device vibrates, an indicator light flashes, etc.

[0305] The runtime can refer to all code libraries, frameworks, etc. required for the program to run. For example, for the C language, the runtime includes a series of function libraries required for the C program to run. For the Java language, in addition to the core library, the runtime also includes the virtual machine required for the Java program to run. The above core library may include the function functions that the Java language needs to call.

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

[0307] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.

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

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

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

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

[0312] It should be understood that each step in the above method embodiment can be completed by an integrated logic circuit of hardware in a processor or by instructions in the form of software. The method steps disclosed in the embodiments of the present application can be directly embodied as being executed by a hardware processor, or by a combination of hardware and software modules in a processor.

[0313] The present application also provides an electronic device, which may include: a memory and a processor. The memory may be used to store a computer program; the processor may be used to call the computer program in the memory so that the electronic device executes the method executed by the electronic device side in any of the above embodiments.

[0314] The present application also provides an electronic device, which may include: a memory and a processor. The memory may be used to store a computer program; the processor may be used to call the computer program in the memory so that the electronic device executes the method executed by the electronic device side in any of the above embodiments.

[0315] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the electronic device side in any of the above embodiments.

[0316] In one possible design, the chip system also includes a memory, which is used to store program instructions and data, and the memory is located inside or outside the processor.

[0317] The chip system may be composed of the chip, or may include the chip and other discrete devices.

[0318] Optionally, the processor in the chip system may be one or more. The processor may be implemented by hardware or by software. When implemented by hardware, the processor may be a logic circuit, an integrated circuit, etc. When implemented by software, the processor may be a general-purpose processor implemented by reading software code stored in a memory.

[0319] Optionally, the memory in the chip system may also be one or more. The memory may be integrated with the processor or may be separately arranged with the processor, which is not limited in the embodiments of the present application. Exemplarily, the memory may be a non-transient processor, such as a read-only memory ROM, which may be integrated with the processor on the same chip or may be arranged on different chips respectively. The embodiments of the present application do not specifically limit the type of memory and the arrangement of the memory and the processor.

[0320] Exemplarily, the chip system can be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on chip (SoC), a central processor unit (CPU), a network processor (NP), a digital signal processor (DSP), a microcontroller unit (MCU), a programmable logic device (PLD) or other integrated chips.

[0321] The present application also provides a computer program product, which includes: a computer program (also referred to as code, or instruction), which, when executed, enables a computer to execute the method executed by the electronic device side in any of the above embodiments.

[0322] The present application also provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program (also referred to as code or instruction). When the computer program is executed, the computer executes the method executed by the electronic device side in any of the above embodiments.

[0323] The various implementation modes of the present application can be combined arbitrarily to achieve different technical effects.

[0324] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, computer, server or data center to another website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) mode. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state disk (SSD)), etc.

[0325] Those skilled in the art can understand that to implement all or part of the processes in the above-mentioned embodiments, the processes can be completed by computer programs to instruct related hardware, and the programs can be stored in computer-readable storage media. When the programs are executed, they can include the processes of the above-mentioned method embodiments. The aforementioned storage media include: ROM or random access memory RAM, magnetic disk or optical disk and other media that can store program codes.

[0326] In short, the above description is only an embodiment of the technical solution of this application, and is not intended to limit the protection scope of this application. Any modification, equivalent replacement, improvement, etc. made according to the disclosure of this application shall be included in the protection scope of this application.

Claims

1. A data sharing method, characterized in that: The method comprises: Displaying a first interface, wherein the first interface includes a first element; A drag operation on the first element is detected; When the drag operation is a first drag operation, the touch start point of the first drag operation is on the first element and located in a first area of ​​the display screen, the touch end point is located in a second area of ​​the display screen, a first menu bar is displayed, the first menu bar includes an icon of a first application and an icon of a second application, and the first area and the second area do not overlap; After detecting that the first element is continued to be dragged into the area where the icon of the first application is located and released, sharing the first data corresponding to the first element to the first application; When the drag operation is a second drag operation, the touch start point of the second drag operation is on the first element and located in the second area, the touch end point is located in the second area of ​​the display screen, and the track of the second drag operation is located in the second area, the first menu bar is not displayed; When the drag operation is the third drag operation, the touch start point of the third drag operation is on the first element and located in the second area, the touch end point is located in the second area, and the track of the third drag operation passes through the first area to display the first menu bar.

2. The method according to claim 1, characterized in that When the drag operation is a first drag operation, in response to the first drag operation, displaying the first menu bar; When the drag operation is a second drag operation, the first menu bar is not displayed in response to the second drag operation; When the drag operation is a third drag operation, the first menu bar is displayed in response to the third drag operation.

3. The method according to claim 1 or 2, characterized in that: When the drag operation is a first drag operation, the first menu bar is displayed after the touch end point of the first drag operation stays in the second area for a first time period; When the drag operation is a second drag operation, after the touch end point of the second drag operation stays in the second area for the first time period, the first menu bar is not displayed; When the drag operation is the third drag operation, the first menu bar is displayed after the touch end point of the third drag operation stays in the second area for the first time period.

4. The method according to any one of claims 1 to 3, characterized in that: The first dragging operation and the operation of continuing to drag the first element into the area where the icon of the first application is located and releasing the element are continuous and uninterrupted.

5. The method according to any one of claims 1 to 4, characterized in that: Before displaying the first interface, the method further includes: Displaying a second interface, wherein the second interface includes text; Detecting an operation of selecting a first text among the texts, displaying a toolbar on the first text, the toolbar including a plurality of controls for processing the first text; The displaying of the first interface includes: Upon detecting a long press operation on the first text, stopping displaying the toolbar and displaying the first interface; The first element includes a preview image of the first text, and the first data includes the first text.

6. The method according to any one of claims 1 to 4, characterized in that: Before displaying the first interface, the method further includes: When the second interface is displayed, a screenshot operation is detected; The displaying of the first interface includes: In response to the screenshot operation, the first interface is displayed, the first element includes a preview image of the screenshot image of the second interface, and the first data includes the screenshot image.

7. The method according to any one of claims 1 to 4, characterized in that: Before displaying the first interface, the method further includes: displaying a second interface, the second interface including an icon of the first image and an icon of the second image; detecting an operation of selecting the icon of the first image; The displaying of the first interface includes: Detecting a long press operation on the icon of the first image, and displaying the first interface; The first element includes a preview image of an icon of the first image, and the first data includes the first image.

8. The method according to any one of claims 1 to 7, characterized in that: The first menu bar and the second area where the touch endpoint of the first drag operation or the third drag operation is located are on the same side of the display screen.

9. The method according to any one of claims 1 to 8, characterized in that: The method further comprises: When the dragging operation is the first dragging operation, or when the dragging operation is the third dragging operation, when the first menu bar is displayed, the first interface is also adjusted to a perspective style of a first side, where the first side is a side of the first menu bar in the display screen.

10. The method according to any one of claims 1 to 8, characterized in that: The first interface also includes a video being played, and the method further includes: When the dragging operation is the first dragging operation, or when the dragging operation is the third dragging operation, when the first menu bar is displayed, a screenshot image of the first interface is displayed, and the screenshot image of the first interface is displayed in a perspective style of a first side, where the first side is a side of the first menu bar in the display screen.

11. The method according to any one of claims 1 to 10, characterized in that: The second area includes: a rectangular area at the left edge of the display screen, and a rectangular area at the right edge of the display screen, and the height of the rectangular area is the same as the height of the display screen.

12. The method according to any one of claims 1 to 11, characterized in that: When the drag operation is a first drag operation, a track of the first drag operation passes through the third area, and the third area includes the second area; The method further comprises: In response to an operation of dragging the first element to the third area in the first drag operation, displaying a light strip, wherein the light strip and the first menu bar are located on the same side of the display screen; The displaying of the first menu bar comprises: In response to an operation of dragging the first element to the third area and then to the second area in the first drag operation, the light band is stopped from being displayed and a first menu bar is displayed.

13. The method according to claim 12, characterized in that The third area includes: a rectangular area at the left edge of the display screen, and a rectangular area at the right edge of the display screen. The height of the third area is the same as the height of the display screen.

14. The method according to any one of claims 1 to 13, characterized in that: The first menu bar further includes an icon of a third application and an icon of a fourth application, and the icon of the first application, the icon of the second application, the icon of the third application, and the icon of the fourth application are arranged in sequence from top to bottom; after displaying the first menu bar, the method further includes: A fourth drag operation of continuing to drag the first element within a fourth area is detected, the fourth area includes the second area where a touch endpoint of the first drag operation or the third drag operation is located, a touch start point of the fourth drag operation is the same as a touch endpoint of the first drag operation or the third drag operation, and the touch endpoint of the fourth drag operation is closest to an icon of the second application in the first menu bar; In response to the fourth drag operation, the icon of the fourth application is displayed as a basic size, the icon of the second application is displayed as a size enlarged by a first ratio on the basic size, and the icon of the first application and the icon of the third application are displayed as sizes enlarged by a second ratio on the basic size; the first ratio is larger than the second ratio.

15. The method according to claim 14, characterized in that The fourth area includes: a rectangular area including the second area where the touch endpoint of the first drag operation or the third drag operation is located, and a height of the fourth area is the same as a height of the display screen.

16. The method according to claim 14 or 15, characterized in that After detecting a fourth drag operation of continuing to drag the first element within a fourth area, the method further includes: detecting a fifth drag operation of continuing to drag the first element to a fifth area, wherein the fifth area does not overlap with the fourth area; In response to the fifth drag operation, each icon in the first menu bar is displayed as the basic size.

17. The method according to any one of claims 1 to 16, characterized in that: When the drag operation is the first drag operation, or when the drag operation is the third drag operation, after displaying the first menu bar, the method further includes: detecting a sixth drag operation of continuing to drag the first element to a sixth area, the sixth area not overlapping the second area, and the sixth area being located on an opposite side of the first menu bar in the display screen; In response to the sixth drag operation, the first menu bar stops being displayed.

18. The method according to any one of claims 1 to 17, characterized in that: The method further comprises: Displaying a third interface, wherein the third interface includes the second element; A drag operation on the second element is detected; When the drag operation is the seventh drag operation, the touch start point of the seventh drag operation is on the second element and located in the seventh area of ​​the display screen, the touch end point is located in the eighth area of ​​the display screen, the second menu bar is displayed, and the seventh area and the eighth area do not overlap; When the drag operation is an eighth drag operation, the touch start point of the eighth drag operation is on the second element and located in the eighth area, the touch end point is located in the eighth area of ​​the display screen, and the track of the eighth drag operation passes through the seventh area, and the second menu bar is displayed; When the drag operation is not the seventh drag operation or the eighth drag operation, not displaying the second menu bar; The eighth region is a partial region of the second region.

19. The method according to claim 18, characterized in that The eighth area includes: a rectangular area at the left edge of the display screen, and a rectangular area at the right edge of the display screen; the height of the eighth area is the same as the height of the second area, and the width of the eighth area is half of the width of the second area.

20. The method according to claim 18 or 19, characterized in that The third interface is provided by a fifth application, and the fifth application includes a text editing application.

21. The method according to any one of claims 1 to 20, characterized in that: The second area when the display screen is in a horizontal state is different from the second area when the display screen is in a vertical state.

22. The method according to any one of claims 1 to 21, characterized in that: The first interface is provided by a sixth application, and the sixth application is different from the first application.

23. An electronic device, characterized in that: It comprises one or more processors and one or more memories; wherein, the one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program codes, and the computer program codes include computer instructions, and when the one or more processors execute the computer instructions, the method as described in any one of claims 1-22 is executed.

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

Images