Patent Grant
11868605
This is a National Stage of International Patent Application No. PCT/CN2020/122953 filed on Oct. 22, 2020, which claims priority to Chinese Patent Application No. 201911014359.3 filed on Oct. 23, 2019 and Chinese Patent Application No. 201911109041.3 filed on Nov. 13, 2019. All of the aforementioned patent applications are hereby incorporated by reference in their entireties.
The present invention relates to the field of graphical user interface interaction technologies, and in particular, to an application bar display method and an electronic device.
With development of mobile communications technologies, mobile electronic devices (such as a smartphone, a tablet computer, a wearable device, and a smart TV) have gradually become indispensable in people's daily life, work, and entertainment. People may use the mobile electronic devices listed above to implement functions such as instant messaging, voice communications, file processing, shopping, and listening to music. Especially, a tablet computer, a foldable-screen device, and the like appear on the market, and these large-screen electronic devices bring great convenience to multi-window interaction. For example, on the foldable-screen device, a user may have a video chat with a friend while reading news, or view information about a commodity on an e-commerce platform while performing an operation such as price comparison on the commodity on another e-commerce platform. However, to implement a multi-window interaction operation, the user needs to find an application that supports multi-window interaction, start the application, and then perform multi-window interaction in the forms listed above.
Therefore, how to conveniently, quickly, and stably trigger the multi-window interaction operation on the large-screen electronic devices such as the foldable-screen device and the tablet computer becomes an urgent problem to be resolved.
Embodiments of the present invention provide an application bar display method and an electronic device. By using the foregoing method or the electronic device, an application bar can be conveniently invoked, so that a user quickly starts an application.
To achieve the foregoing objective, the following solutions are provided in embodiments of the present invention.
According to a first aspect, the present invention provides an application bar display method. An electronic device displays an application interface of a first application on a display, and receives a first slide gesture that goes from a first point to a second point and that is entered by a user. The first point is in a first area on the display, the second point is on the display and outside the first area, the first area is located on a first edge, the first edge is any edge of the display, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold. The electronic device displays a first identifier on the first edge in response to the first slide gesture. In response to the fact that a touch point of the user leaves the display when the first slide gesture goes to the second point, the electronic device displays a second interface on the display. The second interface is an interface previous to a first interface or a home screen of the electronic device. The electronic device receives a second slide gesture entered by the user. The second slide gesture goes from the first point to the second point. The electronic device displays the first identifier on the first edge in response to the second slide gesture. The electronic device receives a third slide gesture entered by the user. The third slide gesture goes from the second point to a third point, the third point is on the display, and a straight-line distance between the third point and the first point is greater than the second threshold and less than a third threshold. In processes of performing the second slide gesture and the third slide gesture, the touch point of the user does not leave the display. The electronic device displays a first application bar on the first edge in response to the third slide gesture. The first application bar includes N1 application icons, and N1 is a positive integer. The electronic device receives a fourth slide gesture entered by the user. The fourth slide gesture goes from the third point to a fourth point, the fourth point is on the display, and a straight-line distance between the fourth point and the first point is greater than the third threshold. In processes of performing the third slide gesture and the fourth slide gesture, the touch point of the user does not leave the display. The electronic device displays a second application bar on the first edge in response to the fourth slide gesture. The second application bar includes N2 application icons, N2 is a positive integer, and N2 is greater than N1.
By using the foregoing method, the user may invoke, through continuous sliding, the first application bar and the second application bar that includes more application icons than the first application bar, to help the user perform an operation on an application icon included in the first application bar or the second application bar to quickly start an application. In addition, the foregoing method is further combined with a return function. After the first identifier appears, for example, when the first slide gesture goes to the second point, if the touch point of the user leaves a screen, the electronic device performs the return function, for example, displays the interface previous to the first interface on the display, or the electronic device may perform a function of returning to the home screen, for example, displays the home screen of the electronic device on the display. This facilitates a user operation.
With reference to the first aspect, in a first possible implementation, the second application bar includes a second application icon corresponding to a second application, and the electronic device may receive a tap operation, a touch and hold operation, or a drag operation performed by the user on the second application icon, and display an application interface of the second application on the display in response to a first operation.
With reference to the first aspect and the possible implementation of the first aspect, in a second possible implementation, the electronic device displays a third interface over the first interface in a floating window form, or simultaneously displays the first interface and a third interface on the display in a split screen form. Regardless of whether the third interface is displayed in a floating window form or in a split screen form, it can be convenient for the user to simultaneously browse the application interface of the second application and another interface, for example, the application interface of the first application.
With reference to the first aspect and the possible implementations of the first aspect, in a third possible implementation, the electronic device receives a tap operation, a touch-and-hold operation, or a drag operation performed by the user on the third interface, and in response to a second operation, the electronic device switches, on the display, a method for displaying the third interface, for example, switches from a floating window form to a split screen form, or switches from a split screen form to a floating window form.
With reference to the first aspect and the possible implementations of the first aspect, in a fourth possible implementation, the N2 application icons include the N1 application icons. In other words, the application icons in the second application bar include the icons in the first application bar. In this way, the second application bar may be considered as an extension of the first application bar.
With reference to the first aspect and the possible implementations of the first aspect, in a fifth possible implementation, when the electronic device detects that the first slide gesture goes to a fifth point, a sixth point, or a seventh point, the electronic device generates a feedback prompt. The feedback prompt includes any one or a combination of a vibration feedback prompt, a sound feedback prompt, a voice feedback prompt, and an image feedback prompt. The fifth point, the sixth point, and the seventh point are on the display, a straight-line distance between the fifth point and the first point is equal to the first threshold, a straight-line distance between the sixth point and the first point is equal to the second threshold, and a straight-line distance between the seventh point and the first point is equal to the third threshold. In this way, a function of prompting the user can be implemented, and when a sliding distance reaches a threshold, a feedback can be provided for the user.
With reference to the first aspect and the possible implementations of the first aspect, in a sixth possible implementation, in a process in which the first slide gesture received by the electronic device goes from the first point to the fifth point, a first visual element that is displayed by the electronic device and that is located on the first edge gradually expands to the first identifier. In a process in which the first slide gesture received by the electronic device goes from the fifth point to the sixth point, the first identifier that is displayed by the electronic device gradually expands to the first application bar. In a process in which the first slide gesture received by the electronic device goes from the sixth point to the seventh point, the first application bar that is displayed by the electronic device gradually expands to the second application bar. The fifth point, the sixth point, and the seventh point are on the display, the straight-line distance between the fifth point and the first point is equal to the first threshold, the straight-line distance between the sixth point and the first point is equal to the second threshold, and the straight-line distance between the seventh point and the first point is equal to the third threshold. In this way, an animation transition effect is generated in a sliding process, which can give the user an intuitive feeling, to prompt the user of a slide operation process.
With reference to the first aspect and the possible implementations of the first aspect, in a seventh possible implementation, after the electronic device displays the second application bar on the first edge, the method further includes: When the electronic device detects no operation on the second application bar within a preset duration threshold, the electronic device displays the second application bar with reduced transparency, or the electronic device does not display the second application bar, that is, the second application bar is displayed on the display. This can implement intelligent rollback of an application bar, and improve user experience.
With reference to the first aspect and the possible implementations of the first aspect, in an eighth possible implementation, the first application bar includes a first area and a second area. The first area includes a first-type application icon, and the second area includes a second-type application icon. The first-type application icon may include N3 application icons used by the user within a second duration threshold, and the N3 application icons are presented in the first area in a first sequence. A sorting rule of the first sequence includes any one or a combination of use duration, use frequency, and use date of the user within the second duration threshold. N3 is a positive integer. The second-type application icon may include N4 application icons associated with the first application. The first application is an application corresponding to an application interface displayed by the first interface of the electronic device, and N4 is a positive integer. The second-type application icon may further include N5 application icons that are manually added by the user, and N5 is a positive integer. A manner of manually adding an application icon by the user includes: adding an application icon through the system settings, adding an application icon by using an add button included in an application bar, or adding an application icon or content by dragging a selected application or content to a favorites area when the favorites area is set in the application bar. In this way, the content of the application bar can be automatically added through a system, and can also be manually added by the user. This improves an intelligence degree of the content of the application bar and user experience.
With reference to the first aspect and the possible implementations of the first aspect, in a ninth possible implementation, the N4 application icons associated with the first application and the first application may belong to a same application type, including any one of a shopping type, a video type, a music type, a social type, and an instant messaging type. For example, when the user browses a shopping application A, the application bar is invoked by using the method according to the first aspect, and a shopping application B, a shopping application C, and the like of a same type in the application bar are quickly started for price comparison.
With reference to the first aspect and the possible implementations of the first aspect, in a tenth possible implementation, the electronic device receives a fifth slide gesture entered by the user on the second application bar, and the electronic device displays N6 application icons in the second application bar in response to the fifth slide gesture. N6 is a positive integer, and the N6 application icons are different from at least one of the N2 application icons. In this way, the content of the application bar may be switched through the fifth slide gesture, to display more content.
With reference to the first aspect and the possible implementations of the first aspect, in an eleventh possible implementation, if the user point of the user leaves the screen when the third slide gesture goes to the third point, the electronic device receives a fourth slide gesture entered by the user on the first application bar, that is, a start point of the fourth slide gesture is on the first application bar, and then the electronic device also displays the second application bar on the first edge.
According to a second aspect, the present invention provides another application bar display method. The method includes the following steps.
An electronic device displays an application interface of a first application on a display, and receives a first slide gesture that goes from a first point to a second point and that is entered by a user, where the first point is in a first area on the display, the second point is on the display and outside the first area, the first area is located on a first edge, the first edge is any edge of the display, and a straight-line distance between the second point and the first point is greater than a first threshold and is less than a second threshold. The electronic device displays a first identifier on the first edge in response to the first slide gesture. When duration for which a touch point of the user stays at the second point is greater than or equal to a preset duration threshold, the electronic device displays a first application bar on the first edge, where the first application bar includes N1 application icons, and N1 is a positive integer. In this way, different functions may be implemented through staying in specific areas, to overcome a disadvantage that fingers of different users cannot conveniently slide for a specific distance due to lengths of the fingers. This can effectively improve user experience. Same as that in the first aspect, the first identifier also indicates a return function or a function of returning to a home screen.
With reference to the second aspect, in a first implementation, the electronic device receives a second slide gesture that is entered by the user and that starts from the second point. In the processes of performing the first slide gesture and the second slide gesture, the touch point of the user does not leave the display. The electronic device displays a second application bar on the first edge in response to the second slide gesture. The second application bar includes N2 application icons, N2 is a positive integer, N2 is greater than N1, and the N2 application icons include the N1 application icons. In this way, different functions may be implemented through staying in specific areas, to overcome a disadvantage that fingers of different users cannot conveniently slide for a specific distance due to lengths of the fingers. This can effectively improve user experience.
With reference to the second aspect and the possible implementation of the second aspect, in a second possible implementation, after the electronic device displays the first application bar on the first edge, the method further includes: The electronic device receives a third slide gesture, where a start point of the third slide gesture is on the first application bar; and the electronic device displays a second application bar on the first edge in response to the third slide gesture. In this way, the second application bar may also be invoked by sliding the first application bar, so that the second application bar is displayed in a plurality of manners, and user experience is improved.
With reference to the second aspect and the possible implementation of the second aspect, in a second possible implementation, in a process in which the first slide gesture received by the electronic device goes from the first point to a fifth point, a first visual element that is displayed by the electronic device and that is located on the first edge gradually expands to the first identifier. The fifth point is on the display, and a straight-line distance between the fifth point and the first point is equal to the first threshold. In a process in which the touch point of the user stays at the second point, the first identifier that is displayed by the electronic device and that is located on the first edge gradually expands to the first application bar. In a process in which the touch point of the user stays at a third point, the first application bar that is displayed by the electronic device and that is on the first edge is gradually expands to the second application bar. In this way, when the touch point of the user stays at a point, not only a next function can be switched to, but also a function switching process can be observed through a dynamic transition effect. This improves user experience.
In addition, all the first to the fifth implementations and the seventh to the tenth implementations provided in the first aspect may be applied to or combined with the second aspect and the possible implementations of the second aspect. Details are not described again.
According to a third aspect, the present invention provides an application bar display method, applied to an electronic device including a foldable screen. The foldable screen includes a first display area that is located on one side of a rotating shaft and a second display area that is located on the other side of the rotating shaft. When the electronic device is in a folded state, the electronic device displays an application interface of a first application in the first display area. When the electronic device is in an unfolded state, the electronic device displays a first application bar on a first edge. The first application bar includes N1 application icons, and N1 is a positive integer. The first edge is any edge of the foldable screen. In this way, a foldable-screen device may open an application bar by using the unfolded state of the device, so that the application bar can be conveniently and quickly invoked to implement more operations, and user experience can be improved.
With reference to the third aspect, in a first possible implementation, after the electronic device displays the first application bar on the first edge, the method further includes: The electronic device receives a first slide gesture, where a start point of the first slide gesture is on the first application bar; and the electronic device displays a second application bar on the first edge in response to the first slide gesture. In this way, the second application bar may also be invoked by sliding the first application bar, so that the second application bar is displayed in a plurality of manners, and user experience is improved.
In addition, all the first to the fourth implementations and the seventh to the tenth implementations provided in the first aspect may be applied to or combined with the third aspect and the possible implementations of the third aspect. Details are not described again.
According to a fourth aspect, this application provides a computer storage medium, including computer instructions. When the computer instructions are run on an electronic device, the electronic device is enabled to perform the application bar display method according to any implementation of any one of the foregoing aspects.
According to a fifth aspect, this application provides a computer program product. When the computer program product is run on a computer, the computer is enabled to perform the application bar display method according to any implementation of any one of the foregoing aspects.
According to a sixth aspect, this application provides a graphical user interface (Graphical User Interface, GUI) system. The graphical user interface system is displayed on a display of an electronic device. The electronic device includes the display, a memory, and one or more processors. The one or more processors are configured to execute one or more computer programs stored in the memory. The graphical user interface system includes: A first interface is displayed on the display, where the first interface is an application interface of a first application. A first identifier is displayed on a first edge in response to a first slide gesture entered by a user, where the first edge is any edge of the display. In response to the fact that a touch point of the user leaves the display after the user enters the first slide gesture, a second interface is displayed on the display, where the second interface is an interface previous to the first interface. The first identifier is displayed on the first edge again in response to a second slide gesture entered by the user. A first application bar is displayed on the first edge in response to a third slide gesture entered by the user, where the first application bar includes N1 application icons, N1 is a positive integer, and in processes of performing the second slide gesture and the third slide gesture, the touch point of the user does not leave the display. A second application bar is displayed on the first edge in response to a fourth slide gesture entered by the user, where the second application bar includes N2 application icons, N2 is a positive integer, N2 is greater than N1, and in processes of performing the third slide gesture and the fourth slide gesture, the touch point of the user does not leave the display. A third interface is displayed on the display in response to a first operation that is entered by the user on a second application icon in the second application bar, where the third interface is an application interface of a second application.
With reference to the sixth aspect, in a first possible implementation, that a third interface is displayed on the display includes: The third interface is displayed over the first interface in a floating window form. The graphical user interface system further includes: In response to a second operation performed by the user on the third interface, the third interface and the first interface are simultaneously displayed on the display in a split screen form.
With reference to the sixth aspect and the possible implementation of the sixth aspect, in a second possible implementation, that a third interface is displayed on the display includes: The third interface and the first interface are simultaneously displayed on the display in a split screen form. The graphical user interface system further includes: In response to a second operation performed by the user on the third interface, the third interface is displayed over the first interface in a floating window form.
With reference to the sixth aspect and the possible implementations of the sixth aspect, in a third possible implementation, before the first identifier is displayed on the first edge, the graphical user interface system further includes: A first visual element located on the first edge gradually expands to the first identifier to be displayed on the display.
With reference to the sixth aspect and the possible implementations of the sixth aspect, in a fourth possible implementation, before the first application bar is displayed on the first edge, the graphical user interface system further includes: The first identifier gradually expands to the first application bar to be displayed on the display.
With reference to the sixth aspect and the possible implementations of the sixth aspect, in a fifth possible implementation, before the second application bar is displayed on the first edge, the graphical user interface system further includes: The first application bar gradually expands to the second application bar to be displayed on the display.
According to a seventh aspect, this application provides another graphical user interface (Graphical User Interface, GUI) system. The graphical user interface system is displayed on a display of an electronic device. The electronic device includes the display, a memory, and one or more processors. The one or more processors are configured to execute one or more computer programs stored in the memory. The graphical user interface system includes: A first interface is displayed on the display, where the first interface is an application interface of a first application. A first identifier is displayed on a first edge in response to a first slide gesture entered by a user, where the first edge is any edge of the display. In response to the fact that a touch point of the user leaves the display after the user enters the first slide gesture, a second interface is displayed on the display, where the second interface is an interface previous to the first interface. The first identifier is displayed on the first edge again in response to a second slide gesture entered by the user. A first application bar is displayed on the first edge in response to a third slide gesture entered by the user, where the first application bar includes N1 application icons, and N1 is a positive integer. A second application bar is displayed on the first edge in response to a fourth slide gesture entered by the user, where the second application bar includes N2 application icons, N2 is a positive integer, N2 is greater than N1, and after the third slide gesture is entered, the touch point of the user leaves the display. A third interface is displayed on the display in response to a first operation that is entered by the user on a second application icon in the second application bar, where the third interface is an application interface of a second application.
All the first to the fifth implementations provided in the sixth aspect may be applied to or combined with the seventh aspect. Details are not described again.
According to an eighth aspect, the present invention provides an electronic device, including a display, one or more processors, a memory, and a computer program. The computer program is stored in the memory. The computer program includes instructions, and when the instructions are executed by the one or more processors, the electronic device is enabled to perform the following steps: The electronic device displays an application interface of a first application on the display, and receives a first slide gesture that goes from a first point to a second point and that is entered by a user, where the first point is in a first area on the display, the second point is on the display and outside the first area, the first area is located on a first edge, the first edge is any edge of the display, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold. The electronic device displays a first identifier on the first edge in response to the first slide gesture. When the first slide gesture goes to the second point, a touch point of the user leaves the display, and then the electronic device displays a second interface on the display, where the second interface is an interface previous to a first interface or a home screen of the electronic device; or when the first slide gesture goes to the second point, the touch point of the user does not leave the display, and then the electronic device receives a second slide gesture entered by the user, where the second slide gesture goes from the second point to a third point, the third point is on the display, and a straight-line distance between the third point and the first point is greater than the second threshold and less than a third threshold. The electronic device displays a first application bar on the first edge in response to the second slide gesture, where the first application bar includes N1 application icons, and N1 is a positive integer. The electronic device receives a third slide gesture entered by the user, where the third slide gesture goes from the third point to a fourth point, the fourth point is on the display, a straight-line distance between the fourth point and the first point is greater than the third threshold, and in processes of performing the second slide gesture and the third slide gesture, the touch point of the user does not leave the display. The electronic device displays a second application bar on the first edge in response to a fourth slide gesture, where the second application bar includes N2 application icons, N2 is a positive integer, and N2 is greater than N1.
All the first to the eleventh implementations provided in the first aspect may be applied to or combined with the eighth aspect. Details are not described again.
According to a ninth aspect, the present invention provides an electronic device, including a display, one or more processors, a memory, and a computer program. The computer program is stored in the memory. The computer program includes instructions, and when the instructions are executed by the one or more processors, the electronic device is enabled to perform the following steps: The electronic device displays an application interface of a first application on the display, and receives a first slide gesture that goes from a first point to a second point and that is entered by a user, where the first point is in a first area on the display, the second point is on the display and outside the first area, the first area is located on a first edge, the first edge is any edge of the display, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold. The electronic device displays a first identifier on the first edge in response to the first slide gesture. When the first slide gesture goes to the second point, a touch point of the user leaves the display, and then the electronic device displays a second interface on the display, where the second interface is an interface previous to a first interface or a home screen of the electronic device or when the first slide gesture goes to the second point, the touch point of the user does not leave the display, and then the electronic device receives a second slide gesture entered by the user, where the second slide gesture goes from the second point to a third point, the third point is on the display, and a straight-line distance between the third point and the first point is greater than the second threshold and less than a third threshold. The electronic device displays a first application bar on the first edge in response to the second slide gesture, where the first application bar includes N1 application icons, and N1 is a positive integer. The electronic device receives a third slide gesture entered by the user, where the touch point of the user leaves the display when the second slide gesture goes to the third point, and a start point of the third slide gesture is on the first application bar. The electronic device displays a second application bar on the first edge in response to the third slide gesture, where the second application bar includes N2 application icons, N2 is a positive integer, and N2 is greater than N1.
All the first to the tenth implementations provided in the first aspect may be applied to or combined with the ninth aspect. Details are not described again.
By using the application bar display method and the electronic device according to embodiments of the present invention, the user may conveniently invoke an application bar, to quickly start an application.
To describe the technical solutions in embodiments of the present invention more clearly, the following briefly describes the accompanying drawings for describing embodiments.
The following clearly describes the technical solutions in embodiments of the present invention with reference to the accompanying drawings in embodiments of the present invention.
A problem to be resolved by the present invention is to provide an application bar display method and an apparatus, so that a multi-window interaction operation can be conveniently and stably triggered on an electronic device, to improve user experience.
In an implementation of the present invention, the electronic device is an electronic device that has a data computing and processing function and a wireless communication function. The electronic device includes but is not limited to: a smartphone (for example, an Android mobile phone or a mobile phone equipped with another operating system, such as an iOS (iPhone Operating System) mobile phone), a tablet computer, a palmtop computer, a portable multimedia player, an electronic photo frame, an electronic game console, a notebook computer, a mobile Internet device (Mobile Internet Device), a wearable device (such as a smartwatch, a smart band, smart glasses, or a head mounted device (HMD)), a vehicle-mounted multimedia device, a projection device, a smart home device, an Internet of Things device, an intelligent vehicle, and the like. The foregoing lists some specific types of the electronic devices. However, a person skilled in the art may be aware that implementations of the present invention are not limited to the foregoing listed types, and may be further applied to any other electronic device type and operating system type.
It should be noted that, in descriptions of embodiments of the present invention, unless otherwise stated, “/” indicates “or”. For example, A/B may indicate A or B. The term “and/or” in this specification merely describes an association relationship for describing associated objects, and indicates that three relationships may exist. For example, A and/or B may indicate the following three cases: Only A exists, both A and B exist, and only B exists. In addition, in descriptions of embodiments of the present invention, “a plurality of” means two or more.
For the application bar display method and the apparatus provided in embodiments of the present invention, it should be noted that:
At present, there are conventional technologies in the industry: 1. An application bar is set at a side of a screen, and an application shortcut may be set in the application bar for a user to select, to perform a multi-window interaction function. The user may invoke the application bar by using a gesture operation of sliding inwards, and select an application. 2. An application bar is set at the bottom of a screen, and an application shortcut may be set in the application bar. A user may invoke the application bar by sliding up on the screen, and select an application, to implement a multi-window interaction function. The foregoing conventional technologies can implement a convenient multi-window interaction function, but have respective disadvantages. For example, in conventional technology 1, the application bar is invoked by the gesture operation of sliding inwards on a side of the screen. This gesture operation is consistent with a return operation in an existing Android system, and parallel use of the gesture operation and the return operation may cause a misoperation of the user. In conventional technology 2, the application bar is invoked by sliding up on the screen, which is consistent with a gesture of starting multi-application switching and a gesture of returning to a home screen in an existing Android system, and the two also conflict with each other.
Embodiment 1 of the present invention provides an application bar display method.
For ease of understanding, the following specifically describes, with reference to the accompanying drawings, an application bar display method provided in an embodiment of this application. In the following embodiments, an example in which a smartphone is used as an electronic device is used for description.
S101: An electronic device displays a first interface on a display. The first interface is an application interface of a first application.
The application interface of the first application displayed on the display of the electronic device may include an interface displayed when any APP (Application, application) in the mobile phone of the electronic device is running, for example, a WeChat chat application interface, a Taobao shopping application interface, or a Sina news application interface.
S102: The electronic device receives a first slide gesture entered by a user.
The first slide gesture goes from a first point to a second point, the first point is in a first area on the display, the second point is on the display and outside the first area, the first area is located on a first edge, the first edge is any edge of the display, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold.
The term “point” mentioned in this embodiment of the present invention are all examples, and does not constitute any limitation on specific implementation of the solution.
In this embodiment of the present invention, the first slide gesture that goes from the first point to the second point may be sliding when the electronic device projects the first application interface onto the display. The first slide gesture that goes from the first point to the second point may alternatively be sliding of an air gesture that is performed by a user and that is captured by the electronic device on the display of the electronic device. It may be understood that, for slide gestures in subsequent embodiments, refer to the foregoing explanations. The slide gestures in this embodiment of the present invention are not limited to a slide gesture in which a touch point of a user is in direct contact with the display, and may further include the foregoing enumerated cases.
Preferably, the first area is an area that is located on the display screen of the electronic device and that has a fixed pixel distance from a left edge and a right edge of the display. As shown in
The second point is on the display of the electronic device and is outside the first area, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold. Values of the first threshold and the second threshold may be 2 or 3 millimeters. The values of the first threshold and the second threshold in the present invention may be set according to different cases, and are not limited in this embodiment of the present invention. The first threshold, the second threshold, and a third threshold that is to be mentioned subsequently are set to implement the present invention. By setting different thresholds such as a first threshold a, a second threshold b, and a third threshold c, when a finger touch point or another tool touch point of the user slides from the first point to another point on the display of the electronic device, it can slide for different sliding distances to implement different functions.
In this embodiment of the present invention, different functions may also be implemented according to actual distances between different points to which the touch point of the user slides. For example, starting from the first point, the touch point of the user slides a semicircle on the display to the second point. In this case, a function corresponding to this gesture is determined by comparing a threshold with an actual distance between a start point and an end point of the touch point of the user (the actual distance may be calculated in an integral manner, and the like), namely, a length of the semicircle. It may be understood that a sliding distance calculation manner is not limited in this embodiment of the present invention.
S103: The electronic device displays a first identifier on the first edge in response to the first slide gesture.
The first identifier 409 shown in this embodiment of the present invention is merely an example, and the first identifier 409 may alternatively be another pattern or identifier. A location at which the first identifier 409 is displayed on the first edge may be a location at which the first point of the touch point of the user is located, or may be a central point of the first edge, or a trisection point of the first edge. The first identifier 409 may be displayed close to the first edge, or may be displayed at a specific distance from the first edge. A location, a size, and content of the first identifier 409 are not limited in this embodiment of the present invention.
S104: The electronic device displays a second interface on the display in response to the fact that the touch point of the user leaves the display when the first slide gesture goes to the second point.
The second interface is an interface previous to the first interface, that is, the first identifier is used to indicate that if the touch point of the user leaves the display when the first slide gesture goes to the second point, the electronic device displays, on the display, the second interface different from the first interface, where the second interface is the interface previous to the first interface. To be specific, when the first identifier 409 appears on the first edge of the display of the electronic device, if the touch point of the user leaves the second point 402 on the display at this time, in response to the leaving of the touch point of the user, the electronic device may perform an operation of returning to a previous-level application.
When the first interface is a main menu interface, the electronic device cannot perform the operation of returning to a previous-level application.
S105: The electronic device receives a second slide gesture entered by the user. The second slide gesture goes from the first point to the second point.
Still as shown in
The first point and the second point of the second slide gesture in S105 and the first point and the second point of the first slide gesture in S102 may respectively be two same points on the display of the electronic device, or may respectively be two different points on the display of the electronic device.
S106: The electronic device displays the first identifier on the first edge in response to the second slide gesture.
S107: The electronic device receives a third slide gesture entered by the user.
The third slide gesture goes from the second point to a third point, the third point is on the display, and a straight-line distance between the third point and the first point is greater than the second threshold and less than the third threshold. In processes of performing the second slide gesture and the third slide gesture, the touch point of the user does not leave the display. Still refer to the content shown in
Still refer to
S108: The electronic device displays a first application bar on the first edge in response to the third slide gesture.
Still refer to
The first application bar 410 includes N1 application icons, and N1 is a positive integer. The N1 application icons may be icons of applications or functions built in an operating system of the electronic device, or the N1 application icons may be icons of third-party applications or functions installed in the electronic device, or even the N1 application icons may be shortcut icons of network links, electronic document shortcuts, multimedia files, and the like. Properties of the N1 application icons are not limited in this embodiment of the present invention.
The second-type application icon includes an application icon associated with the first application and an application icon manually added by the user. The first application is an application corresponding to the first interface currently displayed on the display of the electronic device. For example, the electronic device of the user currently opens an interface of a Taobao shopping application, and the first application herein is the Taobao shopping application. Further, the application associated with the first application is an application that has a logical mapping relationship with the first application. For example, when the first application is a Taobao shopping application, the application associated with the first application may be a Jingdong shopping application, an Amazon shopping application, another shopping application that has a similar property to the Taobao shopping application, or the like. Alternatively, because there is a logical relationship between shopping and payment, the application associated with the first application may be an Alipay application, a UnionPay payment application, or the like. It should be further noted that the foregoing applications associated with the first application are automatically determined by using an algorithm, and the principle of the algorithm is not limited in this embodiment of the present invention.
Literally, the application icon manually added by the user is an application icon manually added by the user. A manner of manual adding by the user includes: system settings, an add button in the first application bar, or a favorites area in the application bar. A manner of the system settings is: The user adds a to-be-added application icon to the first application bar in a manner of setting content of the first application bar in a system menu.
S109: The electronic device receives a fourth slide gesture entered by the user.
Still refer to
In this embodiment of the present invention, a visual transition method is added to the processes of performing the first slide gesture, the second slide gesture, and the third slide gesture, to prompt a sliding distance of the touch point of the user. Specifically, as shown in
The foregoing is merely an example for describing a visual transition effect in a sliding process. It may be understood that a visual transition effect exists in the entire sliding process of the first slide gesture from the first point to the fourth point. In the sliding process of the touch point of the user, the content displayed by the electronic device on the first edge of the display gradually changes from the first visual element to the first identifier, gradually changes from the first identifier to the first application bar, and then gradually changes from the first application bar to a second application bar.
S110: The electronic device displays the second application bar on the first edge in response to the fourth slide gesture. The second application bar includes N2 application icons, N2 is a positive integer, and N2 is greater than N1.
The N2 application icons include the N1 application icons. In other words, a quantity of application icons in the second application bar is greater than that of application icons in the first application bar, and the second application bar may be considered as an extension of the first application bar. The quantity of application icons in the first application bar may also be equal to that of application icons in the second application bar. In an implementation of this embodiment of the present invention, the second application bar appears directly after the third slide gesture is completed. Still refer to
An area of the second application bar displayed on the display of the electronic device is greater than that of the first application bar. In this way, the second application bar may be considered as an extension of the first application bar.
When the second application bar is displayed on the first edge of the display of the electronic device, and when the electronic device detects no operation on the second application bar within a first duration threshold, the electronic device does not display the second application bar on the first edge of the display.
When the second application bar is displayed on the first edge of the display of the electronic device, the second slide gesture performed by the user on the second application bar may change content displayed in the second application bar, that is, an application icon that is not displayed may be displayed through slide gestures of the user in the first area and the second area of the second application bar. The second slide gesture may include up and down sliding in the first area and the second area in the second application bar, and may also include left and right sliding in the first area and the second area, provided that a sliding distance is greater than a preset threshold. It can be understood that, the foregoing method for changing, by using a slide gesture, content displayed in the second application bar is also applicable to the first application bar, and details are not described herein again.
In an implementation, after the electronic device displays the first application bar on the first edge, the method further includes: The electronic device receives a first operation performed by the user on a first application icon in the first application bar, where the first operation includes any one of a tap operation, a touch and hold operation, and a drag operation; and in response to the first tap operation, the electronic device displays a third interface over the first interface in a floating window form, or simultaneously displays the first interface and a third interface on the display in a split screen form, where the third interface is an application interface corresponding to the first application icon. In an implementation, after the electronic device displays the third interface over the first interface in a floating window form, the method further includes: The electronic device receives a second operation performed by the user on the third interface, where the second operation includes any one of a tap operation, a touch and hold operation, and a drag operation; and in response to the second operation, the electronic device simultaneously displays the first interface and the third interface on the display in a split screen form. In an implementation, after the electronic device simultaneously displays the first interface and the third interface on the display in a split screen form, the method further includes: The electronic device receives a third operation performed by the user on the third interface, where the third operation includes any one or a combination of a tap operation, a touch and hold operation, and a drag operation; and in response to the third operation, the electronic device displays the third interface over the first interface in a floating window form.
For a specific implementation of screen splitting of the first application bar, refer to the foregoing description about the second application bar, and details are not described herein again.
Embodiment 2 of the present invention provides another application bar display method.
S1501: An electronic device displays an application interface of a first application on a display.
It should be noted that, for a definition of the application interface of the first application in Embodiment 2 of the present invention, refer to the explanation about the application interface of the first application in Embodiment 1 of the present invention, and details are not described herein again.
S1502: The electronic device receives a first slide gesture entered by a user.
The first slide gesture goes from a first point to a second point, the first point is in a first area on the display, the second point is outside the first area, and a straight-line distance between the second point and the first point is greater than a first threshold and less than a second threshold.
The term “point” mentioned in this embodiment of the present invention are all examples, and does not constitute any limitation on specific implementation of the solution.
In this embodiment of the present invention, the first slide gesture that goes from the first point to the second point may be sliding when the electronic device projects the first application interface onto the display. The first slide gesture that goes from the first point to the second point may alternatively be sliding of an air gesture that is performed by a user and that is captured by the electronic device on the display of the electronic device. It may be understood that, for slide gestures in subsequent embodiments, refer to the foregoing explanations. The slide gestures in this embodiment of the present invention are not limited to a slide gesture in which a touch point of a user is in direct contact with the display, and may further include the foregoing enumerated cases.
It should be noted that, for definitions, explanations, and functions of the first area, a position of the first point, a distance between a start point and an end point of a slide gesture, the first threshold, the second threshold, and a third threshold (to be mentioned subsequently) in Embodiment 2 of the present invention, refer to definitions, explanations, and functions of the foregoing concepts in Embodiment 1 of the present invention. Details are not described herein again.
S1503: The electronic device displays a first identifier on a first edge of the display in response to the first slide gesture.
When the first identifier 1605 appears on the first edge of the display of the electronic device, if the touch point of the user leaves the second point 1602 on the display at this moment, in response to the leaving of the touch point of the user, the electronic device may perform an operation of returning to an upper-level application. To be specific, the first identifier is used to indicate: If the touch point of the user leaves the display when the first slide gesture goes to the second point, the electronic device displays a second interface different from the first interface on the display. The second interface is an interface previous to the first interface.
Still refer to
Still refer to
S1504: When duration for which the touch point of the user stays at the second point is greater than or equal to a first duration threshold, the electronic device displays a first application bar on the first edge.
Because stay duration is difficult to control, and a misoperation is easily caused, a visual transition effect may be added in a process of the slide gesture, to resolve this problem. Specifically, the first slide gesture is used as an example for description.
The first application bar 1707 includes N1 application icons. It should be noted herein that, for related content of the first application bar in Embodiment 2, refer to the description and explanation of the related content of the first application bar in Embodiment 1, and details are not described herein again.
In some implementations, the method further includes: The electronic device receives the second slide gesture entered by the user from the second point to a third point. The third point is on the display, and a straight-line distance between the third point and the first point is greater than or equal to the second threshold and less than the third threshold. In processes of performing the first slide gesture and the second slide gesture, the touch point of the user does not leave the display. When duration for which the touch point of the user stays at the third point is greater than or equal to a second duration threshold, the electronic device displays a second application bar on the first edge of the display.
After the electronic device displays the first application bar on the first edge, the electronic device may further receive the third slide gesture. A start point of the third slide gesture is on the first application bar. The electronic device displays the second application bar on the first edge in response to the third slide gesture.
The second application bar includes N2 application icons, N2 is greater than N1, and N1 and N2 are positive integers. The N2 application icons include the N1 application icons. In other words, a quantity of application icons in the second application bar should be greater than that of application icons in the first application bar, and the second application bar may be considered as an extension of the first application bar. It should be noted that a generation manner, a sorting principle, an adding manner, and the like of a first-type application icon and a second-type application icon in the second application bar in Embodiment 2 are consistent with those in the second application bar in Embodiment 1. Therefore, details are not described herein again, and refer to the foregoing content for explanation.
It should be further noted that, in Embodiment 1, features such as automatic hiding or display transparency of the first application bar or the second application bar after several times are also applicable to the first application bar or the second application bar in Embodiment 2.
It should be further noted that, a feature of displaying more content by using a slide gesture of the first application bar or the second application bar in Embodiment 1 is also applicable to the first application bar or the second application bar in Embodiment 2.
It should be further noted that a function of performing floating window display or split-screen display on an application in the first application bar or the second application bar in Embodiment 1 is also applicable to the first application bar or the second application bar in Embodiment 2.
Embodiment 3 of the present invention provides an application bar display method.
The method is applied to an electronic device including a foldable screen.
The electronic device includes a first display area and a second display area, and the electronic device includes a first display state and a second display state.
Still refer to
It should be noted that, when the foldable-screen device is in the first display state or the second display state, the foldable-screen device may implement any one of the steps and methods described in Embodiment 1, Embodiment 2, and Embodiment 6.
Embodiment 4 of the present invention discloses an electronic device.
Embodiment 5 of the present invention discloses an electronic device.
For example, the memory 2303 of the electronic device may store an ANDROID® operating system. The operating system is a Linux-based mobile device operating system, and implements various functions in combination with the foregoing hardware in the electronic device. A software architecture of the stored ANDROID® operating system is described below in detail. It should be noted that, in this embodiment of this application, only the ANDROID® operating system is used as an example to describe a software environment required by the electronic device to implement the technical solution in this embodiment. A person skilled in the art may understand that this embodiment of this application may be alternatively implemented by using another operating system, for example, an iOS operating system.
For example,
1. Application Layer (Applications)
The application layer is an uppermost layer of the operating system, may include system-level applications (for example, home screen, messages, phone, calendar, and contacts) of the operating system, and may also include general-level applications (for example, WeChat and Taobao). The system-level application usually means that the application has system-level permission and can obtain various system resources. The general-level application usually means that the application has general permission and may not be able to obtain some system resources, or the application can obtain some system resources only after being authorized by a user. The system-level application may be an application pre-installed in a mobile phone. The general-level application may be an application pre-installed in the mobile phone, or may be an application subsequently installed by the user.
The application is usually developed by using a Java language, and this is completed by invoking an application programming interface (application programming interface, API) provided by the application framework layer.
2. Application Framework Layer (Application Framework)
The application framework layer mainly provides a developer with various APIs that may be used to access an application. The developer may interact with a bottom layer (for example, a function library or a Linux kernel) of the operating system by using an application framework, to develop an own application. The application framework is mainly a series of service and management systems of the Android operating system. The application framework mainly includes the following basic services:
3. Function Library Layer (Libraries)
The function library layer is a support of the application framework, and is an important link that connects the application framework layer and the Linux kernel layer. The function library layer includes some function libraries compiled by using a computer programming language C or C++. These function libraries can be used by different components in the operating system, and provide services for the developer by using the application framework layer. Specifically, the function libraries may include a libc function library, and the libc function library is specially customized for a device that is based on embedded Linux. The function libraries may further include a multimedia library (Media Framework), and the library supports playback and recording of audio or videos in a plurality of encoding formats, and also supports a still image file and a common audio or video encoding format. The function libraries further include an interface management library (Surface Manager). The interface management library is mainly responsible for managing access to a display system, is specifically used to be responsible for managing interaction between a display operation and an access operation when a plurality of applications are executed, and is further responsible for display composition of a 2D drawing and a 3D drawing.
The function library layer may further include other function libraries used to implement functions of a mobile phone, such as an SGL (Scalable Graphics Library) that is an XML (Extensible Markup Language) file-based 2D graph and image processing engine; an SSL (Secure Sockets Layer) that is located between a TVP/IP protocol and various application layer protocols, to provide a support for data communication; OpenGL/ES that supports a 3D effect; SQLite that is a relational database engine; Webkit that is a web browser engine; and FreeType that supports a bitmap and a vector font.
Android Runtime is a runtime environment in the Android® operating system, and is a new virtual machine used in the Android® operating system. An AOT (Ahead-Of-Time) technology is used in Android Runtime. When an application is installed for a first time, a byte code of the application is precompiled into a machine code, so that the application becomes a real local application. Then, a compilation step is omitted when the application runs again, so that both starting and execution become faster.
4. Linux Kernel Layer (Linux Kernel)
The layer provides a core system service of the operating system. For example, security, memory management, process management, a network protocol stack, and a driver model are all based on the Linux kernel. The Linux kernel is also used as an abstraction layer between hardware and software stacks. This layer has many drivers related to a mobile device. Main drivers include a display driver, a Linux-based frame buffer driver, a keyboard driver used as an input device, a touch panel driver, a flash driver based on a memory technology device, a camera driver, a Bluetooth driver, a Wi-Fi driver, a USB driver, and the like.
In this embodiment of the present invention, after the display (touch panel) at the hardware layer receives a slide operation that is entered by the user to the display, the touch panel driver at the Linux kernel layer may process a series of slide events in the slide operation, convert the slide events into screen touch point information, and upload the information to the input manager (Input Manager) of the application framework layer. The screen touch point information may be sliding coordinate information from a point to another point in a window of a touch display. The input manager receives the screen touch point information finally uploaded by the touch panel driver, and performs processing according to a rule, that is, the input manager may process the received sliding coordinate information according to a preset rule (namely, a rule in method embodiments of the present invention), for example, a function corresponding to an operation of sliding from one point to another point is implemented. Because this embodiment of the present invention mainly relates to display of a first identifier, a first sidebar, and a second sidebar, this embodiment of the present invention mainly relates to display of window content. The input manager reports, to the window manager (Window Manager), a processing result that finally meets the rule. The window manager displays a window interface or animation according to the processing result. The specific displayed content is displayed by a system interface (System UI).
In this embodiment of the present invention, the user only needs to execute a slide gesture once from a first edge of a touchscreen, so as to invoke a first identifier, a first application bar, and a second application bar. In addition, the user performs a tap or drag operation on application icons in the first application bar and the second application bar, so that the user can implement that a second interface is displayed on any current first interface in a floating window form or a first interface and a second interface are simultaneously displayed in a split screen form. This simplifies an operation of the user for implementing multi-window display of applications, and improves user experience.
Embodiment 6 of the present invention discloses an application bar display method.
S2509: The electronic device receives a fourth slide gesture entered by the user.
S2510: The electronic device displays the second application bar on the first edge in response to the fourth slide gesture.
As shown in
For other steps and methods, refer to the content described in the embodiments, and details are not described herein again.
Embodiment 7 of the present invention discloses a graphical user interface on an electronic device.
In addition, an embodiment of this application further provides a graphical user interface system on the electronic device. The graphical user interface system specifically includes a graphical user interface displayed when the electronic device performs any one of steps S101 to S110, steps S1501 to S1504, and steps S2501 to S2510.
This application provides a computer storage medium, including computer instructions. When the computer instructions are run on an electronic device, the electronic device is enabled to perform the application bar display method according to any implementation of any one of the foregoing aspects.
This application provides a computer program product. When the computer program product is run on a computer, the computer is enabled to perform the application bar display method according to any implementation of any one of the foregoing aspects.
Based on the foregoing descriptions of the implementations, a person skilled in the art may clearly understand that for the purpose of convenient and brief descriptions, division into the foregoing functional modules is merely used as an example for description. During actual application, the foregoing functions can be allocated to different functional modules for implementation based on a requirement, that is, an inner structure of an apparatus is divided into different functional modules to implement all or some of the functions described above. For a detailed working process of the foregoing system, apparatus, and unit, refer to a corresponding process in the method embodiments. Details are not described herein again.
Function units in the embodiments of this application may be integrated into one processing unit, or each of the units may exist alone physically, or two or more units are integrated into one unit. The integrated unit may be implemented in a form of hardware, or may be implemented in a form of a software function unit.
When the integrated unit is implemented in the form of a software function unit and sold or used as an independent product, the integrated unit may be stored in a computer-readable storage medium. Based on such an understanding, the technical solutions of embodiments of this application essentially, or the part contributing to the conventional technology, or all or some of the technical solutions may be implemented in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for instructing a computer device (which may be a personal computer, a server, or a network device) or a processor to perform all or some of the steps of the methods described in embodiments of this application. The foregoing storage medium includes any medium that can store program code, such as a flash memory, a removable hard disk, a read-only memory, a random access memory, a magnetic disk, or an optical disc.
The foregoing descriptions are merely specific implementations of embodiments of this application, but are not intended to limit the protection scope of embodiments of this application. Any variation or replacement within the technical scope disclosed in embodiments of this application shall fall within the protection scope of embodiments of this application. Therefore, the protection scope of embodiments of this application shall be subject to the protection scope of the claims.
| Number | Date | Country | Kind |
|---|---|---|---|
| 201911014359.3 | Oct 2019 | CN | national |
| 201911109041.3 | Nov 2019 | CN | national |
| Filing Document | Filing Date | Country | Kind |
|---|---|---|---|
| PCT/CN2020/122953 | 10/22/2020 | WO |
| Publishing Document | Publishing Date | Country | Kind |
|---|---|---|---|
| WO2021/078213 | 4/29/2021 | WO | A |
| Number | Name | Date | Kind |
|---|---|---|---|
| 8351989 | Ahn | Jan 2013 | B2 |
| 9891965 | Hong | Feb 2018 | B2 |
| 10515610 | Ying | Dec 2019 | B2 |
| 11314386 | Chen | Apr 2022 | B2 |
| 20040100479 | Nakano | May 2004 | A1 |
| 20090292989 | Matthews | Nov 2009 | A1 |
| 20120030624 | Migos | Feb 2012 | A1 |
| 20130176202 | Gervautz | Jul 2013 | A1 |
| 20160357305 | Wells | Dec 2016 | A1 |
| 20170329396 | Des Pommare | Nov 2017 | A1 |
| 20180329550 | Dellinger | Nov 2018 | A1 |
| 20200272322 | Zhu | Aug 2020 | A1 |
| 20210132773 | Zheng | May 2021 | A1 |
| 20220197486 | Xiong | Jun 2022 | A1 |
| 20220365647 | Xu | Nov 2022 | A1 |
| Number | Date | Country |
|---|---|---|
| 102037434 | Apr 2011 | CN |
| 107045420 | Aug 2017 | CN |
| 107844232 | Mar 2018 | CN |
| 108415752 | Aug 2018 | CN |
| 108874288 | Nov 2018 | CN |
| 108984064 | Dec 2018 | CN |
| 109032444 | Dec 2018 | CN |
| 109062469 | Dec 2018 | CN |
| 109117060 | Jan 2019 | CN |
| 109766043 | May 2019 | CN |
| 109997348 | Jul 2019 | CN |
| 110196674 | Sep 2019 | CN |
| 110244893 | Sep 2019 | CN |
| 111061419 | Apr 2020 | CN |
| 2849042 | Mar 2015 | EP |
| 2018082269 | May 2018 | WO |
| Number | Date | Country | |
|---|---|---|---|
| 20220365647 A1 | Nov 2022 | US |
