CN107908351B - Application interface display method and device and storage medium - Google Patents
Application interface display method and device and storage medium Download PDFInfo
- Publication number
- CN107908351B CN107908351B CN201711242516.7A CN201711242516A CN107908351B CN 107908351 B CN107908351 B CN 107908351B CN 201711242516 A CN201711242516 A CN 201711242516A CN 107908351 B CN107908351 B CN 107908351B
- Authority
- CN
- China
- Prior art keywords
- application
- area
- application interface
- notification
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000007667 floating Methods 0.000 claims abstract description 145
- 239000000725 suspension Substances 0.000 claims description 23
- 230000001960 triggered effect Effects 0.000 claims description 3
- 238000001514 detection method Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 13
- 238000004891 communication Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure relates to a display method and device of an application interface and a storage medium, and relates to the technical field of terminals. The method comprises the following steps: displaying a floating notification in an application interface of a first application installed on a terminal, wherein the floating notification is used for indicating a message received by a second application installed on the terminal during the current running period of the first application, detecting the dragging operation of the floating notification, and displaying the application interface of the second application in a floating window or screen-splitting mode according to the final dragging position of the floating notification. Therefore, under the condition that the use condition of the first application is not influenced, the user can enter the application interface of the second application to operate at the same time, and the operation efficiency of the application is improved.
Description
Technical Field
The present disclosure relates to the field of terminal technologies, and in particular, to a method and an apparatus for displaying an application interface, and a storage medium.
Background
Currently, with the wide spread of terminals, various types of applications can be installed in the terminals to provide different services to users. In an actual application scenario, while a terminal displays an application interface of an application, other applications in the terminal may receive a new message, and the new message is usually displayed above a screen in the form of a floating notification. If the user wants to view the new message, the hover notification can be clicked to switch to the application interface that receives the new message. Then, if the user wants to return to the originally running application, the user needs to find the application from the main interface and click the application to return to the application interface of the application.
Disclosure of Invention
The present disclosure provides a display method, device and storage medium for an application interface, which can overcome the problems in the related art.
In a first aspect, a method for displaying an application interface is provided, where the method is applied in a terminal, and the method includes:
displaying a floating notification in an application interface of a first application installed by the terminal, wherein the floating notification is used for indicating a message received by a second application installed by the terminal during the current running period of the first application;
detecting a drag operation on the hover notification;
and displaying the application interface of the second application in a floating window or screen splitting mode according to the final dragging position of the floating notification.
Optionally, after the detecting the drag operation on the hover notification, the method further includes:
displaying a first area and a second area, wherein the first area is used for indicating that an application interface is displayed in a floating window mode, and the second area is used for indicating that the application interface is displayed in a split screen mode;
displaying an application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification, including:
when the final dragging position of the suspension notification is located in the first area, displaying an application interface of the second application in a suspension window mode;
and when the final dragging position of the suspension notification is located in the second area, displaying an application interface of the second application in a split screen mode.
Optionally, before displaying the application interface of the second application in a floating window manner according to the final dragging position of the floating notification, the method further includes:
and displaying a first notification message, wherein the first notification message is used for prompting that the application interface of the second application is displayed in a floating window mode after the user finishes the current dragging operation.
Optionally, before displaying the application interface of the second application in a split screen manner according to the final drag position of the hover notification, the method further includes:
and displaying a second notification message, wherein the second notification message is used for indicating that the application interface of the second application is displayed in a screen-splitting mode after the user finishes the dragging operation currently.
Optionally, after displaying the application interface of the second application in a floating window according to the final dragging position of the floating notification, the method further includes:
when a hiding instruction is received based on the application interface of the first application, hiding a floating window for displaying the application interface of the second application.
In a second aspect, a display device for an application interface is provided, and is configured in a terminal, the device includes:
a notification display module, configured to display a floating notification in an application interface of a first application installed in the terminal, where the floating notification is used to indicate a message received by a second application installed in the terminal during a current running period of the first application;
the detection module is used for detecting the dragging operation of the suspension notification;
and the interface display module is used for displaying the application interface of the second application in a floating window or screen-splitting mode according to the final dragging position of the floating notification.
Optionally, the apparatus further comprises:
the device comprises an area display module, a display module and a display module, wherein the area display module is used for displaying a first area and a second area, the first area is used for indicating that an application interface is displayed in a floating window mode, and the second area is used for indicating that the application interface is displayed in a split screen mode;
the interface display module is used for displaying the application interface of the second application in a floating window mode when the final dragging position of the floating notification is located in the first area; and when the final dragging position of the suspension notification is located in the second area, displaying an application interface of the second application in a split screen mode.
Optionally, the apparatus further comprises:
and the first message display module is used for displaying a first notification message, and the first notification message is used for prompting that the application interface of the second application is displayed in a floating window mode after the user finishes the current dragging operation.
Optionally, the apparatus further comprises:
and the second message display module is used for displaying a second notification message, and the second notification message is used for indicating that the application interface of the second application is displayed in a screen-splitting mode after the user currently finishes the dragging operation.
Optionally, the apparatus further comprises:
and the hiding module is used for hiding the floating window for displaying the application interface of the second application when the hiding instruction is received based on the application interface of the first application.
In a third aspect, a display device for an application interface is provided, the device comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to execute the application interface display method of the first aspect.
In a fourth aspect, a computer-readable storage medium is provided, where instructions are stored on the computer-readable storage medium, and when executed by a processor, the instructions implement the application interface display method according to the first aspect.
In a fifth aspect, there is provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the method for displaying an application interface according to the first aspect.
The technical scheme provided by the embodiment of the disclosure can have the following beneficial effects:
in the embodiment of the disclosure, when the second application receives a new message during the running of the first application, the terminal displays the received new message in the application interface of the first application in a floating notification manner. The hover notification may be dragged when the user wants to view the new message in an application interface of the currently running first application. And the terminal detects the dragging operation of the floating notification, and determines to display the application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification. Therefore, under the condition that the use condition of the first application is not influenced, the user can enter the application interface of the second application to operate at the same time, and the operation efficiency of the application is improved. And when the application interface of the second application is displayed in a floating window mode, when a user wants to return to the application interface of the first application, the floating window can be directly hidden, when the application interface of the second application is displayed in a split screen mode, the user can simultaneously operate the first application and the second application in the same screen, the user can also be ensured to quickly return to the first application, and therefore the convenience of operation is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.
FIG. 1 is a flow chart illustrating a method of displaying an application interface in accordance with an exemplary embodiment.
Fig. 2A is a flowchart illustrating a display method of an application interface according to another exemplary embodiment.
Fig. 2B is a schematic diagram of a display of an application interface according to the embodiment in fig. 2A.
Fig. 2C is a schematic display diagram of an application interface of a second application according to the embodiment in fig. 2A.
Fig. 2D is a schematic display diagram of an application interface of another second application according to the embodiment in fig. 2A.
FIG. 3A is a block diagram illustrating a display device of an application interface in accordance with an exemplary embodiment.
FIG. 3B is a block diagram illustrating another application interface display device according to an example embodiment.
FIG. 3C is a block diagram illustrating another application interface display device according to an example embodiment.
FIG. 3D is a block diagram illustrating another application interface display device according to an example embodiment.
FIG. 3E is a block diagram illustrating another application interface display device according to an example embodiment.
Fig. 4 is a block diagram illustrating a display device 400 of an application interface according to an example embodiment.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
Before describing the display method of the application interface provided by the embodiment of the present disclosure in detail, the application scenario and the implementation environment related to the embodiment of the present disclosure are briefly introduced.
First, a brief description is given of an application scenario related to an embodiment of the present disclosure.
In real life, during the running of the first application, the second application may receive a new message, and in general, in order to facilitate the user to recognize that the new message is received, the terminal displays the new message in the current display interface in a floating notification manner. At this time, if the user wants to view the new message received by the second application, the floating notification needs to be clicked to switch to the application interface of the second application receiving the new message. Then, if the user wants to return to the originally running first application, the user needs to find the first application from the main interface and click the first application to return to the application interface of the first application. Therefore, the operation is complicated, the application use efficiency is low, and the user experience effect is poor. Therefore, the embodiment of the disclosure provides an application interface display method, which can enable a user to enter an application interface of a second application to operate without influencing the use condition of a first application, thereby improving the operation efficiency of the application and improving the user experience. For specific implementation, refer to the following embodiments shown in fig. 1 or fig. 2A.
Next, a brief description is given of an implementation environment related to the embodiments of the present disclosure.
The display method of the application interface provided by the embodiment of the disclosure can be executed by a terminal, wherein a plurality of applications can be installed and run in the terminal. In a practical application scenario, the terminal may be a device such as a mobile phone, a tablet computer, a computer, and the like, which is not limited in this disclosure.
After the application scenarios and the implementation environments related to the embodiments of the present disclosure are described, a detailed description will be given below of a display method of an application interface related to the embodiments of the present disclosure with reference to the drawings.
Fig. 1 is a flowchart illustrating a display method of an application interface according to an exemplary embodiment, where as shown in fig. 1, the display method of the application interface is used in the terminal, and the method may include the following implementation steps:
in step 101, a floating notification is displayed in an application interface of a first application installed in the terminal, wherein the floating notification is used for indicating a message received by a second application installed in the terminal during the current running of the first application.
In step 102, a drag operation on the hover notification is detected.
In step 103, an application interface of the second application is displayed in a floating window or screen-split manner according to the final dragging position of the floating notification.
In the embodiment of the disclosure, when the second application receives a new message during the running of the first application, the terminal displays the received new message in the application interface of the first application in a floating notification manner. The hover notification may be dragged when the user wants to view the new message in an application interface of the currently running first application. And the terminal detects the dragging operation of the floating notification, and determines to display the application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification. Therefore, under the condition that the use condition of the first application is not influenced, the user can enter the application interface of the second application to operate at the same time, and the operation efficiency of the application is improved.
Optionally, after detecting the drag operation on the hover notification, the method further includes:
displaying a first area and a second area, wherein the first area is used for indicating that an application interface is displayed in a floating window mode, and the second area is used for indicating that the application interface is displayed in a split screen mode;
displaying an application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification, including:
when the final dragging position of the suspension notification is located in a first area, displaying an application interface of the second application in a suspension window mode;
and when the final dragging position of the suspension notification is located in a second area, displaying an application interface of the second application in a split screen mode.
Optionally, before displaying the application interface of the second application in a floating window manner according to the final dragging position of the floating notification, the method further includes:
and displaying a first notification message, wherein the first notification message is used for prompting that the application interface of the second application is displayed in a floating window mode after the user finishes the current dragging operation.
Optionally, before displaying the application interface of the second application in a split screen manner according to the final drag position of the hover notification, the method further includes:
and displaying a second notification message, wherein the second notification message is used for indicating that the application interface of the second application is displayed in a screen-splitting mode after the user finishes the dragging operation currently.
Optionally, after displaying the application interface of the second application in a floating window according to the final dragging position of the floating notification, the method further includes:
when a hiding instruction is received based on the application interface of the first application, hiding a floating window for displaying the application interface of the second application.
All the above optional technical solutions can be combined arbitrarily to form optional embodiments of the present disclosure, and the embodiments of the present disclosure are not described in detail again.
Fig. 2A is a flowchart illustrating a display method of an application interface according to an exemplary embodiment, where as shown in fig. 2A, the display method of the application interface is used in the terminal, and the method may include the following implementation steps:
in step 201, a floating notification is displayed in an application interface of a first application installed in a terminal, wherein the floating notification is used for indicating a message received by a second application installed in the terminal during the current running of the first application.
In the embodiment of the disclosure, the first application may be any application in the terminal, and the second application may be any application in the terminal except for the first application.
In a practical application scenario, during the terminal running a first application, the second application may receive a new message, for example, assuming that the first application is a microblog, the second application is a WeChat, that is, during the running of the microblog, the WeChat may receive the new message. At this time, in order to facilitate the user to know that the second application receives the new message, the terminal may display the new message in the application interface of the first application, typically in a floating notification manner. Further, the terminal may display the floating notification in an upper edge area of the application interface of the first application, for example, please refer to 21 in fig. 2B.
Of course, it should be noted that the above is only described by taking the example that the terminal displays the floating notification in the upper edge area of the application interface of the first application, in another embodiment, the terminal may also display the floating notification in other areas of the application interface of the first application, and the display position of the floating notification is not specifically limited in the embodiment of the present disclosure.
In step 202, a drag operation on the hover notification is detected.
If the user wants to immediately view a new message in the floating notification, the floating notification can be pressed for a long time, and the floating notification floats in the current display interface in a floating card mode. And then, the user can drag the floating card, namely, drag the floating notification, and at the moment, the terminal detects the drag operation of the user on the floating notification.
In step 203, a first area and a second area are displayed, wherein the first area is an area for indicating that the application interface is displayed through a floating window, and the second area is an area for indicating that the application interface is displayed through a split screen.
In a practical application scenario, without affecting the use of the first application, i.e. without exiting the application interface of the first application, the user may have the following two requirements: on one hand, the user may only want to reply to a few sentences through the second application for the received new message, and does not intend to perform a reply operation for a long time; on the other hand, the user may need to perform a long reply operation with the second application for the received new message.
For example, the first application is a microblog and the second application is a WeChat. When a user is swiping a microblog, a new message of a friend is WeChat, and the user may have the following two requirements on the premise of not exiting the microblog: on one hand, the user needs to simply chat several sentences with friends of the WeChat through the WeChat, and the user does not chat for a long time; in a second aspect, the user needs to have a long chat with a friend of the WeChat through the WeChat.
In view of the above two different requirements, the embodiment of the present disclosure provides two different implementation manners to display the application interface of the second application, that is, display the application interface in a floating window manner and display the application interface in a split screen manner. Therefore, in practical implementation, before displaying the application interface of the second application, it is necessary to determine which way to specifically display according to the detected drag position of the hover notification by the user.
Further, after the terminal detects the drag operation of the user on the hover notification, in order to facilitate the user to determine which area the hover notification needs to be dragged to so that the terminal displays the application interface of the second application in a corresponding manner, the terminal may display the first area and the second area in the current display interface, so as to guide the user to the final drag position of the hover notification.
It should be noted that the first area and the second area may be preset by a user according to actual needs. For example, the first area is a middle area of a screen of the terminal, and the second area may be an upper edge area or a lower edge area of the screen.
It is worth mentioning that, after the dragging operation of the user on the floating notification is detected, the first area and the second area are displayed, so that the user can be guided to drag the floating notification to the corresponding area according to actual needs, and the user experience is improved.
It should be noted that, in an actual implementation, the step 203 is an optional step, that is, after detecting a drag operation of the user on the hover notification, the terminal may directly enter the following step 204 without displaying the first area and the second area.
In step 204, an application interface of the second application is displayed in a floating window or screen-split manner according to the final dragging position of the floating notification.
As described above, the user can drag the hover notification to different areas according to his current actual needs. When the user drags the hover notification to different areas, the terminal displays the application interface of the second application in different manners, which may include several possible implementations as follows in a specific implementation:
the first implementation mode comprises the following steps: and when the final dragging position of the floating notification is positioned in the first area, displaying the application interface of the second application in a floating window mode.
As described above, since the first area is an area for instructing to display an application interface through a floating window, when the terminal detects that the final drag position of the floating notification is located in the first area, it indicates that the user only wants to reply several sentences simply and does not want to perform a long-time reply operation for a new message received by the second application. At this time, the terminal displays a hovering window in the application interface of the first application and displays the application interface of the second application through the hovering window.
For example, referring to fig. 2C, fig. 2C is a schematic diagram illustrating an application interface of the second application displayed through a floating window according to an exemplary embodiment, where a terminal displays the floating window in the application interface of the first application and displays the application interface of the second application through the floating window. And then, the user can operate the second application based on the floating window, so that the display of the application interface of the second application is realized under the condition that the first application is not closed.
Further, before the application interface of the second application is displayed in a floating window manner, a first notification message is displayed, where the first notification message is used to prompt a user that the application interface of the second application is displayed in a floating window manner after the user currently finishes the drag operation.
As described above, in order to facilitate the user to determine to which region the floating notification needs to be dragged, the terminal may display the first region and the second region, and then, in order to facilitate the user to intuitively understand that the first region is a region for indicating that an application interface is displayed by means of a floating window, the terminal displays the first notification message before displaying an application interface of the second application by means of the floating window, and further, the terminal may display the first notification message in the first region. Therefore, a user can directly know according to the first notification message, and after the floating notification is dragged to the first area and hands are released, the terminal displays the application interface of the second application in a floating window mode, so that the user experience is improved.
In a particular implementation, the terminal may display the first notification message in the first area after displaying the first area and the second area. Or, the terminal may further display the first notification message in the first area after detecting that the user drags the hover notification into the first area. For example, the first notification message may be "drag to the area and then display the application interface of the second application in a floating window manner".
Or, in another possible implementation manner, when the user drags the floating notification to a middle area of the screen, the terminal changes an area of a preset proportion in the middle of the screen into a floating window, and a floating card corresponding to the floating notification has a zooming deformation so as to prompt the user that the floating window is about to be opened.
The preset proportion can be set by a user according to actual needs in a self-defined mode, and can also be set by the terminal in a default mode. For example, the preset ratio may be 80%.
Further, when a hiding instruction is received based on the application interface of the first application, hiding a floating window for displaying the application interface of the second application.
In practical applications, after the user simply replies to the received new message based on the application interface of the second application displayed in the floating window, the floating window may be hidden to continue to operate the first application. In a specific implementation, the terminal hides the floating window when receiving a hiding instruction based on the application interface of the first application.
The hiding instruction may be triggered by a user, and the user may trigger by a specific operation, where the specific operation may include a click operation, a sliding operation, and the like, which is not limited in this disclosure.
For example, the floating window is provided with a hiding option, when the user wants to hide the floating window, the user can click the hiding option to trigger the hiding instruction, and accordingly, the terminal receives the hiding instruction and hides the floating window.
For another example, the user may click any area of the application interface of the first application, except for displaying the floating window, to trigger the hiding instruction, and accordingly, the terminal receives the hiding instruction and hides the floating window.
It should be mentioned that, when the application interface of the second application is displayed in the floating window manner, when the user wants to return to the application interface of the first application, the floating window is directly hidden, so that the convenience of operation is improved.
The second implementation mode comprises the following steps: and when the final dragging position of the floating notification is positioned in the second area, displaying the application interface of the second application in a split screen mode.
As described above, since the second area is an area for instructing to display an application interface in a split screen manner, when the terminal detects that the final drag position of the hover notification is located in the second area, it indicates that the user wants to perform a long-time reply operation for a new message received by the second application. At this time, the terminal divides the screen, that is, the screen is divided into two display areas, and then the terminal displays the application interface of the first application in one of the two display areas and displays the application interface of the second application in the other of the two display areas.
It should be noted that, in a specific implementation, the terminal may divide the screen into an upper display area and a lower display area, or may also divide the screen into a left display area and a right display area, and further, the two display areas may be the same in size or different in size, which is not limited in this disclosure.
For example, please refer to fig. 2D, where fig. 2D is a schematic diagram illustrating an application interface of the second application displayed in a split-screen manner according to an exemplary embodiment, and after the terminal displays the application interface of the second application in the split-screen manner, a user can operate the application interface of the second application.
Therefore, the second application can be operated under the condition that the user operates the first application, namely, under the condition that the use of the first application is not influenced, the display of the application interface of the second application is realized, and the operation efficiency of the application is improved. And when the application interface of the second application is displayed in a split screen mode, the user can operate the first application and the second application in the same screen at the same time, the user can quickly return to the first application, and the operation convenience is improved.
Further, before displaying the application interface of the second application in a split-screen manner, displaying a second notification message, where the second notification message is used to indicate that the user will display the application interface of the second application in a split-screen manner after the user currently finishes the drag operation.
As described above, in order to facilitate the user to determine to which area the hover notification needs to be dragged, the terminal may display the first area and the second area, and then, in order to facilitate the user to intuitively understand that the second area is an area for indicating that an application interface is displayed in a split-screen manner, the terminal displays the second notification message before displaying the application interface of the second application in a split-screen manner, and further, the terminal may display the second notification message in the second area. Therefore, the user can directly know according to the second notification message, and after the terminal drags the suspension notification to the second area and releases the hand, the terminal displays the application interface of the second application in a split screen mode, so that the user experience is improved.
In a specific implementation, the terminal may display the second notification message in the second area after displaying the first area and the second area. Or, the terminal may further display the second notification message in the second area after detecting that the user drags the hover notification into the second area. For example, the second notification message may be "drag to this area and then display the application interface of the second application in a split screen manner".
Further, in practical implementation, the terminal may further provide a screen splitting ending option, when the user wants to end the screen splitting display, the screen splitting ending option may be clicked to trigger a screen splitting ending instruction, and accordingly, after receiving the screen splitting ending instruction, the terminal ends the screen splitting operation. Further, the terminal may display an application interface of the first application in the current display interface.
In the embodiment of the disclosure, when the second application receives a new message during the running of the first application, the terminal displays the received new message in the application interface of the first application in a floating notification manner. The hover notification may be dragged when the user wants to view the new message in an application interface of the currently running first application. And the terminal detects the dragging operation of the floating notification, and determines to display the application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification. Therefore, under the condition that the use condition of the first application is not influenced, the user can enter the application interface of the second application to operate at the same time, and the operation efficiency of the application is improved. And when the application interface of the second application is displayed in a floating window mode, when a user wants to return to the application interface of the first application, the floating window can be directly hidden, when the application interface of the second application is displayed in a split screen mode, the user can simultaneously operate the first application and the second application in the same screen, the user can also be ensured to quickly return to the first application, and therefore the convenience of operation is improved.
FIG. 3A is a block diagram illustrating a display device of an application interface in accordance with an exemplary embodiment. Referring to fig. 3A, the display device of the application interface may be implemented by software, hardware or a combination of the two, and the device mainly includes:
a notification display module 301, configured to display a floating notification in an application interface of a first application installed in the terminal, where the floating notification is used to indicate a message received by a second application installed in the terminal during a current running period of the first application;
a detecting module 302, configured to detect a drag operation on the hover notification;
and an interface display module 303, configured to display an application interface of the second application in a floating window or screen-splitting manner according to the final dragging position of the floating notification.
Optionally, referring to fig. 3B, the apparatus further includes:
the area display module 304 is configured to display a first area and a second area, where the first area is an area for indicating that the application interface is displayed in a floating window manner, and the second area is an area for indicating that the application interface is displayed in a split screen manner;
the interface display module 303 is configured to display an application interface of the second application in a floating window manner when the final dragging position of the floating notification is located in the first area; and when the final dragging position of the suspension notification is located in a second area, displaying an application interface of the second application in a split screen mode.
Optionally, referring to fig. 3C, the apparatus further includes:
the first message display module 305 is configured to display a first notification message, where the first notification message is used to prompt a user that an application interface of the second application is to be displayed in a floating window mode after the user currently finishes the drag operation.
Optionally, referring to fig. 3D, the apparatus further includes:
and a second message display module 306, configured to display a second notification message, where the second notification message is used to indicate that the user will display an application interface of the second application in a screen-splitting manner after the drag operation is currently finished.
Optionally, referring to fig. 3E, the apparatus further includes:
a hiding module 307, configured to hide the floating window for displaying the application interface of the second application when a hiding instruction is received based on the application interface of the first application.
In the embodiment of the disclosure, when the second application receives a new message during the running of the first application, the terminal displays the received new message in the application interface of the first application in a floating notification manner. The hover notification may be dragged when the user wants to view the new message in an application interface of the currently running first application. And the terminal detects the dragging operation of the floating notification, and determines to display the application interface of the second application in a floating window or split screen mode according to the final dragging position of the floating notification. Therefore, under the condition that the use condition of the first application is not influenced, the user can enter the application interface of the second application to operate at the same time, and the operation efficiency of the application is improved.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
Fig. 4 is a block diagram illustrating a display device 400 of an application interface according to an example embodiment. For example, the apparatus 400 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, an exercise device, a personal digital assistant, and the like.
Referring to fig. 4, the apparatus 400 may include one or more of the following components: processing components 402, memory 404, power components 406, multimedia components 408, audio components 410, input/output (I/O) interfaces 412, sensor components 414, and communication components 416.
The processing component 402 generally controls overall operation of the apparatus 400, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 402 may include one or more processors 420 to execute instructions to perform all or a portion of the steps of the methods described above. Further, the processing component 402 can include one or more modules that facilitate interaction between the processing component 402 and other components. For example, the processing component 402 can include a multimedia module to facilitate interaction between the multimedia component 408 and the processing component 402.
The memory 404 is configured to store various types of data to support operations at the apparatus 400. Examples of such data include instructions for any application or method operating on the device 400, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 404 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
The multimedia component 408 includes a screen that provides an output interface between the device 400 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 408 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the apparatus 400 is in an operation mode, such as a photographing mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 410 is configured to output and/or input audio signals. For example, audio component 410 includes a Microphone (MIC) configured to receive external audio signals when apparatus 400 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 404 or transmitted via the communication component 416. In some embodiments, audio component 410 also includes a speaker for outputting audio signals.
The I/O interface 412 provides an interface between the processing component 402 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor component 414 includes one or more sensors for providing various aspects of status assessment for the apparatus 400. For example, the sensor assembly 414 may detect an open/closed state of the apparatus 400, the relative positioning of the components, such as a display and keypad of the apparatus 400, the sensor assembly 414 may also detect a change in the position of the apparatus 400 or a component of the apparatus 400, the presence or absence of user contact with the apparatus 400, orientation or acceleration/deceleration of the apparatus 400, and a change in the temperature of the apparatus 400. The sensor assembly 414 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 414 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 414 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 416 is configured to facilitate wired or wireless communication between the apparatus 400 and other devices. The apparatus 400 may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 416 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 416 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the apparatus 400 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the application interface display method provided by the embodiments shown in fig. 1 or fig. 2A described above.
In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 404 comprising instructions, executable by the processor 420 of the apparatus 400 to perform the above-described method is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
The embodiment of the present disclosure also provides a non-transitory computer-readable storage medium, and when instructions in the storage medium are executed by a processor of a mobile terminal, the mobile terminal is enabled to execute the display method of the application interface provided in the embodiment shown in fig. 1 or fig. 2A.
The embodiment of the present disclosure further provides a computer program product containing instructions, which when run on a computer, causes the computer to execute the display method of the application interface provided in the embodiment shown in fig. 1 or fig. 2A.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (10)
1. A display method of an application interface is applied to a terminal, and is characterized by comprising the following steps:
displaying a floating notification in an application interface of a first application installed by the terminal, wherein the floating notification is used for indicating a message received by a second application installed by the terminal during the current running period of the first application;
detecting a drag operation on the hover notification; displaying a first area and a second area, wherein the first area is used for indicating that an application interface is displayed in a floating window mode, and the second area is used for indicating that the application interface is displayed in a split screen mode;
when the final dragging position of the floating notification is located in the first area, displaying an application interface of the second application in a floating window mode, wherein the application interface of the second application is used for receiving the operation on the message; when the final dragging position of the suspension notification is located in the second area, displaying an application interface of the second application in a split screen mode;
before displaying the application interface of the second application in a floating window manner, the method further includes:
displaying a first notification message in the first area, wherein the first notification message is used for prompting that an application interface of the second application is displayed in a floating window mode after a user finishes the current dragging operation; or,
after detecting that the user drags the floating notification into the first area, displaying a first notification message in the first area; or,
when the fact that the user drags the suspension notice to the middle area of the screen is detected, the area with the preset proportion in the middle of the screen is changed into the suspension window, and the suspension card corresponding to the suspension notice is zoomed and deformed and is used for prompting the user to open the suspension window.
2. The method of claim 1, wherein before displaying the application interface of the second application in a split-screen manner, further comprising:
displaying a second notification message in the second area, wherein the second notification message is used for indicating that the application interface of the second application is displayed in a split screen mode after the user currently finishes the dragging operation; or after the fact that the user drags the floating notification into the second area is detected, displaying a second notification message in the second area.
3. The method of claim 1, wherein after displaying the application interface of the second application by way of a floating window, further comprising:
when a hiding instruction is received based on the application interface of the first application, hiding a floating window for displaying the application interface of the second application.
4. The method of claim 1, wherein after displaying the application interface of the second application in a split-screen manner, further comprising:
displaying an ending split screen option; and when a screen splitting ending instruction is received, ending the screen splitting operation, wherein the screen splitting ending instruction is triggered by clicking the screen splitting ending option by the user.
5. An apparatus for displaying an application interface, configured in a terminal, the apparatus comprising:
a notification display module, configured to display a floating notification in an application interface of a first application installed in the terminal, where the floating notification is used to indicate a message received by a second application installed in the terminal during a current running period of the first application;
the detection module is used for detecting the dragging operation of the suspension notification;
the device comprises an area display module, a display module and a display module, wherein the area display module is used for displaying a first area and a second area, the first area is used for indicating that an application interface is displayed in a floating window mode, and the second area is used for indicating that the application interface is displayed in a split screen mode;
the interface display module is used for displaying an application interface of the second application in a floating window mode when the final dragging position of the floating notification is located in the first area, wherein the application interface of the second application is used for receiving the operation on the message; when the final dragging position of the suspension notification is located in the second area, displaying an application interface of the second application in a split screen mode;
the device further comprises:
the first message display module is used for displaying a first notification message in the first area, wherein the first notification message is used for prompting a user to display an application interface of the second application in a floating window mode after the user currently finishes the dragging operation; or after detecting that the user drags the floating notification into the first area, displaying a first notification message in the first area; or when the user is detected to drag the suspension notification to the middle area of the screen, changing the area with the preset proportion in the middle of the screen into the suspension window, wherein the suspension card corresponding to the suspension notification is zoomed and deformed for prompting the user to open the suspension window.
6. The apparatus of claim 5, wherein the apparatus further comprises:
the second message display module is used for displaying a second notification message in the second area, wherein the second notification message is used for indicating that the application interface of the second application is displayed in a split screen mode after the user currently finishes the dragging operation; or after the fact that the user drags the floating notification into the second area is detected, displaying a second notification message in the second area.
7. The apparatus of claim 5, wherein the apparatus further comprises:
and the hiding module is used for hiding the floating window for displaying the application interface of the second application when the hiding instruction is received based on the application interface of the first application.
8. The apparatus of claim 5, wherein after displaying the application interface of the second application in a split-screen manner, the apparatus further comprises means for:
displaying an ending split screen option; and when a screen splitting ending instruction is received, ending the screen splitting operation, wherein the screen splitting ending instruction is triggered by clicking the screen splitting ending option by the user.
9. A display device for an application interface, the device comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the steps of the method of any one of claims 1-4.
10. A computer-readable storage medium having instructions stored thereon, wherein the instructions, when executed by a processor, implement the steps of the method of any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711242516.7A CN107908351B (en) | 2017-11-30 | 2017-11-30 | Application interface display method and device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711242516.7A CN107908351B (en) | 2017-11-30 | 2017-11-30 | Application interface display method and device and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107908351A CN107908351A (en) | 2018-04-13 |
| CN107908351B true CN107908351B (en) | 2021-07-13 |
Family
ID=61849370
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711242516.7A Active CN107908351B (en) | 2017-11-30 | 2017-11-30 | Application interface display method and device and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107908351B (en) |
Families Citing this family (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108804004B (en) * | 2018-05-03 | 2020-04-21 | 珠海格力电器股份有限公司 | Split screen control method and device, storage medium and terminal |
| CN108759855A (en) * | 2018-05-16 | 2018-11-06 | 深圳市云智易联科技有限公司 | A kind of interface display method and car-mounted terminal of car-mounted terminal |
| CN108762391A (en) * | 2018-05-25 | 2018-11-06 | 努比亚技术有限公司 | Terminal control method, flexible terminal and computer readable storage medium |
| CN109445572B (en) | 2018-09-10 | 2023-12-08 | 华为技术有限公司 | Method for quickly calling up small window in full-screen display video, graphical user interface and terminal |
| CN110196973B (en) * | 2019-05-27 | 2021-07-13 | 珠海格力电器股份有限公司 | Remark display method and device |
| CN110647274A (en) * | 2019-08-15 | 2020-01-03 | 华为技术有限公司 | Interface display method and equipment |
| CN110865744B (en) * | 2019-09-30 | 2021-12-14 | 华为技术有限公司 | Split-screen display method and electronic equipment |
| CN114579228B (en) * | 2019-10-31 | 2024-03-01 | 华为技术有限公司 | Message display method and terminal equipment |
| CN111142769A (en) * | 2019-12-20 | 2020-05-12 | 维沃移动通信有限公司 | Split screen display method and electronic equipment |
| CN111124587B (en) * | 2020-01-03 | 2023-11-21 | 北京小米移动软件有限公司 | Interface display method and device, terminal equipment and storage medium |
| CN111488107A (en) * | 2020-03-26 | 2020-08-04 | 北京小米移动软件有限公司 | Multitask interaction control method, multitask interaction control device and storage medium |
| CN113703627A (en) * | 2021-08-26 | 2021-11-26 | 维沃移动通信有限公司 | Display method, display device, electronic equipment and readable storage medium |
| CN114518926A (en) * | 2022-02-18 | 2022-05-20 | 维沃移动通信有限公司 | Notification message display method and device, electronic equipment and medium |
| CN114827708A (en) * | 2022-04-12 | 2022-07-29 | Oppo广东移动通信有限公司 | Video playing method and device and electronic equipment |
| CN116088715B (en) * | 2022-05-27 | 2023-10-20 | 荣耀终端有限公司 | Message reminder method and electronic device |
| CN118672696A (en) * | 2023-03-15 | 2024-09-20 | 荣耀终端有限公司 | Screen display method and related electronic equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104158936A (en) * | 2008-05-13 | 2014-11-19 | 宏达国际电子股份有限公司 | Electronic device and call connection and rejection method |
| CN104898952A (en) * | 2015-06-16 | 2015-09-09 | 魅族科技（中国）有限公司 | Terminal screen splitting implementing method and terminal |
| CN105487796A (en) * | 2015-11-25 | 2016-04-13 | 努比亚技术有限公司 | Sub-screen display method and terminal |
| CN106598515A (en) * | 2016-11-29 | 2017-04-26 | 努比亚技术有限公司 | Mobile terminal and suspension screen-splitting method |
| CN106843654A (en) * | 2017-01-24 | 2017-06-13 | 维沃移动通信有限公司 | The method and mobile terminal of a kind of terminal multi-job operation |
| CN107391012A (en) * | 2017-07-18 | 2017-11-24 | 维沃移动通信有限公司 | A kind of information cuing method and mobile terminal |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20150077774A (en) * | 2013-12-30 | 2015-07-08 | 삼성전자주식회사 | Method and Apparatus for Switching Display |
| CN106843732A (en) * | 2017-01-24 | 2017-06-13 | 维沃移动通信有限公司 | The method and mobile terminal of a kind of split screen display available |
| CN107315518A (en) * | 2017-06-27 | 2017-11-03 | 努比亚技术有限公司 | A kind of terminal split screen method, device and computer-readable recording medium |
-
2017
- 2017-11-30 CN CN201711242516.7A patent/CN107908351B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104158936A (en) * | 2008-05-13 | 2014-11-19 | 宏达国际电子股份有限公司 | Electronic device and call connection and rejection method |
| CN104898952A (en) * | 2015-06-16 | 2015-09-09 | 魅族科技（中国）有限公司 | Terminal screen splitting implementing method and terminal |
| CN105487796A (en) * | 2015-11-25 | 2016-04-13 | 努比亚技术有限公司 | Sub-screen display method and terminal |
| CN106598515A (en) * | 2016-11-29 | 2017-04-26 | 努比亚技术有限公司 | Mobile terminal and suspension screen-splitting method |
| CN106843654A (en) * | 2017-01-24 | 2017-06-13 | 维沃移动通信有限公司 | The method and mobile terminal of a kind of terminal multi-job operation |
| CN107391012A (en) * | 2017-07-18 | 2017-11-24 | 维沃移动通信有限公司 | A kind of information cuing method and mobile terminal |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107908351A (en) | 2018-04-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107908351B (en) | Application interface display method and device and storage medium | |
| CN105204846B (en) | Display methods, device and the terminal device of video pictures in more people's videos | |
| EP3454192A1 (en) | Method and device for displaying page | |
| CN111880757A (en) | Screen projection method, screen projection device and storage medium | |
| CN110020313A (en) | Show the method and device of task management interface | |
| CN107992257B (en) | Screen splitting method and device | |
| CN107798309B (en) | Fingerprint input method and device and computer readable storage medium | |
| CN107102772B (en) | Touch control method and device | |
| CN109600303B (en) | Content sharing method and device and storage medium | |
| CN104317402B (en) | Description information display method and device and electronic equipment | |
| CN105786507B (en) | Display interface switching method and device | |
| CN106775202B (en) | Information transmission method and device | |
| CN105511777B (en) | Session display method and device on touch display screen | |
| CN106354504B (en) | Message display method and device | |
| CN105912204B (en) | Method and device for starting application interface | |
| CN105094539B (en) | Reference information display methods and device | |
| CN110968364A (en) | Method and device for adding shortcut plug-in and intelligent equipment | |
| CN109521923B (en) | Floating window control method and device and storage medium | |
| CN112181265B (en) | Touch signal processing method, device and medium | |
| CN108881634A (en) | Terminal control method, device and computer readable storage medium | |
| CN108829473B (en) | Event response method, device and storage medium | |
| CN108874450B (en) | Method and device for waking up voice assistant | |
| CN106919302B (en) | Operation control method and device of mobile terminal | |
| CN106126050B (en) | Menu display method and device | |
| CN111538450B (en) | Theme background display method and device and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |