WO2021227770A1 - Procédé d'affichage de fenêtre d'application et dispositif électronique - Google Patents

Procédé d'affichage de fenêtre d'application et dispositif électronique Download PDF

Info

Publication number
WO2021227770A1
WO2021227770A1 PCT/CN2021/087675 CN2021087675W WO2021227770A1 WO 2021227770 A1 WO2021227770 A1 WO 2021227770A1 CN 2021087675 W CN2021087675 W CN 2021087675W WO 2021227770 A1 WO2021227770 A1 WO 2021227770A1
Authority
WO
WIPO (PCT)
Prior art keywords
window
application
screen
electronic device
control
Prior art date
Application number
PCT/CN2021/087675
Other languages
English (en)
Chinese (zh)
Inventor
胡颖峰
王红军
薛嵘
Original Assignee
华为技术有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2021227770A1 publication Critical patent/WO2021227770A1/fr

Links

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/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
    • 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
    • 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
    • G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • This application relates to the field of electronic equipment, and more specifically, to an application window display method and electronic equipment.
  • multi-window mode also called multi-screen mode or split-screen function
  • users may no longer need to use multiple applications for a long time, and need to exit the split-screen applications that are not used temporarily.
  • users can exit the split screen in the following two ways: one is to drag the divider between the split screen application windows to the edge of the screen, and the application window that wants to exit the split screen state is pushed out of the screen; the other is to drag The drag bar on the split-screen application window turns the application window from the split-screen state to the floating window state.
  • the application pushed out of the screen becomes the full screen state. If the user wants to open the application again, he needs to reopen the split screen or display the application in full screen, which will interrupt the current application task.
  • the second method is used to exit the split screen, the position of the drag bar and the signal bar are shared, and there is a problem of conflict with the hot zone of the signal bar. No matter which way to exit the split screen, the user experience is not good.
  • This application provides an application window display method and electronic device, which can facilitate the user to exit the split-screen state, and when the user needs to re-use multiple applications at the same time later, it can be quickly turned on without switching applications or interrupting the current application task. Improve user experience.
  • an application window display method applied to an electronic device, including: displaying a split-screen interface, the split-screen interface including a first window, a second window, and a window for separating the first window and the second window.
  • the first control of the window, the first window runs a first application
  • the second window runs a second application
  • the first operation of the user on the first control is detected, and the first operation is to the first Sliding operation of the position of the second window
  • the first preset condition includes any one of the following: the first control and the edge of the screen of the electronic device
  • the user can perform a sliding operation on the first control so that the position of the first control meets the first preset condition, so that the electronic device removes the first window from The split screen state is switched to the full screen state, and the second window is switched from the split screen state to the floating state.
  • the second window in the floating state does not affect the application that the user runs in the first window, and when the user wants to use the first application and the second application at the same time, the user can quickly operate the second window in the floating state at any time, which saves the user time. Improve user experience.
  • the electronic device may switch the second window from the split screen state to the floating window state, and the application running in the second window displays the application interface to the user and interacts with the user in the form of a floating window.
  • the second window in the floating window state does not affect the application run by the user using the first window, and the user can also use the second application through the floating window.
  • the user wants to use the first application and the second application at the same time in a split-screen manner, the user can operate the floating window at any time.
  • the electronic device may switch the second window from the split screen state to the floating icon state, and the application interface running on the second window is hidden.
  • the second window of the floating icon state does not affect the application that the user runs in the first window, and when the user wants to use the first application and the second application at the same time, the user can operate the floating icon at any time without having to split the screen again Operation to improve user experience.
  • the first application and the second application can be the same or different.
  • one of the applications can be a clone application of the other application, so that the application running in the first window and the application running in the second window can use different user accounts to log in.
  • the first window and the second window can run different tasks of the same application, so that the first window and the second window are two task windows of the same application.
  • the first control may be the partition bar 303 shown in FIGS. 6 to 11
  • the first window may be the first window 301 in FIGS. 6 to 11
  • the second window may be the partition bar 303 in FIGS. 6 to 11.
  • the electronic device activates the first control.
  • the electronic device detects a user's long-press operation on the first control, and activates the first control.
  • the first control can be moved under the touch operation of the user.
  • the process of activating the first control by the electronic device and the process of responding to the first operation are continuous.
  • the user performs a sliding operation to the position of the second window after long pressing the first control for a certain period of time.
  • the electronic device activates the first control after detecting the user's long press operation on the first control, and detects that the user is Move the first control after the first operation of the first control. During this process, the user's touch operation is not interrupted.
  • the first control is in an activated state.
  • the first preset condition includes: the distance between the first control and the edge of the screen of the electronic device is less than or equal to a first threshold.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/8 screen width.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/16 screen width.
  • the first preset condition includes: the width of the second window is less than or equal to a third threshold.
  • the third threshold and the first threshold may be the same or different.
  • the value range of the third threshold and the value range of the first threshold may be the same or different.
  • the first preset condition includes: the first control is located between the first preset position and the edge of the screen of the electronic device.
  • the electronic device may determine whether the first control is located between the first preset position and the edge of the screen of the electronic device through the pixel information.
  • the first aspect further includes: detecting a second operation of the user; in response to the second operation, displaying the split screen interface; detecting that the user’s control of the first control
  • the third operation is a sliding operation to the position of the second window; in response to the third operation, the first control is moved to the side of the second window, wherein the The width of the second window decreases, and the width of the first window increases; it is detected that the user ends the third operation; in response to ending the third operation, if the position of the first control meets the second preset Condition, displaying the first window in full screen and closing the second window;
  • the second preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold
  • the first preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to the first threshold and greater than the second threshold; or, the second preset condition includes The width of the second window is less than
  • the user can perform an operation on the first control so that the position of the first control meets the second preset condition, so that the electronic device can set the second The window is closed, even if the application running in the second window keeps running in the background or terminates the application process.
  • the position of the first control to satisfy different preset conditions, it is convenient to switch the second window to a suspended state or close the second window, which is convenient for users to quickly operate and improve user experience.
  • the second operation is an operation on the floating window.
  • the second operation is a click operation on the split screen display control 323 shown in (a) of FIG. 10.
  • the second operation is a click operation on the close control 321 shown in (a) of FIG. 10.
  • the second operation is an operation on the floating icon.
  • the second operation is a click operation or a sliding operation on the floating icon.
  • the electronic device activates the first control.
  • the electronic device detects a user's long-press operation on the first control, and activates the first control.
  • the first control can be moved under the touch operation of the user.
  • the process of activating the first control by the electronic device and the process of responding to the third operation are continuous.
  • the second preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold
  • the first preset condition includes the first control and the The distance between the edge of the screen of the electronic device is less than or equal to the first threshold and greater than the second threshold
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/16 screen width.
  • the second preset condition includes that the width of the second window is less than or equal to a fourth threshold
  • the first preset condition includes that the width of the second window is less than or equal to the third threshold and Greater than the fourth threshold.
  • the fourth threshold and the second threshold may be the same or different.
  • the value range of the fourth threshold and the value range of the second threshold may be the same or different.
  • the second preset condition includes that the first control is located between the second preset position and the edge of the screen of the electronic device, and the first preset condition includes that the first control is located Between the first preset position and the second preset position, wherein the second preset position is located between the first preset position and the edge of the screen.
  • the electronic device may determine whether the first control is located between the second preset position and the edge of the screen of the electronic device through the pixel information.
  • the second window when the second window is in the floating window state, the second window includes: an application interface display area and a toolbar, wherein the application interface display area is used for The user interface of the second application is displayed, and the toolbar includes at least one of the following controls: a window close control, a window minimize control, a split-screen display control, and a full-screen display control.
  • the electronic device when the electronic device detects that the user clicks on the window close control, in response to the operation, the electronic device may close the second window.
  • the electronic device when the electronic device detects that the user clicks on the split screen display control, in response to this operation, the electronic device may switch the second window from the floating window state back to the split screen state.
  • the electronic device when the electronic device detects that the user clicks on the full-screen display control, in response to this operation, the electronic device may switch the second window from the floating window state to the full-screen state.
  • the electronic device when the electronic device detects that the user clicks on the window minimize control, in response to the operation, the electronic device may hide the application interface display area of the second window.
  • the electronic device when the electronic device detects that the user clicks on the window minimize control, in response to this operation, the electronic device may switch the second window in the floating window state to the floating icon state.
  • the method further includes: detecting a user's operation on the window minimization control, and in response to the operation, hiding the application interface display area.
  • the second window only uses the toolbar to identify the position of the application window, which can occupy a smaller display space.
  • the method when the second window is in the floating icon state, the method further includes: detecting a user's operation on the floating icon, and in response to the operation, turning the second window The second window is switched from the floating icon state to the floating window state.
  • the user can operate the floating icon to switch the second window to the floating window state, which is convenient for the user to interact through the floating window without affecting the use of the first application in the first window.
  • the method when the second window is in the floating icon state, the method further includes: detecting a user's operation on the floating icon, and in response to the operation, turning the second window The second window is switched from the floating icon state to the split screen state.
  • the user can operate the floating icon to switch the second window to the split screen state, and the user can use the applications in the two windows at the same time, which is convenient for the user to operate.
  • the method further includes: detecting the position of the first control; when the position of the first control satisfies the first preset condition, in the split screen interface The thumbnail of the second window in the floating state is displayed on the top.
  • the electronic device may prompt the user by means of thumbnails if the touch operation is stopped at this time, the electronic device will switch the second window to the floating state.
  • the first aspect further includes: detecting a fourth operation of the user; in response to the fourth operation, displaying the split screen interface; detecting that the user’s control of the first control Fifth operation, the fifth operation is a sliding operation to the position of the second window; in response to the fifth operation, move the first control to the side of the second window, wherein the The width of the second window decreases, and the width of the first window increases; it is detected that the user ends the fifth operation; in response to ending the fifth operation, if the position of the first control meets the third preset Condition, staying the first control at the position when the user ends the fifth operation; wherein the third preset condition includes any one of the following: the distance between the first control and the edge of the screen of the electronic device Greater than a fifth threshold, the fifth threshold is greater than the first threshold; or, the width of the second window is greater than a sixth threshold, and the sixth threshold is greater than the third threshold; or, the first control Located between the initial position of the first control and a third threshold
  • the user when the first control satisfies the third preset condition, the user can adjust the split screen ratio of the first window and the second window by adjusting the position of the first control.
  • the fourth operation may be the same as the above-mentioned second operation.
  • the fifth operation may be the same as the third operation described above.
  • the third preset condition includes: the distance between the first control and the edge of the screen of the electronic device is greater than a fifth threshold.
  • the fifth threshold is greater than 1/4 of the screen width and less than 1/2 of the screen width.
  • the fifth threshold is greater than or equal to the foregoing first threshold.
  • the third preset condition includes: the width of the second window is greater than a sixth threshold.
  • the sixth threshold and the fifth threshold may be the same or different.
  • the value range of the sixth threshold and the value range of the fifth threshold may be the same or different.
  • the sixth threshold is greater than or equal to the foregoing third threshold.
  • the third preset condition includes: the first control is located between the third preset position and the initial position of the first control, and the third preset position is located at the position of the first control. Between the initial position and the first preset position.
  • an application window display method applied to an electronic device, including: displaying a split-screen interface, the split-screen interface including a first window, a second window, and a method for separating the first window and the The first control of the second window, the first window runs the first application, and the second window runs the second application; the first operation of the user on the first control is detected, and the first operation is The sliding operation of the position of the second window; in response to the first operation, the first control is moved to the side of the second window, wherein the width of the second window is reduced, and the first The width of the window increases; it is detected that the user ends the first operation; in response to the end of the first operation, if the position of the first control satisfies the first preset condition, the second window is set to a preset width Locked to the edge of the screen of the electronic device, wherein the second window is in an inactive state, and the second application corresponding to the second window is running in the background; wherein, the first preset condition
  • the second window is locked at the edge of the screen with a preset width, which can be understood as the second window is docked, fixed or adsorbed at the edge of the screen with a preset width, and the second window is in an inactive state.
  • the second application corresponding to the second window runs in the background, the user interface of the second application is not displayed on the split screen interface, and the user cannot interact with the electronic device through the user interface of the second application.
  • the second window in the locked state is similar to a functional control, which hides the user interface of the second application, and the user cannot interact with the second window in the locked state.
  • the user can perform operations such as long pressing, clicking, or dragging on the second window in the locked state.
  • the electronic device can switch the second window from the inactive state to the active state, for example, make the second window active.
  • the second window displays the user interface of the second application, etc.
  • the user can conveniently and quickly lock the application window to the edge of the screen with a preset width by adjusting the position of the first control, without affecting the user's use of other applications, and when the user needs to use the first application and the first application at the same time again
  • the first control may be the dividing bar 303 in FIG. 12, the first window may be the first window 301 in FIG. 12, and the second window may be the second window 302 in FIG.
  • the first window is displayed approximately in full screen.
  • the contents of the first application, the second application, the first operation, the first control, the first threshold, the third threshold, and the first preset position in the second aspect are similar to those in the first aspect.
  • the second aspect further includes: detecting a second operation of the user; in response to the second operation, displaying the split screen interface; detecting that the user’s control of the first control
  • the third operation is a sliding operation to the position of the second window; in response to the third operation, the first control is moved to the side of the second window, wherein the The width of the second window decreases, and the width of the first window increases; it is detected that the user ends the third operation; in response to ending the third operation, if the position of the first control meets the second preset Condition, displaying the first window in full screen and closing the second window;
  • the second preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold
  • the first preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to the first threshold and greater than the second threshold; or, the second preset condition includes The width of the second window is less than
  • the second operation, the third operation, the second threshold, the fourth threshold, and the second preset position in the second aspect are similar to those in the first aspect. For details, refer to the first aspect.
  • the method further includes: detecting a user's operation on the second window, and responding to the Operation, switching the second window from the preset width to an initial width, where the initial width is the width of the second window before the electronic device detects the first operation.
  • the second window by performing an operation on the second window in the locked state, the second window can be switched from the preset width to the initial width, that is, from the inactive state to the active state, or from the locked state to the split-screen state .
  • the second window can display the user interface of the second application, which is convenient for the user to operate.
  • the second aspect in a possible implementation manner, it further includes: detecting a fourth operation of the user; in response to the fourth operation, displaying the split screen interface; detecting that the user’s control of the first control Fifth operation, the fifth operation is a sliding operation to the position of the second window; in response to the fifth operation, move the first control to the side of the second window, wherein the The width of the second window decreases, and the width of the first window increases; it is detected that the user ends the fifth operation; in response to ending the fifth operation, if the position of the first control meets the third preset Condition, staying the first control at the position when the user ends the fifth operation; wherein the third preset condition includes any one of the following: the distance between the first control and the edge of the screen of the electronic device Greater than a fifth threshold, the fifth threshold is greater than the first threshold; or, the width of the second window is greater than a sixth threshold, and the sixth threshold is greater than the third threshold; or, the first control Located between the initial position of the first control and a third threshold
  • the user when the first control satisfies the third preset condition, the user can adjust the split screen ratio of the first window and the second window by adjusting the position of the first control.
  • the contents of the fourth operation, the fifth operation, the fifth threshold, the sixth threshold, and the third preset position in the second aspect are similar to those in the first aspect.
  • an electronic device including: one or more processors; a memory, the memory includes instructions; when the instructions are executed by the one or more processors, the electronic device The device performs the following steps: displays a split screen interface, the split screen interface includes a first window, a second window, and a first control for separating the first window and the second window, and the first window runs the first window.
  • the second window runs a second application; a user's first operation on the first control is detected, and the first operation is a sliding operation to the position of the second window; in response to the first operation In one operation, move the first control to one side of the second window, wherein the width of the second window is reduced, and the width of the first window is increased; it is detected that the user ends the first operation In response to ending the first operation, if the position of the first control satisfies the first preset condition, the first window is displayed in full screen, and the second window is displayed in a floating window or floating icon state.
  • the first preset condition includes any one of the following: the distance between the first control and the edge of the screen of the electronic device is less than or equal to a first threshold; or, the first The width of the two windows is less than or equal to the third threshold; or, the first control is located between the first preset position and the edge of the screen of the electronic device.
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting the second operation of the user; The second operation is to display the split screen interface; the third operation of the user on the first control is detected, and the third operation is a sliding operation to the position of the second window; in response to the third Operation, move the first control to one side of the second window, wherein the width of the second window decreases and the width of the first window increases; it is detected that the user ends the third operation; In response to ending the third operation, if the position of the first control satisfies a second preset condition, display the first window in full screen and close the second window; wherein, the second preset condition It includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold, and the first preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to all.
  • the first threshold is greater than the second threshold; or, the second preset condition includes that the width of the second window is less than or equal to a fourth threshold, and the first preset condition includes the The width is less than or equal to the third threshold and greater than the fourth threshold; or, the second preset condition includes that the first control is located between the second preset position and the edge of the screen of the electronic device ,
  • the first preset condition includes that the first control is located between the first preset position and the second preset position, wherein the second preset position is located between the first preset position and the Between the edges of the screen.
  • the second window when the second window is in the floating window state, the second window includes: an application interface display area and a toolbar, wherein the application interface display area is used for The user interface of the second application is displayed, and the toolbar includes at least one of the following controls: a window close control, a window minimize control, a split-screen display control, and a full-screen display control.
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting that the user has made the window minimize control Operation, in response to the operation, hide the application interface display area.
  • the second window is in a floating icon state
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting When the user operates the floating icon, in response to the operation, the second window is switched from the floating icon state to the floating window state, or the second window is switched from the floating icon state to the split screen state.
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting the position of the first control; When the position of the first control satisfies the first preset condition, a thumbnail of the second window in a floating state is displayed on the split screen interface.
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting the fourth operation of the user; The fourth operation is to display the split screen interface; the fifth operation of the user on the first control is detected, and the fifth operation is a sliding operation to the position of the second window; in response to the fifth Operation, move the first control to one side of the second window, wherein the width of the second window decreases and the width of the first window increases; it is detected that the user ends the fifth operation; In response to ending the fifth operation, if the position of the first control satisfies a third preset condition, the first control stays at the position when the user ends the fifth operation; wherein the third preset The condition includes any one of the following: the distance between the first control and the edge of the screen of the electronic device is greater than a fifth threshold, and the fifth threshold is greater than the first threshold; or, the width of the second window is greater than the first Six thresholds, the sixth threshold is greater than the
  • an electronic device including: one or more processors; a memory, the memory including instructions; when the instructions are executed by the one or more processors, the electronic device is caused to execute The following steps: display a split screen interface, the split screen interface includes a first window, a second window, and a first control for separating the first window and the second window, and the first window runs a first application , The second window runs a second application; a user's first operation on the first control is detected, and the first operation is a sliding operation to the position of the second window; in response to the first operation , Moving the first control to one side of the second window, wherein the width of the second window is reduced, and the width of the first window is increased; detecting that the user ends the first operation; responding At the end of the first operation, if the position of the first control satisfies a first preset condition, the second window is locked to the edge of the screen of the electronic device with a preset width, wherein the second window In an inactive state,
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting the second operation of the user; The second operation is to display the split screen interface; the third operation of the user on the first control is detected, and the third operation is a sliding operation to the position of the second window; in response to the third Operation, move the first control to one side of the second window, wherein the width of the second window decreases and the width of the first window increases; it is detected that the user ends the third operation; In response to ending the third operation, if the position of the first control satisfies a second preset condition, display the first window in full screen and close the second window; wherein, the second preset condition It includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold, and the first preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to all.
  • the first threshold is greater than the second threshold; or, the second preset condition includes that the width of the second window is less than or equal to a fourth threshold, and the first preset condition includes the The width is less than or equal to the third threshold and greater than the fourth threshold; or, the second preset condition includes that the first control is located between the second preset position and the edge of the screen of the electronic device ,
  • the first preset condition includes that the first control is located between the first preset position and the second preset position, wherein the second preset position is located between the first preset position and the Between the edges of the screen.
  • the The electronic device executes the following steps: detecting a user's operation on the second window, and in response to the operation, switching the second window from the preset width to an initial width, where the initial width is the first The width of the second window before the electronic device detects the first operation.
  • the electronic device when the instruction is executed by the one or more processors, the electronic device is caused to perform the following steps: detecting the fourth operation of the user; The fourth operation is to display the split screen interface; the fifth operation of the user on the first control is detected, and the fifth operation is a sliding operation to the position of the second window; in response to the fifth Operation, move the first control to one side of the second window, wherein the width of the second window decreases and the width of the first window increases; it is detected that the user ends the fifth operation; In response to ending the fifth operation, if the position of the first control satisfies a third preset condition, the first control stays at the position when the user ends the fifth operation; wherein the third preset The condition includes any one of the following: the distance between the first control and the edge of the screen of the electronic device is greater than a fifth threshold, and the fifth threshold is greater than the first threshold; or, the width of the second window is greater than the first Six thresholds, the sixth threshold is greater than the
  • a device which is included in an electronic device, and the device has the behavior of the electronic device in any possible implementation manner of the foregoing first aspect and second aspect and the foregoing first aspect and second aspect Function.
  • the function can be realized by hardware, or the corresponding software can be executed by hardware.
  • the hardware or software includes one or more modules or units corresponding to the above-mentioned functions.
  • an electronic device including one or more processors and one or more memories.
  • the one or more memories are coupled with one or more processors, and the one or more memories are used to store computer program codes.
  • the computer program codes include computer instructions.
  • the electronic device executes The application window display method in any one of the foregoing first aspect and second aspect and any one of the foregoing first aspect and second aspect.
  • a computer storage medium including computer instructions, which when the computer instructions run on an electronic device, cause the electronic device to execute any one of the first and second aspects as well as the first and second aspects described above.
  • An application window display method in a possible implementation manner.
  • a computer program product is provided.
  • the computer program product runs on an electronic device, the electronic device executes the first and second aspects as well as any one of the first and second aspects mentioned above.
  • the display method of the application window in the mode is provided.
  • a chip system in a ninth aspect, includes at least one processor.
  • the first and second aspects as well as the first and second aspects are The function of the application window display method in any possible implementation manner on the electronic device is realized.
  • FIG. 1 is a schematic diagram of the hardware structure of an electronic device provided by an embodiment of the present application.
  • FIG. 2 is a schematic diagram of the software structure of an electronic device provided by an embodiment of the present application.
  • Figure 3 is a schematic block diagram of a window management mechanism
  • FIG. 4 is a schematic diagram of a set of graphical user interfaces provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram of a user interface of an existing application window exiting split screen
  • FIG. 6 is a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application
  • FIG. 7 is a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application.
  • FIG. 8 is a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram of a graphical user interface when an application window is switched to a floating window state in the application window display method provided by an embodiment of the present application;
  • FIG. 11 is a schematic diagram of a graphical user interface when the application window is switched to a floating state in the application window display method provided by an embodiment of the present application;
  • FIG. 12 is a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application.
  • FIG. 13 is a schematic diagram of functional partitions of the divider bar when the application window is switched to a suspended state according to an embodiment of the present application
  • FIG. 14 is a schematic diagram of functional partitions of the divider bar when the application window is in a locked state according to an embodiment of the present application;
  • 15 is a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application.
  • 16 is a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application.
  • FIG. 17 is a schematic flowchart of an application window display method provided by an embodiment of the present application.
  • FIG. 19 is a schematic block diagram of an electronic device provided by an embodiment of the present application.
  • first and second are only used for descriptive purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the number of indicated technical features. Therefore, the features defined with “first” and “second” may explicitly or implicitly include one or more of these features. In the description of the present embodiment, unless otherwise specified, “plurality” means two or more.
  • references described in this specification to "one embodiment” or “some embodiments”, etc. mean that one or more embodiments of the present application include a specific feature, structure, or characteristic described in combination with the embodiment. Therefore, the sentences “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. appearing in different places in this specification are not necessarily All refer to the same embodiment, but mean “one or more but not all embodiments” unless it is specifically emphasized otherwise.
  • the terms “including”, “including”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized.
  • the embodiment of the present application provides an application window display method, which may be applied to an electronic device or a separate application program, and the application program may implement the application window display method in the present application.
  • the application window display method provided by the present application can switch the application window displayed in a split-screen state to display in a floating window or a floating icon state, or lock the application window to the edge of the screen. In this way, when the user needs to use the application again, the user can quickly operate the floating window or the floating icon or the locked application window without interrupting the current application task, thereby improving the user experience.
  • the application window display method provided in the embodiments of this application can be applied to mobile phones (such as ordinary screen mobile phones, curved screen mobile phones, folding screen mobile phones, full-screen mobile phones, etc.), tablet computers, in-vehicle devices, and wearable devices (such as smart watches, smart hands, etc.). Ring, smart glasses, smart jewelry, etc.), augmented reality (AR)/virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPC), netbooks, personal digital For personal digital assistants (PDAs), televisions, monitors, and other electronic devices with display functions, the embodiments of the present application do not impose any restrictions on the specific types of electronic devices. Exemplary embodiments of electronic devices include, but are not limited to, carrying Or other operating system electronic devices.
  • FIG. 1 shows a schematic structural diagram of an electronic device 100.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, and an antenna 2.
  • Mobile communication module 150 wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, buttons 190, motor 191, indicator 192, camera 193, display screen 194, and Subscriber identification module (subscriber identification module, SIM) card interface 195, etc.
  • SIM Subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and ambient light Sensor 180L, bone conduction sensor 180M, etc.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100.
  • the electronic device 100 may include more or fewer components than those shown in the figure, or combine certain components, or split certain components, or arrange different components.
  • the illustrated components can be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait.
  • AP application processor
  • modem processor modem processor
  • GPU graphics processing unit
  • image signal processor image signal processor
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • NPU neural-network processing unit
  • the different processing units may be independent devices or integrated in one or more processors.
  • part of the processing unit can realize that in the implementation of this application, when the position of the divider bar control satisfies the first preset condition, the squeezed application window is suspended and displayed on other application windows in the split screen state. .
  • part of the processing unit may realize that in the implementation of this application, when the position of the divider bar control meets the second preset condition, the squeezed application window is closed.
  • part of the processing unit can realize that in the implementation of this application, when the position of the divider bar control meets the third preset condition, the divider bar control control stays at the position left by the user's touch operation.
  • part of the processing unit can realize that in the implementation of the present application, when the position of the divider bar control meets the first preset condition, a thumbnail of the squeezed application window in a suspended state is displayed on the split screen interface.
  • the controller may be the nerve center and command center of the electronic device 100.
  • the controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching instructions and executing instructions.
  • a memory may also be provided in the processor 110 to store instructions and data.
  • the memory in the processor 110 is a cache memory.
  • the memory can store instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to use the instruction or data again, it can be directly called from the memory. Repeated accesses are avoided, the waiting time of the processor 110 is reduced, and the efficiency of the system is improved.
  • the processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, and a universal asynchronous transmitter/receiver (universal asynchronous) interface.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transmitter/receiver
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB Universal Serial Bus
  • the I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL).
  • the processor 110 may include multiple sets of I2C buses.
  • the processor 110 may be coupled to the touch sensor 180K, charger, flash, camera 193, etc., respectively through different I2C bus interfaces.
  • the processor 110 may couple the touch sensor 180K through an I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface to implement the touch function of the electronic device 100.
  • the I2S interface can be used for audio communication.
  • the PCM interface can also be used for audio communication to sample, quantize and encode analog signals.
  • the UART interface is a universal serial data bus used for asynchronous communication.
  • the bus can be a two-way communication bus. It converts the data to be transmitted between serial communication and parallel communication.
  • the MIPI interface can be used to connect the processor 110 with the display screen 194, the camera 193 and other peripheral devices.
  • the MIPI interface includes a camera serial interface (camera serial interface, CSI), a display serial interface (display serial interface, DSI), and so on.
  • the processor 110 and the camera 193 communicate through a CSI interface to implement the shooting function of the electronic device 100.
  • the GPIO interface can be configured through software.
  • the GPIO interface can be configured as a control signal or as a data signal.
  • the GPIO interface can also be configured as an I2C interface, I2S interface, UART interface, MIPI interface, etc.
  • the USB interface 130 is an interface that complies with the USB standard specification, and specifically may be a Mini USB interface, a Micro USB interface, a USB Type C interface, and so on.
  • the USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect earphones and play audio through earphones. This interface can also be used to connect other electronic devices, such as AR devices.
  • the interface connection relationship between the modules illustrated in the embodiment of the present application is merely a schematic description, and does not constitute a structural limitation of the electronic device 100.
  • the electronic device 100 may also adopt different interface connection modes in the foregoing embodiments, or a combination of multiple interface connection modes.
  • the charging management module 140 is used to receive charging input from the charger.
  • the power management module 141 is used to connect the battery 142. While the charging management module 140 charges the battery 142, it can also supply power to the electronic device through the power management module 141.
  • the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status.
  • the wireless communication function of the electronic device 100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor, and the baseband processor.
  • the antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.
  • the mobile communication module 150 can provide a wireless communication solution including 2G/3G/4G/5G and the like applied to the electronic device 100.
  • the mobile communication module 150 can receive electromagnetic waves by the antenna 1, and perform processing such as filtering, amplifying and transmitting the received electromagnetic waves to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modem processor, and convert it into electromagnetic waves for radiation via the antenna 1.
  • the wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), and global navigation satellites. System (global navigation satellite system, GNSS), frequency modulation (FM), near field communication (NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110.
  • the wireless communication module 160 may also receive a signal to be sent from the processor 110, perform frequency modulation, amplify, and convert it into electromagnetic waves to radiate through the antenna 2.
  • the antenna 1 of the electronic device 100 is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the electronic device 100 implements a display function through a GPU, a display screen 194, and an application processor.
  • the GPU is an image processing microprocessor, which is connected to the display screen 194 and the application processor.
  • the GPU is used to perform mathematical and geometric calculations and is used for graphics rendering.
  • the processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
  • the display screen 194 is used to display images, videos, and the like.
  • the display screen 194 includes a display panel.
  • the display panel can adopt liquid crystal display (LCD), organic light-emitting diode (OLED), active matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light-emitting diode).
  • LCD liquid crystal display
  • OLED organic light-emitting diode
  • active-matrix organic light-emitting diode active-matrix organic light-emitting diode
  • emitting diode AMOLED, flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
  • the electronic device 100 may include one or N display screens 194, and N is a positive integer greater than one.
  • the display screen 194 can be used to display a split screen interface, and can also be used to display the floating thumbnail of the squeezed application window when the position of the divider bar control meets the first preset condition, and can also be used as When the position of the divider control satisfies the first preset condition, the floating state of the squeezed application window, such as a floating window or a floating icon, is displayed.
  • the electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.
  • the ISP is used to process the data fed back by the camera 193.
  • the camera 193 is used to capture still images or videos.
  • the object generates an optical image through the lens and is projected to the photosensitive element.
  • the photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
  • the electronic device 100 may include one or N cameras 193, and N is a positive integer greater than one.
  • the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save music, video and other files in an external memory card.
  • the internal memory 121 may be used to store computer executable program code, where the executable program code includes instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121.
  • the internal memory 121 may include a storage program area and a storage data area. Among them, the storage program area can store an operating system, an application program (such as a sound playback function, an image playback function, etc.) required by at least one function, and the like.
  • the data storage area can store data (such as audio data, phone book, etc.) created during the use of the electronic device 100.
  • the electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. For example, music playback, recording, etc.
  • the mobile phone 100 also includes a plurality of sensors.
  • the pressure sensor 180A is used to sense a pressure signal, and the pressure signal can be converted into an electrical signal.
  • the pressure sensor 180A may be provided on the display screen 194.
  • the capacitive pressure sensor may include at least two parallel plates with conductive materials. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance.
  • touch operations that act on the same touch position but have different touch operation strengths may correspond to different operation instructions. For example: when a touch operation whose intensity is less than the first pressure threshold is applied to the short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, an instruction to create a new short message is executed.
  • the pressure sensor 180A can be used to detect the user's operation on the partition bar on the split screen interface, can be used to detect the user's operation on the application window of the floating window state, and can be used to detect the user's operation on the application window of the floating icon state Operation and so on.
  • the gyro sensor 180B may be used to determine the movement posture of the electronic device 100.
  • the air pressure sensor 180C is used to measure air pressure.
  • the magnetic sensor 180D includes a Hall sensor, and the electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip cover or the flip cover.
  • the acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of electronic devices, and apply to applications such as horizontal and vertical screen switching, pedometers, and so on.
  • Distance sensor 180F used to measure distance. The electronic device 100 can measure the distance by infrared or laser.
  • the proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector, such as a photodiode, and the proximity light sensor 180G may detect whether there is an object near the electronic device.
  • the ambient light sensor 180L is used to perceive the brightness of the ambient light, and the electronic device 100 can adaptively adjust the brightness of the display 194 according to the perceived brightness of the ambient light, and automatically adjust the white balance when taking pictures.
  • the fingerprint sensor 180H is used to collect fingerprints.
  • the temperature sensor 180J is used to detect temperature.
  • the bone conduction sensor 180M can acquire vibration signals.
  • Touch sensor 180K also called "touch panel”.
  • the touch sensor 180K may be disposed on the display screen 194, and the touch screen is composed of the touch sensor 180K and the display screen 194, which is also called a “touch screen”.
  • the touch sensor 180K is used to detect touch operations acting on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • the visual output related to the touch operation can be provided through the display screen 194.
  • the touch sensor 180K may also be disposed on the surface of the electronic device 100, which is different from the position of the display screen 194.
  • the touch sensor 180K may be used to detect the touch operation of the user divider control and the like.
  • the buttons 190 on the electronic device include a power-on button, a volume button, and so on.
  • the button 190 may be a mechanical button. It can also be a touch button.
  • the electronic device 100 may receive key input, and generate key signal input related to user settings and function control of the electronic device 100.
  • the motor 191 can generate vibration prompts.
  • the motor 191 can be used for incoming call vibration notification, and can also be used for touch vibration feedback. For example, touch operations applied to different applications (such as photographing, audio playback, etc.) can correspond to different vibration feedback effects. Acting on touch operations in different areas of the display screen 194, the motor 191 can also correspond to different vibration feedback effects.
  • the touch vibration feedback effect can also support customization.
  • the indicator 192 may be an indicator light, which may be used to indicate the charging status, power change, or to indicate messages, missed calls, notifications, and so on.
  • the SIM card interface 195 is used to connect to the SIM card.
  • the motor 191 can generate a vibration prompt when the position of the divider bar control meets the first preset condition.
  • the schematic diagram of the possible hardware structure of the electronic device 100 is described above.
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
  • the embodiments of this application are based on a layered architecture
  • the system is taken as an example to illustrate the software structure of the electronic device 100 by way of example.
  • FIG. 2 is a block diagram of the software structure of the electronic device 100 according to an embodiment of the present application.
  • the layered architecture divides the software of the electronic device into several layers, and each layer has a clear role and division of labor. Communication between layers through software interface.
  • the Android system is divided into four layers, from top to bottom, respectively, the application (application, APP) layer, the application framework (framework) layer, and the system runtime layer (including the system library and the Android runtime ( Android runtime)), and the kernel layer.
  • the application layer can include a series of application packages. As shown in Figure 2, the application package can include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, etc.
  • the application program is mainly in the user interface (UI) aspect, and is usually written by using the JAVA language to call the interface of the application framework layer.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions. As shown in Figure 2, the application framework layer can include a window manager, a content provider, a view system, a phone manager, a resource manager, and a notification manager.
  • the window manager is used to manage window programs.
  • the window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, take a screenshot, etc.
  • the window manager may obtain the size of the window to be displayed on the electronic device 100, determine the content of the window to be displayed, and so on.
  • the to-be-displayed window of the electronic device 100 may include a window being displayed on the interface of the electronic device 100, and may also include a window of one or more application programs running in the background of the electronic device 100.
  • FIG. 3 shows a schematic block diagram of a window management mechanism.
  • the window manager is a service, which is a global, unique and independent C++ service in the system, independent of the Android application.
  • the window manager is owned by Common for Android applications.
  • Android's window management system is based on the client/service (C/S) model, and the entire window system is divided into two parts: service and client.
  • the client is the application, which is responsible for requesting the creation of windows and the use of windows;
  • the server is the window manager service (or WindowManagerService, WMS), which is responsible for completing window maintenance and window display.
  • WMS WindowManagerService
  • the client does not directly interact with the window management service, but directly interacts with the local object window manager (WindowManager or WindowManager), and then the window manager (WindowManager) completes the interaction with the window management service (WindowManagerService). This interaction is transparent to the application, and the application cannot perceive the existence of the window management service.
  • an activity activity or activity
  • a main window has a main window and multiple sub-windows, such as a pop-up dialog box, a menu (menu), or a sub-window.
  • the main window and the child window are associated with each other through the Activity.
  • the child window cannot exist alone and needs to be attached to a specific parent window.
  • the windows of the public interface are also called system windows, including the recently run dialog box, shutdown dialog box, status bar drop-down bar, lock screen interface, etc.
  • the system window does not belong to any application, and has nothing to do with Activity.
  • a window is a rectangular area on the screen, which can display a user interface (UI) and interact with a user.
  • the window may also hide the user interface (ie, the operating interface of the software), and quickly show the user application navigation and functional operations when the user needs to operate, or expand the operating interface of the application again according to the triggered instruction.
  • the window is actually a canvas (surface).
  • One screen can have multiple windows, and the layout and order of these multiple windows and window animation are managed by the window management service WMS, and the mixing and display of multiple canvas contents is implemented by the SurfaceFlinger service.
  • the windows are layered, and the larger one will cover the smaller one.
  • the size of the Z axis shown in (b) in Figure 3 indicates the order in which different windows are displayed, and each window has a corresponding z-order.
  • the SurfaceFlinger service mixes and displays the contents of multiple canvases according to the z-order.
  • the application window display method provided by the implementation of this application can be applied to other operating systems such as It can also be applied to other electronic devices such as personal computers (PCs), such as tablet computers, desktop computers, notebook computers, ultra-mobile PCs, netbooks, and so on.
  • PCs personal computers
  • the window management mechanism may be different, and it is necessary to use corresponding technologies to create and manage windows based on actual conditions.
  • This application is only illustrative and should not be construed as a limitation to this application.
  • the content provider is used to store and retrieve data, and make these data accessible to applications.
  • the data may include videos, images, audios, phone calls made and received, browsing history and bookmarks, phone book, etc.
  • the view system includes visual controls, such as controls that display text, controls that display pictures, and so on.
  • the view system can be used to build applications.
  • the display interface can be composed of one or more views.
  • a display interface that includes a short message notification icon may include a view that displays text and a view that displays pictures.
  • the phone manager is used to provide the communication function of the electronic device 100. For example, the management of the call status (including connecting, hanging up, etc.).
  • the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.
  • the notification manager enables the application to display notification information in the status bar, which can be used to convey notification-type messages, and it can automatically disappear after a short stay without user interaction.
  • the notification manager is used to notify download completion, message reminders, and so on.
  • the notification manager can also be a notification that appears in the status bar at the top of the system in the form of a chart or scroll bar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window. For example, text messages are prompted in the status bar, prompt sounds, electronic devices vibrate, and indicator lights flash.
  • the system runtime library layer (libraries) can be divided into two parts, namely the system library and the Android runtime.
  • Android runtime is the Android runtime environment, including core libraries and virtual machines. Android runtime is responsible for the scheduling and management of the Android system.
  • the core library consists of two parts: one part is the function functions that the java language needs to call, and the other part is the core library of Android.
  • the application layer and application framework layer run in a virtual machine.
  • the virtual machine executes the java files of the application layer and the application framework layer as binary files.
  • the virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
  • the system library is the support of the application framework and an important link between the application framework layer and the kernel layer. It can include multiple functional modules, such as surface manager, media libraries, and 3D graphics processing library (for example: open graphics library for embedded systems (open graphics library for embedded systems, OpenGL ES), 2D graphics engine (for example: Skia graphics library, SGL), etc.
  • the surface manager is used to manage the display subsystem and provides a combination of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of a variety of commonly used audio and video formats, as well as still image files.
  • the media library can support multiple audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing.
  • the 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software, used to provide the essential functions of the operating system such as file management, memory management, process management, network protocol stacks, etc.
  • the kernel layer contains at least display driver, camera driver, audio driver, sensor driver, Bluetooth driver, etc.
  • multi-window mode also called multi-screen mode or split-screen function
  • the user can split the screen of the electronic device, for example, divide the vertical screen into two upper and lower windows, or divide the horizontal screen into two left and right windows, each of which is independent Run one application, the two applications do not affect each other.
  • the display mode of the application window includes full-screen display, split-screen display, and floating display.
  • Full-screen display also known as full-screen mode, means that only one application window is displayed on the screen and the application interface fills the entire screen.
  • the state of the window is defined as a full screen state, and accordingly, the application displayed in the window is defined as a full screen display application.
  • Split-screen display also known as split-screen mode, refers to two or more application windows occupying a part of the screen. There is no overlap between any two application windows. Each application window can be changed in size and position. Either it cannot be moved, or it can only move to a fixed position, such as swapping the positions of two application windows.
  • the state of the window is defined as a split screen state, and accordingly, the application displayed in the window is defined as a split screen display application.
  • the floating display also known as the floating mode, refers to the floating display of at least one application window on other user interfaces and partially covering other user interfaces.
  • the application window remains in a fixed position and does not change with other user interface changes.
  • the at least one application window is displayed in a layered manner on the screen, and the application windows can be partially or completely covered, and each application window can be changed in size or moved.
  • the state of the window is defined as the floating state, and the window is defined accordingly.
  • the displayed application is a floating display application.
  • FIG. 4 is a schematic diagram of a set of graphical user interfaces (GUI) provided by an embodiment of the present application.
  • GUI graphical user interfaces
  • the figure shows a current possible interface content 201 displayed by the screen display system of the mobile phone in the unlocking mode of the mobile phone, and the interface content 201 may be the main interface of the mobile phone.
  • the interface content 201 displays a variety of applications (application, App), such as clock, music, weather, calendar, photo album, chat, camera, video, etc. It should be understood that the interface content 201 may also include other more application programs, which are not limited in this application.
  • the interface content displayed by the mobile phone may be the interface content displayed by the mobile phone in response to the input user operation.
  • the user operation may include the user's click operation on the application icon, or the user Click operations on controls in the content of the application interface. For example, when the user clicks on the application icons such as clock, music, weather, calendar, album, chat, camera, and video displayed on the main interface of the mobile phone, they can enter the corresponding main interface of each application.
  • the user performs the click operation on the video application shown in Fig. 4(a).
  • the mobile phone enters the main interface 202 of the video application, and the main interface 202 of the video application may be displayed as shown in Fig. 4
  • the main interface 202 of the video application may include multiple program options such as TV series, movies, and variety shows. It should be understood that the main interface 202 of the video application may also include other more or less or similar display content, which is not limited in this application.
  • the user performs the click operation on a certain program option (such as "Animation F") shown in Figure 4 (b).
  • a certain program option such as "Animation F”
  • the mobile phone enters the video playback interface 203, and the video playback interface 203 can display the following Figure 4 (c) shows the content.
  • the video play interface 203 may include a video play window, a video play list, and the like. It should be understood that the video playback interface 203 may also include other more or less or similar display content, which is not limited in this application.
  • the user can perform a split-screen operation.
  • the mobile phone can enter the split-screen interface.
  • the screen is divided into two windows. The two windows run two applications independently, and the user can separately view the application interface displayed in the two windows. Perform independent operations.
  • the mobile phone enters the split screen interface 204 after responding to the user's split screen operation.
  • the split screen interface 204 includes a first window 205 and a second window 206, and the first window 205 and the second window 206 respectively display a user interface of an application program.
  • the first window 205 displays a video playback interface
  • the second window 206 displays a chat interface.
  • the user can watch a movie or TV show in the first window 205 while chatting in the second window 206.
  • the video will not be interrupted during the chat. Play.
  • the interface content displayed by the first window 205 and the second window 206 in the embodiment of the present application is only exemplary. In actual applications, the corresponding interface content may be displayed according to the actual split-screen application. limited.
  • the user can achieve split screen by pressing keys.
  • the user can long press the box button in the virtual navigation bar.
  • the mobile phone can divide the screen into two windows. One window displays the interface of the application that the user is currently using, and the other window displays the user The interface of another application selected.
  • the user can first call up the background, and then click the split screen button in the background to achieve fast split screen.
  • the user can realize the split screen by sliding.
  • the user can use two or three fingers to swipe up from the bottom of the virtual navigation bar or the bottom of the screen, and in response to user operations, the mobile phone performs split screen.
  • the user can realize the split screen through gestures. For example, the user can tap and swipe the screen with his knuckles, and in response to the user's operation, the mobile phone can split the screen from the scribing part.
  • the mobile phone can be split up and down, or left and right.
  • the first window 205 and the second window 206 may be displayed side by side up and down.
  • the first window 205 and the second window 206 can be displayed side by side.
  • the window display mode on the split screen interface 204 can be automatically followed. Variety. It should be understood that the application interface displayed in the first window 205 and the second window 206 can adapt the display form of the interface content according to the size of the window, which is not limited in this application.
  • the split screen interface 204 also includes a partition bar 207 arranged between the first window 205 and the second window 206, and the partition bar 207 is used to separate the first window 205 and the second window 205.
  • the partition bar 207 is used to separate the first window 205 and the second window 205.
  • the scale of the split screen can be adjusted or the split screen can be exited.
  • the user can drag the divider bar 207 to move up and down (or left and right).
  • the divider bar 207 can stay at the position where the user's finger left, so that the first window In 205 and the second window 206, one of the windows is reduced in size, and the other is increased in size. Specifically, the width of one window in the direction perpendicular to the dividing bar 207 decreases, and the width of one window in the direction perpendicular to the dividing bar 207 increases. It should be understood that during the process of dragging the divider bar 207, the application interface displayed in the first window 205 and the second window 206 will be adaptively adjusted as the size of the window changes. For example, as the window scale increases, the display in the window The application interface will increase accordingly.
  • the following embodiments will take the electronic device as a large-screen device such as a tablet device or a folding screen device as an example for description, but it should be understood that the technical solutions of the embodiments of this application can be applied to various electronic devices with display functions. On the device.
  • the user can click the button in the middle of the dividing bar 207.
  • the electronic device can display two operation buttons 208 and 209, wherein the switch button 208 is used to exchange the first window 205 and the application interface displayed in the second window 206, the close button 209 is used to close the first window 205 (ie, close the application displayed in the first window 205). If the user wants to close the application displayed in the second window 206, the user may first exchange the application interfaces displayed in the two windows, and then close the exchanged application displayed in the first window 205.
  • Another way is to drag the divider between the split-screen application windows and slide to the edge of the screen to push the application window that you want to exit the split-screen state out of the screen, thereby exiting the split-screen state.
  • the user can long press the button in the middle of the partition bar 207, and after a certain period of time, drag the partition bar 207 to move to the edge of the screen.
  • the user wants to exit the split-screen state, he moves the divider 207 to which application window until the application window is pushed out of the screen, so that the application window can exit the split-screen state.
  • both the first window 205 and the second window 206 include a split screen drag bar 210, and the user can drag the split screen drag bar 210 on a certain window to exchange two The application displayed in the window, or the application window being dragged into a floating window form.
  • a user and a friend are chatting while watching a video, the friend temporarily leaves for a while, the user exits the split-screen state, and the video application is displayed in full screen. Later, when the user receives a message from the other party, he clicks on the chat application.
  • the chat application can only be displayed in full screen. The user will interrupt the current video viewing process, and the user experience is poor.
  • the split screen drag bar 210 is located above the split screen window and occupies display space. If the position of the split screen drag bar 210 is shared with the position of the signal bar, based on the development framework of the Android system, there will be conflicts with the hot zone of the signal bar.
  • the embodiment of the present application will provide an application window display method, which can facilitate the user to exit the split-screen state, and when the user needs to re-use multiple applications at the same time later, it can quickly without switching applications or interrupting the current application task. Turn it on to improve the user experience.
  • FIG. 6 shows a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application.
  • the embodiment of the present application takes the electronic device screen divided into two application windows as an example for description.
  • the split screen interface 300 includes a first window 301, a second window 302, and a partition bar 303 for separating the first window 301 and the second window 302.
  • the first window 301 and the second window 302 are both in a split-screen state.
  • the two windows run independently and display their respective applications.
  • the application running in the first window 301 is the first application
  • the application running in the second window 302 is the second application.
  • the user can perform a drag operation on the divider bar 303 as shown in (b) in FIG. 6.
  • the electronic device When the electronic device detects that the user's finger (or stylus) touches the divider bar 303, in response to this operation, the electronic device moves the divider bar 303 to the side of the application window that needs to exit the split-screen state, and the squeezed application The width of the window decreases, and the width of the stretched application window increases.
  • the electronic device detects that the user's finger leaves the partition bar 303, if the position of the partition bar 303 meets the first preset condition at this time, the electronic device can display the squeezed application window floating above other application windows.
  • the user drags the partition bar 303 to move to the side of the second window 302.
  • the electronic device detects that the position of the partition bar 303 meets the first preset condition, if the user stops touching In operation, the electronic device switches the first window 301 from the split-screen state to the full-screen state, and switches the second window 302 from the split-screen state to the floating state.
  • the first preset condition satisfied by the position of the partition bar 303 may have various forms.
  • the first preset condition includes: the distance between the position of the partition bar 303 and the edge of the screen is less than or equal to the first threshold. That is, when the electronic device detects that the distance between the divider bar 303 and the edge of the screen is less than or equal to the first threshold, after the user stops the touch operation, the electronic device will be squeezed in the application window (ie the divider bar 303 and the distance divider 303 The application window between the nearest edges of the screen, or the application window with a relatively small size, is switched to the floating state. It should be understood that the above-mentioned screen edge refers to an edge parallel to the partition bar on the screen.
  • the user can close any application window in the split screen state, as long as it is detected that the distance between the partition bar and the edge of the screen is less than or equal to the first threshold, when the user stops the touch operation, the partition bar and the edge of the screen can be closed.
  • the application window between is switched to the floating state.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold may be a fixed value in the above range.
  • the first threshold may take any one of the following values: 1/5 screen width, 1/6 screen width, 1/8 screen width, 1/10 Screen width, 1/12 screen width, 1/15 screen width, 1/16 screen width, 0, etc.
  • the range of the first threshold may be further reduced, for example, the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/8 of the screen width.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/16 screen width.
  • the first threshold is greater than or equal to 1/8 screen width, and the first threshold is less than or equal to 1/4 screen width.
  • screen width refers to the width of the screen in the direction of the vertical partition bar.
  • the first preset condition includes: the width of the application window in a direction perpendicular to the partition bar 303 is less than or equal to a third threshold. That is, when the electronic device detects that the width of the application window (for example, the second window 302 shown in (b) of FIG. 6) in the direction perpendicular to the partition bar 303 is less than or equal to the third threshold, the user stops After the touch operation, the electronic device switches the application window to a floating state.
  • the electronic device can close any application window in the split screen state, as long as it detects that the width of an application window is less than the third threshold, when the user stops the touch operation, the application window is switched to the floating state.
  • the value of the third threshold may refer to the value of the first threshold in the above example, which will not be repeated here.
  • the first preset condition includes: the partition bar 303 is located between the first preset position and the edge of the screen of the electronic device.
  • the position of the partition bar 303, the first preset position, and the position of the screen edge may be represented by two-dimensional plane coordinates. According to the coordinates of the partition bar 303, it is determined whether the position of the partition bar 303 satisfies the first preset condition.
  • the coordinate origin of the screen can be set at the four corners, sides, center or other positions of the screen.
  • the position coordinate value of the partition bar 303 and the coordinate value of the first preset position are determined according to the position of the coordinate origin.
  • the horizontal coordinate or the vertical coordinate of the position where the partition bar 303 is used can be determined according to the split screen mode, for example, top and bottom split screen or left and right split screen.
  • the electronic device detects that the X coordinate value of the position of the partition bar 303 is less than or equal to the first preset coordinate value (that is, the X coordinate of the first preset position) B, after the user stops the touch operation, the electronic device will The application window (for example, the first window 301) whose X coordinate value is less than or equal to the first preset coordinate value B is switched to the floating state. This is equivalent to the user operating the left application window on the split screen interface.
  • the electronic device compares the Y coordinate value of the position of the divider 303 with the Y coordinate of the first preset position. The specific process is similar to the case where the split screen interface is left and right split screens. Go into details again.
  • the electronic device may switch the squeezed application window from the split screen state to the floating window state.
  • the second window 302 is in the floating window state, that is, the application displayed in the second window 302 becomes the floating display application.
  • the second window 302 changed into the floating window state occupies a part of the display space of the screen and can be moved on the first window 301.
  • the first window 301 and the second window 302 still run their respective applications independently, and do not affect each other.
  • one of the application windows in the split-screen state becomes the full-screen state
  • the other application window in the split-screen state becomes the floating window state.
  • the floating window state only occupies part of the display space of the screen. Applications that affect users' viewing of full-screen displays. And users can operate on the floating window at any time, which greatly improves the user experience.
  • the second window 302 becomes the floating window state
  • the second application displayed in the second window 302 runs in the foreground, and the user can use the first application displayed in the first window 301 and the first application displayed in the second window 302 at the same time. Two applications.
  • the electronic device may switch the squeezed application window from the split screen state to the floating ball state, and the user interface of the application window in the floating ball state is hidden.
  • the second window 302 when the electronic device switches the second window 302 from the split screen state to the floating state, the second window 302 is in the floating ball state, and specifically may be a floating icon, that is, in the second window 302
  • the displayed second application becomes a floating display application.
  • the second window 302 that becomes the floating ball state hides the user interface of the second application and only uses a floating icon to identify the position of the window, so it only occupies a small part of the display space of the screen, and can be on the first window 301 move.
  • one of the application windows in the split-screen state becomes full-screen, and the other application window in the split-screen state becomes the floating ball state.
  • the floating ball state window only occupies a small display space on the screen.
  • the application for example, the first application
  • the user can operate the floating ball at any time to call up the user interface of the application (for example, the second application) displayed in the window, which greatly improves the user experience.
  • the floating ball or floating icon can be regarded as an application window that hides the user interface.
  • the electronic device when the second window 302 is switched to the floating ball state, if the application running in the second window 302 receives a new message, the electronic device prompts the user through the floating ball, such as displaying a number on the floating ball or displaying a number on the floating ball. Red dots etc. are displayed on the display.
  • the floating ball in the embodiment of the present application itself has some functions required by the user when interacting with the application, and can achieve the purpose of responding at any time and light-weight prompting.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device may prompt the user that the application window will be switched to at least one of vibration feedback, text prompt, and interface change. Suspended state.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device may prompt the user through vibration that the application window will be switched to the floating state.
  • the electronic device when the electronic device detects that the position of the dividing bar 303 meets the first preset condition, the electronic device can prompt by text prompts such as "switching video to floating window", “switching video to floating icon”, etc.
  • text prompts such as "switching video to floating window”, “switching video to floating icon”, etc.
  • the user application window will be switched to a floating state.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device may perform blurring, grayscale processing, or adding a layer mask to the squeezed application window, refer to The second window 302 shown in (b) in Figure 6 can prompt the user that the position of the divider 303 has met the first preset condition. If the user stops touching at this time, the electronic device will switch the processed application window to floating state.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device may hide the squeezed application window and display it at the position corresponding to the squeezed application window. Thumbnail when switched to floating state.
  • the electronic device displays the second window 302 in the prompt area 304 on the screen when the second window 302 is switched to the floating window Thumbnail.
  • the prompt area 304 is the area occupied on the screen before the second window 302 is hidden.
  • the electronic device when the second window 302 is switched to the floating ball state, the electronic device can display in the prompt area 304 on the screen when the second window 302 is switched to the floating ball Thumbnails of (e.g. floating icons).
  • the width of the prompt area 304 is not enough to display the suspended thumbnail of the squeezed application window, or the width of the prompt area 304 is less than the preset width,
  • the first preset condition satisfied by the divider bar 303 is that when the divider bar 303 is located at the edge of the screen, the floating thumbnail of the squeezed application window may be displayed on another application window.
  • the electronic device may not perform any processing on the split screen interface. Until it is detected that the partition bar 303 is located at the edge of the screen, the electronic device displays the thumbnail of the second window 302 in the floating state on the first window 301.
  • the user can determine the application window or application that will be switched to the floating state in the following ways.
  • the user when the user is dragging the divider bar, the user can determine the application running in each application window through the user interface displayed in the application window. According to the change of the split screen ratio or the position of the divider bar, the user can determine which application window (or which application) is being switched to the floating state and which application window (or which application) is being switched to the full-screen state. In this case, during the user's operation, the application running in the application window may not be interrupted or suspended, and the user can exit the split screen state while using the application. Exemplarily, referring to FIG. 6 and FIG. 7, when the user exits the split screen state while watching a movie or listening to music, the application that is displayed in full screen (such as the first application) is not suspended, so it does not affect the user's viewing of the movie And music listening, etc.
  • the electronic device when the user is dragging the divider bar, can identify the application running in the application window at a position corresponding to the application window, so that the user can determine which application window (or which application) is being switched to floating State, which application window (or which application) is being switched to full screen state.
  • the electronic device may display a split screen interface as shown in Figure 8 (b).
  • the first window 301 is running a video application
  • the second window 302 is running a chat application.
  • the electronic device displays the video application identifier in the window position corresponding to the first window 301, and displays the chat application in the window position corresponding to the second window 302 Logo.
  • the user can determine the running application of each application window and the upcoming state switching of the window.
  • the split-screen application used by the user has a similar user interface, or the split-screen application used by the user is two clone applications (that is, the application is the same, but can run independently)
  • the user can easily determine the current execution through the application identifier Whether the operation can achieve the effect you want.
  • the corresponding position of the application window may always display the application identifier, for example, as shown in (c) of FIG. 8.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, similar to (a) and (c) in FIG. 7, the electronic device can hide the squeezed application window and be The thumbnail of the squeezed application window when it is switched to the floating state is displayed at the position corresponding to the squeezed application window.
  • the electronic device displays the second window 302 in the prompt area 304 on the screen and switches to the floating window (or The thumbnail of the floating ball).
  • the prompt area 304 is the area occupied on the screen before the second window 302 is hidden.
  • the first application running in the first window 301 may be interrupted or suspended, or may not be interrupted or suspended, which is not limited in this application.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the third preset condition, if the user stops the touch operation, in response to the operation, the electronic device may stop the partition bar 303 at the position where the user stopped the touch operation. Location. In other words, the user drags the dividing bar 303 to adjust the scale of the split screen.
  • the third preset condition satisfied by the position of the partition bar 303 may have various forms.
  • the third preset condition includes: the distance between the position of the partition bar 303 and the edge of the screen is greater than the fifth threshold.
  • the fifth threshold is greater than or equal to 1/8 screen width, and the fifth threshold is less than or equal to 3/8 screen width.
  • the fifth threshold may be a fixed value in the above range.
  • the fifth threshold may take any one of the following values: 1/8 screen width, 1/4 screen width, 3/8 screen width, 5 /16 screen width etc.
  • the range of the fifth threshold may be further reduced.
  • the fifth threshold is greater than or equal to 1/8 screen width, and the fifth threshold is less than or equal to 1/4 screen width.
  • the fifth threshold is greater than or equal to 1/4 screen width, and the fifth threshold is less than or equal to 3/8 screen width.
  • the aforementioned screen width refers to the width of the screen in the direction of the vertical partition bar. It should be understood that the fifth threshold is not limited to the numerical values or ranges listed above, and those skilled in the art can design the third threshold according to the size of the screen of the electronic device.
  • the third preset condition includes: the width of the application window in a direction perpendicular to the partition bar 303 is greater than a sixth threshold.
  • the value of the sixth threshold may refer to the value of the fifth threshold in the above example, and will not be repeated here.
  • the third preset condition includes: the partition bar 303 is located between the third preset position and the initial position of the partition bar.
  • the position of the dividing bar 303, the third preset position, and the initial position of the dividing bar can be represented by two-dimensional plane coordinates (the corresponding coordinate values can be determined according to the position of the coordinate origin), and the dividing bar 303 is judged according to the coordinates of the dividing bar 303 Whether the position of the user satisfies the third preset condition.
  • the horizontal coordinate or the vertical coordinate of the position where the partition bar 303 is used can be determined according to the split screen mode, for example, top and bottom split screen or left and right split screen.
  • the fifth threshold in the third preset condition is greater than or equal to the first threshold in the first preset condition.
  • the fifth threshold is equal to the first threshold
  • the partition bar stays at the position where the user stops the touch operation
  • the squeezed application window is displayed floating above other application windows.
  • the first application running in the first window and the second application running in the second window may be the same or different.
  • the first window and the second window may be independent running applications and its clone applications, or the first window and the second window may independently run two tasks of one application.
  • the relationship between the sixth threshold in the third preset condition and the third threshold in the first preset condition is similar, and will not be repeated here.
  • FIG. 9 shows a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application. Different from the application window display method shown in FIG. 6, in the application window display method shown in FIG. 9, when the user drags the divider bar, stopping the touch operation in different areas can obtain different exit split screen effects.
  • FIG. 9 shows a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application. Different from the application window display method shown in FIG. 6, in the application window display method shown in FIG. 9, when the user drags the divider bar, stopping the touch operation in different areas can obtain different exit split screen effects.
  • the split screen interface 300 includes a first window 301, a second window 302, and a window before the first window 301 and the second window 302. Separator 303.
  • the first window 301 and the second window 302 are both in a split-screen state, and the two windows run independently and display their respective applications.
  • the first window 301 runs and displays the first application
  • the second window 302 runs and displays the second application.
  • the user when the user wants to temporarily exit the split screen state (that is, there may be a need to use the first application and the second application at the same time), the user can perform the pairing shown in (b) in Figure 9 Drag operation of divider 303.
  • the electronic device detects that the user touches the divider bar 303, in response to this operation, the electronic device moves the divider bar 303 to the side of the application window that needs to exit the split-screen state, where the width of the squeezed application window is reduced and pulled The width of the extended application window is increased.
  • the electronic device When the electronic device detects that the user stops touching the divider bar 303, if the electronic device detects that the position of the divider bar 303 meets the first preset condition, the electronic device can switch the squeezed application window from the split screen state to the suspended state (for example, Floating window state or floating ball state), switch the stretched application window from split screen state to full screen state.
  • the squeezed application window is displayed floating above other application windows.
  • the user drags the partition bar 303 to move to the side of the second window 302.
  • the electronic device detects that the position of the partition bar 303 meets the first preset condition, if the user Release your finger and refer to Figure 9(c).
  • the electronic device switches the first window 301 from the split screen state to the full screen state, and switches the second window 302 from the split screen state to the floating state (for example, the floating window state) .
  • the user when the user wants to completely exit the split screen state (that is, there will be no need to use the first application and the second application at the same time for a long time in the future), the user can perform (d) in Figure 9 ) Shows the drag operation of the divider bar 303.
  • the electronic device detects that the user touches the divider bar 303, in response to this operation, the electronic device moves the divider bar 303 to the side of the application window that needs to exit the split-screen state, where the width of the squeezed application window is reduced and pulled The width of the extended application window is increased.
  • the electronic device can squeeze the application
  • the window such as the second window 302 is closed (equivalent to switching it from the split screen state to the full screen state), and the stretched application window such as the first window 301 is switched from the split screen state to the full screen state.
  • the application running in the squeezed application window can run in the background or the application process can be terminated.
  • the first preset condition and the second preset condition that are satisfied by the position of the partition bar 303 may have various forms.
  • the first preset condition includes: the distance between the position of the partition bar 303 and the edge of the screen is less than or equal to a first threshold and greater than a second threshold, and the second threshold is less than the first threshold.
  • the second preset condition includes: the distance between the position of the partition bar 303 and the edge of the screen is less than or equal to the second threshold.
  • the electronic device when the electronic device detects that the distance between the partition bar 303 and the edge of the screen falls within the range between the second threshold and the first threshold, after the user stops touching, the electronic device switches the squeezed application window to a floating state .
  • the electronic device detects that the distance between the partition bar 303 and the edge of the screen is less than or equal to the second threshold, after the user stops touching, the electronic device closes the squeezed application window.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/16 screen width.
  • the above-mentioned screen edge refers to an edge parallel to the partition bar on the screen.
  • the above-mentioned screen width refers to the width of the screen in the direction of the vertical divider bar. It should be understood that the foregoing numerical range is only exemplary, and those skilled in the art can determine the size of the first threshold and the second threshold according to actual needs, such as the size of the screen and the size of the split screen window.
  • the first preset condition includes: the width of the application window in a direction perpendicular to the partition bar 303 is less than or equal to a third threshold and greater than a fourth threshold, and the fourth threshold is less than the third threshold.
  • the second preset condition includes: the width of the application window in a direction perpendicular to the partition bar 303 is less than or equal to a fourth threshold.
  • the value of the third threshold may refer to the value of the first threshold in the foregoing example
  • the value of the fourth threshold may refer to the value of the second threshold in the foregoing example, which will not be repeated here.
  • the electronic device when the electronic device detects that the width of the application window falls within the range between the fourth threshold and the third threshold, after the user stops touching, the electronic device switches the application window to a floating state.
  • the electronic device detects that the width of the application window is less than or equal to the fourth threshold, after the user stops touching, the electronic device closes the squeezed application window.
  • the first preset condition includes: the partition bar 303 is located between the first preset position and the second preset position.
  • the second preset condition includes: the partition bar 303 is located between the second preset position and the edge of the screen of the electronic device.
  • the second preset position is located between the first preset position and the edge of the screen.
  • the position of the divider bar 303, the first preset position, the second preset position, and the edge position of the screen can be represented by two-dimensional plane coordinates. According to the coordinates of the divider bar 303, it is determined whether the position of the divider bar 303 satisfies the first preset condition. Or whether the second preset condition is met.
  • first preset positions there may be multiple first preset positions, and different first preset positions have different first preset coordinate values.
  • second preset positions there may be multiple second preset positions, and different second preset positions have different second preset coordinate values corresponding to them.
  • the coordinate origin of the screen can be set at the four corners, sides, center or other positions of the screen.
  • the position coordinate value of the divider 303, the coordinate value of the first preset position, and the coordinate value of the second preset position are based on the coordinate origin. The location is determined accordingly.
  • the horizontal coordinate or the vertical coordinate of the position where the partition bar 303 is used can be determined according to the split screen mode, for example, top and bottom split screen or left and right split screen.
  • the horizontal coordinate of the screen of the electronic device is set as the X coordinate
  • the vertical coordinate of the screen of the electronic device is set as the Y coordinate.
  • the split screen interface 300 as the left and right split screen as an example, when the electronic device detects that the X coordinate value of the location of the partition bar 303 is greater than or equal to the first preset coordinate value (that is, the X coordinate of the first preset position) A, and is less than
  • the second preset coordinate value (that is, the X coordinate of the second preset position) C after the user releases the finger, the electronic device switches the application window with the X coordinate value greater than or equal to the first preset coordinate value A to the floating state .
  • the electronic device When the electronic device detects that the X coordinate value of the location of the partition bar 303 is greater than or equal to the second preset coordinate value C, after the user releases the finger, the electronic device sets the X coordinate value to be greater than or equal to the second preset coordinate value C.
  • the application window closes. This is equivalent to the user operating the right application window on the split screen interface.
  • the electronic device When the electronic device detects that the X coordinate value of the location of the partition bar 303 is less than or equal to the first preset coordinate value B and greater than the second preset coordinate value D, after the user releases the finger, the electronic device sets the X coordinate value to be less than The application window that is equal to or equal to the first preset coordinate value B is switched to the floating state.
  • the electronic device detects that the X coordinate value of the position of the partition bar 303 is less than or equal to the second preset coordinate value D, after the user releases the finger, the electronic device sets the X coordinate value to be less than or equal to the second preset coordinate value D
  • the application window closes. This is equivalent to the user operating the right application window on the split screen interface.
  • the second preset coordinate value D the first preset coordinate value B ⁇ the first preset coordinate value A ⁇ the second preset coordinate value C.
  • the judgment process of the electronic device is similar. For details, please refer to the relevant description above, which will not be repeated here.
  • the suspension mode when the squeezed application window becomes a suspended state can be switched to a suspended window or a suspended ball, etc.
  • the electronic device detects that the position of the partition bar 303 meets the first preset condition it passes
  • the interface change prompts the user that the application window will be switched to the floating state, and the display method of the application window when the user drags the divider is similar to the display method of the application window in Figure 6.
  • the display method of the application window when the user drags the divider is similar to the display method of the application window in Figure 6.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device prompts the user through an interface change that the application window will be switched to Suspended state. If the user does not stop touching and continues to drag the divider bar 303, when the electronic device detects that the position of the divider bar 303 satisfies the second preset condition, the electronic device can also change the interface through interface changes such as blurring the thumbnail or squeezing. The corresponding position of the application window displays a black screen, or the corresponding position of the application window to be squeezed is highlighted, etc., vibration feedback, and text box and other methods to prompt the user to stop touching here, the squeezed application window will be is closed.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the third preset condition, if the user stops touching, in response to the operation, the electronic device may stop the partition bar 303 at the position where the user stops touching.
  • the form of the third preset condition is similar to the display method of the application window in FIG.
  • FIG. 10 shows a schematic diagram of a graphical user interface in which an electronic device switches a squeezed application window from a split screen state to a floating window state.
  • the first window 301 is in a full-screen state, in which the running application is the first application; the second window 302 is in the floating window state, and the running application is in the second application.
  • the second window 302 in the floating window state may include an application interface display area 310 and a toolbar 320.
  • the application interface display area 310 is used to display the user interface of the second application, and the toolbar 320 is used for the user to operate the floating window.
  • the toolbar 320 includes at least one function control among a window close control 321, a window minimize control 322, a split-screen display control 323, and a full-screen display control 324.
  • the electronic device may close the second window 302, that is, keep the second application running in the second window 302 running in the background or terminate the second window 302 The process of the second application being run.
  • the user wants to use the first application and the second application at the same time, the user can perform the split screen operation again on the basis of the first window 301.
  • the electronic device may switch the second window 302 from the floating window state to the split screen state. Specifically, the electronic device may switch the second window 302 back to the split screen state where the second window was before the user performed the operation of exiting the split screen state. For example, when the user clicks the split-screen display control 323, in response to the operation, the electronic device may display the split-screen interface as shown in (a) in FIG. 6 or (a) in FIG. 9.
  • the electronic device may switch the second window 302 from the floating window state to the full-screen state. That is, only the second window 302 is displayed on the screen.
  • the electronic device may hide the application interface display area 310 of the second window 302, that is, hide the user interface of the second application.
  • the electronic device may hide the application interface display area 310 of the second window 302, that is, hide the user interface of the second application.
  • the toolbar 320 of the second window is displayed on the screen.
  • the difference from (a) in FIG. 10 is that the window minimization control 322 is replaced with an expansion control 325 in the toolbar 320.
  • the electronic device may expand the application interface display area 310 (see (a) in FIG. 10) of the second window 302.
  • the electronic device displays the graphical user interface shown in (b) in FIG.
  • the electronic device displays a graphical user interface as shown in (a) in FIG.
  • the electronic device when the electronic device detects that the partition bar satisfies the first preset condition, after the user stops touching, the electronic device may switch the squeezed application window (for example, the second window 302) as shown in FIG. 10 The window in the floating state shown in (b).
  • the electronic device directly hides the user interface of the application running in the floating window, and the user does not need to perform further operations on it, which saves the user time and improves the user experience.
  • the electronic device may switch the second window 302 in the floating window state to the floating ball state.
  • the electronic device will display an interface as shown in (d) in FIG. 6.
  • the toolbar 320 in the floating window may include other more or fewer controls, which is not limited in the present application.
  • the controls in the toolbar 320 can implement other functions, which are not limited in this application.
  • FIG. 11 shows a schematic diagram of a graphical user interface in which an electronic device switches a squeezed application window from a split screen state to a floating ball state.
  • the first window 301 is in a full-screen state, in which the running application is the first application;
  • the second window 302 is in a floating ball, such as a floating icon, state, in which the running application is the second application.
  • the second window 302 in the floating ball state can be located at a predetermined position on the first window 301, or the user can move the floating ball to any position.
  • the second window 302 in the floating ball state can also be adsorbed at a predetermined position on the edge of the screen, or the user can move the floating ball to any position on the edge of the screen.
  • the electronic device if the electronic device does not detect that the user performs an operation on the floating ball within a preset time, the electronic device can hide the floating ball as a floating bar attached to the edge of the screen. When the electronic device detects that the user performs a preset action, such as touching the edge of the screen, the electronic device can switch the floating bar to display the floating ball.
  • the electronic device can switch the second window 302 of the floating ball state to the floating window state, for example, the electronic device can display The user interface as shown in (a) in FIG. 10, or the user interface as shown in (b) in FIG. 10 is displayed.
  • the electronic device can switch the second window 302 from the floating ball state to the split screen state, for example, the electronic device can display Figure 9 (a) shows the user interface.
  • the user when the application window is switched to the floating state, the user can conveniently operate the floating window or the floating ball, and can reuse the two applications at the same time without interrupting the current application task.
  • FIG. 12 shows a schematic diagram of a graphical user interface of another example of an application window display method provided by an embodiment of the present application. Different from the application window display method shown in FIG. 6 and FIG. 9, in the application window display method shown in FIG. The window does not exit the split screen state but is locked at the edge of the screen, and the stretched application window is close to full screen.
  • the electronic device can reduce the size of the second window 302 and increase the size of the first window 301.
  • the electronic device may display an interface as shown in (b) in FIG. 12.
  • the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, if the user stops the touch operation at this time, the partition bar 303 can stop at the current position or automatically move to a preset position, where the preset position and the edge of the screen The distance between is smaller than the distance between the partition bar 303 and the edge of the screen. In this way, the electronic device locks the second window to the edge of the screen with a preset width.
  • the second window is locked at the edge of the screen with a preset width, which can be understood as the second window is docked, fixed or adsorbed at the edge of the screen with a preset width, and the second window is in an inactive state.
  • the second application corresponding to the second window runs in the background, the user interface of the second application is not displayed on the split screen interface, and the user cannot interact with the electronic device through the user interface of the second application.
  • the second window in the locked state is similar to a functional control, which hides the user interface of the second application, and the user cannot interact with the second window in the locked state.
  • the user can perform operations such as long pressing, clicking, or dragging on the second window in the locked state.
  • the electronic device can switch the second window from the inactive state to the active state, for example, The second window displays the user interface of the second application, etc.
  • the preset width is greater than 0 and less than or equal to 1/8 of the screen width. In some other embodiments, the preset width may be smaller, for example, less than 1/12 of the screen, or less than 1/24 of the screen, or the preset width may be several hundred pixels. Those skilled in the art can determine the preset width accordingly according to actual needs, which is not specifically limited here.
  • the first preset condition satisfied by the position of the partition bar 303 may have various forms.
  • the first preset condition includes: the distance between the position of the partition bar 303 and the edge of the screen is less than or equal to the first threshold.
  • the first threshold can be determined according to actual needs.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/8 screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/16 screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/32 screen width.
  • the first preset condition includes: the width of the application window in a direction perpendicular to the partition bar 303 is less than or equal to a third threshold.
  • a third threshold refer to the value of the first threshold in the foregoing example, and details are not described herein again.
  • the first preset condition includes: the partition bar 303 is located between the first preset position and the edge of the screen of the electronic device.
  • the position of the dividing bar 303, the first preset position, and the position of the edge of the screen can be represented by two-dimensional plane coordinates.
  • the first preset condition in this example is similar to the content included in the first preset condition in FIG. 6, and the specific content can refer to the related description of FIG. 6 above, which is concise and will not be repeated.
  • the electronic device when the electronic device detects that the partition bar 303 satisfies the first preset condition, the electronic device fixes the partition bar 303 at a preset position, and the second window 302 is located close to the screen with a preset width The edge part.
  • the second window 302 is locked, or the second window 302 is in an inactive state, and the user cannot interact with the application interface displayed by the second window 302.
  • the width of the second window 302 is much smaller than the width of the first window 301.
  • the second window 302 occupies a very small space on the screen (for example, the screen width of the second window 302 accounts for less than 10%), and the first window 301 is approximately full screen (for example, the screen width of the first window 301 accounts for more than 90%). , Does not affect the application run by the user using the first window 301.
  • the user performs a click operation on the second window 302 as shown in (c) of FIG. 12, and in response to this operation, the electronic device can switch the second window 302 from the inactive state to the split-screen state.
  • the electronic device may restore the second window 302 to the state before exiting the split screen operation, and may display the user interface as shown in (e) in FIG. 12 as an example.
  • the user performs a drag operation on the divider bar 303 as shown in (d) of FIG. 12, and in response to this operation, the electronic device can switch the second window 302 from the inactive state to the split screen state.
  • the electronic device may restore the second window 302 to the state before exiting the split screen operation, and may display the user interface as shown in (e) in FIG. 12 as an example.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the second preset condition, if the user ends the touch operation at this time, the electronic device The locked application window can be closed (equivalent to switching it from the split-screen state to the full-screen state), and the electronic device exits the split-screen state.
  • the second preset condition satisfied by the position of the partition bar 303 is similar to the application window display method shown in FIG. 9. For details, reference may be made to the related description in FIG.
  • the second preset condition may include: the position of the partition bar 303 is located on the screen edge. That is, when the electronic device detects that the partition bar 303 is located at the edge of the screen, the squeezed application window can be closed to make the displayed application run in the background or terminate the application process.
  • the electronic device when the electronic device detects that the position of the partition bar 303 satisfies the third preset condition, if the user's hand ends the touch operation, the electronic device The partition bar 303 can be left at the position where the user ends the touch operation.
  • the second preset condition satisfied by the position of the partition bar 303 is similar to the application window display method shown in FIG. 6. For details, reference may be made to the related description in FIG.
  • the screen of the electronic device displays a split screen interface.
  • the electronic device performs different operations accordingly, such as adjusting the split screen ratio and switching the application window to floating Status, close the application window, etc.
  • the following describes the correspondence between the position of the partition bar and the operation performed by the electronic device in conjunction with FIG. 13 and FIG. 14, in order to better understand the present application.
  • FIG. 13 shows a schematic diagram of the functional partition of the partition bar when the electronic device switches the application window from the split-screen state to the floating state.
  • the functional partition of the partition bar shown in FIG. 13 may correspond to the application window display method shown in FIG. 6 or FIG. 9.
  • the screen of the electronic device includes a first window 301 and a second window 302.
  • the first window runs the first application and displays the first application interface
  • the second window 302 runs the second application and displays the second application interface.
  • the first window 301 and the second window 302 are displayed on separate screens.
  • the partition bar is located in the middle of the screen, and the size of the first window 301 and the second window 302 are the same.
  • the embodiment of the present application only uses the left and right split screen of the first window 301 and the second window 302 as an example for exemplification. For the case of top and bottom split screens, the method provided in the embodiment of the present application is also applicable.
  • the partition bar when the partition bar is located between the initial position and the third preset position, the partition bar can stay at any position in the area. If the electronic device detects that the user drags the partition bar to the area and stops the touch operation, the partition bar stays at the position where the user ends the touch operation.
  • the distance between the third preset position and the edge of the screen is the fifth threshold c. Therefore, correspondingly, when the distance between the partition bar and the edge of the screen is greater than the fifth threshold c, when the user drags the partition bar, the position where the user stops the touch operation is the position where the partition bar is located. Therefore, the area between the initial position and the third preset position in the embodiment of the present application may be referred to as a split screen size adjustment area.
  • the electronic device When the divider bar is located in the split-screen size adjustment area, corresponding to the position of the above-mentioned divider bar satisfying the third preset condition, the electronic device performs an operation of adjusting the split-screen ratio.
  • the split screen size adjustment area is an optional setting, and in some embodiments, the split screen size adjustment area may not be set, so that when the user drags the divider between the initial position and the first preset position, let go , The divider can automatically return to the initial position.
  • the divider bar When the divider bar is located between the third preset position and the first preset position, if the user drags the divider bar to the area to stop the touch operation, the divider bar stays at the third preset position.
  • the distance between the first preset position and the edge of the screen is the first threshold a. Therefore, correspondingly, when the distance between the partition bar and the edge of the screen is less than or equal to the fifth threshold c and greater than the first threshold a, when the user drags the partition bar, the partition bar will return to the third preset position after the user stops the touch operation Place. Therefore, the area between the third preset position and the first preset position in the embodiment of the present application may be referred to as a transition area.
  • the electronic device When the partition bar is located in the transition area, the electronic device performs an operation to maintain the split screen ratio.
  • the transition area is an optional setting. In some embodiments, the transition area may not be provided, so that the fifth threshold c and the first threshold a may adopt the same value.
  • the divider bar When the divider bar is located between the first preset position and the second preset position, if the user drags the divider bar to the area to stop the touch operation, the divider bar is hidden, and the electronic device switches the squeezed application window to a suspended state .
  • the distance between the second preset position and the edge of the screen is the second threshold b. Therefore, correspondingly, when the distance between the partition bar and the edge of the screen is less than or equal to the first threshold a and greater than the second threshold b, when the user drags the partition bar, the partition bar will be hidden after the user stops the touch operation.
  • One application window is in a full-screen state, and the other application window is in a floating state.
  • the area between the first preset position and the second preset position in the embodiment of the present application may be referred to as a floating display area.
  • the electronic device performs an operation of switching the state of the application window.
  • the divider bar When the divider bar is located between the second preset position and the edge of the screen, if the user drags the divider bar to the area to stop the touch operation, the divider bar is hidden and the squeezed application window is closed by the electronic device. Therefore, correspondingly, when the distance between the divider bar and the edge of the screen is less than or equal to the second threshold b, when the user drags the divider bar, the divider bar will be hidden after the user stops the touch operation, and an application window in the electronic device is in a full screen state , Another application window is closed. Therefore, the area between the second preset position and the edge of the screen in the embodiment of the present application may be referred to as the exit split-screen area.
  • the electronic device When the partition bar is located in the exit split-screen area, corresponding to the position of the partition bar meeting the second preset condition, the electronic device performs an operation of closing the application window.
  • the exit split-screen area is an optional setting, and in some embodiments, the exit split-screen area may not be set, such as the application window display method shown in FIG. 6.
  • the fifth threshold c ⁇ the first threshold a ⁇ the second threshold b.
  • the operation performed by the electronic device can also be set according to actual needs. Taking the distance between the partition bar and the edge of the screen equal to the second threshold b as an example, the operation performed by the electronic device may not perform the operation of closing the application window, but the operation of switching the state of the application window. Other situations are similar to this, so I won't list them all here.
  • the electronic device determines the operation to be performed based on the width of the application window, the first threshold, the second threshold, and the fifth threshold in FIG. 13 can be replaced with the third threshold, the fourth threshold, and The sixth threshold.
  • the electronic device performs different operations. For details, refer to the related description in FIG. 13 for brevity and will not be repeated here.
  • FIG. 14 shows a schematic diagram of functional partitions of the divider bar when the electronic device locks the application window at the edge of the screen.
  • the functional partitions of the partition bar shown in FIG. 13 may correspond to the application window display method shown in FIG. 12.
  • the functional partition of the partition bar shown in FIG. 14 is similar to that of FIG. 13, and only the differences are described here. For other information, reference may be made to the related description in FIG. 13, which is concise and will not be repeated here.
  • the difference from FIG. 13 is that when the divider bar is located between the first preset position and the second preset position, if the user drags the divider bar to the area to stop the touch operation, the divider bar will be located at the second preset position.
  • the electronic device locks the squeezed application window in a small area near the edge of the screen.
  • the distance between the second preset position and the edge of the screen is the second threshold b. Therefore, correspondingly, when the distance between the divider bar and the edge of the screen is less than or equal to the first threshold a and greater than the second threshold b, when the user drags the divider, the divider will be located at the second preset position after the user releases his hand.
  • One application window in the device is displayed close to full screen, and one application window is locked, and the user cannot interact with the interface. Therefore, the area between the first preset position and the second preset position in the embodiment of the present application may be referred to as a locked area.
  • the electronic device executes the operation of locking the application window.
  • exiting the split screen area is an optional setting, so that when the divider bar is located between the first preset position and the second preset position, if the user drags the divider bar to the area to stop Touch operation, the divider bar is located at the preset position, and the squeezed application window has a preset width and locked at a position close to the edge of the screen.
  • the difference from FIG. 13 is that because the application window is locked at the edge of the screen in the application window display method corresponding to FIG. 13, the occupied space is very small. Therefore, the second threshold b shown in FIG. The second threshold b shown is set to a smaller value.
  • FIG. 15 shows a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application.
  • the split screen interface includes a first window 410, a second window 420, and a third window 430.
  • a partition bar 401 is set between the first window 410 and the second window 420.
  • the second window 420 and the third window 430 A divider 402 is provided between.
  • the divider bar 401 and the divider bar 402 can be used to adjust the split screen ratio.
  • the first window 410 and the second window 420 each occupy a quarter of the screen
  • the third window 430 occupies a half of the screen.
  • the dividing bar 402 is also a dividing bar between the first window 410 and the third window 430.
  • the first window 410 runs and displays the first application (such as the video application in the figure)
  • the second window 420 runs and displays the second application (such as the shopping application in the figure)
  • the third window 430 runs and displays the third application (such as The chat application in the picture).
  • Each application window runs its own application independently.
  • the application window display method provided in this embodiment of the application can be The squeezed application window is switched from the split screen state to the floating state or locked on the edge of the screen.
  • the user can operate on one of the application windows (for example, a quarter-screen application window or a half-screen application window).
  • the user performs the drag operation of the divider 401 shown in the figure.
  • the electronic device reduces the size of the second window 420 and increases the size of the first window 410 size. Since the position of the partition bar 402 does not change, the size of the third window 430 may not change.
  • the electronic device detects that the position of the partition bar 401 meets the first preset condition, if the user stops the touch operation at this time, the electronic device can switch the squeezed application window (for example, the second window 420) from the split screen state to the floating state state.
  • the setting of the first preset condition is similar to the related content in the application window display method described in FIG. 6, that is, the first preset condition includes any of the following: A threshold; or the width of the application window in a direction perpendicular to the partition bar 401 is less than or equal to the third threshold; or the partition bar 401 is located between the first preset position and the edge of the screen of the electronic device.
  • the second window 420 in the embodiment of the present application is similar to the second window 302 in FIG. 6, and the first window 410 is similar to a window 301 in FIG. 6.
  • the change process of the first window 410 and the second window 420 is similar to the change process of the first window 301 and the second window 302 in FIG. 6, for details, please refer to FIG. 6
  • the embodiment of this application takes the squeezed application window being switched to the floating ball state as an example, but it should be understood that the application window display method provided in the embodiment of this application is also applicable to the squeezed application window being switched to the floating window state and The application window is locked on the edge of the screen.
  • the electronic device displays the floating icon thumbnail of the second application on the corresponding position of the second window 420.
  • the electronic device displays the floating icon thumbnail of the second application on the corresponding position of the second window 420.
  • the electronic device may prompt the user that the squeezed application window will be squeezed by at least one of vibration feedback, text prompt, and interface change. Switch to floating state.
  • the floating icon corresponding to the second window 420 is displayed on the first window 410 and the third window 430.
  • the first window 410 and the third window 430 may each occupy half of the screen.
  • the electronic device may close the second window 420.
  • the second window 420 is similar to the second window 302 in FIG. 9, and the first window 410 is similar to a window 301 in FIG. 9.
  • the change process of the first window 410 and the second window 420 is similar to the change process of the first window 301 and the second window 302 in FIG. 9, for details, please refer to FIG. 9
  • the user can continue to operate the remaining application windows 410 and 430, by dragging the divider bar 402 to adjust the split screen ratio, and switch one of the application windows from the split screen state to Floating state, closing one of the application windows, etc.
  • the application window display method shown in FIG. 6 or FIG. 9 may be applied to the operation of the application windows 410 and 430, and for details, refer to the above description.
  • the user can also operate on two of the application windows (for example, two quarter-screen application windows).
  • two of the application windows for example, two quarter-screen application windows.
  • the user performs the drag operation on the divider bar 402 shown in the figure, and in response to this operation, the electronic device simultaneously reduces the sizes of the first window 410 and the second window 420, The size of the third window 430 is increased.
  • the electronic device detects that the position of the partition bar 402 meets the first preset condition, if the user stops touching at this time, the electronic device can split the squeezed application windows (for example, the first window 410 and the second window 420) into a split screen. The state is switched to the floating state.
  • the electronic device displays the floating icon thumbnails of the first application and the second application on corresponding positions of the first window 410 and the second window 420.
  • the floating icons corresponding to the first window 410 and the second window 420 are displayed on the third window 430.
  • the electronic device switches the third window 430 from the split screen state to the full screen state.
  • the electronic device when the electronic device detects that the position of the partition bar 402 satisfies the second preset condition, if the user stops touching at this time, the electronic device may close the first window 410 and the second window 420.
  • the electronic device may close the first window 410 and the second window 420.
  • the electronic device when the electronic device detects that the position of the partition bar satisfies the third preset condition, if the user stops the touch operation, in response to the operation, the electronic device may stop the partition bar at the position where the user stops the touch operation.
  • the user can also operate the application window that is switched to the floating state, for example, the application window is switched from the floating state to the split-screen state, or the application window is switched from the floating ball state to the floating window state, etc.
  • the specific operation method is the same as the previous one.
  • the text is similar, and specific reference is made to the related descriptions in FIGS. 6 to 12, which will not be repeated here.
  • FIG. 16 shows a schematic diagram of a graphical user interface of an example of an application window display method provided by an embodiment of the present application.
  • the split screen interface includes a first window 410, a second window 420, a third window 430, and a fourth window 440.
  • a dividing bar 401 is arranged between the first window 410 and the second window 420
  • a dividing bar 402 is arranged between the second window 420 and the third window 430
  • a dividing bar 403 is arranged between the third window 430 and the fourth window 440.
  • a partition 404 is provided between the window 440 and the first window 410.
  • the divider bars 401 to 404 can be used to adjust the split screen ratio.
  • the first window 410, the second window 420, the third window 430, and the fourth window 440 each occupy a quarter of the screen.
  • the first window 410 runs and displays the first application (such as the video application in the figure)
  • the second window 420 runs and displays the second application (such as the shopping application in the figure)
  • the third window 430 runs and displays the third application (such as The chat application in the figure)
  • the fourth window 440 runs and displays the fourth application (for example, the information application in the figure).
  • Each application window runs its own application independently.
  • the user can drag the divider near the application to move to the application window.
  • the application window display method provided in this embodiment of the application can be used to squeeze the screen.
  • the pressed application window is switched from the split screen state to the floating state or locked on the edge of the screen.
  • the user can operate on one of the application windows.
  • the user performs the drag operation on the divider bar 403 shown in the figure.
  • the electronic device reduces the size of the fourth window 440 and increases the size of the third window 430. size. Since the positions of the partition bars 401, 402, and 404 have not changed, the sizes of the first window 410 and the second window 420 may not change.
  • the electronic device detects that the position of the partition bar 403 meets the first preset condition, if the user stops the touch operation at this time, the electronic device can switch the squeezed application window (for example, the fourth window 440) from the split screen state to the floating state state.
  • the squeezed application window for example, the fourth window 440
  • the embodiment of this application takes the squeezed application window being switched to the floating ball state as an example, but it should be understood that the application window display method provided in the embodiment of this application is also applicable to the squeezed application window being switched to the floating window state and The application window is locked on the edge of the screen.
  • the electronic device displays the floating icon thumbnail of the fourth application on the corresponding position of the fourth window 440.
  • the electronic device may prompt the user that the squeezed application window will be squeezed by at least one of vibration feedback, text prompt, and interface change. Switch to floating state.
  • the floating icon corresponding to the fourth window 440 is displayed on the first window 410, the second window 420 and the third window 430.
  • the first window 410 and the second window 420 each occupy a quarter of the screen, and the third window 430 occupies a half of the screen.
  • the electronic device when the electronic device detects that the position of the partition bar 403 satisfies the second preset condition, if the user stops the touch operation at this time, the electronic device may close the fourth window 440.
  • the electronic device may close the fourth window 440.
  • each partition bar is used to separate application windows on both sides.
  • the user can drag the integrated divider to simultaneously reduce the size of the two application windows on one side and increase the size of the two application windows on the other side.
  • the electronic device can squeeze the two application windows (for example, the fourth window 440 and the first window). The window 410) is switched from the split screen state to the floating state.
  • the user can also operate the remaining application windows in the split screen state, which is equivalent to operating on the application window of the three-split screen or the application window of the two-split screen. Specifically, refer to FIG. 15 and FIG. The related descriptions from 6 to 12 will not be repeated here.
  • the electronic device when the electronic device detects that the position of the partition bar satisfies the third preset condition, if the user stops the touch operation, in response to the operation, the electronic device may stop the partition bar at the position where the user stops the touch operation.
  • the user can also operate the application window that is switched to the floating state, for example, the application window is switched from the floating state to the split-screen state, or the application window is switched from the floating ball state to the floating window state, etc.
  • the specific operation method is the same as the previous one.
  • the text is similar, and specific reference is made to the related descriptions in FIGS. 6 to 12, which will not be repeated here.
  • FIG. 15 and FIG. 16 only exemplarily describe the application window display method provided by the embodiment of the present application, which can also be applied to three-split, four-split or more split-screen situations.
  • the differences from the two-split screen are mainly described here.
  • the remaining parts that are not described in detail please refer to the foregoing embodiment of the two-split screen.
  • FIG. 17 is a schematic flowchart of an application window display method provided by an embodiment of the present application. As shown in FIG. 17, the method 500 may include the following steps 501 to 505.
  • the split screen interface includes a first window, a second window, and a first control for separating the first window and the second window.
  • the first window runs a first application
  • the second window Run the second application.
  • the first application and the second application can be the same or different.
  • one of the applications can be a clone application of the other application, so that the application running in the first window and the application running in the second window can use different user accounts to log in.
  • the first window and the second window can run different tasks of the same application, so that the first window and the second window are two task windows of the same application.
  • the user can use a chat application in the first window to send messages to friends, and view the news in the chat application in the second window.
  • the first control is the divider 303; in FIGS. 15 to 16, the first control is the divider 401, 402, 403, and 404.
  • the first control is used to separate the first window and the second window, where the first window and the second window are adjacent, and the first control is located between the first window and the second window.
  • the first control is a bar shape.
  • the middle position of the first control includes a button.
  • the first control is activated in response to the user's operation, and the electronic device may allow the user to drag the first control.
  • a first operation of the user on the first control is detected, and the first operation is a sliding operation to a position where the second window is located.
  • the first operation may be a drag operation on the first control.
  • the electronic device may activate the first control.
  • the user touches or long presses the first control, and in response to the operation, the electronic device activates the first control.
  • the electronic device moves the partition bar 303 to the side of the second window 302.
  • the second window 302 is squeezed, and its size is reduced. Specifically, the width of the second window 302 in the direction perpendicular to the partition bar is reduced.
  • the first window 301 is stretched and its size increases, specifically the width of the first window 301 in the direction perpendicular to the partition bar increases.
  • the user wants to exit which application window is in the split-screen state, and moves the first control to which application window side.
  • 504 It is detected that the user ends the first operation. 505.
  • the first operation if the position of the first control satisfies a first preset condition, display the first window in full screen, and display the second window in a floating window or floating icon state on the first window. Above the window.
  • the first preset condition includes: the distance between the first control and the edge of the screen of the electronic device is less than or equal to a first threshold.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/8 screen width.
  • the first threshold is greater than or equal to 0, and the first threshold is less than or equal to 1/16 screen width.
  • the first preset condition includes: the width of the second window is less than or equal to a third threshold.
  • the third threshold and the first threshold may be the same or different.
  • the value range of the third threshold and the value range of the first threshold may be the same or different.
  • the first preset condition includes: the first control is located between the first preset position and the edge of the screen of the electronic device.
  • the electronic device can calculate the distance between the first control and the edge of the screen of the electronic device and the second window by obtaining the coordinate value of the first control, the coordinate value of the first preset position, and the coordinate value of the edge of the screen of the electronic device.
  • the width of the, the position range of the first control, etc. refer to the related description in FIG. 6.
  • the method 500 further includes: detecting a second operation of the user; in response to the second operation, displaying the split screen interface; detecting a third operation of the user on the first control, the third The operation is a sliding operation to the position of the second window; in response to the third operation, the first control is moved to the side of the second window, wherein the width of the second window is reduced, The width of the first window is increased; it is detected that the user ends the third operation; in response to the end of the third operation, if the position of the first control satisfies a second preset condition, the first window Display in full screen and close the second window.
  • the user can perform an operation on the first control so that the position of the first control meets the second preset condition, so that the electronic device can set the second The window is closed, even if the application running in the second window keeps running in the background or terminates the application process.
  • the position of the first control to satisfy different preset conditions, it is convenient to switch the second window to a suspended state or close the second window, which is convenient for users to quickly operate and improve user experience.
  • the second operation is an operation on the floating window.
  • the second operation is a click operation on the split screen display control 323 shown in (a) of FIG. 10.
  • the second operation is a click operation on the close control 321 shown in (a) of FIG. 10.
  • the second operation is an operation on the floating icon.
  • the second operation is a click operation or a sliding operation on the floating icon.
  • the third operation may be the same as the first operation.
  • the electronic device activates the first control. For example, the electronic device detects a user's long-press operation on the first control, and activates the first control. When the first control is in the activated state, the first control can be moved under the touch operation of the user.
  • the process of activating the first control by the electronic device and the process of responding to the third operation are continuous.
  • the second preset condition includes that the distance between the first control and the edge of the screen of the electronic device is less than or equal to a second threshold
  • the first preset condition includes the distance between the first control and the edge of the screen of the electronic device. The distance is less than or equal to the first threshold and greater than the second threshold.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/4 of the screen width.
  • the first threshold is greater than 0, and the first threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/8 screen width.
  • the second threshold is greater than or equal to 0, and the second threshold is less than or equal to 1/16 screen width.
  • the second preset condition includes that the width of the second window is less than or equal to a fourth threshold
  • the first preset condition includes that the width of the second window is less than or equal to the third threshold and greater than the fourth threshold.
  • the fourth threshold and the second threshold may be the same or different.
  • the value range of the fourth threshold and the value range of the second threshold may be the same or different.
  • the second preset condition includes that the first control is located between the second preset position and the edge of the screen of the electronic device, and the first preset condition includes that the first control is located at the first preset position and Between the second preset position, wherein the second preset position is located between the first preset position and the edge of the screen.
  • the electronic device can calculate the first control and the electronic device by obtaining the coordinate value of the first control, the coordinate value of the first preset position, the coordinate value of the second preset position, and the coordinate value of the edge of the screen of the electronic device.
  • the distance of the edge of the screen, the width of the second window, the position range of the first control, etc. refer to the related description in FIG. 9.
  • the method 500 further includes: detecting a fourth operation of the user; in response to the fourth operation, displaying the split screen interface; detecting a fifth operation of the user on the first control, the first The fifth operation is a sliding operation to the position of the second window; in response to the fifth operation, move the first control to one side of the second window, wherein the width of the second window is reduced , The width of the first window is increased; it is detected that the user ends the fifth operation; in response to the end of the fifth operation, if the position of the first control satisfies a third preset condition, the first control The control stays at the position when the user ends the fifth operation.
  • the fourth operation is the same as the second operation, and both are used to switch the suspended application window to the split screen state.
  • the fifth operation may be the same as the first operation and the third operation.
  • the third preset condition includes: the distance between the first control and the edge of the screen of the electronic device is greater than a fifth threshold.
  • the fifth threshold is greater than or equal to the above-mentioned first threshold.
  • the fifth threshold is greater than 1/4 of the screen width and less than 1/2 of the screen width.
  • the third preset condition includes: the width of the second window is greater than a sixth threshold.
  • the sixth threshold is greater than or equal to the above-mentioned third threshold.
  • the sixth threshold and the fifth threshold may be the same or different.
  • the value range of the sixth threshold and the value range of the fifth threshold may be the same or different.
  • the third preset condition includes: the first control is located between the third preset position and the initial position of the first control, and the third preset position is located between the initial position of the first control and the initial position of the first control. Between the first preset positions.
  • the user can adjust the split screen ratio of the first window and the second window by adjusting the position of the first control.
  • the electronic device displays the second window on the first window in a floating window state.
  • the electronic device detects that the user stops touching the partition bar 303, and the position of the partition bar 303 satisfies the first preset condition, the electronic device
  • the second window 302 is displayed floating above the first window 301 in the form of a floating window.
  • the user can operate the first control so that the position of the first control meets the first preset condition, so that the electronic device divides the second window into the split screen state.
  • the screen state is switched to the floating window state, and the application running in the second window displays the application interface and interacts with the user in the form of a floating window.
  • the second window in the floating window state does not affect the application run by the user using the first window, and when the user wants to use the first application and the second application at the same time, the user can operate the floating window at any time to achieve interaction with the application. Users do not need to perform split-screen operations again, which improves user experience.
  • the second window when the second window is in a floating window state, the second window includes an application interface display area and a toolbar, wherein the application interface display area is used to display the user interface of the second application, and the toolbar includes the following At least one of the controls: a window close control, a window minimized control, a split-screen display control, and a full-screen display control.
  • the toolbar may include at least one of the following controls: a window close control 321, a window minimize control 322, a split-screen display control 323, and a full-screen display control 324.
  • the electronic device may close the second window 302.
  • the user when the user does not need to use the applications running in the first window 301 and the second window 302 at the same time, the user can keep the application running in the second window 302 running in the background or terminate the application process.
  • the electronic device may switch the second window 302 from the floating window state to the split screen state.
  • the electronic device may switch the second window 302 back to the split screen state where the second window was before the user performed the operation of exiting the split screen state.
  • the electronic device may switch the second window 302 from the floating window state to the full-screen state.
  • the user can operate the floating window, and can quickly switch to the full screen interface.
  • the electronic device may hide the application interface display area 310 of the second window 302.
  • the second window 302 only uses a toolbar to identify the position of the application window, which can occupy a smaller display space.
  • the electronic device may switch the second window 302 in the floating window state to the floating icon state.
  • the second window in the floating icon state hides the user interface of the application and can occupy a smaller display space.
  • the method 500 further includes: detecting a user's operation on the window minimization control, and in response to the operation, hiding the application interface display area.
  • the electronic device displays the second window on the first window in a floating icon state.
  • the electronic device detects that the user stops touching the partition bar 303, and the position of the partition bar 303 meets the first preset condition, the electronic device displays the second window 302 is displayed floating on the first window 301 in the form of a floating icon.
  • the user can operate the first control so that the position of the first control meets the first preset condition, so that the electronic device divides the second window into the split screen state.
  • the screen state is switched to the floating icon state, and the application interface running in the second window is hidden.
  • the second window in the floating icon state does not affect the application run by the user using the first window, and when the user wants to use the first application and the second application at the same time, the user can operate the floating icon at any time. Users do not need to perform split-screen operations again, which improves user experience.
  • the method further includes: detecting a user's operation on the floating icon, and in response to the operation, switching the second window from the floating icon state to the floating window state.
  • the user can operate the floating icon to switch the second window to the floating window state, which is convenient for the user to interact through the floating window without affecting the use of the first application in the first window.
  • the method further includes: detecting a user's operation on the floating icon, and in response to the operation, switching the second window from the floating icon state to the split screen state.
  • the user can operate the floating icon to switch the second window to the split screen state, and the user can use the applications in the two windows at the same time, which is convenient for the user to operate.
  • the method further includes: detecting the position of the first control; when the position of the first control satisfies the first preset condition, displaying a thumbnail of the second window in a suspended state on the split screen interface.
  • the electronic device when the electronic device detects that the position of the partition bar 303 meets the first preset condition, the electronic device displays the second window 302 on the screen and switches to the floating state For example, a thumbnail of a floating window or a floating icon, to prompt the user to switch the second window 302 to a floating state if the user releases his finger at this time.
  • method 500 applied to two-split application windows is described above, but it should be understood that method 500 can also be applied to three-split, four-split, or more split-screen application windows.
  • the difference lies in the stretched application windows.
  • the application window is not displayed in full screen, but it occupies the original screen area of the window and the screen area occupied by the squeezed application window for display.
  • the split screen interface may be a three-split screen split interface
  • the first window may be a first window 410 that occupies a quarter of the three-split screen.
  • the second window may be the second window 420 that occupies a quarter of the screen in the three-split screen; or, the first window may be the first window 410 that occupies a quarter of the screen in the three-split screen, and the second window may be It is the third window 430 that occupies one-half of the screen in the three-split screen.
  • the split screen interface may be a four split screen split screen interface
  • the first window may be a third window 430 occupying a quarter of the quarter screen.
  • the second window may be the fourth window 440 that occupies a quarter of the screen in the quarter screen.
  • application window display method provided by the embodiment of the present application can be applied to any number of split screen electronic devices, and can be applied to any two adjacent split screen application windows.
  • FIG. 18 is a schematic flowchart of another application window display method provided by an embodiment of the present application. As shown in FIG. 18, the method 600 may include the following steps 601 to 605.
  • a split screen interface including a first window, a second window, and a first control for separating the first window and the second window, the first window runs a first application, and the second window Run the second application.
  • a first operation of the user on the first control is detected, and the first operation is a sliding operation to a position where the second window is located.
  • the steps 601-604 in the method 600 are similar to the steps 501-504 in the method 500.
  • step 605 when the electronic device detects that the position of the partition bar 303 satisfies the first preset condition, the electronic device may set the partition bar 303 at the preset position, and set the second
  • the window 302 is locked (or fixed, adsorbed, or docked) at the edge of the screen with a preset width.
  • the application window is locked at the edge of the screen, which can be understood as the application window is in an inactive state.
  • the second application corresponding to the second window runs in the background, the user interface of the second application is not displayed on the split screen interface, and the user cannot interact with the electronic device through the user interface of the second application.
  • the second window in the locked state is similar to a functional control, which hides the user interface of the second application, and the user cannot interact with the second window in the locked state.
  • the user can perform operations such as long pressing, clicking, or dragging on the second window in the locked state.
  • the electronic device can switch the second window from the inactive state to the active state, for example, make the second window active.
  • the second window displays the user interface of the second application, etc.
  • the first window when the second window is in a locked state, the first window is in a nearly full-screen state.
  • the method 600 further includes: when the second window is locked on the edge of the screen of the electronic device, further including: detecting a user's operation on the second window, and in response to the operation, removing the second window from The preset width is switched to an initial width, where the initial width is the width of the second window before the electronic device receives the first operation.
  • the user can perform a click operation on the locked window.
  • the electronic device can activate the second window 302 and restore its window size to the size of the electronic device. The width before the first operation, or restore to the default size.
  • the method 600 further includes: when the electronic device detects a user's drag operation on the first control, the drag operation is directed to one side of the first window; in response to the operation, the electronic device removes the second window from the The preset width is switched to an initial width, where the initial width is the width of the second window before the electronic device receives the first operation.
  • the user can perform a reverse drag operation on the divider bar.
  • the electronic device can activate the second window 302 and restore its window size to The electronic device receives the width before the first operation, or restores to the default size.
  • the form of the first preset condition in the method 600 is similar to that in the method 500, and for details, please refer to the above description.
  • the method 600 further includes: detecting a second operation of the user; in response to the second operation, displaying the split screen interface; detecting a third operation of the user on the first control, the first The third operation is a sliding operation to the position of the second window; in response to the third operation, the first control is moved to the side of the second window, wherein the width of the second window is reduced , The width of the first window is increased; it is detected that the user ends the third operation; in response to the end of the third operation, if the position of the first control satisfies a second preset condition, the first The window is displayed in full screen, and the second window is closed.
  • the form of the second preset condition in the method 600 is similar to that in the method 500, and for details, please refer to the above description.
  • the method 600 further includes: detecting a fourth operation of the user; in response to the fourth operation, displaying the split screen interface; detecting a fifth operation of the user on the first control, the first The fifth operation is a sliding operation to the position of the second window; in response to the fifth operation, move the first control to one side of the second window, wherein the width of the second window is reduced , The width of the first window is increased; it is detected that the user ends the fifth operation; in response to the end of the fifth operation, if the position of the first control satisfies a third preset condition, the first control The control stays at the position when the user ends the fifth operation.
  • the form of the third preset condition in the method 600 is similar to that in the method 500, and for details, please refer to the above description.
  • the method 600 can be applied to application windows with two-split screens, and can also be applied to application windows with three-split screens, four-split screens, or more split-screens.
  • the operation process is similar to that of the method 500 and will not be repeated.
  • the user can easily and quickly switch the application window to the floating state display or lock it to the edge of the screen with a preset width by adjusting the position of the first control that separates the first window and the second window, without affecting
  • the user uses other applications, and when the user needs to use the first application and the second application at the same time again, he can quickly operate the suspended or locked application window, which saves the user's time and improves the user experience.
  • an electronic device in order to implement the above-mentioned functions, includes hardware and/or software modules corresponding to each function.
  • the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a certain function is executed by hardware or computer software-driven hardware depends on the specific application and design constraint conditions of the technical solution. Those skilled in the art can use different methods for each specific application in combination with the embodiments to implement the described functions, but such implementation should not be considered as going beyond the scope of the present application.
  • the electronic device can be divided into functional modules according to the foregoing method examples.
  • each functional module can be divided corresponding to each function, or two or more functions can be integrated into one processing module.
  • the above-mentioned integrated modules can be implemented in the form of hardware. It should be noted that the division of modules in this embodiment is illustrative, and is only a logical function division, and there may be other division methods in actual implementation.
  • FIG. 19 shows a schematic diagram of a possible composition of the electronic device 700 involved in the foregoing embodiment.
  • the electronic device 700 may include: a display unit 701, a detection unit 701 and a processing unit 703.
  • the display unit 701 may be used to support the electronic device 700 to perform the above steps 501, 601, etc., and/or other processes used in the technology described herein.
  • the detection unit 702 may be used to support the electronic device 700 to perform the foregoing steps 502, 504, 602, 604, etc., and/or other processes used in the technology described herein.
  • the processing unit 703 may be used to support the electronic device 700 to perform the above steps 503, 505, 603, 605, etc., and/or other processes used in the technology described herein.
  • the electronic device provided in this embodiment is used to execute the above application window display method, and therefore can achieve the same effect as the above implementation method.
  • the electronic device may include a processing module, a storage module, and a communication module.
  • the processing module can be used to control and manage the actions of the electronic device. For example, it can be used to support the electronic device to execute the above-mentioned display unit 701, detection unit 701, and processing unit 703.
  • the storage module can be used to support the electronic device to execute the storage program code and data.
  • the communication module can be used to support the communication between electronic devices and other devices.
  • the processing module may be a processor or a controller. It can implement or execute various exemplary logical blocks, modules, and circuits described in conjunction with the disclosure of this application.
  • the processor may also be a combination that implements computing functions, such as a combination of one or more microprocessors, a combination of digital signal processing (DSP) and a microprocessor, and so on.
  • the storage module may be a memory.
  • the communication module may specifically be a radio frequency circuit, a Bluetooth chip, a Wi-Fi chip, and other devices that interact with other electronic devices.
  • the electronic device involved in this embodiment may be a device having the structure shown in FIG. 1.
  • This embodiment also provides a computer storage medium in which computer instructions are stored.
  • the computer instructions run on an electronic device, the electronic device executes the above-mentioned related method steps to implement the application window display method in the above-mentioned embodiment. .
  • This embodiment also provides a computer program product, which when the computer program product runs on a computer, causes the computer to execute the above-mentioned related steps, so as to realize the application window display method in the above-mentioned embodiment.
  • the embodiments of the present application also provide a device.
  • the device may specifically be a chip, component or module.
  • the device may include a processor and a memory connected to each other.
  • the memory is used to store computer execution instructions.
  • the processor can execute the computer-executable instructions stored in the memory, so that the chip executes the application window display method in the foregoing method embodiments.
  • the electronic device, computer storage medium, computer program product, or chip provided in this embodiment are all used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the corresponding method provided above. The beneficial effects of the method will not be repeated here.
  • Module completion means dividing the internal structure of the device into different functional modules to complete all or part of the functions described above.
  • the disclosed device and method may be implemented in other ways.
  • the device embodiments described above are merely illustrative.
  • the division of modules or units is only a logical function division.
  • there may be other division methods for example, multiple units or components may be combined or It can be integrated into another device, or some features can be ignored or not implemented.
  • the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, and may be in electrical, mechanical or other forms.
  • the units described as separate parts may or may not be physically separate, and the parts displayed as units may be one physical unit or multiple physical units, that is, they may be located in one place, or they may be distributed to multiple different places. Some or all of the units may be selected according to actual needs to achieve the objectives of the solutions of the embodiments.
  • the functional units in the various embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit.
  • the above-mentioned integrated unit can be realized in the form of hardware or software functional unit.
  • the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium.
  • the technical solutions of the embodiments of the present application are essentially or the part that contributes to the prior art, or all or part of the technical solutions can be embodied in the form of a software product, and the software product is stored in a storage medium. It includes several instructions to make a device (which may be a single-chip microcomputer, a chip, etc.) or a processor (processor) execute all or part of the steps of the methods of the various embodiments of the present application.
  • the foregoing storage media include: U disk, mobile hard disk, read only memory (read only memory, ROM), random access memory (random access memory, RAM), magnetic disk or optical disk and other media that can store program codes.

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)
  • Telephone Function (AREA)

Abstract

Procédé d'affichage de fenêtre d'application et dispositif électronique. Le procédé consiste à : afficher une interface à écran divisé qui comprend une première fenêtre, une seconde fenêtre, et une première commande pour séparer la première fenêtre et la seconde fenêtre, une première application étant exécutée dans la première fenêtre, et une seconde application étant exécutée dans la seconde fenêtre; détecter une première action d'un utilisateur sur la première commande, la première action étant une action de glissement vers la position de la seconde fenêtre; en réponse à la première action, déplacer la première commande vers le côté de la seconde fenêtre, la largeur de la seconde fenêtre étant réduite, et la largeur de la première fenêtre étant augmentée; détecter que l'utilisateur arrête la première action; et en réponse à l'arrêt de la première action, si la position de la première commande satisfait une première condition prédéfinie, afficher la première fenêtre dans un mode plein écran, et afficher la seconde fenêtre par-dessus la première fenêtre dans un mode flottant. Le procédé permet à un utilisateur de quitter un état d'écran divisé et de démarrer à nouveau rapidement l'état d'écran divisé sans commuter une application ni interrompre une tâche d'application en cours, de sorte que l'expérience de l'utilisateur est améliorée.
PCT/CN2021/087675 2020-05-14 2021-04-16 Procédé d'affichage de fenêtre d'application et dispositif électronique WO2021227770A1 (fr)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
CN202010404807 2020-05-14
CN202010404807.7 2020-05-14
CN202010711715.3 2020-07-22
CN202010711715.3A CN111966252A (zh) 2020-05-14 2020-07-22 应用窗口显示方法和电子设备

Publications (1)

Publication Number Publication Date
WO2021227770A1 true WO2021227770A1 (fr) 2021-11-18

Family

ID=73362648

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/087675 WO2021227770A1 (fr) 2020-05-14 2021-04-16 Procédé d'affichage de fenêtre d'application et dispositif électronique

Country Status (2)

Country Link
CN (1) CN111966252A (fr)
WO (1) WO2021227770A1 (fr)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114820882A (zh) * 2022-04-19 2022-07-29 北京百度网讯科技有限公司 一种图像获取方法、装置、设备及存储介质
CN114816169A (zh) * 2022-06-29 2022-07-29 荣耀终端有限公司 桌面图标的显示方法、设备及存储介质
CN114995701A (zh) * 2022-07-19 2022-09-02 荣耀终端有限公司 悬浮窗控制方法及相关装置
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备
CN116048444A (zh) * 2022-06-16 2023-05-02 荣耀终端有限公司 应用显示方法及终端设备
CN116048311A (zh) * 2022-06-24 2023-05-02 荣耀终端有限公司 窗口显示方法、电子设备和计算机可读存储介质
CN116088716A (zh) * 2022-06-13 2023-05-09 荣耀终端有限公司 窗口管理方法和终端设备
CN116456018A (zh) * 2022-01-10 2023-07-18 荣耀终端有限公司 窗口交互方法和电子设备

Families Citing this family (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111966252A (zh) * 2020-05-14 2020-11-20 华为技术有限公司 应用窗口显示方法和电子设备
CN114625303B (zh) * 2020-12-10 2022-12-16 荣耀终端有限公司 窗口显示方法、终端设备及计算机可读存储介质
CN112527165A (zh) * 2020-12-16 2021-03-19 Oppo广东移动通信有限公司 界面显示状态的调整方法及装置、设备、存储介质
CN114911377A (zh) * 2021-01-28 2022-08-16 华为终端有限公司 显示方法和电子设备
CN115047995A (zh) * 2021-03-08 2022-09-13 深圳市柔宇科技股份有限公司 显示方法、可折叠终端设备及可读存储介质
CN115328358B (zh) * 2021-04-22 2024-02-13 华为技术有限公司 一种显示方法及相关装置
CN113190319B (zh) * 2021-05-06 2023-10-17 Oppo广东移动通信有限公司 浮窗控制方法、装置、电子设备及存储介质
CN113282365B (zh) * 2021-07-23 2021-11-09 深圳掌酷软件有限公司 锁屏界面的显示方法、装置、设备及存储介质
WO2023004600A1 (fr) * 2021-07-27 2023-02-02 广州视源电子科技股份有限公司 Procédé et appareil de commande de fenêtre d'application, panneau plat interactif et support de stockage
CN113805743B (zh) * 2021-08-12 2023-08-11 荣耀终端有限公司 切换显示窗口的方法和电子设备
CN113805747B (zh) * 2021-08-12 2023-07-25 荣耀终端有限公司 信息提醒方法、电子设备及计算机可读存储介质
CN114416227B (zh) * 2021-11-16 2023-06-23 华为技术有限公司 窗口切换方法、电子设备及可读存储介质
CN116360639A (zh) * 2021-12-27 2023-06-30 Oppo广东移动通信有限公司 一种显示方法及相关装置
CN115562771B (zh) * 2022-01-18 2023-11-24 荣耀终端有限公司 应用窗口管理方法、电子设备和计算机可读取存储介质
CN116841658A (zh) * 2022-03-23 2023-10-03 华为技术有限公司 界面显示方法及电子设备
CN115145429A (zh) * 2022-05-26 2022-10-04 深圳鳍源科技有限公司 窗口显示方法、装置、终端设备及存储介质
CN117270748A (zh) * 2022-06-14 2023-12-22 Oppo广东移动通信有限公司 界面操作方法、装置以及电子设备
CN116048373B (zh) * 2022-06-24 2023-09-22 荣耀终端有限公司 悬浮球控件的显示方法、电子设备以及存储介质
CN117421073A (zh) * 2022-07-11 2024-01-19 华为技术有限公司 一种显示方法及电子设备
CN116028265B (zh) * 2022-08-11 2023-11-14 荣耀终端有限公司 一种快照获取方法、电子设备及可读存储介质
CN117991952A (zh) * 2022-11-02 2024-05-07 华为技术有限公司 应用显示方法、电子设备以及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150121229A1 (en) * 2013-10-28 2015-04-30 Lenovo (Beijing) Co., Ltd. Method for Processing information and Electronic Apparatus
CN109445572A (zh) * 2018-09-10 2019-03-08 华为技术有限公司 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端
CN110471725A (zh) * 2019-07-02 2019-11-19 华为技术有限公司 一种分屏方法及电子设备
CN110471596A (zh) * 2019-07-17 2019-11-19 广州视源电子科技股份有限公司 一种分屏切换方法、装置、存储介质及电子设备
CN110727382A (zh) * 2019-09-06 2020-01-24 华为技术有限公司 一种分屏显示方法及电子设备
CN111966252A (zh) * 2020-05-14 2020-11-20 华为技术有限公司 应用窗口显示方法和电子设备

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019228283A1 (fr) * 2018-05-28 2019-12-05 华为技术有限公司 Appareil et procédé d'affichage à écran partagé utilisés pour un terminal
CN116723266A (zh) * 2019-07-31 2023-09-08 华为技术有限公司 一种悬浮窗口的管理方法及相关装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150121229A1 (en) * 2013-10-28 2015-04-30 Lenovo (Beijing) Co., Ltd. Method for Processing information and Electronic Apparatus
CN109445572A (zh) * 2018-09-10 2019-03-08 华为技术有限公司 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端
CN110471725A (zh) * 2019-07-02 2019-11-19 华为技术有限公司 一种分屏方法及电子设备
CN110471596A (zh) * 2019-07-17 2019-11-19 广州视源电子科技股份有限公司 一种分屏切换方法、装置、存储介质及电子设备
CN110727382A (zh) * 2019-09-06 2020-01-24 华为技术有限公司 一种分屏显示方法及电子设备
CN111966252A (zh) * 2020-05-14 2020-11-20 华为技术有限公司 应用窗口显示方法和电子设备

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116456018A (zh) * 2022-01-10 2023-07-18 荣耀终端有限公司 窗口交互方法和电子设备
CN114820882A (zh) * 2022-04-19 2022-07-29 北京百度网讯科技有限公司 一种图像获取方法、装置、设备及存储介质
CN116088716A (zh) * 2022-06-13 2023-05-09 荣耀终端有限公司 窗口管理方法和终端设备
CN116088716B (zh) * 2022-06-13 2023-12-08 荣耀终端有限公司 窗口管理方法和终端设备
CN116048444A (zh) * 2022-06-16 2023-05-02 荣耀终端有限公司 应用显示方法及终端设备
CN116048444B (zh) * 2022-06-16 2023-12-01 荣耀终端有限公司 应用显示方法及终端设备
CN116048311A (zh) * 2022-06-24 2023-05-02 荣耀终端有限公司 窗口显示方法、电子设备和计算机可读存储介质
CN116048311B (zh) * 2022-06-24 2024-04-19 荣耀终端有限公司 窗口显示方法、电子设备和计算机可读存储介质
CN114816169A (zh) * 2022-06-29 2022-07-29 荣耀终端有限公司 桌面图标的显示方法、设备及存储介质
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备
CN115237299B (zh) * 2022-06-29 2024-03-22 北京优酷科技有限公司 播放页面切换方法及终端设备
CN114995701A (zh) * 2022-07-19 2022-09-02 荣耀终端有限公司 悬浮窗控制方法及相关装置

Also Published As

Publication number Publication date
CN111966252A (zh) 2020-11-20

Similar Documents

Publication Publication Date Title
WO2021227770A1 (fr) Procédé d'affichage de fenêtre d'application et dispositif électronique
WO2021057830A1 (fr) Procédé de traitement d'informations et dispositif électronique
WO2021013158A1 (fr) Procédé d'affichage et appareil associé
WO2022022495A1 (fr) Procédé et dispositif de glissement d'objet de dispositif transversal et dispositif
US20220342850A1 (en) Data transmission method and related device
WO2021129253A1 (fr) Procédé d'affichage de multiples fenêtres, et dispositif électronique et système
WO2020155876A1 (fr) Procédé de commande d'affichage d'écran et dispositif électronique
WO2021120914A1 (fr) Procédé d'affichage d'éléments d'interface et dispositif électronique
WO2021104030A1 (fr) Procédé d'affichage à écran partagé et dispositif électronique
US11853526B2 (en) Window display method, window switching method, electronic device, and system
WO2022042285A1 (fr) Procédé d'affichage d'interface de programme d'application et dispositif électronique
WO2021063098A1 (fr) Procédé de réponse d'écran tactile, et dispositif électronique
WO2021078032A1 (fr) Procédé d'affichage d'interface utilisateur et dispositif électronique
US20220357818A1 (en) Operation method and electronic device
WO2022052662A1 (fr) Procédé d'affichage et dispositif électronique
EP4280058A1 (fr) Procédé d'affichage d'informations et dispositif électronique
WO2023226455A1 (fr) Procédé d'affichage d'icône d'application, dispositif électronique et support d'enregistrement lisible
WO2023040666A1 (fr) Procédé d'affichage de clavier, dispositif d'écran pliable et support de stockage lisible par ordinateur
WO2024021519A1 (fr) Procédé d'affichage de carte et équipement terminal
WO2021052488A1 (fr) Procédé de traitement d'informations et dispositif électronique
WO2022228004A1 (fr) Procédé de restauration de fenêtre dans un processus de collaboration multiécran, dispositif électronique et système
WO2022247614A1 (fr) Procédé d'affichage de multiples interfaces et dispositif électronique
WO2024001871A1 (fr) Procédé de commande et de fonctionnement et dispositif électronique
WO2023231893A1 (fr) Procédé d'affichage de curseur et dispositif électronique
WO2024017145A1 (fr) Procédé d'affichage et dispositif électronique

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21803985

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21803985

Country of ref document: EP

Kind code of ref document: A1