CN112099707A - Display method and device and electronic equipment - Google Patents
Display method and device and electronic equipment Download PDFInfo
- Publication number
- CN112099707A CN112099707A CN202010923881.XA CN202010923881A CN112099707A CN 112099707 A CN112099707 A CN 112099707A CN 202010923881 A CN202010923881 A CN 202010923881A CN 112099707 A CN112099707 A CN 112099707A
- Authority
- CN
- China
- Prior art keywords
- interface
- application program
- input
- application
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Telephone Function (AREA)
Abstract
The application discloses a display method, a display device and electronic equipment, and belongs to the technical field of communication. The display method comprises the following steps: receiving a first input of a user; displaying thumbnails of interfaces of a plurality of applications in response to the first input; receiving a second input that a user drags a first thumbnail to a second thumbnail in the thumbnails of the interfaces of the plurality of application programs; and responding to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program. In the embodiment, the first application program interface can be simply and conveniently triggered to be displayed on the second application program interface in a floating mode, and the display effects of the first application program interface and the second application program interface are improved.
Description
Technical Field
The present application belongs to the field of communications technologies, and in particular, to a display method, an apparatus and an electronic device
Background
With the application of electronic devices such as mobile phones becoming more and more widespread, the display screens of the electronic devices also have a growing trend, and a plurality of application programs can be run on the background of the same electronic device.
In the related art, in order to facilitate a user to view interfaces of multiple applications at the same time, a split screen mode is usually started first, and then different applications are started in different split screen areas, so as to display different application interfaces in different split screen areas.
However, after the split screen, the size ratio of the application program interface and the split screen display area may not be matched, which may cause the problems of incomplete display of the application program interface or pulling and deformation of the display interface.
Therefore, the problem that the display effect is poor when a plurality of application program interfaces are displayed simultaneously in the display screen in the related art is known.
Disclosure of Invention
The embodiment of the application aims to provide a display method, a display device and an electronic device, and the problem of poor display effect when a plurality of application program interfaces are displayed simultaneously in a display screen can be solved.
In order to solve the technical problem, the present application is implemented as follows:
in a first aspect, an embodiment of the present application provides a display method, including:
receiving a first input of a user;
displaying thumbnails of interfaces of a plurality of applications in response to the first input;
receiving a second input that a user drags a first thumbnail to a second thumbnail in the thumbnails of the interfaces of the plurality of application programs;
and responding to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program.
In a second aspect, an embodiment of the present application provides a display device, including:
the first receiving module is used for receiving a first input of a user;
a first display module for displaying thumbnails of interfaces of a plurality of applications in response to the first input;
the second receiving module is used for receiving a second input that a user drags a first thumbnail in the thumbnails of the interfaces of the plurality of application programs to a second thumbnail;
and the second display module is used for responding to the second input, displaying the interface of the first application program corresponding to the second thumbnail and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor, and when executed by the processor, the program or instructions implement the steps of the method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, which when executed by a processor implement the steps of the method according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and the processor is configured to execute a program or instructions to implement the method according to the first aspect.
In the embodiment of the application, a first input of a user is received; displaying thumbnails of interfaces of a plurality of applications in response to the first input; receiving a second input that a user drags a first thumbnail to a second thumbnail in the thumbnails of the interfaces of the plurality of application programs; and responding to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program. Therefore, the interface of the first application program can be simply and conveniently displayed on the interface of the second application program in a floating mode, and the problem that when the interface of the first application program and the interface of the second application program are displayed in a split screen mode, the display effect is poor due to the fact that the split screen interface is not appropriate in size with the interface of the first application program and the interface of the second application program is solved.
Drawings
Fig. 1 is a flowchart of a display method provided in an embodiment of the present application;
fig. 2a is an application scene diagram of a display method according to an embodiment of the present application;
fig. 2b is a second application scenario diagram of a display method according to an embodiment of the present application;
fig. 3a is a third application scenario diagram of a display method according to an embodiment of the present application;
FIG. 3b is a fourth application scenario diagram of a display method according to an embodiment of the present application;
fig. 3c is a fifth application scenario diagram of a display method according to an embodiment of the present application;
FIG. 4 is a flow chart of another display method provided by the embodiments of the application;
FIG. 5a is one of application scene diagrams of another display method provided in the embodiments of the present application;
FIG. 5b is a second application scenario diagram of another display method provided in the embodiments of the present application;
fig. 6 is one of structural diagrams of a display device according to an embodiment of the present application;
fig. 7 is a second structural diagram of a display device according to an embodiment of the present application;
fig. 8 is a third structural diagram of a display device according to an embodiment of the present application;
fig. 9 is a fourth structural diagram of a display device according to an embodiment of the present application;
fig. 10 is a block diagram of an electronic device provided in an embodiment of the present application;
fig. 11 is a block diagram of another electronic device provided in the embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The display method, the display device, and the electronic device provided in the embodiments of the present application are described in detail below with reference to the accompanying drawings through specific embodiments and application scenarios thereof.
Referring to fig. 1, which is a flowchart of a display method according to an embodiment of the present disclosure, as shown in fig. 1, the display method may include the following steps:
And 102, responding to the first input, and displaying thumbnails of the interfaces of the plurality of application programs.
And 103, receiving a second input that the user drags a first thumbnail to a second thumbnail in the thumbnails of the interfaces of the plurality of application programs.
And 104, responding to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program.
In a specific implementation, the first input may include at least one of operation types such as clicking, sliding, and double-clicking, but may also be a pressing operation on hardware on the electronic device, and the second input may be a sliding input, where a sliding start point of the sliding input is located on the first thumbnail, and a sliding end point of the sliding input is located on the second thumbnail, and of course, the second input may also include clicking, long-pressing operation on the first thumbnail or the second thumbnail, and the like, which is not limited in particular herein.
In addition, the interface of the first application program may also be referred to as a "first application program interface", and the first thumbnail may be understood as a second application program interface after being scaled down, and similarly, the second thumbnail may be understood as the first application program interface after being scaled down. In addition, the interface for displaying the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program may be full-screen display of the first application program interface, and display of the second application program interface in a floating manner on the first application program interface after the second application program interface is scaled down in an equal manner, that is, if the second application program interface is scaled down in an equal manner according to the aspect ratio of the second application program interface, the aspect ratio of the second application program interface after the second application program interface is scaled down is the same as that of the second application program interface before the second application program interface is scaled down, so that deformation or incomplete display of the second application program interface after the second application program interface is scaled down can be avoided.
In addition, the floating display of the reduced second application interface on the first application interface may be a floating display of the reduced second application interface on a blank area of the first application interface, or a display of the reduced second application interface avoiding the display content of the first application interface. Specifically, the blank area in the first application program interface or the position information of the display content display may be identified by means of page content identification, so as to determine the display position of the second application program interface according to the position information.
Of course, after the reduced second application program interface is displayed in a floating manner on the first application program interface, the user may also manually adjust the display position of the reduced second application program interface, specifically, after the second application program interface is selected by long-time pressing input, the user may slide on the first application program interface, so that the reduced second application program interface moves along with the touch position.
It should be noted that, before receiving the first input, the first application may be in a running state, and the second application may also be in a running state, where the running state may include a foreground running state and a background running state.
Situation one
In a case where the first application and the second application are in the running state respectively before the first input is received, the first input may be an input for triggering display of a running program preview window, for example: double-clicking the main menu (home) key. The thumbnails of the interfaces displaying the plurality of application programs may be thumbnails of interfaces displaying all application programs in a foreground running state and a background running state in a running program preview window. And the second input is a touch input in the running program preview window.
In a specific implementation, in the case that thumbnails of other application interfaces except for the first thumbnail and the second thumbnail are displayed in the running program preview window, when viewing the application programs running in the background, the multiple application programs running in the background are arranged in the same direction, when there are many application programs running in the background (for example, 5 or even more than 10 application programs), only thumbnails of 3 application interfaces may be displayed in the running program preview window, and when a user slides left and right on the touch display screen, the thumbnails displayed in the running program preview window may be switched to view thumbnails of application interfaces not displayed in the current window. For example: by touching a main menu key on the mobile phone, the electronic device displays an operating program preview window 20 as shown in fig. 2a, where the operating program preview window 20 includes a plurality of thumbnails 21 capable of being played in a left-right carousel, and different thumbnails 21 correspond to different application interfaces. At this time, if the first thumbnail and the second thumbnail are not displayed in the same interface, it is inconvenient to drag the first thumbnail onto the second thumbnail.
In order to facilitate the dragging of the first thumbnail onto the second thumbnail, any of the following embodiments may be used:
example one
And displaying a switching button in the running program preview window, and displaying at least part of the thumbnails of all application program interfaces running in the background in a grid arrangement mode in the running program preview window when a user touches the switching button. For example: as shown in fig. 2a and 2b, when the user touches the toggle button 22 shown in fig. 2a, an interface as shown in fig. 2b is displayed, which includes at least part of the thumbnails of all the application interfaces running in the background. In particular implementations, the size of individual thumbnails may decrease as the number of applications running in the background increases.
Example two
When the user starts to execute the second input (namely clicking and dragging the first thumbnail), displaying at least part of the thumbnails of all the application program interfaces running in the background in the running program preview window in a grid arrangement mode. For example: when a user presses the first thumbnail for a long time, at least part of the thumbnails of all application program interfaces running in the background are displayed in the running program preview window in a grid arrangement mode, so that at least part of the second thumbnail can be displayed in the running program preview window, the user can conveniently drag the first thumbnail to the second thumbnail, and the second application program interface corresponding to the first thumbnail is displayed on the first application program interface corresponding to the second thumbnail in a floating mode.
It should be noted that, when at least part of the thumbnails of all the application interfaces running in the background are displayed in the running program preview window in a grid arrangement manner, the switch button 22 may be clicked in the running program preview window to switch to the normal display mode, that is, the display mode in which the thumbnails of a plurality of applications running in the background are arranged in the same direction as shown in fig. 2 a.
Further, the displaying an interface of the first application corresponding to the second thumbnail and displaying an interface of the second application corresponding to the first thumbnail in a floating manner on the interface of the first application in response to the second input includes:
and responding to the second input, displaying a first target interface of the first application program in a full screen mode, and displaying a second target interface of the second application program with a preset window size in a suspension mode on the first target interface.
In a specific implementation, the first target interface may be a preset interface in the first application, and the second target interface may be a preset interface in the second application.
Of course, in a case that the first target interface and the second target interface are not set, the current running interface of the first application program may be displayed in a full screen, and the current running interface of the second application program with a preset window size may be displayed in a suspended manner on the first target interface.
The preset window size may be a size set by a user, or may be a size associated with a category of the first application program or the second application program in advance.
In specific implementation, the preset window sizes corresponding to different types of application programs are different, for example: when the first application program is a video application program, the corresponding preset window size is larger than the preset window size corresponding to the first application program being a communication application program (e.g., sms, phone).
Accordingly, the preset window size is also related to the program type of the second application program, and specifically may be related to the importance level of the second application program interface, the blank area, and the like. For example: under the condition that the second application program interface is the social application program, the size of the corresponding preset window is larger than that of the preset window with the game application program (such as short message and telephone) corresponding to the second application program interface.
As an alternative implementation, during the sliding of the second input: the first thumbnail moves in the running program preview interface along with the touch point, and when the user touches the first preview image, feedback information can be output, for example: and under the condition that the touch time is greater than the preset time, the electronic equipment vibrates, or the display size of the first thumbnail is enlarged, and the like, so that a user is informed of selecting the first thumbnail. In addition, when the user drags the first thumbnail to the display area of the second thumbnail, the first thumbnail is reduced so as to simulate the display effect of the second application program interface corresponding to the first thumbnail which is reduced and then is displayed in the first application program interface in a floating manner.
It should be noted that, in the process of dragging the first thumbnail, the display positions of the thumbnails of other application program interfaces are not changed.
In this embodiment, the second application interface can be displayed on the first application interface in a floating manner when the first application program and the second application program are in the running state respectively. The problem that in the related art, in the process of displaying the first application program interface and the second application program interface in a split screen mode, the first application program and the second application program need to be started in a certain sequence after the split screen display mode is started, and therefore the operation process is complex is solved.
Situation two
When the third application program is in the running state and the fourth application program is not in the running state, the third application program interface needs to be displayed on the fourth application program interface in a floating manner, the third application program interface can be controlled to be displayed in a floating manner, and then when the fourth application program is started, the started fourth application program interface is displayed below the first application program interface.
As an optional implementation, the method further comprises:
receiving a third input of the user within the interface of the third application;
responding to the third input, zooming out the interface of the third application program, and displaying the zoomed out interface of the third application program in a floating manner;
receiving a fourth input for a fourth application;
responding to the fourth input, starting the fourth application program, and displaying the interface of the reduced third application program in a floating mode on the interface of the fourth application program.
In a specific implementation, the third input may be a touch input to a third application interface: for example: in the application scenario shown in fig. 3a and 3B, the third application program interface is the video playing interface 30, and the third input is a sliding operation (sliding directions shown by the opposite arrows a and B in fig. 3 a) that the two opposite sides of the video playing interface are close to the center of the video playing interface 30, in the application, the user can touch the two opposite sides of the video playing interface 30 with two fingers respectively, and then the two fingers are close, which is similar to a "pinching" action, to execute the third input.
In response to the third input, the video playing interface 30 is in a zoom-out state as shown in fig. 3b, and in addition, when the user completes the third input and the finger leaves the touch panel, the video playing interface 30 is in a floating display state as shown in fig. 3c, where the floating display state may be that the video playing interface 30 is floating displayed on the desktop or any other interface. In this way, when the user performs the fourth input to start the fourth application, the video playing interface 30 is always displayed above the fourth application interface in a floating manner.
It should be noted that the fourth input may include an application icon for touching the fourth application, a quick start button for operating the fourth application, a thumbnail of the fourth application interface in the preview interface of the touch-running program, and the like, and is optionally used to start the fourth application or bring the fourth application running in the background to the foreground for running.
Further, the zooming out the interface of the third application program and displaying the zoomed out interface of the third application program in a floating manner in response to the third input includes:
responding to the third input, and acquiring an operating parameter of the third input;
determining a size adjustment parameter according to the operation parameter;
and reducing the third application program interface according to the size adjustment parameter, and displaying the reduced third application program interface in a floating manner.
In a specific implementation, the operation parameter of the third input may include parameters such as a sliding distance and an operation duration, and the size adjustment parameter may be a size ratio or a size. In application, the correspondence between the operation parameter and the resizing parameter may be stored in advance.
For example: when the third input is a sliding operation, the degree of reduction of the third application program interface may be positively correlated with the sliding distance of the third input, and specifically may be: the sliding distance is reduced to 0.6 time of the original size by 1 cm, and the sliding distance is reduced to 0.5 time of the original size by 2 cm, and the like.
In this embodiment, in the process of displaying the third application interface, the third application interface may be reduced through the third input and the fourth input, and the reduced third application interface is displayed in a floating manner on the other application interfaces, during which the display of the third application interface is not interrupted, so that the user may start and view the other application interfaces while viewing the third application interface, for example: in the process of watching the video, if the chat message is received, the chat interface can be opened to view and reply the chat message on the premise of not interrupting the video watching.
Referring to fig. 4, which is a flowchart of another display method provided in an embodiment of the present application, as shown in fig. 4, the display method provided in this embodiment includes steps 401 to 406, where step 401 is the same as step 101 in the embodiment of the method shown in fig. 1, step 402 is the same as step 102 in the embodiment of the method shown in fig. 1, step 403 is the same as step 103 in the embodiment of the method shown in fig. 1, and step 404 is the same as step 104 in the embodiment of the method shown in fig. 1, except that after step 404, the display method provided in this embodiment further includes the following steps:
And 406, responding to the fifth input, and displaying the first target interface of the first application program and the second target interface of the second application program in a split screen mode.
In one embodiment, the target control may be a control displayed on a touch display screen, for example: as shown in fig. 5a, in a case that the second application interface 51 is reduced and displayed in a floating manner on the first application interface 52, the target control 50 is displayed close to the second application interface 51, and when the target control 50 is touched, the split-screen display interface shown in fig. 5b is switched to, where the split-screen display interface includes the second target interface 51 of the second application program and the first target interface 52 of the first application program, where the first target interface may be a current interface or a preset interface of the first application program, and has the same concept as the first target interface in the embodiment of the method shown in fig. 1; similarly, the second target interface may be a current interface or a preset interface of the second application, and has the same concept as the second target interface in the embodiment of the method shown in fig. 1, and is not described herein again.
In practical applications, the target control may be displayed in the case of an application interface with a floating display, or may be triggered to be displayed by an operation input by a user, and the target control is not displayed in the case of no application interface with a floating display, or in the case of an operation triggered by a user for inputting.
At this time, the fifth input may include one or more of clicking, long-pressing, and the like on the displayed target control.
In another embodiment, the target control may also be a hardware button on the electronic device, which is not limited in this respect.
At this time, the fifth input may be any pressing operation of a hardware button.
It should be noted that after the first application program interface and the second application program interface are displayed in a split-screen manner, the target control may be continuously displayed, so that when the user touches the target control, the suspended display mode is switched, that is, the second application program interface is reduced and is displayed in a suspended manner on the first application program interface.
After the interface of the third application program after being scaled down is displayed on the interface of the fourth application program in a floating manner, the step 405 may be further: receiving a sixth input for the target control; and the step 406 may also be: and responding to the sixth input, and displaying the interface of the third application program and the interface of the fourth application program in a split screen mode.
The present embodiment is similar to the split-screen display of the first target interface of the first application and the second target interface of the second application, except that the split-screen display objects are an interface of a third application and an interface of a fourth application, and are not repeated here to avoid repetition.
The display method provided by the embodiment of the application has the same beneficial effects as the method embodiment shown in fig. 1, and besides, the embodiment of the application can also simply and conveniently realize flexible switching between the floating display mode and the split-screen display mode, so that the flexibility of the display method is improved.
In the display method provided in the embodiment of the present application, the execution main body may be a display device, or a control module for executing the display method in the display device. The display device provided by the embodiment of the present application is described by taking an example in which the display device executes a loading display method.
Please refer to fig. 6, which is a structural diagram of a display device according to an embodiment of the present application, and as shown in fig. 6, the display device includes:
a first receiving module 601, configured to receive a first input of a user;
a first display module 602 for displaying thumbnails of interfaces of a plurality of applications in response to the first input;
a second receiving module 603, configured to receive a second input that a user drags a first thumbnail of the thumbnails of the interfaces of the multiple applications to a second thumbnail;
a second display module 604, configured to, in response to the second input, display an interface of the first application corresponding to the second thumbnail, and display an interface of the second application corresponding to the first thumbnail in a floating manner on the interface of the first application.
Optionally, the second display module is specifically configured to:
and responding to the second input, displaying a first target interface of the first application program in a full screen mode, and displaying a second target interface of the second application program with a preset window size in a suspension mode on the first target interface.
Optionally, as shown in fig. 7, the display device 600 further includes:
a third receiving module 605, configured to receive a third input of the user in the interface of the third application;
a third display module 606, configured to respond to the third input, shrink the interface of the third application program, and display the shrunk interface of the third application program in a floating manner;
a fourth receiving module 607 for receiving a fourth input for a fourth application;
a fourth display module 608, configured to respond to the fourth input, start the fourth application, and display the interface of the reduced third application in a floating manner on the interface of the fourth application.
Optionally, as shown in fig. 8, the display device 600 further includes:
a fifth receiving module 609, configured to receive a fifth input for the target control;
a fifth display module 610, configured to display, in response to the fifth input, the interface of the first application and the interface of the second application in a split-screen manner.
Optionally, as shown in fig. 9, the display device 600 further includes:
a sixth receiving module 611, configured to receive a sixth input for the target control;
a sixth display module 612, configured to display, in response to the sixth input, the interface of the third application and the interface of the fourth application in a split-screen manner.
The display device 600 provided by the embodiment of the application can simply and conveniently realize the suspension display of the reduced first application program interface and the second application program interface, so that the situation that the first application program interface and the second application program interface are deformed or incompletely displayed is avoided under the situation that the first application program interface and the second application program interface are simultaneously displayed, and the display effect is improved.
The display device in the embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal. The device can be mobile electronic equipment or non-mobile electronic equipment. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and the non-mobile electronic device may be a Network Attached Storage (NAS), a personal computer (personal computer, PC), a Television (TV), a teller machine, a self-service machine, and the like, and the embodiments of the present application are not limited in particular.
The display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, and embodiments of the present application are not limited specifically.
The display device provided in the embodiment of the present application can implement each process implemented by the method embodiment shown in fig. 1 or fig. 4, and is not described here again to avoid repetition.
Optionally, as shown in fig. 10, an electronic device 1000 is further provided in this embodiment of the present application, and includes a processor 1001, a memory 1002, and a program or an instruction stored in the memory 1002 and executable on the processor 1001, where the program or the instruction is executed by the processor 1001 to implement each process of the display method embodiment, and can achieve the same technical effect, and no further description is provided here to avoid repetition.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and the non-mobile electronic devices described above.
Fig. 11 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
The electronic device 1100 includes, but is not limited to: a radio frequency unit 1101, a network module 1102, an audio output unit 1103, an input unit 1104, a sensor 1105, a display unit 1106, a user input unit 1107, an interface unit 1108, a memory 1109, a processor 1110, and the like.
Those skilled in the art will appreciate that the electronic device 1100 may further include a power source (e.g., a battery) for supplying power to the various components, and the power source may be logically connected to the processor 1110 via a power management system, so as to manage charging, discharging, and power consumption management functions via the power management system. The electronic device structure shown in fig. 11 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is not repeated here.
A user input unit 1107, configured to receive a first input from a user;
a display unit 1106 for displaying thumbnails of interfaces of a plurality of applications in response to the first input;
a user input unit 1107, further configured to receive a second input that a user drags a first thumbnail of the thumbnails of the interfaces of the plurality of application programs to a second thumbnail;
the display unit 1106 is further configured to, in response to the second input, display an interface of the first application corresponding to the second thumbnail, and display an interface of the second application corresponding to the first thumbnail in a floating manner on the interface of the first application.
Optionally, the displaying, performed by the display unit 1106 and in response to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying an interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program, includes:
and responding to the second input, displaying a first target interface of the first application program in a full screen mode, and displaying a second target interface of the second application program with a preset window size in a suspension mode on the first target interface.
Optionally, the user input unit 1107 is further configured to receive a third input from the user in the interface of the third application;
the display unit 1106 is further configured to, in response to the third input, narrow the interface of the third application program, and display the narrowed interface of the third application program in a floating manner;
a user input unit 1107 for receiving a fourth input for a fourth application;
the display unit 1106 is further configured to, in response to the fourth input, start the fourth application program, and display the interface of the reduced third application program in a floating manner on the interface of the fourth application program.
Optionally, after the display unit 1106 executes the interface of the second application corresponding to the first thumbnail in a floating manner on the interface of the first application:
a user input unit 1107, further configured to receive a fifth input for the target control;
the display unit 1106 is further configured to display, in response to the fifth input, the first target interface of the first application and the second target interface of the second application in a split-screen manner.
After the display unit 1106 performs the floating display of the interface of the reduced third application on the interface of the fourth application:
a user input unit 1107, further configured to receive a sixth input for the target control;
the display unit 1106 is further configured to display, in response to the sixth input, an interface of the third application and an interface of the fourth application in a split-screen manner.
The electronic device provided in the embodiment of the present application can perform each process in the method embodiments shown in fig. 1 or fig. 4, and can obtain the same beneficial effects, and for avoiding repetition, details are not repeated herein.
It should be understood that, in the embodiment of the present application, the input Unit 1104 may include a Graphics Processing Unit (GPU) and a microphone, and the Graphics Processing Unit processes image data of still pictures or videos obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The display unit 1106 may include a display panel, which may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 1107 includes a touch panel and other input devices. Touch panels, also known as touch screens. The touch panel may include two parts of a touch detection device and a touch controller. Other input devices may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein. The memory 1109 may be used for storing software programs and various data including, but not limited to, application programs and an operating system. Processor 1110 may integrate an application processor that handles primarily operating systems, user interfaces, applications, etc. and a modem processor that handles primarily wireless communications. It will be appreciated that the modem processor described above may not be integrated into processor 1110.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements the processes of the display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and so on.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to execute a program or an instruction to implement each process of the display method embodiment, and can achieve the same technical effect, and the details are not repeated here to avoid repetition.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, etc.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.
Claims (12)
1. A display method, comprising:
receiving a first input of a user;
displaying thumbnails of interfaces of a plurality of applications in response to the first input;
receiving a second input that a user drags a first thumbnail to a second thumbnail in the thumbnails of the interfaces of the plurality of application programs;
and responding to the second input, displaying an interface of the first application program corresponding to the second thumbnail, and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program.
2. The display method according to claim 1, wherein the displaying an interface of a first application corresponding to the second thumbnail and displaying an interface of a second application corresponding to the first thumbnail in a floating manner on the interface of the first application in response to the second input comprises:
and responding to the second input, displaying a first target interface of the first application program in a full screen mode, and displaying a second target interface of the second application program with a preset window size in a suspension mode on the first target interface.
3. The display method according to claim 1, wherein the method further comprises:
receiving a third input of the user within the interface of the third application;
responding to the third input, zooming out the interface of the third application program, and displaying the zoomed out interface of the third application program in a floating manner;
receiving a fourth input for a fourth application;
responding to the fourth input, starting the fourth application program, and displaying the interface of the reduced third application program in a floating mode on the interface of the fourth application program.
4. The display method according to claim 1 or 2, wherein after displaying an interface of a second application corresponding to the first thumbnail in a floating manner on an interface of the first application, the method further comprises:
receiving a fifth input for the target control;
and responding to the fifth input, and displaying a first target interface of the first application program and a second target interface of the second application program in a split screen mode.
5. The display method according to claim 3, wherein after the interface of the third application program after being reduced is displayed on the interface of the fourth application program in a floating manner, the method further comprises:
receiving a sixth input for the target control;
and responding to the sixth input, and displaying the interface of the third application program and the interface of the fourth application program in a split screen mode.
6. A display device, comprising:
the first receiving module is used for receiving a first input of a user;
a first display module for displaying thumbnails of interfaces of a plurality of applications in response to the first input;
the second receiving module is used for receiving a second input that a user drags a first thumbnail in the thumbnails of the interfaces of the plurality of application programs to a second thumbnail;
and the second display module is used for responding to the second input, displaying the interface of the first application program corresponding to the second thumbnail and displaying the interface of the second application program corresponding to the first thumbnail in a floating manner on the interface of the first application program.
7. The display device according to claim 6, wherein the second display module is specifically configured to:
and responding to the second input, displaying a first target interface of the first application program in a full screen mode, and displaying a second target interface of the second application program with a preset window size in a suspension mode on the first target interface.
8. The display device according to claim 6, wherein the device further comprises:
the third receiving module is used for receiving a third input of the user in the interface of the third application program;
the third display module is used for responding to the third input, reducing the interface of the third application program and displaying the reduced interface of the third application program in a floating mode;
a fourth receiving module for receiving a fourth input for a fourth application;
and the fourth display module is used for responding to the fourth input, starting the fourth application program and displaying the interface of the reduced third application program in a floating manner on the interface of the fourth application program.
9. A display device as claimed in claim 6 or 7, characterized in that the device further comprises:
a fifth receiving module, configured to receive a fifth input for the target control;
and the fifth display module is used for responding to the fifth input and displaying the first target interface of the first application program and the second target interface of the second application program in a split screen mode.
10. The display device according to claim 8, wherein the device further comprises:
a sixth receiving module, configured to receive a sixth input for the target control;
and the sixth display module is used for responding to the sixth input and displaying the interface of the third application program and the interface of the fourth application program in a split screen mode.
11. An electronic device comprising a processor, a memory, and a program or instructions stored on the memory and executable on the processor, the program or instructions when executed by the processor implementing the steps of the display method according to any one of claims 1-5.
12. A readable storage medium, characterized in that it stores thereon a program or instructions which, when executed by a processor, implement the steps of the display method according to any one of claims 1-5.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010923881.XA CN112099707A (en) | 2020-09-04 | 2020-09-04 | Display method and device and electronic equipment |
| PCT/CN2021/116425 WO2022048633A1 (en) | 2020-09-04 | 2021-09-03 | Display method and apparatus and electronic device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010923881.XA CN112099707A (en) | 2020-09-04 | 2020-09-04 | Display method and device and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112099707A true CN112099707A (en) | 2020-12-18 |
Family
ID=73757392
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010923881.XA Pending CN112099707A (en) | 2020-09-04 | 2020-09-04 | Display method and device and electronic equipment |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN112099707A (en) |
| WO (1) | WO2022048633A1 (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113282213A (en) * | 2021-05-17 | 2021-08-20 | 维沃移动通信有限公司 | Interface display method and device |
| WO2022048633A1 (en) * | 2020-09-04 | 2022-03-10 | 维沃移动通信有限公司 | Display method and apparatus and electronic device |
| CN114911400A (en) * | 2021-02-08 | 2022-08-16 | 花瓣云科技有限公司 | Method for sharing pictures and electronic equipment |
| WO2022247614A1 (en) * | 2021-05-28 | 2022-12-01 | 华为技术有限公司 | Method for displaying multiple interfaces, and electronic device |
| CN115529486A (en) * | 2022-09-23 | 2022-12-27 | 三星电子（中国）研发中心 | Suspended window type APP presentation method and apparatus |
| WO2023078348A1 (en) * | 2021-11-08 | 2023-05-11 | 维沃移动通信有限公司 | Application display method and apparatus, and electronic device |
| WO2023160443A1 (en) * | 2022-02-22 | 2023-08-31 | 维沃移动通信有限公司 | Application processing method and device |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111399720A (en) * | 2020-03-24 | 2020-07-10 | 北京小米移动软件有限公司 | Method and device for displaying application interface and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104090720A (en) * | 2014-04-10 | 2014-10-08 | 中兴通讯股份有限公司 | Method for adjusting terminal window display based on gesture operation and device for adjusting terminal window display |
| CN104834437A (en) * | 2015-05-28 | 2015-08-12 | 魅族科技（中国）有限公司 | Split screen operating method and terminal |
| CN108062194A (en) * | 2017-12-12 | 2018-05-22 | 维沃移动通信有限公司 | A kind of display methods, device and mobile terminal |
| CN108170333A (en) * | 2017-12-26 | 2018-06-15 | 珠海格力电器股份有限公司 | A kind of application management method, device and mobile terminal |
| CN110427151A (en) * | 2019-06-28 | 2019-11-08 | 华为技术有限公司 | A kind of method and electronic equipment controlling user interface |
| CN110489043A (en) * | 2019-07-31 | 2019-11-22 | 华为技术有限公司 | A kind of management method and relevant apparatus of suspension windows |
| CN111399720A (en) * | 2020-03-24 | 2020-07-10 | 北京小米移动软件有限公司 | Method and device for displaying application interface and storage medium |
| CN111399959A (en) * | 2020-03-17 | 2020-07-10 | Oppo广东移动通信有限公司 | Multitasking operation method and device, electronic equipment and storage medium |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112099707A (en) * | 2020-09-04 | 2020-12-18 | 维沃移动通信有限公司 | Display method and device and electronic equipment |
-
2020
- 2020-09-04 CN CN202010923881.XA patent/CN112099707A/en active Pending
-
2021
- 2021-09-03 WO PCT/CN2021/116425 patent/WO2022048633A1/en active Application Filing
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104090720A (en) * | 2014-04-10 | 2014-10-08 | 中兴通讯股份有限公司 | Method for adjusting terminal window display based on gesture operation and device for adjusting terminal window display |
| CN104834437A (en) * | 2015-05-28 | 2015-08-12 | 魅族科技（中国）有限公司 | Split screen operating method and terminal |
| CN108062194A (en) * | 2017-12-12 | 2018-05-22 | 维沃移动通信有限公司 | A kind of display methods, device and mobile terminal |
| CN108170333A (en) * | 2017-12-26 | 2018-06-15 | 珠海格力电器股份有限公司 | A kind of application management method, device and mobile terminal |
| CN110427151A (en) * | 2019-06-28 | 2019-11-08 | 华为技术有限公司 | A kind of method and electronic equipment controlling user interface |
| CN110489043A (en) * | 2019-07-31 | 2019-11-22 | 华为技术有限公司 | A kind of management method and relevant apparatus of suspension windows |
| CN111399959A (en) * | 2020-03-17 | 2020-07-10 | Oppo广东移动通信有限公司 | Multitasking operation method and device, electronic equipment and storage medium |
| CN111399720A (en) * | 2020-03-24 | 2020-07-10 | 北京小米移动软件有限公司 | Method and device for displaying application interface and storage medium |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022048633A1 (en) * | 2020-09-04 | 2022-03-10 | 维沃移动通信有限公司 | Display method and apparatus and electronic device |
| CN114911400A (en) * | 2021-02-08 | 2022-08-16 | 花瓣云科技有限公司 | Method for sharing pictures and electronic equipment |
| CN113282213A (en) * | 2021-05-17 | 2021-08-20 | 维沃移动通信有限公司 | Interface display method and device |
| WO2022242515A1 (en) * | 2021-05-17 | 2022-11-24 | 维沃移动通信有限公司 | Interface display method and apparatus |
| WO2022247614A1 (en) * | 2021-05-28 | 2022-12-01 | 华为技术有限公司 | Method for displaying multiple interfaces, and electronic device |
| WO2023078348A1 (en) * | 2021-11-08 | 2023-05-11 | 维沃移动通信有限公司 | Application display method and apparatus, and electronic device |
| WO2023160443A1 (en) * | 2022-02-22 | 2023-08-31 | 维沃移动通信有限公司 | Application processing method and device |
| CN115529486A (en) * | 2022-09-23 | 2022-12-27 | 三星电子（中国）研发中心 | Suspended window type APP presentation method and apparatus |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2022048633A1 (en) | 2022-03-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112099707A (en) | Display method and device and electronic equipment | |
| CN106201171B (en) | Split-screen display method and electronic equipment | |
| CN112135181B (en) | Video preview method and device and electronic equipment | |
| US8760557B2 (en) | User interface for a digital camera | |
| CN112911147B (en) | Display control method, display control device and electronic equipment | |
| WO2023005920A1 (en) | Screen splitting method and apparatus, and electronic device | |
| WO2023061280A1 (en) | Application program display method and apparatus, and electronic device | |
| CN112433693B (en) | Split screen display method and device and electronic equipment | |
| CN112083854A (en) | Application program running method and device | |
| CN112148167A (en) | Control setting method and device and electronic equipment | |
| CN112286612A (en) | Information display method and device and electronic equipment | |
| WO2022068721A1 (en) | Screen capture method and apparatus, and electronic device | |
| CN112099714B (en) | Screenshot method and device, electronic equipment and readable storage medium | |
| CN113835577A (en) | Display method, display device, electronic equipment and storage medium | |
| CN113703630A (en) | Interface display method and device | |
| CN112399010B (en) | Page display method and device and electronic equipment | |
| CN111796746B (en) | Volume adjusting method, volume adjusting device and electronic equipment | |
| WO2023078348A1 (en) | Application display method and apparatus, and electronic device | |
| CA2807866C (en) | User interface for a digital camera | |
| CN112148175B (en) | Notification display mode setting method and device, electronic equipment and storage medium | |
| CN114245017A (en) | Shooting method and device and electronic equipment | |
| CN113885748A (en) | Object switching method and device, electronic equipment and readable storage medium | |
| CN112764625A (en) | Notification message display method and device | |
| CN113342222A (en) | Application classification method and device and electronic equipment | |
| CN112165584A (en) | Video recording method, video recording device, electronic equipment and readable 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 |