CN116048311A

CN116048311A - Window display method, electronic device, and computer-readable storage medium

Info

Publication number: CN116048311A
Application number: CN202210722050.5A
Authority: CN
Inventors: 任杰; 任萍; 黄丽薇
Original assignee: Honor Device Co Ltd
Current assignee: Honor Device Co Ltd
Priority date: 2022-06-24
Filing date: 2022-06-24
Publication date: 2023-05-02
Anticipated expiration: 2042-06-24
Also published as: CN116048311B

Abstract

The embodiment of the application provides a window display method, electronic equipment and a computer readable storage medium, wherein the method comprises the following steps: the electronic equipment displays a first window in a full screen mode, and an interface of a first application is displayed in the first window; responding to a first operation which acts on a first area at the bottom of a screen of the electronic equipment and moves upwards, and moving and shrinking a first window along with the first operation; responding to a second area lifted in the screen by a first operation, reducing the first window to a first size to obtain a second window, suspending and displaying the second window, wherein the second window displays an interface of a first application, the first size is smaller than a second size, and the second size is the size of the first window before reduction; and responding to a second operation acted on the second window, switching the second window into a third window, wherein the third window displays an interface of the first application, the third window is a floating window, and the third size of the third window is larger than the first size and smaller than the second size. The method can improve the use convenience of the user and the user experience.

Description

Window display method, electronic device, and computer-readable storage medium

Technical Field

The present application relates to the field of electronic technologies, and in particular, to a window display method, an electronic device, and a computer readable storage medium.

Background

To meet the demands of work and life, people install various Applications (APP) in electronic devices. In using these APPs, it is often necessary to narrow and hover the window of one or more APPs in order to operate the desktop or other APPs. For example, when a user plays a video by using a video play APP, if the user wants to simultaneously chat a session, the video play APP window needs to be reduced and displayed in a floating manner so as to operate the session chat APP.

Disclosure of Invention

The application provides a window display method, electronic equipment and a computer readable storage medium, which can simply and rapidly suspend and display a window, and has less shielding to the content in a screen, so that other operations are conveniently carried out by a user, and the use convenience of the user is improved.

In a first aspect, the present application provides a window display method, the method being performed by an electronic device, the method comprising: the electronic equipment displays a first window in a full screen mode, and an interface of a first application is displayed in the first window; responding to a first operation which acts on a first area at the bottom of a screen of the electronic equipment and moves upwards, and moving and shrinking a first window along with the first operation; responding to a second area lifted in the screen by a first operation, reducing the first window to a first size to obtain a second window, suspending and displaying the second window, wherein the second window displays an interface of a first application, the first size is smaller than a second size, and the second size is the size of the first window before reduction; and responding to a second operation acted on the second window, switching the second window into a third window, wherein the third window displays an interface of the first application, the third window is a floating window, and the third size of the third window is larger than the first size and smaller than the second size.

In the window display method provided in the first aspect, the first window displayed in full screen is the full screen window, the second window is the mini window, and the third window is the floating window. The first area is the screen bottom detection area, the first operation is the screen bottom up-sliding operation, and the second area is the first mini window triggering hot zone. In addition, the lifting operation is performed, namely, the hands are separated, and the lifting speed is the hands separating speed.

That is, in the case where a full screen window is displayed in the screen, in which the interface of the first application is displayed in the full screen window, in response to the screen bottom up-slide operation, the full screen window moves and shrinks following the screen bottom up-slide operation. And responding to the screen bottom up-sliding operation to lift up in the first mini window triggering hot zone, switching the full-screen window into the mini window, and displaying an interface of the first application in the mini window.

Alternatively, the second operation may be an operation of clicking an arbitrary position in the first window (i.e., mini window). That is, in response to an operation of clicking the mini-window, the mini-window is unfolded into a floating window. Optionally, the content of the interface in the mini-window is not operable, and the content of the interface in the floating window is operable.

According to the window display method provided by the first aspect, only the first operation (the sliding operation at the bottom of the screen) is required to be executed, the first operation is lifted in the second area (the first mini window triggering hot area), the first window displayed in a full screen can enter the second window (the mini window), the whole process only needs one step of operation, simplicity and convenience are achieved, the use convenience of a user is improved, and further the user experience is improved. In addition, the size of the second window (mini window) is smaller (smaller than the size of the floating window), shielding to the bottom layer interface is less, other operations are convenient for a user, the use convenience of the user is further improved, and the user experience is further improved. In addition, through a second operation, for example, the operation of clicking the second window, the second window (mini window) can be switched into the third window (floating window), so that the user can conveniently operate the content in the interface of the third window (floating window), the operation is simple and convenient, and the user experience is improved.

With reference to the first aspect, in some implementations of the first aspect, after the second window is displayed in suspension, the method further includes: displaying a fourth window in a full screen mode, wherein an interface of the second application is displayed in the fourth window; and responding to a third operation acted on the second window, displaying the interface of the first application in the fourth window, and displaying the interface of the second application in the second window.

Specifically, the fourth window is a full screen window. Alternatively, the third operation may be an operation of double-clicking on an arbitrary position in the second window. That is, when a mini window and a full screen window are displayed in the interface of the electronic device, the interface of the first application is displayed in the mini window, and the interface of the second application is displayed in the full screen window. If the user double clicks on the mini window, the interfaces of the applications displayed in the mini window and the full screen window are interchanged. The user can exchange the application interfaces in the mini window and the full-screen window through double-click operation, so that the method is simple and convenient, can be applied to various application scenes, and has strong applicability.

In one possible implementation, in response to the first operation lifting up on the second area in the screen, the first window is reduced to the first size, and before the second window is obtained, the method further includes: responding to the touch point of the first operation to enter a third area in the screen, displaying a guide pattern, and enabling the guide pattern to be enlarged along with the first operation at a first speed; wherein at least a portion of the third region is closer to the lower edge of the screen than the second region; responding to the touch point of the first operation to enter a second area, wherein the guiding pattern is enlarged along with the first operation according to a second rate, and the second rate is larger than the first rate; in response to the first operation being lifted up from the second area, the guide pattern disappears.

The third region is the first mini-window hot zone. The guiding pattern, i.e. the visual guiding pattern, is used for guiding the user into the mini-window. At least a part of the third area is closer to the lower edge of the screen than the second area, that is, at least a part of the first mini-window hot area is closer to the lower edge of the screen than the first mini-window trigger hot area, so that when the bottom sliding operation of the screen is performed, the first mini-window hot area is entered first, and then the first mini-window trigger hot area is entered.

When a finger enters a first mini window hot zone in the process of executing the screen bottom up-sliding operation, displaying visual guide patterns in the screen, wherein the visual guide patterns slowly become larger along with the screen bottom up-sliding operation; when a finger enters the first mini window to trigger a hot zone, the visual guide pattern quickly becomes larger along with the upward sliding operation of the bottom of the screen; when the finger is lifted, the visual guide pattern disappears.

In one possible implementation, the guiding pattern is 1/4 circular, and the center of the guiding pattern coincides with the top left vertex or the top right vertex of the screen.

Alternatively, the guide pattern may be identified with a graphic representing a zoom out and associated typeface prompting entry into the mini-window, etc. The method is convenient for the user to know the operation result, and is also convenient for guiding the user to enter the mini window, so that the user experience is improved.

In one possible implementation, the third region includes a left third region and a right third region, displaying the guide pattern, including: if the touch point of the first operation enters the third left area, displaying a guide pattern on the left half part of the screen; and if the touch point of the first operation enters the third right area, displaying a guide pattern on the right half part of the screen.

That is, the visual guide pattern and the first mini window hot zone entered by the bottom sliding operation are located on the same side of the screen, so that the visual guide pattern is more coordinated, the use habit of the user is more met, and the user experience is improved.

In one possible implementation, the second region includes a left second region and a right second region, the left second region is a 1/4 elliptical region centered on an upper left vertex of the screen, the right second region is a 1/4 elliptical region centered on an upper right vertex of the screen, the lengths of the major half axes of the left second region and the right second region are each less than the height of the screen, and the lengths of the minor half axes of the left second region and the right second region are each less than or equal to 50% of the width of the screen.

In one possible implementation, the length of the major half axis of each of the left and right second regions is greater than 40% and less than or equal to 50% of the height of the screen; the length of the minor half axis of the left and right second regions is greater than 40% and less than or equal to 50% of the width of the screen.

In one possible implementation, the third region includes a left third region and a right third region, the left third region is a 1/4 elliptical region centered on an upper left vertex of the screen, the right third region is a 1/4 elliptical region centered on an upper right vertex of the screen, lengths of long half axes of the left third region and the right third region are each smaller than a height of the screen, lengths of short half axes of the left third region and the right third region are each smaller than or equal to 50% of a width of the screen, an area of the left third region is larger than an area of the left second region, and an area of the right third region is larger than an area of the right second region.

In one possible implementation, the length of the major half axes of the left and right third regions are both greater than 50% and less than or equal to 60% of the height of the screen; the length of the minor half axis of the left third region and the right third region is greater than 40% and less than or equal to 50% of the width of the screen.

That is, the first mini window hot zone and the first mini window trigger hot zone are respectively 1/4 oval shapes with the top left vertex and the top right vertex of the screen as center points, and when a user executes the screen bottom sliding operation, only the two 1/4 oval areas of the screen, which are accessed by fingers, can be identified as operations related to the mini window, so that the screen bottom sliding operation accessing the mini window can be effectively distinguished from the sliding operation triggering functions such as accessing the multi-task or returning to the desktop, the conflict between the gesture accessing the multi-task and returning to the desktop is avoided, the probability of accessing the mini window by misoperation of the user is reduced, and the user experience is improved. Moreover, a left mini window hot zone and a right mini window hot zone which are in a 1/4 elliptical shape and a left mini window trigger hot zone which is in a 1/4 elliptical shape are respectively arranged, so that a user can conveniently enter the mini window through one-hand operation, and the user experience is further improved.

In one possible implementation, the interface displayed in the screen includes a target object, the second window does not overlap with the target object, and the target object includes at least one of a signal bar, a navigation bar, a preset icon, and a soft keyboard.

That is, when the mini window is displayed, the target objects such as the signal bar, the navigation bar, the preset icon and the soft keyboard are avoided, so that the mini window and the target objects can be prevented from being overlapped, the content in the target objects is prevented from being blocked, and the practicability of the mini window is improved.

In one possible implementation, the second area includes a left second area and a right second area, and the floating displaying the second window includes: if the first operation is lifted up in the left second area, a second window is displayed in a suspending mode on the left half part of the screen; if the first operation is lifted up in the second area on the right side, a second window is displayed in a floating manner on the right half part of the screen.

That is, the position of the mini window display and the first mini window hot zone where the bottom sliding operation is lifted are located on the same side of the screen, so that the display is more coordinated visually, the use habit of a user is more met, and the user experience is improved.

In one possible implementation, during the movement and shrinking of the first window with the first operation: when the first ratio is smaller than or equal to the second ratio, the distance between the lower edge of the first window and the touch point of the first operation is equal to the first distance, and the first ratio refers to the ratio of the distance between the touch point of the first operation and the lower edge of the screen to the height of the screen; when the first proportion is larger than the second proportion and smaller than or equal to the third proportion, the distance between the lower edge of the first window and the touch point of the first operation is increased along with the first operation according to the third speed; in the case that the first ratio is greater than the third ratio and less than or equal to 1, a distance between the lower edge of the first window and the touch point of the first operation increases with the first operation at a fourth rate, and the fourth rate is greater than or equal to the third rate.

In one possible implementation, in a case where the first ratio is greater than the second ratio and less than or equal to the third ratio, the method further includes:

determining a distance between the lower edge of the first window and the touch point of the first operation based on the following formula:

M＝a1*(D-b1)/(B2-B1)

wherein M is the distance between the lower edge of the first window and the touch point of the first operation, a1 is a first preset value, and is used for representing the preset distance between the upper edge of the first window and the upper edge of the screen when the first window is reduced to a first size, 0 < a1 < B2 is the height of the screen, D is a first proportion, B1 is a second proportion, and B2 is a third proportion.

In one possible implementation, in a case where the first ratio is greater than the third ratio and less than or equal to 1, the method further includes:

M＝D*S-Y

Y＝B2*S-a1+[(D-B2)/(1-B2)]*(a1-a2)

wherein M is the distance between the lower edge of the first window and the touch point of the first operation, D is a first proportion, S is the height of the screen, Y is the distance between the lower edge of the first window and the lower edge of the screen, a1 is a first preset value, when the size of the first window is reduced to the first size, the preset distance between the upper edge of the first window and the upper edge of the screen is more than 0 and less than 1 and less than 2, B1 is a second proportion, B2 is a third proportion, a2 is a second preset value, and a2 is more than or equal to 0 and less than or equal to a1.

That is, in the process of shrinking the first window (full-screen window), when the finger position does not exceed the second ratio, the finger of the user keeps a first distance from the lower edge of the first window, so that the effect that the window is completely shrunk with the hand is achieved. When the finger position exceeds the second proportion by the screen height but is smaller than or equal to the third proportion by the screen height, the distance between the finger of the user and the lower edge of the first window slowly increases, so that the window is reduced with the hand, and simultaneously, the user is prevented from sliding upwards. When the finger position exceeds the third proportion, the distance between the finger of the user and the lower edge of the window is rapidly increased, so that the window is reduced with the hand, and the user is more strongly prevented from sliding upwards. Therefore, in the process of reducing the first window, the window presents different upward sliding feeling with hands at different stages, prompts the different stages of window reduction, enhances the man-machine interaction performance of the electronic equipment and a user, and improves the user experience.

In one possible implementation, the method further includes: and responding to the first operation to lift up in the second area, and outputting reminding information. The reminding information can be, for example, vibration reminding, sound reminding and the like. The output reminding information can remind the user to enter the mini window, so that the man-machine interaction performance is improved, and the user experience is improved.

In one possible implementation, the method further includes: and displaying the mask image in the screen in the process that the first window moves and shrinks along with the first operation, wherein the first window is displayed on the upper layer of the mask image in a covering way. The mask image can enable the change of the first window to be more obvious, so that a user can monitor the change of the first window more easily, and user experience is improved.

In one possible implementation manner, the electronic device supports displaying a fifth window in the screen at the same time, wherein the fifth window is a floating window or a window which is of a first size and is displayed in a floating way; before the first window moves and shrinks with the first operation, the method further includes: and responding to the first operation, and if a fifth window is displayed in the screen, switching the fifth window into a suspension ball.

Specifically, the fifth window is a suspended window, and the fifth window is a mini window or a suspended window. The electronic equipment supports that a fifth window is displayed in the screen at the same time, namely the upper limit number of merging of the floating type windows of the electronic equipment is 1.

In the implementation manner, for the electronic device with the upper limit number of 1 combined with the suspension type windows, if a suspension type window is displayed in the screen of the electronic device when the upward sliding operation of the bottom of the screen is received, the suspension type window is switched to a suspension ball so that the upward sliding operation of the bottom of the screen enters the mini window after being lifted up in the first mini window triggering hot zone, and the normal display of the mini window is ensured.

It can be understood that if the sliding operation at the bottom of the screen is lifted in the area outside the first mini window triggering hot zone, the suspension ball is switched back to the suspension window again, i.e. the suspension ball disappears, and the original suspension window resumes display.

In one possible implementation manner, the electronic device supports n fifth windows displayed in the screen at the same time, wherein the fifth windows are floating windows or windows which are of a first size and are displayed in a floating manner, and n is an integer greater than or equal to 2; in response to the first operation, if m fifth windows are displayed in the screen, where m is a positive integer less than n, before the first window moves and shrinks along with the first operation, the method further includes: hiding m fifth windows; after the second window is displayed in suspension, the method further comprises: displaying m fifth windows; in response to the first operation, if n fifth windows are displayed in the screen, before the first window moves and shrinks along with the first operation, the method further includes: switching the earliest displayed window in the n fifth windows into a suspension ball, and hiding other windows except the earliest displayed window in the n fifth windows; after the second window is displayed in suspension, the method further comprises: other windows are displayed.

In the implementation manner, for the electronic device with the upper limit number of merging of the floating type windows being greater than or equal to 2, if the number of the floating type windows displayed in the screen of the electronic device is smaller than the upper limit number of merging when the sliding operation of the bottom of the screen is received, the floating type windows are temporarily hidden in the process of executing the sliding operation of the bottom of the screen, and the floating type windows are redisplayed after the sliding operation of the bottom of the screen is lifted. If the screen bottom sliding operation is received, the number of the floating type windows displayed in the screen of the electronic equipment is the same as the combined upper limit number, one of the earliest displayed floating type windows is switched to a floating ball, and the other floating type windows are temporarily hidden, so that the screen bottom sliding operation enters the mini window after being lifted up in a first mini window triggering hot zone, and normal display of the mini window is ensured. After entering the mini window, the hidden floating class window is redisplayed.

In one possible implementation, the screen is divided into a plurality of regions, each region displaying a floating window, the second window being displayed in a fourth region of the plurality of regions; displaying m fifth windows, comprising: if the original position of any one of the m fifth windows is located in the fourth area, displaying the any one fifth window in other areas except the fourth area in the multiple areas; displaying other windows, including: and if any other window in the other windows is positioned in the fourth area, displaying any other window in other areas except the fourth area in the plurality of areas.

In one possible implementation, after the second window is displayed in suspension, the method further includes: responsive to a fourth operation acting on the second window and sliding, the second window moves with the fourth operation; in response to the fourth operation lifting, resolving the fourth operation, determining an operation parameter of the fourth operation, the operation parameter including at least one of a lifting position of the fourth operation, a lifting speed of the fourth operation, a sliding direction when the fourth operation is lifted, and a sliding distance of the fourth operation; the sliding distance of the fourth operation refers to the distance between the touch point when the fourth operation is pressed and the touch point when the fourth operation is lifted; displaying the second window or exiting the second window or switching the second window into the suspending ball according to the operation parameters.

In this implementation mode, can be simple and convenient through the fourth operation remove, withdraw from or switch mini window into suspension ball, improve user's use convenience, and then improve user experience.

In one possible implementation, the screen is divided into a plurality of regions, and the second window is displayed according to the operation parameter, including: determining a fourth region among the plurality of regions according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation; and displaying the second window in the fourth area.

In one possible implementation, determining the fourth region among the plurality of regions according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation includes: if the lifting speed of the fourth operation is smaller than the first speed threshold value, determining the area where the lifting position of the fourth operation is located as a fourth area.

In this implementation, the lifting speed of the fourth operation is less than the first speed threshold, i.e. the fourth operation is a slow drag mini-window operation. In this case, the display position after the movement of the mini-window is determined according to the lifted position of the fourth operation. The raised position of the fourth operation is located in which region, the mini-window is displayed at a preset position in which region. If the lifted position of the fourth operation is located in the original display area of the mini-window, the mini-window rebounds to the original position.

In one possible implementation, determining the fourth region among the plurality of regions according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation includes: if the lifting speed of the fourth operation is greater than or equal to the first speed threshold and less than the second speed threshold, and the sliding distance of the fourth operation is greater than the second distance, determining a region corresponding to the sliding track of the fourth operation as a fourth region; the area corresponding to the sliding track of the fourth operation is an area where an intersection point between the touch point when the fourth operation is pressed and the edge of the screen is located after the touch point when the fourth operation is lifted is connected with the touch point when the fourth operation is lifted and the connection line extends in the direction of the touch point when the fourth operation is lifted; if the lifting speed of the fourth operation is greater than or equal to the first speed threshold and less than the second speed threshold, and the sliding distance of the fourth operation is less than or equal to the second distance, determining a fifth area as the fourth area, wherein the fifth area is the area where the second window is located before the fourth operation is pressed.

In this implementation, the lifting speed of the fourth operation is greater than or equal to the first speed threshold and less than the second speed threshold, i.e., the lifting speed of the fourth operation is between the lifting speeds of the slow drag mini-window operation and the fast slide mini-window operation. In this case, the moving position after the movement of the mini window is determined according to the sliding distance of the fourth operation. And if the sliding distance of the fourth operation is greater than the second distance, displaying the mini window at a preset position in the area corresponding to the sliding track. And if the sliding distance of the fourth operation is smaller than or equal to the second distance, the mini window is rebounded to the original position.

In one possible implementation, determining the fourth region among the plurality of regions according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation includes: if the lifting speed of the fourth operation is greater than or equal to the second speed threshold value, determining a region corresponding to the sliding track of the fourth operation as a fourth region; the area corresponding to the sliding track of the fourth operation is an area where an intersection point between the touch point when the fourth operation is pressed and the edge of the screen is located after the touch point when the fourth operation is lifted is connected with the touch point when the fourth operation is lifted and the connection line extends in the direction where the touch point when the fourth operation is lifted is located.

In this implementation, the lifting speed of the fourth operation is greater than or equal to the second speed threshold, i.e. the fourth operation is a fast-sliding mini-window operation. In this case, the mini window is directly displayed at a preset position in the area corresponding to the sliding track.

In the above several implementation manners, according to the difference of the lifting speed of the fourth operation, different mini window moving conditions are set, so that the user can move the position of the mini window through various operations, the flexibility and operability of mini window movement are improved, and further the user experience is improved.

In one possible implementation manner, the electronic device supports n fifth windows displayed in the screen at the same time, wherein the fifth windows are floating windows or windows which are of a first size and are displayed in a floating manner, and n is an integer greater than or equal to 2; the method further comprises, before displaying the second window in the fourth area: and if the fifth window is displayed in the fourth area, displaying the fifth window in the fifth area, wherein the fifth area is the area where the second window is positioned before the fourth operation is pressed.

In this implementation manner, for an electronic device with an upper limit number greater than or equal to 2 combined with a floating window, if the mini window is moved, according to a movement rule, the area in which the mini window is finally displayed already displays a floating window, and then the mini window and the floating window are interchanged in position. Therefore, when the mini window is moved, the position of the floating window in the electronic equipment is automatically adjusted, the intelligence is high, and the user experience is improved.

In one possible implementation, the screen is divided into a plurality of regions, a dividing line of the plurality of regions includes a first line, the second window is located in a first direction of the first line, and exiting the second window according to an operation parameter includes: and if the lifting speed of the fourth operation is greater than or equal to the third speed threshold, the sliding distance of the fourth operation is greater than or equal to the third distance, and the sliding direction of the fourth operation when lifted is the first direction, the second window is withdrawn.

In one possible implementation, the first line is a lateral midline of the screen and the first direction is above or below.

In this implementation, if the lifting speed of the fourth operation is greater, the sliding distance is longer, and the sliding direction at the time of lifting is consistent with the relative orientation of the mini-window and the first line, the mini-window is exited. For example, in the case where the lifting speed of the fourth operation is greater than or equal to the third speed threshold and the sliding distance of the fourth operation is greater than or equal to the third distance, if the mini window is displayed on the upper half of the screen and the sliding direction when the fourth operation is lifted is upward, the mini window is exited; or, if the mini window is displayed at the lower half of the screen and the sliding direction is downward when the fourth operation is lifted, the mini window is exited. The realization mode can realize the quick exit of the mini window, is simple and convenient to operate and improves the user experience.

In one possible implementation, switching the second window to a hover sphere according to an operating parameter includes: if the sliding direction of the fourth operation is the second direction and the lifting speed of the fourth operation is greater than the fourth speed threshold, determining a floating ball display position according to the sliding direction of the fourth operation when the fourth operation is lifted, switching the second window into a floating ball, and displaying the floating ball at the floating ball display position.

In this implementation, the second direction may be, for example, left or right. The sliding direction when the fourth operation is lifted is the second direction, and the lifting speed of the fourth operation is greater than the fourth speed threshold, that is, the fourth operation is a mini-window flick operation. In this case, the floating ball display position is determined according to the sliding direction (i.e., the direction of the mini window flick operation) when the fourth operation is lifted, and the mini window is switched to the floating window, and the floating window is displayed at that position. For example, if the direction of the flick operation of the mini window is leftward, the mini window is displayed on the left edge of the screen; if the direction of the mini window flick operation is rightward, the mini window is displayed on the right edge of the screen.

In one possible implementation, after the second window is switched to the third window, the method further includes: responding to a fifth operation of acting on a seventh area at the bottom of the third window or acting on the first control at the bottom of the third window and sliding upwards, and moving and shrinking the third window along with the fifth operation; and responding to the fifth operation to lift up in a sixth area in the screen, wherein the lifting speed of the fifth operation is smaller than or equal to a fifth speed threshold value, switching the third window into a second window, suspending and displaying the second window, and displaying the interface of the first application in the second window.

In particular, the first control may be a floating window bottom rail (bar). The fifth operation is the floating window bottom up operation, and the sixth area is the second mini-window triggering hot zone. That is, after the mini-window is switched to the floating window, the floating window moves and shrinks following the floating window bottom up-sliding operation in response to the floating window bottom up-sliding operation. And in response to the floating window bottom sliding up operation lifting up on the second mini-window triggering hot zone, and the lifting speed is less than or equal to a fifth speed threshold, switching the floating window to the mini-window.

In this implementation, after the mini window is switched to the floating window, the floating window bottom sliding operation may be performed, and the floating window bottom sliding operation is lifted up from the second mini window triggering hot zone, so that the mini window may be entered from the floating window. Therefore, after the user is convenient to operate the content in the interface in the floating window, the user can enter the mini window again, and the whole process is simple and convenient only by one step of operation. And the mini window shields less bottom layer interfaces, so that the user can conveniently perform other operations, and the user experience is improved.

In one possible implementation, after the second window is switched to the third window, the method further includes: responding to a sixth operation of the second control acting on the top of the third window and moving, wherein the third window moves along with the sixth operation; and responding to the sixth operation to lift up in a seventh area in the screen, switching the third window into a second window, suspending and displaying the second window, and displaying an interface of the first application in the second window.

In particular, the second control may be a floating window top bar. The sixth operation, the floating window top bar drag operation, and the seventh zone, the third mini-window, triggers the hot zone. That is, after the mini-window is switched to the floating window, the floating window moves following the floating window top bar drag operation in response to the floating window top bar drag operation. In response to the floating window top bar drag operation lifting from the third mini-window trigger hotzone, the floating window switches to the mini-window.

In this implementation, after the mini window is switched to the floating window, the bar drag operation at the top of the floating window may be performed, and the bar drag operation at the top of the floating window is lifted up from the third mini window triggering hot zone, so that the mini window may be accessed from the floating window. Therefore, after the user is convenient to operate the content in the interface in the floating window, the user can enter the mini window again, and the whole process is simple and convenient only by one step of operation. And the mini window shields less bottom layer interfaces, so that the user can conveniently perform other operations, and the user experience is improved.

It can be understood that, in the process that the floating window enters the mini window through the floating window bottom sliding operation or the floating window top bar dragging operation, there are corresponding mini window hot areas, visual guiding patterns and the like, and specifically, the first mini window hot areas, the visual guiding patterns and the like in the process that the full screen window enters the mini window are similar, and are not repeated.

In one possible implementation, after the second window is switched to the third window, the method further includes: responding to a seventh operation acting on any angle of the third window and stretching towards the direction where the third window is positioned, wherein the third window is contracted along with the seventh operation; and responding to the seventh operation, lifting, reducing the third window to be smaller than or equal to a fourth size, switching the third window into a second window, suspending and displaying the second window, displaying the interface of the first application in the second window, and enabling the fourth size to be smaller than the third size.

Specifically, the seventh operation is a floating window reduction operation. That is, after the mini-window is switched to the floating window, the floating window is scaled down in response to the floating window scaling down operation, following the floating window scaling down operation. In response to the floating window reducing operation being lifted, if the floating window is reduced to be less than or equal to the fourth size when lifted, the floating window is switched to the mini window.

In this implementation, after the mini window is switched to the floating window, the floating window shrinking operation may be performed, the floating window shrinking operation is lifted, and the floating window is shrunk to be smaller than or equal to the fourth size when lifted, so that the mini window may be accessed from the floating window. Therefore, after the user is convenient to operate the content in the interface in the floating window, the user can enter the mini window again, and the whole process is simple and convenient only by one step of operation. And the mini window shields less bottom layer interfaces, so that the user can conveniently perform other operations, and the user experience is improved.

In a second aspect, the present application provides a window display method, the method being performed by an electronic device, the method comprising: the method comprises the steps that a first window is displayed on a screen of the electronic equipment, an interface of a first application is displayed in the first window, and the first window is a floating window; responsive to a first operation acting on the first window, the first window undergoing a first change with the first operation; the first variation includes at least one of a movement and a zoom out; and responding to the lifting of the first operation, if a preset condition is met, switching the first window into a second window with a first size, displaying the second window in a suspending mode, wherein the second window is used for displaying an interface of the first application, the first size is smaller than the second size, the second size is the size of the first window before the first change occurs, the preset condition comprises that the first operation is lifted in a first area in a screen, or the first window is reduced to be smaller than or equal to a third size, and the third size is smaller than the second size.

In the window display method provided in the second aspect, the first window is a floating window, the second window is a mini window, and the first area is a second mini window triggering hot zone or a third mini window triggering hot zone.

Alternatively, the first operation may be any one of a floating window bottom up operation, a floating window top bar drag operation, or a floating window reduction operation.

That is, in the case where a mini window is displayed in the screen and an interface of a first application is displayed in the floating window, the floating window is contracted and/or moved along with the first operation in response to the first operation acting on the floating window bottom up operation, the floating window top bar drag operation, or the floating window contraction operation. And responding to the lifting of the first operation, and if the condition corresponding to the first operation is met, switching the floating window into a floating window, and displaying an interface of the first application in the floating window.

According to the window display method provided by the second aspect, only the first operation is required to be executed, the preset condition is met when the first operation is lifted, the first window (the floating window) can enter the second window (the mini window), the whole process is only required to be operated in one step, simplicity and convenience are achieved, the use convenience of a user is improved, and further the user experience is improved. In addition, the size of the second window (mini window) is smaller (smaller than the size of the floating window), shielding to the bottom layer interface is less, other operations are convenient for a user, the use convenience of the user is further improved, and the user experience is further improved.

With reference to the second aspect, in some implementations of the second aspect, the first operation is a first sliding operation that acts on a second area of the bottom of the first window or acts on a first control of the bottom of the first window and slides upward, the first change includes moving and shrinking, and the preset condition is that the first operation is lifted up in the first area and a lifting speed of the first operation is less than or equal to a first speed threshold; or the first operation is a second drag operation which acts on a second control at the top of the first window and moves, the first change comprises movement, and the preset condition is that the first operation is lifted in the first area; or the first operation is a third drag operation which acts on any angle of the first window and stretches towards the direction where the first window is located, the first change comprises shrinking, and the preset condition is that the first window is shrunk to be smaller than or equal to a third size.

The first sliding operation is the floating window bottom sliding operation, the second dragging operation is the floating window top bar dragging operation, the third dragging operation is the floating window shrinking operation, and the first window before the first change is the initial floating window.

That is, in response to the floating window bottom up-sliding operation, the floating window moves and shrinks following the floating window bottom up-sliding operation, in response to the floating window bottom up-sliding operation lifting up to the second mini-window triggering hot zone, and the lifting speed is less than or equal to the first speed threshold, the floating window is switched to the mini-window. Or, in response to the floating window top bar drag operation, the floating window moves along with the floating window top bar drag operation, and in response to the floating window top bar drag operation lifting up from the third mini-window triggering hot zone, the floating window is switched to the mini-window. Alternatively, in response to the floating window reduction operation, the floating window is reduced following the floating window reduction operation. In response to the floating window reducing operation being lifted, if the floating window is reduced to be less than or equal to the third size when lifted, the floating window is switched to the mini window.

In the implementation mode, any one of three operations is executed, and the suspended window can enter the mini window, so that the flexibility and operability of the suspended window entering the mini window are improved, and further the user experience is improved.

In one possible implementation, the first operation is a first sliding operation or a second dragging operation, the preset condition includes that the first operation is lifted up in the first area, and in response to the lifting up of the first operation, before the first window is switched to the second window with the first size if the preset condition is met, the method further includes: responding to the touch point of the first operation to enter a second area in the screen, displaying a guide pattern, and enabling the guide pattern to be enlarged along with the first operation at a first speed; wherein at least a portion of the second region is closer to the lower edge of the screen than the first region; responding to the touch point of the first operation to enter a first area, wherein the guiding pattern is enlarged along with the first operation according to a second rate, and the second rate is larger than the first rate; in response to the first operation being lifted up from the first area, the guide pattern disappears.

The second region is a second mini-window hot zone or a third mini-window hot zone. The guiding pattern is also known as a visual guiding pattern.

In the implementation mode, when a finger enters a second mini window hot zone in the process of executing the floating window bottom sliding operation, a visual guide pattern is displayed in a screen, and the visual guide pattern slowly increases along with the screen bottom sliding operation; when a finger enters the second mini window to trigger a hot zone, the visual guide pattern quickly becomes larger along with the upward sliding operation of the bottom of the screen; when the finger is lifted, the visual guide pattern disappears. The change of the visual guide pattern in the course of performing the bar drag operation on the top of the floating window is similar and will not be described again. And the shape, display position, etc. of the visual guide pattern are similar to those of the visual guide pattern in the first aspect, and will not be described again.

In one possible implementation, the first operation is a first sliding operation, the first region includes a left first region and a right first region, the left first region is a 1/4 elliptical region centered on an upper left vertex of the screen, the right first region is a 1/4 elliptical region centered on an upper right vertex of the screen, lengths of long half axes of the left first region and the right first region are each less than or equal to a first height, and lengths of short half axes of the left first region and the right first region are each less than or equal to 50% of a width of the screen; the first height refers to the height of the lower edge of the first window from the upper edge of the screen before the first change occurs.

In one possible implementation, the length of the major half axis of each of the left and right first regions is greater than 70% and less than or equal to 80% of the first height; the length of the minor half axis of the left side first region and the right side first region is greater than 40% and less than or equal to 50% of the width of the screen.

In one possible implementation, the second region includes a left second region and a right second region, the left second region is a 1/4 elliptical region centered on an upper left vertex of the screen, the right second region is a 1/4 elliptical region centered on an upper right vertex of the screen, lengths of long half axes of the left second region and the right second region are each less than or equal to the first height, lengths of short half axes of the left second region and the right second region are each less than or equal to 50% of a width of the screen, an area of the left second region is greater than an area of the left first region, and an area of the right second region is greater than an area of the right first region.

In one possible implementation, the length of the major half axes of the left and right second regions are both greater than 90% and less than or equal to the first height; the length of the minor half axis of the left and right second regions is greater than 40% and less than or equal to 50% of the width of the screen.

In the above several implementation manners, the second mini window hot zone and the second mini window trigger hot zone are each 1/4 oval shapes with the left top point and the right top point of the screen as the center points, so that when a user executes the floating window bottom sliding operation, only the two 1/4 oval areas of the screen, in which a finger enters, can be identified as the operation related to the mini window, and thus the floating window bottom sliding operation entering the mini window and the floating window bottom sliding operation triggering the functions of shrinking the floating window and the like can be effectively distinguished, the conflict generated by the gesture of shrinking the floating window is avoided, the probability of the user misoperation entering the mini window is also reduced, and the user experience is improved. Moreover, the 1/4 elliptic second mini window hot zone and the second mini window trigger hot zone facilitate the user to enter the mini window through one-hand operation, and further improve the user experience. In addition, the long axes of the second mini window hot zone and the second mini window trigger hot zone with 1/4 elliptic shapes are all related to the first height, that is, the sizes of the second mini window hot zone and the second mini window trigger hot zone are related to the position of the initial floating window, so that no matter where the floating window is, a user can slide upwards through the bottom of the floating window to conveniently enter the mini window without long-distance sliding of the user, the user cannot feel tired in sliding, the use habit of the user is met, and the use convenience of the user is improved.

In one possible implementation, the first operation is a second drag operation, the first region includes a left first region and a right first region, the left first region is a 1/4 circular region centered on an upper left vertex of the screen, the right first region is a 1/4 circular region centered on an upper right vertex of the screen, and the radii of the left first region and the right first region are each less than 50% of the width of the screen.

In one possible implementation, the radius of each of the left and right first regions is greater than 25% and less than or equal to 35% of the width of the screen.

In one possible implementation, the second region includes a left second region and a right second region, the left second region is a 1/4 elliptical region centered on an upper left vertex of the screen, the right second region is a 1/4 elliptical region centered on an upper right vertex of the screen, the lengths of the major half axes of the left second region and the right second region are each less than 50% of the height of the screen, the lengths of the minor half axes of the left second region and the right second region are each less than 50% of the width of the screen, the area of the left second region is greater than the area of the left first region, and the area of the right second region is greater than the area of the right first region.

In one possible implementation, the length of the major half axis of the left and right second regions is greater than 20% and less than or equal to 30% of the height of the screen, and the length of the minor half axis of the left and right second regions is greater than 25% and less than or equal to 35% of the width of the screen.

In the above several implementations, the third mini window hot zone is elliptical, and the minor axis radius of the ellipse is smaller than 50% of the screen width, so that a certain distance is provided between the left and right third mini window hot zones, and the distance between the left and right third mini window hot zones is larger towards the lower part of the screen; the third mini window trigger hot zone is circular, and circular radius is less than 50% of screen width for have certain distance between two left and right sides third mini window trigger hot zone, and the distance is bigger towards the two below the screen more, be convenient for so with the user get into the operation of mini window and the removal operation differentiation of user to the suspension window, prevent that two kinds of operations from producing the conflict, reduce the misunderstanding to user's operation intention, improve user experience.

In one possible implementation, the first operation is a third drag operation, and the hovering displays a second window, including: if the dragging angle is the left angle of the first window, suspending and displaying a second window on the left half part of the screen; the drag angle refers to an angle of the first window dragged by performing the third drag operation; and if the dragging angle is the right angle of the first window, suspending and displaying the second window on the right half part of the screen.

That is, the visual guide pattern and the dragging direction of the floating window shrinking operation are positioned on the same side of the screen, so that the visual guide pattern is more coordinated, the use habit of a user is more met, and the user experience is improved.

In one possible implementation, the first operation is a second drag operation, the first change includes moving and zooming out, the preset condition includes the first operation lifting up on the first area, and in response to the first operation acting on the first window, the first window changes with the first operation, including: responsive to a first operation, the first window moves with the first operation; responding to the touch point of the first operation to enter a first area, and shrinking the first window to a first size; the first window of the first size is moved following the first operation.

In the implementation manner, a bar dragging operation is performed on the top of the floating window, the floating window moves along with the operation, when a user finger enters a third mini window to trigger a hot zone, the floating window is reduced to a first size of the mini window, and before the bar dragging operation on the top of the floating window is lifted, the reduced floating window continues to move along with the operation.

In one possible implementation, the first operation is a first sliding-up operation, the method further comprising: responding to the lifting of the first operation, and if the lifting speed of the first operation is smaller than or equal to a first speed threshold value, restoring to display the first window before the first change occurs; if the first operation is lifted out of the first area and the lifting speed of the first operation is greater than the first speed threshold, closing the first window.

In the implementation manner, if the corresponding preset condition is not satisfied when the floating window bottom is lifted by the sliding operation, the initial floating window is restored or the floating window is closed according to the lifting position and the lifting speed of the sliding operation of the floating window bottom. Specifically, if the floating window bottom sliding operation is lifted up in the area outside the second mini-window triggering hot zone, and the lifting speed is less than or equal to the first speed threshold, the initial floating window is restored to be displayed. And closing the floating window if the lifting speed of the floating window bottom sliding operation is greater than the first speed threshold value. Therefore, the compatibility of triggering gestures of the function of entering the mini window and closing the floating window is realized, the mini window can be entered through the sliding operation at the bottom of the floating window, the function of closing the floating window can be triggered through the sliding operation at the bottom of the floating window, and the development cost is saved.

In one possible implementation, the first operation is a third drag operation, and the method further includes: and responding to the lifting of the first operation, and if the current size of the first window is larger than the third size and smaller than the fourth size, displaying the first window with the fourth size, wherein the fourth size is larger than the second size and smaller than the third size.

Alternatively, the fourth dimension may be a minimum dimension that the floating window supports to shrink. If the user performs the floating window shrinking operation, the floating window is shrunk to be smaller than the minimum size which can support shrinking of the floating window but larger than the third size which enters the preset condition of the mini window, and then the floating window rebounds to the minimum size which supports shrinking of the floating window. Therefore, for the scene that the user needs to shrink the floating window to the minimum but does not need to enter the mini window, the user operation is facilitated, the condition that the user shrinks the floating window to the minimum size is correspondingly relaxed, the limit between the two operations of shrinking the floating window to the minimum and entering the mini window is widened, the misoperation of the user is prevented from entering the mini window, and the user experience is improved.

It may be appreciated that, in the case of no conflict, the method for displaying a window provided in the second aspect may also include a solution in any implementation manner of the first aspect, which is not described herein.

In a third aspect, the present application provides an apparatus, which is included in an electronic device, and which has a function of implementing the electronic device behavior in the first aspect and possible implementations of the first aspect. The functions may be realized by hardware, or may be realized by hardware executing corresponding software. The hardware or software includes one or more modules or units corresponding to the functions described above. Such as a receiving module or unit, a processing module or unit, etc.

In a fourth aspect, the present application provides an apparatus, which is included in an electronic device, the apparatus having a function of implementing the above second aspect and the behavior of the electronic device in the possible implementation manners of the above second aspect. The functions may be realized by hardware, or may be realized by hardware executing corresponding software. The hardware or software includes one or more modules or units corresponding to the functions described above. Such as a receiving module or unit, a processing module or unit, etc.

In a fifth aspect, the present application provides an electronic device, the electronic device comprising: a processor, a memory, and an interface; the processor, the memory and the interface cooperate with each other such that the electronic device performs any one of the methods of the solutions of the first or second aspect.

In a sixth aspect, the present application provides a chip comprising a processor. The processor is configured to read and execute a computer program stored in the memory to perform the method of the first or second aspect and any possible implementation thereof.

Optionally, the chip further comprises a memory, and the memory is connected with the processor through a circuit or a wire.

Further optionally, the chip further comprises a communication interface.

In a seventh aspect, the present application provides a computer readable storage medium, in which a computer program is stored, which when executed by a processor causes the processor to perform the method of any one of the solutions of the first or second aspects.

In an eighth aspect, the present application provides a computer program product comprising: computer program code which, when run on an electronic device, causes the electronic device to perform any one of the methods of the first or second aspects.

Drawings

FIG. 1 is a schematic view of an example of an orientation provided in an embodiment of the present application;

FIG. 2-1 is a schematic diagram of interface changes corresponding to the operation process of opening a floating window of an APP and opening other APP full-screen windows in the related art;

2-2 are schematic views of interface changes corresponding to the operation process of opening a suspension window of an APP and opening other APP full-screen windows in the related art;

fig. 3 is a schematic structural diagram of an example of an electronic device 100 according to an embodiment of the present disclosure;

fig. 4 is a block diagram of a software architecture of an example electronic device 100 according to an embodiment of the present application;

FIG. 5 is a schematic view illustrating an example of screen area division according to an embodiment of the present disclosure;

fig. 6 is a schematic diagram of an example of a mini-window avoidance rule provided in an embodiment of the present application;

FIG. 7 is a schematic diagram illustrating a process of entering a mini window in a full screen window according to an embodiment of the present disclosure;

FIG. 8 is a schematic diagram illustrating a change of a zoom center point during entering of a full-screen window into a mini-window according to an embodiment of the present disclosure;

FIG. 9 is a schematic diagram illustrating a process of performing a bottom-up operation for performing multi-tasking according to an embodiment of the present application;

FIG. 10 is a schematic diagram illustrating a process of returning to a desktop after performing a bottom-up operation according to an embodiment of the present disclosure;

FIG. 11 is a schematic diagram illustrating a procedure for returning to a full-screen window after performing a bottom-up operation according to an embodiment of the present disclosure;

FIG. 12 is a schematic view of an example of a process for entering a mini-window by a floating window bottom up operation provided in an embodiment of the present application;

FIG. 13 is a schematic view showing a change in window position and size during entry of a floating window into a mini-window according to an embodiment of the present disclosure;

FIG. 14 is a schematic diagram illustrating an interface change of a rebound to a floating window after performing a floating window bottom sliding operation according to an embodiment of the present disclosure;

FIG. 15 is a schematic view of an interface change of a floating window after performing a floating window bottom sliding operation according to another embodiment of the present disclosure;

FIG. 16 is a schematic view illustrating an interface change of closing a floating window after performing a sliding operation on the bottom of the floating window according to an embodiment of the present disclosure;

FIG. 17 is a schematic diagram illustrating an example of interface change into a mini-window through a floating window top bar drag operation according to an embodiment of the present disclosure;

FIG. 18 is a schematic diagram of an interface change for implementing floating window movement by a floating window top bar drag operation according to an embodiment of the present disclosure;

FIG. 19 is a schematic view of another example interface change for implementing floating window movement through a floating window top bar drag operation provided by an embodiment of the present application;

FIG. 20 is a schematic diagram illustrating an example of a process of entering a mini-window through a floating window reduction operation according to an embodiment of the present disclosure;

FIG. 21 is a schematic diagram of an interface change for implementing a floating window zoom-out by a floating window zoom-out operation according to an embodiment of the present application;

FIG. 22 is a schematic view of another example interface variation for implementing a floating window zoom-out by a floating window zoom-out operation provided by an embodiment of the present application;

FIG. 23 is an interface change schematic of another example full screen window entry mini-window procedure provided by an embodiment of the present application;

FIG. 24 is a schematic diagram illustrating a process of displaying two mini-windows on a screen together according to an embodiment of the present disclosure;

FIG. 25 is a schematic diagram illustrating a process of displaying two mini-windows on a screen together according to another embodiment of the present disclosure;

FIG. 26 is a schematic diagram illustrating an interface change during a switching process between a mini-window and a suspension ball according to an embodiment of the present disclosure;

FIG. 27 is a schematic diagram illustrating an interface change during a switching process between a mini-window and a floating window according to an embodiment of the present disclosure;

FIG. 28 is a schematic diagram illustrating an interface change during a switching process between a mini-window and a floating window according to another embodiment of the present disclosure;

FIG. 29 is a graphical illustration of interface changes for an example of the exchange of APP in a mini-window and full-screen window provided by embodiments of the present application;

FIG. 30 is a schematic diagram illustrating interface changes during a mobile mini-window according to an embodiment of the present disclosure;

FIG. 31 is a schematic diagram of interface changes during another example mobile mini-window provided by embodiments of the present application;

FIG. 32 is a schematic diagram illustrating interface changes during a mobile mini-window according to an embodiment of the present disclosure;

FIG. 33 is a schematic view of interface changes during a mobile mini-window according to an embodiment of the present disclosure;

FIG. 34 is a schematic view of interface changes during a mobile mini-window according to an embodiment of the present disclosure;

FIG. 35 is a schematic view of interface changes during a mobile mini-window according to an embodiment of the present disclosure;

FIG. 36 is a schematic view of interface changes during exiting a mini-window according to an embodiment of the present disclosure;

FIG. 37 is a schematic view of interface changes during exit from a mini-window according to another embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application. Wherein, in the description of the embodiments of the present application, "/" means or is meant unless otherwise indicated, for example, a/B may represent a or B; "and/or" herein is merely an association relationship describing an association object, and means that three relationships may exist, for example, a and/or B may mean: a exists alone, A and B exist together, and B exists alone. In addition, in the description of the embodiments of the present application, "plurality" means two or more than two.

The terms "first," "second," "third," and the like, are used below for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defining "a first", "a second", or a third "may explicitly or implicitly include one or more such feature.

Reference in the specification to "one embodiment" or "some embodiments" or the like means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," and the like in the specification are not necessarily all referring to the same embodiment, but mean "one or more, but not all, embodiments" unless expressly specified otherwise. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless expressly specified otherwise.

For a better understanding of the embodiments of the present application, terms or concepts that may be referred to in the embodiments are explained below.

1. With respect to orientation

Embodiments of the present application relate to upper, lower, left, right, top, bottom, etc. orientations. These orientations are relative orientations, and refer to orientations corresponding to when the electronic device is in a held state. The positive holding state refers to an azimuth state of the electronic equipment when the APP opened in the electronic equipment is displayed in the positive direction.

Referring to fig. 1, for a mobile phone with a rectangular screen, when the APP is displayed in the forward direction on the vertical screen of the mobile phone, the top, bottom, and upper parts refer to directions corresponding to the short sides of the mobile phone, and the left and right parts refer to directions corresponding to the long sides of the mobile phone, and the specific directions are shown in fig. 1 (a). When the APP is displayed on the mobile phone horizontal screen, the top, bottom, top and bottom refer to the directions corresponding to the long sides of the mobile phone, the left and right refer to the directions corresponding to the short sides of the mobile phone, and the specific directions are shown in the (b) diagram in fig. 1.

In addition, descriptions of other relative orientations, such as the upper half, the lower half, the upper left, the lower left, the upper right, the lower right, etc., are similar to the above definitions, and are not repeated.

2. With respect to floating class windows

A hover-type window refers to a window of a hover display (also referred to as a system level hover) predefined by a software system of an electronic device. In the embodiment of the application, the floating window can comprise a floating window and a mini window. Wherein the size of the mini-window is smaller than the default size of the floating window (i.e., the size of the system-defined, non-user-adjusted floating window). In one particular embodiment, the size of the mini-window may be less than the minimum size supported by the floating window.

3. With respect to operation

Screen bottom up operation: refers to a sliding operation starting from the bottom of the screen upwards. Alternatively, the electronic device may be provided with a bottom detection area in advance, and when it is detected that the user's finger presses a certain position in the bottom detection area and slides upward, it is determined that the operation is a screen bottom up operation.

Floating window bottom up slide operation: which means a sliding operation starting from the bottom of the floating window upwards. Alternatively, the floating window bottom up-sliding operation may include a floating window bottom preset area up-sliding operation and a floating window bottom bar up-sliding operation. Depending on the version of the electronic device software system, some electronic devices do not include bar at the bottom of the floating window, and some electronic devices include bar at the bottom of the floating window. The floating window bottom preset area upward sliding operation refers to an upward sliding operation starting from the preset area of the floating window bottom for an electronic device that does not include bar at the floating window bottom. The floating window bottom bar up-sliding operation refers to an operation of pressing and sliding up the floating window bottom bar for an electronic device including the floating window bottom bar.

Suspension window top bar drag operation: refers to an operation of pressing and moving the top bar of the floating window.

Suspension window reduction operation: the operation of dragging the corner of the floating window in the direction of the inside of the floating window, that is, the operation of pressing a certain corner of the floating window and moving in the direction in which the floating window is located. The angle that is dragged when the floating window reduction operation is performed is defined as the drag angle. For example, the user performs a hover window zoom-out operation by dragging the lower left corner of the hover window, and the lower left corner of the hover window is the drag angle.

Mini window flick operation: the mini window is pressed at any position and slides in a certain direction, and the hand-leaving speed of the user exceeds a preset swing speed threshold. Wherein, the finger is lifted off the hand and leaves the screen. The off-hand speed refers to the sliding speed of the finger when the user leaves the hand, and is also referred to as a stop sliding speed or the like. Alternatively, the flick speed threshold may be 1500dp/s. In this embodiment of the present application, the mini-window flick operation to the left may be referred to as a mini-window left flick operation, and the mini-window flick operation to the right may be referred to as a mini-window right flick operation.

Slow drag mini window operation: refers to dragging the mini-window (i.e., pressing and sliding any position of the mini-window), and the user's hand-away speed is less than or equal to a preset drag speed threshold. Alternatively, the drag speed threshold may be a value approaching 0, for example, 0.5dp/s.

Fast sliding mini window operation: meaning that the user presses and slides any position of the mini-window and the user's hands-off speed is greater than the quick-slide speed threshold. Alternatively, the fast slip speed threshold may be equal to the flick speed threshold, for example, also 1500dp/s, or may be unequal to the flick speed threshold.

The application scenario and the technical problem related to the method provided by the embodiment of the application are explained below.

When using APPs installed in electronic devices, it is often necessary to narrow and hover the window of one or more APPs in order to operate the desktop or other APPs. For example, scenario 1: after the user has recorded or looked up notes with the full screen displayed memo, he needs to open the session chat APP (e.g.

) Notes in control memo are +.>

Is input in the dialog box. In this case, the user needs to narrow down and hover the memo window for easy operation

For another example, scenario 2: the user is displaying the video APP through full screen (e.g +.>

) When watching live broadcast, the user needs to open

Session chat is performed, but the user does not want to exit +.>

Missing live content. In this case, the user needs to add +.>

Is reduced and displayed in a floating manner to facilitate the operation +. >

In the related art, APP window shrinkage and floating display are generally realized by opening a floating window of the APP. The floating window of APP can be opened through the sidebar. Exemplary, FIGS. 2-1 and2-2 is an interface change schematic diagram corresponding to the operation process of opening the suspension window of the APP and opening the full-screen windows of other APP in the related art. Taking the electronic device as an example, where the electronic device is applied to the above scenario 1 and the electronic device is a mobile phone, the current user opens a memo in the mobile phone and uses the memo to record a plurality of notes, where the memo is in a full-screen display state, as shown in (a) of fig. 2-1. At this time, the user needs to zoom out and hover the memo and display it in full screen

To contrast memo notes in +.>

Is entered in the dialog box. The general operation procedure of the user is as follows: first, the user slides left at the right edge of the screen (as shown in (a) of fig. 2-1), exits the memo, and enters the desktop as shown in (b) of fig. 2-1. After that, the user clicks on the desktop +.>

Icon, enter->

The main interface is shown in figure 2-1 (c). Then, the user clicks +.>

The session record of "xiaoming" in the main interface enters the session chat interface of "xiaoming", as shown in the (d) diagram in fig. 2-1. The user slides left from the right edge of the screen under the conversational chat interface, pulling up the sidebar 201, as shown in figure 2-2 (a). The user clicks the memo icon in the side application bar 201 and opens the floating window of the memo, as shown in (b) of fig. 2-2. The user can then enter a conversation in a "small bright" conversation chat interface against the content in the memo.

In the practical application process, the window of the suspension window is larger, thus

The interface is more obstructed and inconvenient for the user to operate (see (b) diagram in fig. 2-2). The user needs to narrow the floating window for convenience of operation. Alternatively, the user may zoom out the floating window by dragging the lower right corner or the lower left corner of the floating window (as shown in (b) of fig. 2-2), and the zoomed out mobile phone interface is shown in (c) of fig. 2-2. And, the user also needs to move the position of the floating window (as shown in (c) of fig. 2-2) through the bar drag operation on the top of the floating window to reduce the obstruction. The cell phone interface after moving the floating window is shown in fig. 2-2 (d). />

As can be seen from the above description, in the related art, the operation process of switching the display window of the APP from full-screen display to the floating window and displaying the floating window and other applications simultaneously is complicated, which is inconvenient for the user to operate.

In view of this, an embodiment of the present application provides a window display method for displaying an APP through a mini window, where the window size of the mini window is smaller and can be displayed in a floating manner on the uppermost layer of an interface. The user can enter the mini window through simple operations such as clicking, sliding or dragging, so that the use convenience is improved, and the user experience is improved. In addition, the size of the mini window is smaller than that of the floating window, and shielding to the bottom layer interface is less, so that a user can operate a desktop or other APP after entering the mini window, the user does not need to perform operations such as shrinking and moving, the use convenience is further improved, and the user experience is improved.

The window display method provided by the embodiment of the application can be applied to electronic devices which can be provided with APP, such as mobile phones, tablet computers, wearable devices, vehicle-mounted devices, augmented reality (augmented reality, AR)/Virtual Reality (VR) devices, notebook computers, ultra-mobile personal computer (UMPC), netbooks, personal digital assistants (personal digital assistant, PDA) and the like, and the specific types of the electronic devices are not limited.

Fig. 3 is a schematic structural diagram of an electronic device 100 according to an embodiment of the present application. The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charge management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, keys 190, a motor 191, an indicator 192, a camera 193, a display 194, and a subscriber identity module (subscriber identification module, SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyro 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, an ambient light sensor 180L, a bone conduction sensor 180M, and the like.

It is to be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, electronic device 100 may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The processor 110 may include one or more processing units, such as: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and/or a neural network processor (neural-network processing unit, NPU), etc. Wherein the different processing units may be separate devices or may be integrated in one or more processors.

The controller may be a neural hub and a command center of the electronic device 100, among others. The controller can generate operation control signals according to the instruction operation codes and the time sequence signals to finish the control of instruction fetching and instruction execution.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to reuse the instruction or data, it may be called directly from memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby improving the efficiency of the system.

In some embodiments, the processor 110 may include one or more interfaces. The interfaces 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, a universal asynchronous receiver transmitter (universal asynchronous receiver/transmitter, UART) interface, a mobile industry processor interface (mobile industry processor interface, MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (subscriber identity module, SIM) interface, and/or a universal serial bus (universal serial bus, USB) interface, among others.

The display screen 194, also referred to as a screen, is used to display images, video, etc. The display 194 includes a display panel. The display panel may employ a liquid crystal display (liquid crystal display, LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED) or an active-matrix organic light-emitting diode (matrix organic light emitting diode), a flexible light-emitting diode (flex), a mini, a Micro led, a Micro-OLED, a quantum dot light-emitting diode (quantum dot light emitting diodes, QLED), or the like. In some embodiments, the electronic device 100 may include 1 or N display screens 194, N being a positive integer greater than 1.

The electronic device 100 may implement photographing functions through an ISP, a camera 193, a video codec, a GPU, a display screen 194, an application processor, and the like.

The ISP is used to process data fed back by the camera 193. For example, when photographing, the shutter is opened, light is transmitted to the camera photosensitive element through the lens, the optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing, so that the electrical signal is converted into an image visible to naked eyes. ISP can also optimize the noise, brightness and skin color of the image. The ISP can also optimize parameters such as exposure, color temperature and the like of a shooting scene. In some embodiments, the ISP may be provided in the camera 193.

The camera 193 is used to capture still images or video. The object generates an optical image through the lens and projects the optical image onto the photosensitive element. The photosensitive element may be a charge coupled device (charge coupled device, CCD) or a Complementary Metal Oxide Semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, which is then transferred to the ISP to be converted into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV, or the like format. In some embodiments, electronic device 100 may include 1 or N cameras 193, N being a positive integer greater than 1.

The digital signal processor is used for processing digital signals, and can process other digital signals besides digital image signals. For example, when the electronic device 100 selects a frequency bin, the digital signal processor is used to fourier transform the frequency bin energy, or the like.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 may play or record video in a variety of encoding formats, such as: dynamic picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

The NPU is a neural-network (NN) computing processor, and can rapidly process input information by referencing a biological neural network structure, for example, referencing a transmission mode between human brain neurons, and can also continuously perform self-learning. Applications such as intelligent awareness of the electronic device 100 may be implemented through the NPU, for example: image recognition, face recognition, speech recognition, text understanding, etc.

The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to enable expansion of the memory capabilities of the electronic device 100. The external memory card communicates with the processor 110 through an external memory interface 120 to implement data storage functions. For example, files such as music, video, etc. are stored in an external memory card.

The internal memory 121 may be used to store computer-executable program code that includes instructions. The processor 110 executes various functional applications of the electronic device 100 and data processing by executing instructions stored in the internal memory 121. The internal memory 121 may include a storage program area and a storage data area. The storage program area may store an application program (such as a sound playing function, an image playing function, etc.) required for at least one function of the operating system, etc. The storage data area may store data created during use of the electronic device 100 (e.g., audio data, phonebook, etc.), and so on. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a nonvolatile memory such as at least one magnetic disk storage device, a flash memory device, a universal flash memory (universal flash storage, UFS), and the like.

The electronic device 100 may implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, an application processor, and the like. Such as music playing, recording, etc.

The audio module 170 is used to convert digital audio information into an analog audio signal output and also to convert an analog audio input into a digital audio signal. The audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be disposed in the processor 110, or a portion of the functional modules of the audio module 170 may be disposed in the processor 110.

The pressure sensor 180A is used to sense a pressure signal, and may convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194. The pressure sensor 180A is of various types, such as a resistive pressure sensor, an inductive pressure sensor, a capacitive pressure sensor, and the like. The capacitive pressure sensor may be a capacitive pressure sensor comprising at least two parallel plates with conductive material. The capacitance between the electrodes changes when a force is applied to the pressure sensor 180A. The electronic device 100 determines the strength of the pressure from the change in capacitance. When a touch operation is applied to the display screen 194, the electronic apparatus 100 detects the touch operation intensity according to the pressure sensor 180A. The electronic device 100 may also calculate the location of the touch based on the detection signal of the pressure sensor 180A. In some embodiments, touch operations that act on the same touch location, but at different touch operation strengths, may correspond to different operation instructions. For example: and executing an instruction for checking the short message when the touch operation with the touch operation intensity smaller than the first pressure threshold acts on the short message application icon. And executing an instruction for newly creating the short message when the touch operation with the touch operation intensity being greater than or equal to the first pressure threshold acts on the short message application icon.

The touch sensor 180K, also referred to as a "touch panel". The touch sensor 180K may be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, which is also called a "touch screen". The touch sensor 180K is for detecting a touch operation acting thereon or thereabout. The touch sensor may communicate the detected touch operation to the application processor to determine the touch event type. Visual output related to touch operations may be provided through the display 194. In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 at a different location than the display 194.

The bone conduction sensor 180M may acquire a vibration signal. In some embodiments, bone conduction sensor 180M may acquire a vibration signal of a human vocal tract vibrating bone pieces. The bone conduction sensor 180M may also contact the pulse of the human body to receive the blood pressure pulsation signal. In some embodiments, bone conduction sensor 180M may also be provided in a headset, in combination with an osteoinductive headset. The audio module 170 may parse out a voice signal based on the vibration signal of the vocal part vibration bone piece obtained by the bone conduction sensor 180M, and implement a voice function. The application processor can analyze heart rate information based on the blood pressure beat signals acquired by the bone conduction sensor 180M, so that a heart rate detection function is realized.

The software system of the electronic device 100 may employ a layered architecture, an event driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. In this embodiment, taking an Android system with a layered architecture as an example, a software structure of the electronic device 100 is illustrated.

Fig. 4 is a block diagram illustrating a software configuration of an electronic device 100 according to an embodiment of the present application. The layered architecture divides the software into several layers, each with distinct roles and branches. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, from top to bottom, an application layer, an application framework layer, an Zhuoyun row (Android run) and system libraries, and a kernel layer, respectively. The application layer may include a series of application packages.

As shown in fig. 4, the application package may include applications for cameras, gallery, calendar, phone calls, maps, navigation, WLAN, bluetooth, music, video, short messages, etc.

The application framework layer provides an application programming interface (application programming interface, API) and programming framework for application programs of the application layer. The application framework layer includes a number of predefined functions.

As shown in fig. 4, the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

The window manager is used for managing window programs. The window manager can acquire the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like. Alternatively, the method provided by the embodiment of the application can be implemented through a window manager.

The content provider is used to store and retrieve data and make such data accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phonebooks, etc.

The view system includes visual controls, such as controls to display text, controls to display pictures, and the like. The view system may be used to build applications. The display interface may be composed of one or more views. For example, a display interface including a text message notification icon may include a view displaying text and a view displaying a picture.

The telephony manager is used to provide the communication functions of the electronic device 100. Such as the management of call status (including on, hung-up, etc.).

The resource manager provides various resources for the application program, such as localization strings, icons, pictures, layout files, video files, and the like.

The notification manager allows the application to display notification information in a status bar, can be used to communicate notification type messages, can automatically disappear after a short dwell, and does not require user interaction. Such as notification manager is used to inform that the download is complete, message alerts, etc. The notification manager may also be a notification in the form of a chart or scroll bar text that appears on the system top status bar, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, a text message is prompted in a status bar, a prompt tone is emitted, the electronic device vibrates, and an indicator light blinks, etc.

Android runtimes include core libraries and virtual machines. Android run time is responsible for scheduling and management of the Android system.

The core library consists of two parts: one part is a function which needs to be called by java language, and the other part is a core library of android.

The application layer and the application framework layer run in a virtual machine. The virtual machine executes java files of the application program layer and the application program framework layer as binary files. The virtual machine is used for executing the functions of object life cycle management, stack management, thread management, security and exception management, garbage collection and the like.

The system library may include a plurality of functional modules. For example: surface manager (surface manager), media library (media library), three-dimensional graphics processing library (e.g., openGL ES), 2D graphics engine (e.g., SGL), etc.

The surface manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications.

Media libraries support a variety of commonly used audio, video format playback and recording, still image files, and the like. The media library may support a variety of audio and video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, etc.

The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like.

The 2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.

For ease of understanding, the mini-window and related concepts involved in the embodiments of the present application will be described before specifically describing the methods provided in the embodiments of the present application.

Optionally, the size of the mini window is a preset size. In a specific embodiment, the preset size may be related to the size of the screen. For example, the window width of the mini-window may be 0.28 x (screen width-2 x preset margin)/screen width, and the aspect ratio of the mini-window may be the same as the aspect ratio of the full screen window or the default aspect ratio of the floating window. Where the screen width refers to the width of the screen and the aspect ratio refers to the ratio of the width to the height of the window. In the embodiment of the present application, the unit of length, height, and the like may be a device-independent pixel (device independent pixels, dp). The preset margin is a distance between a preset mini window edge and a left or right side edge of the screen in order to ensure a display effect and prevent the mini window from being too close to the screen edge. The preset margin may be, for example, 24dp. In this embodiment, the aspect ratio of the mini window is the same as the aspect ratio of the full-screen window and/or the default aspect ratio of the floating window, so that the display effect can be improved while preventing the distortion of the picture displayed by the mini window.

Alternatively, the mini-window may be displayed at a predetermined position of the screen. The preset positions of the mini-window can be set to be one or a plurality of. As one possible implementation, as shown in (a) and (b) of fig. 5, the screen may be divided into four regions by a horizontal centerline 501 and a vertical centerline 502 of the screen: the upper left region, the upper right region, the lower left region and the upper right region, each of which may include a preset position of a mini window, i.e., the preset position of the mini window includes a preset position of the upper left region, a preset position of the upper right region, a preset position of the lower left region and a preset position of the lower right region. The mini window may be displayed at a preset position of different areas according to a scene or an operation performed by a user. In a specific embodiment, when the electronic device enters the mini-window in response to a user operation, the mini-window is displayed in a preset position of an upper right area or a preset position of an upper left area of the screen by default.

Optionally, when determining the preset position of the mini window, the distance between the mini window and the left edge or the right edge of the screen may be a fixed distance (preset margin), and the distance between the mini window and the upper edge or the lower edge may be set or selected according to the content in the current interface and a preset avoidance rule. Referring to fig. 6, in a specific embodiment, the avoidance rules may include the following:

1. The mini window dodges the signal bar. The signal field is also called a status field, and refers to a field in a screen for displaying information and status such as a mobile operator name, a mobile signal identifier, time, and electric quantity of an electronic device. When the preset position of the mini window is set, the upper edge of the mini window is not higher than the height of the lower edge of the signal column, namely the mini window avoids the signal column, so that the mini window is prevented from overlapping with the signal column, and shielding of contents in the signal column is prevented. As shown in fig. 6 (a), the upper edge of the mini-window 601 does not exceed the lower edge of the signal bar 602.

2. The mini window avoids the triple-key navigation bar. For the case that the bottom of the current interface comprises a three-key navigation bar, but does not comprise an icon, a navigation bar or a soft keyboard (such as an interface of an APP (application) setting, an interface of a short message APP, a negative one-screen interface and the like of electronic equipment), when a preset position of a mini window is set, the lower edge of the mini window is higher than the upper edge of the three-key navigation bar, namely the mini window avoids the three-key navigation bar. In a specific embodiment, the lower edge of the mini-window may be 8dp higher than the upper edge of the triple-key navigation bar, as shown in fig. 6 (b). This can prevent the mini window 601 from blocking the triple-key navigation bar 603 and from affecting the user's operation of the controls in the triple-key navigation bar 603.

3. The mini window dodges the desktop bottom icon. For the condition that the current interface is the desktop, and the desktop bottom includes the APP icon, when setting up the default position of mini window, the lower limb of mini window is higher than the APP icon upper edge, and the desktop bottom APP icon is dodged to mini window promptly. In a specific embodiment, the lower edge of the mini-window 601 may be 16dp higher than the upper edge of the desktop bottom APP icon, as shown in fig. 6 (c). Thus, the mini window 601 can be prevented from shielding the APP icon at the bottom of the desktop, and the APP icon at the bottom of the desktop is prevented from being influenced by the user operation.

4. The mini window avoids the bottom navigation bar. For the case that the bottom of the current interface comprises a navigation bar, when the preset position of the mini window is set, the lower edge of the mini window is higher than the upper edge of the navigation bar, namely the mini window avoids the bottom navigation bar. In a specific embodiment, the lower edge of the mini-window 601 may be 16dp higher than the upper edge of the bottom navigation bar 604, as shown in fig. 6 (d). This can prevent the mini window 601 from blocking the bottom navigation bar 604 and from affecting the user's operation of the bottom navigation bar.

5. The mini window avoids the soft keyboard. For the case that the current interface comprises a soft keyboard, when the preset position of the mini window is set, the lower edge of the mini window is higher than the upper edge of the soft keyboard, namely the mini window avoids the soft keyboard. In a specific embodiment, the lower edge of the mini-window 601 may be higher than the upper edge 16dp of the soft keyboard, as shown in fig. 6 (e). This can prevent the mini window 601 from blocking the soft keyboard and from affecting the user's operation of the soft keyboard.

In addition, the number of upper limits of merging for the floating class windows of different electronic devices may be different. The upper limit number of merging refers to the maximum number of floating type windows which are simultaneously displayed at the same time and supported by the electronic equipment. For example, the upper bound number of floating type windows for a non-folding screen phone may be 1, i.e., the non-folding screen phone supports displaying 1 floating window or 1 mini window at the same time. The upper limit number of the combination of the floating windows of the folding screen mobile phone or the tablet personal computer is 2, namely, at the same time, the folding screen mobile phone or the tablet personal computer supports 2 windows in the floating windows and the mini windows to be displayed simultaneously at most. The 2 windows displayed simultaneously may be 2 mini windows, or 2 floating windows, or 1 mini window and 1 floating window.

Alternatively, when an APP runs in a mini window or a floating window, if the user clicks on an icon of the APP on the desktop, the mini window or the floating window may be expanded into a full-screen window.

Optionally, the window of the same APP is switched from a full-screen window or a floating window to a mini window, and the interface content is unchanged, i.e. the interface displayed by the APP in the mini window is the same as the interface displayed in the full-screen window or the floating window.

Optionally, the APP can shield related functions of the control in the interface after running in the mini window, that is, the control in the APP interface running in the mini window cannot be operated, so that a user can be prevented from mistakenly touching the control in the APP interface running in the mini window, and the user can drag, slide, swing and other operations on the mini window conveniently.

The following embodiments take an electronic device having a structure shown in fig. 3 and fig. 4 as an example, and specifically describe a window display method provided in the embodiments of the present application in conjunction with the drawings and application scenarios.

The window display method provided by the embodiment of the application can be suitable for various application scenes, different windows can be switched into mini windows (namely, different windows enter the mini windows), and various applications of the mini windows can be realized. Specifically, the following embodiments relate to the following application scenarios:

1) The full screen window enters a mini window;

2) The floating window enters the mini window;

3) Merging the mini window with other suspension type windows;

4) Switching between the mini window and the suspending ball;

5) Switching between a mini window and a floating window;

6) Exchanging APP in the mini window and the full screen window;

7) Movement and exit of the mini window.

The window display methods in different scenes are described below with reference to the embodiments.

1) Full screen window entering mini window

The application scene is illustrated by taking the electronic equipment as a non-folding screen mobile phone, and the upper limit number of merging suspended windows is 1.

In one embodiment, when the APP is running in a full screen window, the user can enter the mini-window by a screen bottom up-slide operation. Specifically, a first mini window hot zone and a first mini window trigger hot zone may be preset, where the first mini window hot zone and the first mini window trigger hot zone may be areas in an upper half of the screen, and a lower edge of the first mini window hot zone is closer to a lower edge of the screen than a lower edge of the first mini window trigger hot zone. In other words, a point on the edge of the first mini-window heat zone that is located on the same vertical line is closer to the screen edge than a point on the edge of the first mini-window trigger heat zone. Specifically, taking the XOY coordinate system as an example, the ordinate Y is the same for a point a on one first mini-window hot zone edge and a point b on one first mini-trigger hot zone edge, and the abscissa of the point a is smaller than the abscissa of the point b. The horizontal axis X of the XOY coordinate system is the horizontal direction of the screen, the vertical axis X of the XOY coordinate system is the vertical direction of the screen, and the origin of coordinates is the vertex of the lower right corner of the screen. That is, at least a portion of the first mini-window hotspots are closer to the lower edge of the screen than the first mini-window trigger hotspots.

When the electronic device detects a user's screen bottom up-sliding operation, that is, detects that the user presses the screen bottom and slides up, the electronic device gradually reduces the full-screen window following the screen bottom up-sliding operation. And when the electronic equipment detects that the finger of the user continues to slide upwards into the first mini window hot zone, displaying a visual guide pattern at a preset position of the screen. The visual guide pattern is used to guide the user into the mini-window. When the electronic device detects that the user's finger continues to slide up, the window continues to zoom out and the visual guide pattern is slowly magnified (e.g., at the first magnification speed). When the electronic device detects that the user's finger enters the first mini-window trigger hot zone, the visual guide pattern is quickly magnified (e.g., at a second magnification speed, which is greater than the first magnification speed). If the electronic device detects that the user leaves hands in the first mini window triggering zone, the window is switched to the mini window, namely, the mini window is displayed at the preset position of the screen, and the APP is operated in the mini window.

Alternatively, in this embodiment, the first mini-window hot zone may be a 1/4 oval shape with a major axis radius of 60% of the screen height and a minor axis radius of 50% of the screen width. The number of the first mini-window hot zones may be 2, and the 2 first mini-window hot zones are 1/4 elliptic regions with the upper left vertex and the upper right vertex as central points in the screen respectively. In the following embodiments, the first mini-window hot zone located in the left half of the screen is referred to as the left side first mini-window hot zone, and the first mini-window hot zone located in the right half of the screen is referred to as the right side first mini-window hot zone.

Alternatively, in this embodiment, the first mini-window triggering hot zone may be a 1/4 oval shape with 50% of the screen height as the major axis radius (i.e., the length of the major half-axis) and 50% of the screen width as the minor axis radius (i.e., the length of the minor half-axis). The number of the first mini-window trigger hot zones may be 2, and the 2 first mini-window trigger hot zones are respectively 1/4 elliptical areas with the upper left vertex and the upper right vertex as central points in the screen. In the following embodiments, the first mini-window trigger hot zone located in the left half of the screen is referred to as the left first mini-window trigger hot zone, and the first mini-window trigger hot zone located in the right half of the screen is referred to as the right first mini-window trigger hot zone.

The first mini window trigger thermal zone and the first mini window thermal zone are both 1/4 elliptical in shape with the minor axis radius being equal and the elliptical center point being the same, but the major axis radius of the first mini window trigger thermal zone is less than the major axis radius of the first mini window thermal zone. That is, all of the first mini-window trigger thermal zone coincides with the upper half of the first mini-window thermal zone, i.e., the lower edge of the first mini-window thermal zone is closer to the lower edge of the screen than the lower edge of the first mini-window trigger thermal zone. In this way, in the process of performing the screen bottom sliding operation, the user enters the first mini window hot zone first and then enters the first mini window trigger hot zone. Of course, in some other embodiments, the first mini-window triggering hot zone may not overlap with the first mini-window hot zone, or the first mini-window triggering hot zone may overlap with the first mini-window hot zone only partially, so long as it is ensured that at least a portion of the first mini-window hot zone is closer to the lower edge of the screen than the first mini-window triggering hot zone, so that the user first enters the first mini-window hot zone and then enters the first mini-window triggering hot zone during the finger sliding process.

It will be appreciated that in some implementations, the function of the electronic device to enter into a multitasking or return to the desktop may also be triggered by a slide up operation. The electronic device entering multitasking means that a latest taskbar window is displayed on a screen of the electronic device, wherein the latest taskbar window comprises a picture corresponding to an APP which is recently operated in the electronic device, and the picture can be a screenshot of an interface of the APP at the last operation time. In this embodiment, the first mini window hot zone and the first mini window trigger hot zone are each 1/4 oval shapes set by taking the top left vertex and the top right vertex of the screen as the center points, so that when a user executes the screen bottom up-sliding operation, only the two 1/4 oval areas of the screen, in which a finger enters, can be identified as the operation related to the mini window, thus the screen bottom up-sliding operation entering the mini window can be effectively distinguished from the up-sliding operation triggering the functions of entering the multi-task or returning to the desktop, and the like, the conflict between the gestures entering the multi-task and returning to the desktop is avoided, the probability of the user misoperation entering the mini window is also reduced, and the user experience is improved. Moreover, the 1/4 elliptic first mini window hot zone and the first mini window trigger hot zone facilitate a user to enter the mini window through one-hand operation, and further improve user experience.

Alternatively, the visual guide pattern may be a 1/4 circular image in which the graphic representing the zoom out and the associated typeface prompting entry into the mini-window may be identified. For example, two opposing arrows may be identified in the image, and an "enter mini-window" word (see (c) and (d) in fig. 7).

Optionally, in the process of shrinking the full-screen window, the bottom layer interface can display the mask image, so as to present the mask effect. Alternatively, the mask image may be an image generated from a desktop background image.

Alternatively, the visual guide pattern may be displayed at a preset position of an upper right region or an upper left region of the screen. In a specific embodiment, the visual guide pattern may be displayed at the upper left corner or the upper right corner of the screen with a preset radius around the upper left vertex or the upper right vertex of the screen. The preset radius may be less than 1/2 of the screen width. Specifically, whether the visual guide pattern is displayed at the upper left corner or the upper right corner of the screen may be determined according to the first mini-window hot zone into which the user's finger enters, and the mini-window display position after entering the mini-window may be located in the same area as the visual guide pattern. In one embodiment, if the user's finger enters the first left mini-window hot zone, the visual guide pattern is displayed in the upper left corner of the screen and the mini-window is finally displayed in a preset position in the upper left region of the screen. If the finger of the user enters the right first mini window hot zone, the visual guide pattern is displayed at the upper right corner of the screen, and the mini window is displayed at a preset position in the upper right region of the screen.

Optionally, if the electronic device detects that the user is away from the hand in the first mini window trigger zone, the electronic device may output a reminder message, for example, a vibration reminder, or a sound reminder (such as sounding a "bite"), while switching the window to the mini window.

Fig. 7 is a schematic diagram illustrating a process of entering a mini window into a full screen window according to an embodiment of the present application. To be used for

For example, as shown in (a) of FIG. 7, the current user is running through +.>

If the user wants to switch the full screen window to the mini window, he can perform the screen bottom up-slide operation, i.e. press the screen bottom and slide up. During the sliding process on the user's finger, the window moves up and gradually shrinks along with the user's finger, and the underlying interface presents a masking effect, as shown in fig. 7 (b).

The user's finger continues to slide upward and the window continues to zoom out, and when the user's finger enters the right first mini-window hotbox 701 (but does not enter the first mini-window trigger hotbox 703), the upper right hand corner of the screen displays a visual guide pattern 702, as shown in fig. 7 (c).

The user's finger continues to slide up, the window continues to zoom out, and the visual guide pattern 702 slowly zooms in. When the user's finger enters the right first mini-window trigger hot zone 703, the visual guide pattern 702 quickly enlarges, further prompting and guiding the user into the mini-window, as shown in fig. 7 (d).

The user triggers the hot zone 703 to leave the hand in the first mini window, the mobile phone vibrates, the mini window is displayed at a preset position in the upper right area of the screen, the bottom masking effect disappears, and the desktop is displayed, as shown in (e) of fig. 7.

According to the window display method, the mini window can be accessed from the full-screen window through the screen bottom sliding operation, the whole process only needs one step of operation, the method is simple and convenient, the use convenience of a user is improved, and the user experience is further improved. In addition, the mini window is small in size, less in shielding of a bottom layer interface, convenient for a user to perform other operations, and capable of further improving the use convenience of the user and further improving the user experience.

Optionally, in this embodiment, the window may be scaled down with the finger movement of the user in the process of sliding up the bottom of the screen. The scaling down means that the aspect ratio of the window after scaling down is equal to the aspect ratio of the window before scaling down. The scaling down can prevent the picture from deforming or distorting, improve the display effect, and then improve the user experience.

Optionally, the center point of the window and the finger position are positioned on the same straight line in the process of following the movement and the shrinkage of the finger of the user.

Alternatively, in zooming out the full screen window, the center point of the zoom may be determined according to the current position of the finger. In a specific embodiment, when the distance between the finger position and the lower edge of the screen is less than or equal to 30% of the screen height, that is, the finger position does not exceed 30% of the screen height, the preset point is used as a fixed zoom center point for zooming out. The preset point may be a point on the vertical line of the screen at a distance of 70% of the screen height from the lower edge of the screen.

When the distance between the finger position and the lower edge of the screen is greater than 30% of the screen height, namely, the finger position exceeds 30% of the screen height, the zoom center point is the center point of the window. Specifically, when the distance between the finger position and the lower edge of the screen is greater than 30% of the screen height, but less than or equal to h×the screen height, wherein the ratio of the h=100% -the preset size of the mini window to the screen size, that is, the finger position exceeds 30% of the screen height, but does not exceed the position of h×the screen height, the zoom center point position moves up slowly along the vertical center line of the window along with the upward movement of the finger, and the distance between the user finger and the lower edge of the window slowly increases.

When the distance between the finger position and the lower edge of the screen is greater than H, namely the finger position exceeds the H, the position of the zoom center point moves upwards along the vertical center line of the window along with the upward movement of the finger, and the distance between the finger of the user and the lower edge of the window is rapidly increased.

Optionally, in the process of shrinking the full-screen window, the minimum distance between the upper edge of the window and the upper edge of the screen is ensured to be: when the mini-window is located at the preset position, the distance between the upper edge of the mini-window and the upper edge of the screen (for example, 64 dp). In other words, the top edge of the reduced window does not exceed the highest position of the mini-window preset position. When the window moves to the highest position of the preset position of the mini window, if the finger of the user still slides upwards, the window does not move upwards any more and only moves horizontally along with the finger.

Optionally, in the process of shrinking the full-screen window, the minimum size of the window is the preset size of the mini-window, that is, 0.28× (screen width-2×preset margin)/screen width. When the window is reduced to the preset size of the mini window, if the finger of the user is still sliding up, the window is not reduced any more and only moves along with the finger.

That is, when a full screen window enters a mini window, the process of the window following the movement and reduction of the user's finger can be divided into three phases: the first stage, the finger does not exceed 30% of the screen height position; the second stage, the finger is higher than 30% of the screen height position but not higher than the H-screen height position; and in the third stage, the finger is higher than the H-screen height position. Taking the proportion of the preset size of the mini window to the screen size as 26%, the minimum preset distance between the upper edge of the window and the upper edge of the screen as 64dp, and the preset distance between the upper edge of the window and the upper edge of the screen as 88dp when the window is reduced to the preset size of the mini window, the three steps of window reduction and movement are as follows:

fig. 8 is a schematic diagram illustrating a change of a zoom center point during a full-screen window entering a mini-window according to an embodiment of the present application. Referring to fig. 8, the ratio of the distance from the zoom center point to the upper edge of the screen to the screen height is denoted as X, the screen height is denoted as S, the ratio of the distance from the position of the finger at the current time to the lower edge of the screen to the screen height is denoted as D, the distance from the position of the finger at the current time to the lower edge of the window is denoted as M, the distance from the lower edge of the window at the current time to the lower edge of the screen is denoted as Y, the distance from the upper edge of the window to the upper edge of the screen is denoted as Z, and the window height at the current time is denoted as C.

In the first stage, in the case where 0 < D.ltoreq.30%, see (a) diagram in FIG. 8:

M＝0；

Y＝D*S；

Z＝2*X*S*D；

C＝S-Y-Z。

in the second stage, in the case where 30% S < D.ltoreq.74%, see (b) diagram in FIG. 8:

M＝88*(D-30％)/(74％-30％)；

Y＝D*S-M；

Z＝(1-D)*S-2*(Z/2-M)；

C＝S-Y-Z。

in the third stage, in the case where 74% < D.ltoreq.100%, see (c) diagram in FIG. 8:

M＝D*S-Y；

Y＝74％*S-88dp+[(D-74％)/26％]*(88dp-64dp)；

Z＝88-[(D-74％)/26％]*(88dp-64dp)；

C＝26％*S。

as shown in fig. 8 (a), in the process of shrinking the full-screen window, when the finger position does not exceed 30% of the screen height, the window is shrunk by taking the preset point 801 as a fixed zoom center point, the window is shrunk and moved upwards along with the finger of the user, and the finger of the user is always positioned at the bottom of the window (i.e. m=0), so that the effect of completely shrinking the window along with the hand is achieved. As shown in fig. 8 (b), when the finger position exceeds 30% of the screen height but is less than or equal to 74% s, the distance between the user's finger and the lower edge of the window slowly increases (M slowly increases), and the user is given a feeling of being blocked from sliding up while the window is narrowed with his hand. As shown in fig. 8 (c), when the finger position exceeds 74% s, the distance between the user's finger and the lower edge of the window increases rapidly (M increases rapidly), and the window is reduced with the hand, and a more intense upward slip-preventing feeling is given to the user.

It should be noted that the above-mentioned fast and slow are relative concepts, and are only used to characterize that the second stage M increases at a slower rate than the third stage M.

In one embodiment, if the user performs a sliding operation on the bottom of the screen and leaves the hand in an area outside the first mini-window trigger hot zone, i.e., when the user's finger does not reach the first mini-window trigger hot zone, the electronic device analyzes the sliding operation on the bottom of the screen of the user, determines the speed of leaving the hand and/or the sliding direction of the user when leaving the hand, and enters multitasking, returns to the desktop or returns to the full-screen window according to the speed of leaving the hand and/or the sliding direction of the user when leaving the hand, etc. That is, the electronic device may enter a multitasking, return to the desktop, or return to the full screen window depending on the speed of the hand away and/or the direction of the slide while away from the hand: 1. the user's finger does not reach the first mini-window hotspots nor the first mini-window trigger hotspots; 2. the user's finger reaches the first mini-window trigger hotspot but does not reach the first mini-window trigger hotspot. In the 1 st case, the visual guide pattern is not displayed on the screen, and in the 2 nd case, the visual guide pattern is displayed on the screen.

Specifically, if the user's finger does not reach the first mini window triggering hot zone and leaves the hand, the electronic device analyzes that the sliding direction of the user when leaving the hand is upward, and the leaving speed exceeds the return speed threshold, the electronic device returns to the desktop. The return speed threshold may be equal to the flick speed threshold or the quick slip speed threshold, for example, 1500dp/s, or may be unequal to the flick speed threshold or the quick slip speed threshold.

If the user finger does not reach the first mini window triggering hot zone and leaves the hand, the electronic equipment analyzes that the sliding direction of the user leaves the hand is upward, and the leaving speed is smaller than or equal to the return speed threshold, and then the multi-task is entered.

If the finger of the user does not reach the first mini window triggering hot zone and leaves the hand, the electronic equipment analyzes that the sliding direction of the user when the finger leaves the hand is downward, and the full-screen window is returned.

Fig. 9 is a schematic diagram illustrating a process of entering into multitasking after performing a bottom-up operation according to an embodiment of the present application. As shown in fig. 9 (a), the current user is running through a full screen window

Live viewing. The user performs a screen bottom up-sliding operation, i.e., the user's finger presses the screen bottom and slides up. During the sliding up of the user's finger, the window follows the user's finger up and gradually shrinks, as shown in fig. 9 (b). If the user leaves his hand when sliding on his finger to the position shown in fig. 9 (b), that is, the user leaves his hand when not entering the first mini-window hot zone 701 or the first mini-window trigger hot zone 703, and the electronic device detects that the user leaving hand speed is greater than 1500dp/s, the electronic device enters multitasking and displays a picture corresponding to the APP that has been recently run, as shown in fig. 9 (c).

Fig. 10 is a schematic diagram illustrating a process of returning to a desktop after performing a bottom-up operation according to an embodiment of the present application. As shown in fig. 10 (a), the current user is running through a full screen window

Live viewing. The user performs a screen bottom up operation, i.e., the user presses the bottom of the full screen window and slides up. During the sliding up of the user's finger, the window follows the user's finger up and gradually shrinks, as shown in fig. 10 (b). The user's finger continues to slide upward and the window continues to zoom out, and when the user's finger enters the right first mini-window hotbox 701, the upper right hand corner of the screen displays a visual guide pattern 702, as shown in fig. 10 (c). If the user slides on the finger to the position shown in (c) of fig. 10When the user leaves his hand, i.e. when the user enters the first mini-window hotbox 701 but does not enter the first mini-trigger hotbox 703, and the electronic device detects that the user leaves his hand at a speed of less than 1500dp/s, the electronic device returns to the desktop, as shown in fig. 10 (d).

Fig. 11 is a schematic diagram illustrating a process of returning to a full-screen window after performing a bottom-up operation according to an embodiment of the present application. As shown in fig. 11 (a), the current user is running through a full screen window

Live viewing. The user performs a screen bottom up operation, i.e., presses the bottom of the full screen window and slides up. During the user's finger, the window moves up and gradually shrinks as shown in fig. 11 (b). The user's finger then slides down and the window gradually increases as shown in fig. 11 (c). If the user leaves his hand when the finger is slid down to the position shown in fig. 11 (c), i.e. the user leaves his hand when the finger does not enter the first mini-window hotbox 701 nor the first mini-trigger hotbox 703, and the sliding direction of the user when the user leaves his hand is downward, the electronic device returns to the full-screen window. That is, the electronic device displays a full screen window and runs the tremble on the full screen window as shown in the (d) diagram in fig. 11.

In this embodiment, when the user performs the screen bottom up-sliding operation and leaves the hand in the area outside the first mini window triggering hot zone, the user enters the multi-task, returns to the desktop or returns to the full-screen window according to the speed, the direction and the like of the up-sliding operation by analyzing the screen bottom up-sliding operation, so that compatibility of the triggering gestures of the multi-task, the desktop and the full-screen window is realized, the mini window can be entered through the screen bottom up-sliding operation, the functions can be triggered through the bottom up-sliding operation, and therefore, the development cost is saved, the user habit is met, and the user experience is improved.

It can be understood that in the process of executing the screen bottom up-sliding operation, if the user's finger slides down without leaving the hand, the electronic device presents an interface according to the reverse process of sliding into the mini window on the screen bottom. Specifically, when the user slides down while the finger is located in the first mini window trigger hot zone, the window is enlarged following the sliding operation of the user finger, and the visual guide pattern is quickly reduced. The user's finger continues to slide down, the window continues to zoom in, and when the user's finger leaves the first mini-window trigger hotspots, the user's finger enters the first mini-window hotspots, and the visual guide pattern is slowly zoomed out. As the user's finger continues to slide down and away from the first mini-window hotbox, the visual guide pattern disappears. Similarly, in various implementations of entering the mini window in the following embodiments, when the user does not leave the hand, the operation in the opposite direction to the operation of entering the mini window is performed, and the electronic device may present an interface according to the corresponding reverse process of entering the mini window, which will not be described in detail later.

2) Entry of the suspended window into the mini window

The method provided by the embodiment of the application can realize that the suspended window enters the mini-window through a plurality of methods, and specifically can comprise the following steps:

a) The bottom of the suspension window slides upwards to enter the mini window;

b) The bar at the top of the suspension window is dragged into the mini window;

c) The floating window is scaled down into the mini-window.

In the following, in connection with the embodiment, the electronic device is taken as a non-folding screen mobile phone, and the upper limit number of combination of suspension windows is 1 as an example, and these several implementation modes are respectively described.

a) The bottom of the suspension window slides upwards to enter the mini window

In one embodiment, when the APP is running on the floating window, the user may enter the mini-window by a floating window bottom up operation. Specifically, a second mini-window hot zone and a second mini-window trigger hot zone may be preset, where the second mini-window hot zone and the second mini-window trigger hot zone may be areas in the upper half of the screen, and the lower edge of the second mini-window hot zone is closer to the lower edge of the screen than the lower edge of the second mini-window trigger hot zone, similar to the first mini-window hot zone and the first mini-window trigger hot zone.

When the electronic equipment detects the floating window bottom sliding operation of the user, the electronic equipment gradually moves and shrinks the floating window along with the floating window bottom sliding operation. And when the electronic device detects that the user finger continues to slide upwards into the second mini window hot zone, displaying a visual guide pattern at a preset position of the screen. The electronic device detects that the user's finger continues to slide upwards, the window continues to shrink, and the visual guide pattern slowly enlarges. When the electronic device detects that the user's finger enters the first mini-window trigger hotspots, the visual guide pattern is quickly magnified. If the electronic device detects that the user leaves hands in the second mini window trigger heat zone and the leaving hand speed is smaller than the closing speed threshold of the floating window, the window is switched to the mini window, namely, the mini window is displayed at the preset position of the screen, and the APP is operated in the mini window. Alternatively, the closing speed threshold of the suspension window may be equal to the swing speed threshold and the fast speed threshold, for example, both 1500dp/s, or may be unequal to the swing speed threshold and the fast speed threshold.

Alternatively, the floating window bottom up-sliding operation may include a floating window bottom preset area up-sliding operation and a floating window bottom bar up-sliding operation. For the electronic equipment with the bottom of the floating window not comprising bar, when the electronic equipment detects that the preset area of the bottom of the floating window is pressed and slides upwards, the operation is determined to be the sliding operation of the preset area of the bottom of the floating window, and the floating window is gradually contracted according to the process. For an electronic device in which the bottom of the floating window includes bar, when an operation in which the user presses the bottom bar of the floating window and slides up is detected, the operation is determined to be a floating operation of the bottom bar of the floating window, and the floating window is gradually narrowed according to the above-described procedure.

For convenience of description, a floating window before a user performs a floating window bottom up operation will be referred to as an initial floating window hereinafter.

Alternatively, in this embodiment, the second mini-window heat zone may be a 1/4 oval shape with T as the major axis radius and 50% of the screen width as the minor axis radius. Wherein T is the distance between the lower edge of the initial floating window and the upper edge of the screen. The number of the second mini-window hot zones may be 2, and the 2 second mini-window hot zones are 1/4 elliptic regions with the upper left vertex and the upper right vertex as central points in the screen respectively. In the following embodiments, the second mini-window hot zone located in the left half of the screen is referred to as the left second mini-window hot zone, and the second mini-window hot zone located in the right half of the screen is referred to as the right second mini-window hot zone.

Alternatively, in this embodiment, the second mini-window triggering hot zone may be a 1/4 oval shape with 80% t as the major axis radius and 50% of the screen width as the minor axis radius. The number of the second mini-window triggering hot zones may be 2, and the 2 second mini-window triggering hot zones are respectively 1/4 elliptic areas with the upper left vertex and the upper right vertex as central points in the screen. In the following embodiments, the second mini-window trigger hot zone located in the left half of the screen is referred to as a left second mini-window trigger hot zone, and the second mini-window trigger hot zone located in the right half of the screen is referred to as a right second mini-window trigger hot zone.

The second mini window trigger thermal zone and the second mini window thermal zone are both 1/4 elliptical in shape with the minor axis radius being equal and the elliptical center point being the same, but the major axis radius of the second mini window trigger thermal zone is less than the major axis radius of the second mini window thermal zone. That is, all of the second mini-window trigger thermal zone coincides with the upper half of the second mini-window thermal zone, i.e., the lower edge of the second mini-window thermal zone is closer to the lower edge of the screen than the lower edge of the second mini-window trigger thermal zone. In this way, in the process of executing the floating window bottom sliding operation, the finger firstly enters the second mini window hot zone and then enters the second mini window triggering hot zone. Of course, in some other embodiments, the second mini-window triggering hot zone may not overlap with the second mini-window hot zone, or the second mini-window triggering hot zone may overlap with the second mini-window hot zone only partially, so long as it is ensured that at least a portion of the second mini-window hot zone is closer to the lower edge of the screen than the second mini-window triggering hot zone, so that the user enters the second mini-window hot zone before entering the second mini-window triggering hot zone during the finger sliding process.

It will be appreciated that in some practical applications, the function of the electronic device for shrinking the floating window may also be triggered by a sliding operation on the bottom of the floating window. In this embodiment, the second mini window hot zone and the second mini window trigger hot zone are each 1/4 oval shapes set by taking the top left vertex and the top right vertex of the screen as the center points, so that when a user executes the floating window bottom sliding operation, only the two 1/4 oval areas of the screen, in which a finger enters, can be identified as the operation related to the mini window, thus the floating window bottom sliding operation entering the mini window and the floating window bottom sliding operation triggering the functions of shrinking the floating window and the like can be effectively distinguished, the conflict generated by the gesture of shrinking the floating window is avoided, the probability of the user misoperation entering the mini window is also reduced, and the user experience is improved. Moreover, the 1/4 elliptic second mini window hot zone and the second mini window trigger hot zone facilitate the user to enter the mini window through one-hand operation, and further improve the user experience. In addition, the long axes of the second mini window hot zone and the second mini window trigger hot zone with 1/4 elliptic shapes are related to the distance between the lower edge of the initial floating window and the upper edge of the screen, that is, the sizes of the second mini window hot zone and the second mini window trigger hot zone are related to the positions of the initial floating window, so that no matter where the floating window is located, a user can slide upwards through the bottom of the floating window to conveniently enter the mini window without long-distance sliding of the user, the user cannot feel tired in sliding, the use habit of the user is met, and the use convenience of the user is improved.

Optionally, in this embodiment, the content of the identifier and the display position in the visual guiding pattern may be the same as those described in the foregoing embodiment, which is not described herein. Similar to the above embodiment, in this embodiment, whether the visual guidance pattern is displayed in the upper left corner or the upper right corner of the screen may be determined according to the second mini-window hot zone into which the user's finger enters, and the position of the mini-window display after entering the mini-window may be located in the same area as the visual guidance pattern. In one embodiment, if the user's finger enters the left second mini-window hot zone, a visual guide pattern is displayed in the upper left corner of the screen and a mini-window is displayed in a predetermined location in the upper left region of the screen. If the user's finger enters the right second mini window hot zone, the visual guide pattern is displayed in the upper right corner of the screen and the mini window is displayed in a preset position in the upper right region of the screen.

Optionally, if the electronic device detects that the user leaves the hand in the second mini window triggering hot zone, and the leaving speed is less than the closing speed threshold of the floating window, the electronic device may output the reminding information while switching the window to the mini window, which may be specifically referred to the above embodiment, and will not be described again.

Fig. 12 is a schematic diagram illustrating an example of a process of entering a mini-window through a floating window bottom up operation according to an embodiment of the present application. Taking the memo running on the bottom including bar as an example, as shown in fig. 12 (a), the current user opens the memo's floating window. If the user wants to switch the floating window to the mini window, a bar up-sliding operation of the bottom of the floating window, i.e., pressing bar of the bottom of the floating window, may be performed and slid upward. During the sliding up of the user's finger, the window gradually moves up and down with the user's finger, as shown in fig. 12 (b).

The user's finger continues to slide upward and the window continues to zoom out, and when the user's finger enters the right second mini-window hotbox 1201 (but does not enter the second mini-window trigger hotbox 1203), the upper right hand corner of the screen displays the visual guide pattern 1202, as shown in fig. 12 (c).

The user's finger continues to slide up, the window continues to zoom out, and the visual guide pattern 1202 slowly zooms in. When the user's finger enters the right second mini-window trigger hotspots 1203, the visual guide pattern 1202 is quickly enlarged, further prompting and guiding the user into the mini-window, as shown in fig. 12 (d).

The user leaves the hot zone 1203 on the second mini window on the right, and the speed of the leaving hand is less than the threshold speed of closing the floating window, the phone vibrates, and the mini window is displayed at the preset position in the upper right area of the screen, as shown in the (e) diagram of fig. 12.

According to the window display method provided by the embodiment, the suspended window can enter the mini window through the sliding operation at the bottom of the suspended window, the whole process only needs one step of operation, the window display method is simple and convenient, the use convenience of a user is improved, and the user experience is further improved. In addition, the mini window is small in size, less in shielding of a bottom layer interface, convenient for a user to perform other operations, and capable of further improving the use convenience of the user and further improving the user experience.

Optionally, in this embodiment, during the process of sliding up the bottom of the floating window by the user, the window may be scaled down with the finger movement of the user. The scaling down can prevent the picture from deforming or distorting, improve the display effect, and then improve the user experience.

Optionally, in the process of shrinking the floating window, the minimum distance between the upper edge of the window and the upper edge of the screen is ensured to be: when the mini-window is located at the preset position, the distance between the upper edge of the mini-window and the upper edge of the screen (for example, 64 dp). In other words, the top edge of the reduced window does not exceed the highest position of the mini-window preset position. When the floating window moves to the highest position of the preset position of the mini window, if the finger of the user still slides upwards, the window does not move upwards any more and only moves horizontally along with the finger.

Optionally, in the process of shrinking the floating window, the minimum size of the window is the preset size of the mini window, that is, 0.28× (screen width-2×preset margin)/screen width. When the floating window is reduced to the preset size of the mini window, if the finger of the user is still sliding upwards, the window is not reduced any more and only moves along with the finger.

In the process of shrinking the floating window, different zooming and moving modes can be adopted according to the current position and the current size of the floating window so as to realize the effect of shrinking the floating window. Specifically, when the floating window is not reduced to the preset size of the mini window and the upper edge of the window does not reach the preset highest position (64 dp) (hereinafter referred to as the floating window is lower), the window is uniformly reduced along with the upward sliding distance of the finger of the user, and the position of the window gradually moves upwards along with the movement of the finger of the user. Specifically, if the size of the floating window is reduced to the size of the mini window, the upper edge of the window still does not reach the preset highest position (64 dp), and in the subsequent sliding-up process, the window is not reduced any more, and the window position changes uniformly along with the sliding-up distance of the finger. If the floating window is reduced to the size of the mini window, the upper edge of the window reaches the preset highest position (64 dp) (hereinafter referred to as the floating window is positioned upwards), the window is not reduced any more in the subsequent sliding-up process, the window position is not moved upwards any more, and only the finger is moved horizontally.

Fig. 13 is a schematic diagram illustrating a change in window position and size during entry of a floating window into a mini-window according to an embodiment of the present disclosure. Referring to fig. 13, the ratio of the mini-window preset size (which may be represented by the window width of the mini-window) to the current floating window size (which may be represented by the window width of the floating window) is denoted as a. As in (b) of fig. 13, a=w0/W1, where W0 is the mini-window preset window width. As shown in fig. 13 (a), the initial floating window height is denoted as F, the distance between the lower edge of the initial floating window and the upper edge of the screen is denoted as T, and the screen height is denoted as S. The ratio of the distance between the finger position at the current moment and the lower edge of the initial floating window to T is recorded as D. As in (b) of fig. 13, d=a1/T, where A1 is the distance between the position of the finger at the current time and the lower edge of the initial floating window. The current floating window lower edge is at a distance Y from the screen lower edge, as shown in fig. 13 (b). Taking the example of a minimum distance of 64dp between the upper edge of the window and the upper edge of the screen (the position shown as 1301 in fig. 13), the rule of the floating window is reduced and moved is as follows:

(1) under the condition that the suspension window is lower (A.times.F+64 is less than or equal to A.times.T):

Y＝S-T+D*T

(2) in the case of the floating window being above (a×f+64 > a×t):

Y＝S-T+[T-(A*F+64)]*D/(1-A)

referring to fig. 12 and 13 together, when the user performs the sliding operation on the bottom of the floating window, and the finger position slides up from the position shown in fig. 12 (a) to the position shown in fig. 12 (b), the upper edge of the floating window does not reach the preset highest position (i.e., the position shown in fig. 1301) and is not more than the preset highest position, i.e., the floating window is lower, the window is reduced according to the reduction rule of the above case (1), so that the window is uniformly reduced along with the sliding distance of the finger of the user, and the window position gradually moves up along with the movement of the finger of the user, as shown in fig. 13 (b) and (c).

When the user's finger is slid up to the position shown in fig. 12 (c), the upper edge of the floating window reaches the preset highest position (position shown at 1301 in fig. 13), from which the window position is no longer moved up. Specifically, in the process of sliding the position of the user's finger up from the position shown in the (c) diagram in fig. 12 to the position shown in the (d) diagram in fig. 12, the window is narrowed according to the narrowing rule of the above-described case (2), and the effect of narrowing and/or moving left and right is achieved only with the movement of the user's finger, as shown in the (c) diagram and the (d) diagram in fig. 13.

In fig. 13, for convenience of viewing, only the floating window and the mini window are shown, and the interface in the window is not shown, which does not represent the actual display situation.

In one embodiment, if the user performs a floating window bottom up operation and the area outside the second mini-window trigger hot zone leaves the hand, and the leaving speed is less than the floating window closing speed threshold, i.e., the user's finger leaves the hand when not reaching the second mini-window trigger hot zone, then the user rebounds to the floating window, i.e., the initial floating window is redisplayed. That is, rebound to the floating window occurs in two cases: 1. the user's finger does not reach the second mini-window hotspots nor the second mini-window trigger hotspots; 2. the user's finger reaches the second mini-window trigger hotspot but does not reach the second mini-window trigger hotspot. In the 1 st case, the visual guide pattern is not displayed on the screen, and in the 2 nd case, the visual guide pattern is displayed on the screen.

Fig. 14 is a schematic diagram illustrating an interface change of a rebound to a floating window after performing a floating window bottom sliding operation according to an embodiment of the present disclosure. Continuing with the memo running on the bottom including bar hover window as shown in fig. 14 (a), the current user opens the memo hover window. If the user performs a sliding operation on the bottom of the floating window, i.e. the bar of the bottom of the floating window is pressed by the finger of the user and slid upwards (the finger is slid upwards and leftwards in this embodiment as an example). During the sliding up of the user's finger, the window gradually moves up and down with the user's finger, as shown in fig. 14 (b). If the user leaves his hand while sliding his finger up to the position shown in fig. 14 (b) and the leave speed is less than the floating window closing speed threshold, i.e., the user leaves his hand when he does not reach the second mini-window hotbox 1201 nor the second mini-window trigger hotbox 1203 and the leave speed is less than the floating window closing speed threshold, he is rebounded to the floating window as shown in fig. 14 (c).

For example, fig. 15 is a schematic diagram of an interface change of rebound to a floating window after performing a floating window bottom sliding operation according to another embodiment of the present application. Continuing with the memo running on the bottom including bar hover window as shown in fig. 15 (a), the current user opens the memo hover window. The user performs a floating window bottom up operation, i.e. the user's finger presses bar at the bottom of the floating window and slides upwards (the present embodiment takes the finger sliding upwards to the left as an example). During the sliding up of the user's finger, the window gradually moves up and down with the user's finger, as shown in fig. 15 (b). The user's finger continues to slide upward and the window continues to zoom out, and when the user's finger enters the second mini-window hotbox 1201 on the left, the upper left corner of the screen displays a visual guide pattern 1202, as shown in fig. 15 (c). If the user leaves his hand while sliding his finger up to the position shown in fig. 15 (c) and the leave speed is less than the floating window closing speed threshold, i.e., if the user leaves his hand while his finger is in the second mini-window hotbox 1201 but does not reach the second mini-window trigger hotbox 1203 and the leave speed is less than the floating window closing speed threshold, he will rebound to the floating window as shown in fig. 15 (d).

In one embodiment, when the electronic device detects that the floating window bottom slides up, and the user's hand-out speed exceeds the floating window closing speed threshold, the electronic device determines that the floating window bottom slides up as a floating window closing gesture, and closes the floating window. Specifically, the hover window is closed whenever the user's finger is slid up into the second mini-window hotbox 1201 and the second mini-window trigger hotbox 1203, as long as the user's hands-off speed is greater than or equal to the hover window closing speed threshold. For the close floating window gesture, the window is reduced, moved, and the visual guide pattern is changed in the same way as the floating window is changed in the mini window process before the user leaves his hand.

Fig. 16 is a schematic diagram illustrating an interface change of closing a floating window after performing a sliding operation on the bottom of the floating window according to an embodiment of the present application. Continuing with the memo running on the bottom including bar hover window as shown in fig. 16 (a), the current user opens the memo hover window. The user performs a floating window bottom up-sliding operation, i.e. the user's finger presses bar at the bottom of the floating window and slides upwards. During the sliding up of the user's finger, the window gradually moves up and down with the user's finger, as shown in fig. 16 (b). If the user leaves his hand while sliding his finger up to the position shown in fig. 16 (b), and the leaving speed is greater than or equal to the floating window closing speed threshold, the floating window is closed, as shown in fig. 16 (c).

In this embodiment, the user performs the sliding operation at the bottom of the screen and leaves the hand in the area outside the second mini window triggering hot zone, and closes the floating window according to the speed of the sliding operation by analyzing the sliding operation at the bottom of the floating window of the user, so that the compatibility of the gesture triggering of the function of entering the mini window and closing the floating window is realized, the mini window can be entered through the sliding operation at the bottom of the floating window, and the function of closing the floating window can be triggered through the sliding operation at the bottom of the floating window, thereby saving the development cost.

b) Suspension window top bar drag into mini window

In one embodiment, when the APP is running on the floating window, the user may also enter the mini-window through a floating window top bar drag operation. Specifically, a third mini-window hot zone and a third mini-window trigger hot zone may be preset, where the third mini-window hot zone and the third mini-window trigger hot zone may be areas in the upper half of the screen, and the lower edge of the third mini-window hot zone is closer to the lower edge of the screen than the lower edge of the third mini-window trigger hot zone, similar to the first mini-window hot zone and the first mini-window trigger hot zone.

When the electronic device detects a drag operation of the bar at the top of the floating window by a user, the floating window is moved following the drag operation. And when the electronic equipment detects that the user finger enters the third mini window hot zone, displaying a visual guide pattern at a preset position of the screen. The electronic device detects that the user continues to drag, the floating window continues to move, and the visual guide pattern is slowly enlarged. When the electronic device detects that the user's finger enters the third mini-window triggering hot zone, the visual guide pattern is rapidly enlarged, and the floating window is reduced to the preset size of the mini-window. If the electronic equipment detects that the user leaves hands in the third mini window triggering heat zone, the window is switched to the mini window, namely, the mini window is displayed at the preset position of the screen, and the APP is operated in the mini window.

It will be appreciated that during execution of the hover window top bar drag operation, the hover window size will not change with the finger only until the user's finger enters the third mini-window trigger hotbox. If the floating window cannot be displayed in the screen completely during the moving process, only a part of the floating window is displayed, and the display effect is as if a part of the floating window is moved out of the screen. See in particular the (c) diagram in fig. 17 in the examples described below.

Alternatively, in this embodiment, the third mini-window heat zone may have a 1/4 oval shape with a major axis radius of 30% of the screen height and a minor axis radius of a first predetermined length (e.g., 35% of the screen width) of less than 50% of the screen width. In a specific embodiment, the first preset length may be 132dp. The number of the third mini-window hot zones may be 2, and the 2 third mini-window hot zones are 1/4 elliptic regions with the upper left vertex and the upper right vertex as central points in the screen respectively. In the following embodiments, the third mini-window hot zone located in the left half of the screen is referred to as the left third mini-window hot zone, and the third mini-window hot zone located in the right half of the screen is referred to as the right third mini-window hot zone.

Optionally, in this embodiment, the third mini-window triggering hot zone may be 1/4 of a circle with a second preset length less than 50% of the screen width as a radius, and the first preset length is less than or equal to the second preset length (for example, the second preset length may also be 132 dp). The number of the third mini window triggering hot zones can be 2, and the 2 third mini window triggering hot zones are respectively 1/4 circles which take the top left vertex and the top right vertex of the screen as circle centers. In the following embodiments, the third mini-window trigger hot zone located in the left half of the screen is referred to as the left third mini-window trigger hot zone, and the third mini-window trigger hot zone located in the right half of the screen is referred to as the right third mini-window trigger hot zone.

The third mini-window triggering hot zone is 1/4 of a circle, the third mini-window triggering hot zone is 1/4 of an ellipse, the circle is the same as the center point of the ellipse, and the radius of the circle is smaller than or equal to the radius of the short axis of the ellipse. That is, all of the third mini-window trigger thermal zone coincides with the upper half of the third mini-window thermal zone, i.e., the lower edge of the third mini-window thermal zone is closer to the lower edge of the screen than the lower edge of the third mini-window trigger thermal zone. In this way, in the process of executing the bar drag operation on the top of the floating window, the finger enters the third mini-window hot zone first, and then enters the third mini-window trigger hot zone. Of course, in some other embodiments, the third mini-window triggering hot zone may not overlap with the third mini-window hot zone, or the third mini-window triggering hot zone may overlap with the third mini-window hot zone only partially, so long as it is ensured that at least a portion of the third mini-window hot zone is closer to the lower edge of the screen than the third mini-window triggering hot zone, so that the user enters the third mini-window hot zone first and then enters the third mini-window triggering hot zone during the finger movement process.

In the implementation manner, the third mini window hot zone is elliptical, and the minor axis radius of the ellipse is smaller than 50% of the screen width, so that a certain distance is reserved between the left and right third mini window hot zones, and the distance between the left and right third mini window hot zones is larger towards the lower part of the screen; the third mini window trigger hot zone is circular, and circular radius is less than 50% of screen width for have certain distance between two left and right sides third mini window trigger hot zone, and the distance is bigger towards the two below the screen more, be convenient for distinguish the operation that the user got into mini window and the removal operation of user to the suspension window like this, prevent that two kinds of operations from producing the conflict, reduce the misunderstanding to user's operation intention, improve user experience.

Optionally, the user's finger enters the third mini-window triggering hot zone, and the floating window is scaled down to the preset size of the mini-window with the center point of the top bar as the scaling center point.

In this embodiment, the content of the mark and the display position in the visual guiding pattern may be the same as those in the above embodiment, and will not be described here again. Similar to the above embodiment, in this embodiment, whether the visual guidance pattern is displayed in the upper left corner or the upper right corner of the screen may be determined according to the third mini-window hot zone into which the user's finger enters, and the position of the mini-window display after entering the mini-window may be located in the same area as the visual guidance pattern. In one embodiment, if the user's finger enters the third mini-window hotbox on the left, the visual guide pattern is displayed in the upper left corner of the screen and the mini-window is displayed in a predetermined location in the upper left region of the screen. If the user's finger enters the third mini window hot zone on the right side, the visual guide pattern is displayed in the upper right corner of the screen and the mini window is displayed in a preset position in the upper right region of the screen.

Optionally, if the electronic device detects that the user leaves the hand in the third mini window triggering heat zone, the electronic device may output the reminding information while switching the window to the mini window, which may be specifically referred to the above embodiment, and will not be described again.

Fig. 17 is a schematic diagram illustrating an example of interface change of a mini-window through a bar drag operation at the top of a floating window according to an embodiment of the present application. Taking the memo as an example, as shown in fig. 17 (a), the current user opens a floating window of the memo. If the user wants to switch the memo to the mini window, a hover window top bar drag operation, i.e., the user presses the bar at the hover window top and moves, the hover window top bar moves along with the user's finger, as shown in (b) of fig. 17.

When the user's finger moves into the right third mini-window hotbox 1701, the upper right hand corner of the screen displays the visual guide pattern 1502 as shown in fig. 17 (c).

The user's finger continues to move and the visual guide pattern 1702 zooms in slowly. When the user's finger moves into the second mini-window trigger hotbox 1703, the visual guide pattern 1702 quickly enlarges, further prompting and guiding the user into the mini-window, and the floating window shrinks to a preset size of the mini-window with the center point of the top bar as the zoom center point, as shown in fig. 17 (d).

The user leaves his hand at the third mini-window trigger hotbox 1703, the phone vibrates, and the mini-window is displayed at a preset position in the upper right area of the screen, as shown in fig. 17 (e).

According to the window display method, the mini window can be accessed from the floating window through the bar dragging operation at the top of the floating window, the whole process only needs one step of operation, the window display method is simple and convenient, the use convenience of a user is improved, and the user experience is further improved. In addition, the mini window is small in size, less in shielding of a bottom layer interface, convenient for a user to perform other operations, and capable of further improving the use convenience of the user and further improving the user experience.

Optionally, in the moving process of the floating window, the minimum distance between the upper edge of the floating window and the upper edge of the screen is the height of the signal column in the screen. Typically, the height of the signal bars of the electronic device is 25dp. When the distance between the upper edge of the floating window is equal to the height of the signal column, if the finger of the user moves upwards, the floating window does not move upwards any more and only moves horizontally along with the finger. In the implementation mode, the minimum distance between the upper edge of the floating window and the upper edge of the screen is set to be the height of the signal column in the screen, and the moving position of the floating window can not be limited for the situation that a user leaves hands in an area outside the third mini window triggering hot area, so that the normal movement of the floating window can be realized, and the phenomenon that the floating window shields the content in the signal column can be avoided. On the other hand, for the bar drag operation at the top of the floating window, the moving distance of the fingers of the user is generally not long, so that on the premise of ensuring that the content of the signal bar is not blocked, long-distance sliding of the user is not needed even if the limiting height of the moving position of the floating window is set to be the maximum, the sliding is not needed, the user is not tired, the use habit of the user is met, and the user experience is improved.

In one embodiment, if the user performs a hover window top bar drag operation and leaves the hand in an area outside the third mini-window trigger hotspots, i.e., when the user's finger does not reach the third mini-window trigger hotspots, then hover window movement is achieved, i.e., the hover window is displayed in a user leave-hand position. That is, the floating window movement is achieved in two cases: 1. the user's finger does not reach the second mini-window hotspots nor the second mini-window trigger hotspots; 2. the user's finger reaches the second mini-window trigger hotspot but does not reach the second mini-window trigger hotspot. In the 1 st case, the visual guide pattern is not displayed on the screen, and in the 2 nd case, the visual guide pattern is displayed on the screen.

Fig. 18 is a schematic diagram illustrating an interface change for implementing floating window movement through a bar dragging operation at the top of the floating window according to an embodiment of the present application. Continuing with the memo as an example, as shown in fig. 18 (a), the current user opens the floating window of the memo. If the user performs a bar drag operation on the top of the floating window, i.e., the user presses bar on the top of the floating window and moves upward and rightward, the floating window moves following the user's hand, as shown in fig. 18 (b). If the user leaves his hand when the finger moves to the position shown in fig. 18 (b), i.e., the finger does not reach the third mini-window hot zone 1701 nor the third mini-window trigger hot zone 1703, the floating window is displayed in the user-away position, as shown in fig. 18 (c).

Fig. 19 is a schematic diagram of an interface change for implementing floating window movement through a bar dragging operation at the top of the floating window according to another example provided in the embodiments of the present application. Continuing with the memo as an example, as shown in fig. 19 (a), the current user opens the floating window of the memo. If the user presses bar at the top of the floating window and moves upward and rightward, the floating window moves following the user's finger, as shown in fig. 19 (b). The user's finger continues to move upward and rightward, the floating window continues to follow the user's finger movement, and when the user's finger enters the third mini-window hotbox 1701 on the right, the upper right hand corner of the screen displays the visual guide pattern 1702, as shown in fig. 19 (c). If the user leaves his hand when the finger moves to the position shown in (c) of fig. 19, that is, the user leaves his hand when the finger reaches the third mini-window hot zone but does not reach the third mini-window trigger hot zone, the floating window is displayed at the user-leave-hand position, as shown in (d) of fig. 19.

In this embodiment, when the user performs the bar drag operation on the top of the floating window and leaves the hand in the area outside the third mini window triggering hot area, the floating window is moved, so that compatibility of entering the mini window and moving the triggering gesture of the floating window function is realized, the mini window can be entered through the bar drag operation on the top of the floating window, the moving function of the floating window can be triggered through the bar drag operation on the top of the floating window, the triggering gesture of the moving floating window is not required to be changed, the development cost is saved, the using habit of the user is met, and the user experience is improved.

c) Shrinking a floating window into a mini window

In one embodiment, when the APP is running in the floating window, the user may also enter the mini-window through a floating window zoom out operation. Specifically, when the electronic apparatus detects a user's floating window reduction operation, the floating window is reduced following the reduction operation. When the size of the floating window is reduced to be smaller than the first preset size, the floating window is switched to be a mini window, namely, the mini window is displayed at the preset position of the screen, and the APP is operated in the mini window. The first preset size is smaller than the minimum size supported by the floating window and larger than the preset size of the mini window.

Optionally, the size of the floating window being smaller than the first preset size may be that the window width of the floating window is smaller than the first preset width, and the first preset width may be 30% of the screen width of the electronic device, for example.

Alternatively, the floating window may be scaled down in an equal proportion during the scaling down process. In the floating window shrinking process, the zoom center point may be a vertex of a diagonal of the drag angle in the floating window. For example, if the drag angle of the floating window reduction operation is the lower left corner, the zoom center is the vertex of the upper right corner of the floating window; the drag angle of the floating window narrowing operation is the lower right angle, and the zoom center is the vertex of the upper left angle of the floating window.

Optionally, the electronic device may also output a reminder while switching the window to a mini-window, for example, the frame color of the floating window may be changed, a vibration reminder, or a sound reminder (e.g., sounding a "bite"), etc.

Alternatively, when the mini-window is accessed through the floating window zoom-out operation, the position where the mini-window is finally displayed may be on the same side as the drag angle. In one embodiment, if the drag angle of the floating window zoom-out operation is the upper left corner or the lower left corner of the floating window, the mini-window is finally displayed at a preset position in the upper left area of the screen. If the drag angle of the floating window shrinking operation is the upper right corner or the lower right corner of the floating window, the mini window is finally displayed at the preset position of the upper right area of the screen.

Exemplary, fig. 20 is a schematic diagram of an example of a procedure for entering a mini-window through a floating window shrinking operation according to an embodiment of the present application. Taking the memo as an example, as shown in fig. 20 (a), the current user opens the floating window of the memo, and the frame of the floating window is blue (shown as a solid line in the drawing). If the user wants to switch the floating window to the mini window, the user can drag the lower left corner of the floating window and drag the floating window to the inner side (upper left direction) of the floating window, and the floating window gradually reduces with the drag of the user by taking the top point of the upper right corner of the floating window as the zoom center point, as shown in fig. 20 (b).

When the user drags the floating window to move to a certain position, the window width of the floating window is reduced to 30% of the full-screen window, and the frame color of the floating window becomes orange (shown as a dot-dash line in the figure), as shown in fig. 20 (c).

If the user leaves his hand at the position shown in fig. 20 (c), the mobile phone vibrates and the mini window is displayed at the preset position of the upper right area of the screen, as shown in fig. 20 (d).

The window display method provided by the embodiment can enter the mini window through the floating window by the floating window shrinking operation, and the whole process only needs one step of operation, so that the window display method is simple and convenient, the use convenience of a user is improved, and the user experience is further improved. In addition, the mini window is small in size, less in shielding of a bottom layer interface, convenient for a user to perform other operations, and capable of further improving the use convenience of the user and further improving the user experience.

In one embodiment, a second preset size may also be preset, the second preset size being greater than the first preset size and less than a default size of the floating window. Alternatively, the second preset size may be a minimum size that the floating window supports to shrink. The second preset dimension may be a second preset width, which may be, for example, 35% of the screen width.

Optionally, in the process of executing the operation of shrinking the floating window, if the size of the floating window is greater than or equal to the second preset size and the user leaves the hand, displaying the shrunk floating window at the position of leaving the hand, wherein the color of the frame of the window is unchanged. That is, if the floating window is not reduced to the second predetermined size but is left, the floating window is reduced, and the reduced size is the size of the window corresponding to the position of the user from which the floating window is reduced.

Fig. 21 is a schematic diagram illustrating an interface change for implementing a floating window zoom-out through a floating window zoom-out operation according to an embodiment of the present application. Continuing with the memo as an example, as shown in fig. 21 (a), the current user opens the floating window of the memo, and the frame of the floating window is blue (shown as a solid line in the figure). If the user drags the lower left corner of the floating window to the inside of the floating window, the floating window gradually decreases with the top right corner of the floating window as the zoom center point, as shown in fig. 21 (b). If the size of the floating window shown in the (b) diagram in fig. 21 is larger than the second size (35% of the screen width), the user leaves his/her hand at the position shown in the (b) diagram in fig. 21, the color of the window frame is unchanged, and the scaled floating window is displayed at the position where the user leaves his/her hand, so as to achieve the scaling of the floating window, as shown in the (c) diagram in fig. 21.

Optionally, in the process of executing the operation of shrinking the floating window, if the size of the floating window is smaller than the second preset size and larger than the first preset size, the color of the frame of the window is unchanged, and the window is rebounded to the second preset size. I.e. suspending and displaying a window with a second preset size, wherein the window display position is the position of the window when the size is the second preset size in the window shrinking process, i.e. the position of a zoom center point in the window is kept unchanged, and the window size is the second preset size. That is, if the user performs the floating window reduction operation, the floating window is reduced to be smaller than the minimum size that the floating window can support, but larger than the size required to enter the mini window, the floating window is displayed on the screen in the minimum size that can support the reduction. Therefore, for the scene that the user needs to shrink the floating window to the minimum but does not need to enter the mini window, the user operation is facilitated, the condition that the user shrinks the floating window to the minimum size is correspondingly relaxed, the limit between the two operations of shrinking the floating window to the minimum and entering the mini window is widened, the misoperation of the user is prevented from entering the mini window, and the user experience is improved.

Fig. 22 is a schematic diagram illustrating another example of interface variation for implementing a floating window zoom-out through a floating window zoom-out operation according to an embodiment of the present application. Continuing with the memo as an example, as shown in fig. 22 (a), the current user opens the memo running in the floating window, and the frame of the floating window is blue (shown as a solid line). When the user drags the lower left corner of the floating window to the inside of the floating window, the floating window is scaled down with the user dragging the top point of the upper right corner as the zoom center point, as shown in fig. 22 (b). The user continues to drag the lower left corner of the hover window and the hover window continues to zoom out. If the window is reduced to a window width less than 35% of the screen width but greater than 30% of the full screen window, as shown in fig. 22 (c), the user leaves his hands at this time, the window frame color is unchanged, and the window width rebounds to 35% of the screen width, thereby reducing the floating window to its supported minimum size, as shown in fig. 22 (d).

In this embodiment, when the user performs the operation of shrinking the floating window and leaves the hand when the window is not shrunk to the first preset size, the floating window is shrunk, so that compatibility of entering the mini window and shrinking the triggering gesture of the floating window is realized, the mini window can be entered through the operation of shrinking the floating window, and the floating window can be shrunk through the operation of shrinking the floating window, so that the original triggering gesture of shrinking the floating window is not required to be changed, development cost is saved, the use habit of the user is met, and the user experience is improved.

3) Merging mini-windows with other suspended-type windows

In the above implementation, the method provided by the embodiment of the application is described by taking the electronic device in which the floating window is combined with the upper limit number of 1 and the floating window does not exist in the interface when the user executes the operation of entering the mini window as an example. For the case that the upper limit of the combination of the suspension type windows is 1, and when a user performs an operation of entering the mini window, a suspension type window (hereinafter referred to as an existing suspension type window) exists in the interface, the electronic device may switch the suspension type window into a suspension ball, the suspension ball is displayed at a certain preset position of the screen, and the APP running in the suspension type window is put into the background to run, and then enters the mini window according to the method described in the above embodiment.

The suspension ball can be understood as a button or a shortcut control which is generated after the suspension type window is minimized and displayed on a screen in a suspension mode and is used for quickly entering the APP. After the suspension type window is switched into the suspension ball, the APP originally operated in the suspension type window can be switched to be operated in the background. Optionally, the user clicks the floating ball, and the floating ball is switched to the floating window.

Alternatively, the shape of the suspending ball may be U-shaped. The opening side of the U-shaped suspending ball is overlapped with the edge of the screen and displayed on the left side or the right side of the screen. Optionally, the U-shaped suspension ball can be directly displayed on a screen, or can be dynamically changed into a U-shaped suspension ball from suspension balls with other shapes, for example, the round suspension ball can be firstly displayed, and then the round suspension ball is dynamically changed into the U-shaped suspension ball. Icons of the APP running in the mini window may be included in the suspension ball, so that a user knows which APP of the suspension ball is the suspension ball generated after the window where the APP is located is minimized.

Specifically, for an electronic device with a combined upper limit number of 1 for the floating window and the mini window, if the screen bottom up-sliding operation described in the above embodiment is detected under the condition that the APP is displayed in full screen, the electronic device determines whether a floating window exists in the current interface, that is, determines whether the mini window or the floating window is displayed in the current interface. If the floating window exists, the electronic equipment switches the existing floating window into the floating ball, and the APP running in the floating window is put into the background to run. Then, if the electronic device detects that the user leaves the hand in the mini window triggering area, according to the embodiment, the full screen window is switched to the mini window, and the suspension ball in the screen is kept unchanged; if there is overlap between the suspension ball and the mini window, the mini window is displayed on the upper layer of the suspension ball. If the user leaves the hand in the area outside the mini window triggering hot zone, the electronic device switches the suspension ball to the existing suspension window to be redisplayed in the original position after entering the multitasking, returning to the desktop or returning to the application according to the method described in the embodiment.

Fig. 23 is an interface change schematic diagram of a process of entering a mini window through a full screen window according to another embodiment of the present application. As shown in fig. 23 (a), the current user is passing through the full screen window

Live broadcast is watched, a floating window exists in the interface, and a memo is operated in the floating window. If the user performs the screen bottom up operation, the electronic device detects the operation and determines that a floating window exists in the current interface, the electronic device switches the floating window to a floating ball, and places the memo into a background operation, as shown in fig. 23 (b), where the floating ball is shown in 2301 in fig. 23. The fingers of the user continue to slide upwards, and the window for shaking sound is gradually reduced in the process of sliding upwards; when the finger of the user enters the right side first mini window heatWhen the area is in the area, the upper right corner of the screen displays a visual guide pattern; when the user's finger continues to slide upwards, the tremble window continues to shrink, and the visual guide pattern slowly enlarges. The visual guide pattern is quickly magnified when the user's finger is slid up into the first mini-window trigger hot zone. The above process is described with reference to the embodiment of fig. 7, and will not be described again. When the user leaves his hand in the first mini window triggering hot zone, the mobile phone vibrates, the mini window is displayed at the preset position of the upper right area of the screen, the bottom masking effect disappears, and the desktop is displayed, as shown in the (c) diagram in fig. 23.

When the electronic device with the upper limit number of the combination of the floating windows being greater than or equal to 2 enters the mini window in the mode of the embodiment, if the existing floating windows exist in the current interface and the number of the existing floating windows is smaller than the upper limit number of the combination of the floating windows, the existing floating windows are hidden first, and the APP running in the existing floating windows is put in the background to run, namely the existing floating windows are hidden in a field-escaping mode. Then, if the user leaves his hand while meeting the conditions of entering the mini window (e.g., leaves his hand when the finger enters the first mini window trigger hot zone, the second mini window trigger hot zone, the third mini window hot zone, or leaves his hand when the floating window is reduced to less than 30% of the screen width), the mini window is entered (hereinafter referred to as a new mini window) according to the above embodiment, and the existing floating window is redisplayed on the screen. If the user does not meet the condition of entering the mini window when leaving the hand, the electronic device enters the multi-task or returns to the desktop, or returns to the application, or reduces the window, or moves the window, and the like according to the method described in the embodiment, and then redisplays the existing suspended window at the original position.

When the number of the merging upper limit of the floating windows is greater than or equal to 2 and the mini window is entered according to the method of the embodiment, if the existing floating windows exist in the current interface and the number of the existing floating windows is equal to the number of the merging upper limit of the floating windows, one of the existing floating windows (for example, the earliest opened one of the existing floating windows) is firstly switched to the floating ball, and then the processing procedure is the same as the processing procedure when the number of the existing floating windows is less than the number of the merging upper limit of the floating windows, and is not repeated.

Optionally, the redisplaying mode of the existing floating window may be different according to the type and the original display position of the existing floating window. If the existing suspended window is a mini window (hereinafter referred to as an existing mini window), and the new mini window is the same as the original display position of the existing mini window, displaying the existing mini window at other preset positions among the plurality of mini window preset positions; if the existing suspended window is a mini window and the original display position of the new mini window is different from that of the existing mini window, the existing mini window is displayed at the original display position, and if the suspended window and the new mini window are overlapped, the new mini window is displayed at the uppermost layer of the interface.

Specifically, an electronic device with a floating window combination upper limit number of 2 is described as an example:

1) The current interface has 1 existing floating window

If the screen bottom sliding operation is detected under the condition that the APP is displayed in a full screen mode, or if any one of the floating window bottom sliding operation, the floating window top bar dragging operation or the floating window shrinking operation is detected under the condition that the APP is displayed in a floating window, the electronic equipment determines whether an existing floating window exists on the current interface, if the existing floating window exists, the existing floating window is hidden and displayed, and the APP running in the existing floating window is put into a background to run. And if the user leaves the hand and meets the condition of entering the mini window, the electronic equipment enters the mini window according to the method described in the embodiment. Then, the electronic device redisplays the existing floating window according to the type and the original display position of the existing floating window. If the user does not meet the condition of entering the mini window when leaving hands, the existing floating window is displayed at the original display position.

Optionally, the existing floating window can realize the exit hiding through the dynamic effect that the side gradually slides out, for example, a mini window is displayed at a preset position in the upper right area of the screen, and then the exit hiding of the mini window can be realized through the dynamic effect that the right side gradually slides out. The dynamic effect can enhance the man-machine interaction performance of the electronic equipment and the user, and improve the user experience.

Alternatively, the existing floating window may be redisplayed by a gradually sliding dynamic effect, for example, when the existing mini window is redisplayed in the upper left area of the screen, the existing floating window may be realized by a left sliding dynamic effect. The dynamic effect can enhance the man-machine interaction performance of the electronic equipment and the user, and improve the user experience.

Exemplary, fig. 24 is a schematic diagram illustrating a process of displaying two mini-windows on a screen together according to an embodiment of the present application. Taking the suspension type windows of the electronic device as the combination upper limit number is 2, and taking the electronic device as a tablet computer as an example, as shown in (a) of fig. 24, the current user is passing through the full screen window

Watching live, there is a mini window in the interface running a memo. If the user executes the sliding operation at the bottom of the screen, the electronic equipment detects the operation and determines that a mini window exists in the current interface, the electronic equipment hides the mini window running with the memo in a way that the right side gradually slides out, and the memo is put into a background to run. Meanwhile, in the process of sliding up the finger of the user, there is +. >

The window of (a) gradually moves up and down following the finger and exhibits a masking effect, as shown in fig. 24 (b). The user's finger continues to slide up and when the user's finger enters the right first mini-window hot zone, the upper right hand corner of the screen displays the visual guide pattern. The user's finger continues to slide upwards and the tremble window continues to shrink, and the visual guide pattern slowly enlarges. The visual guide pattern is quickly magnified when the user's finger is slid up into the first mini-window trigger hot zone. The above process is described with reference to the embodiment of fig. 7, and will not be described again. When the user leaves hands in the first mini window triggering hot zone, the mobile phone vibrates, and the preset position of the upper right area of the screen displays that the user operates +.>

Mini of (2)And meanwhile, the electronic equipment displays the mini window running with the memo at a preset position of the upper left area of the screen in a way that the left side gradually slides in, the bottom layer masking effect disappears, and the desktop is displayed, as shown in a (c) diagram in fig. 24.

2) There are 2 existing floating windows on the current interface

If the screen bottom sliding operation is detected under the condition that the APP is displayed in a full screen mode, or if any one of the floating window bottom sliding operation, the floating window top bar dragging operation or the floating window shrinking operation is detected under the condition that the APP is displayed in a floating window, the electronic equipment determines whether an existing floating type window exists on a current interface, if 2 existing floating type windows exist, firstly, 1 existing floating type windows which are opened earliest are switched into floating balls, the floating balls are displayed at preset positions, and the APP running in the existing floating type windows is put into a background to run. Then, hiding and displaying another existing suspension type window, and putting the APP running in the other existing suspension type window into the background to run. Then, the electronic device continues to monitor the finger movement condition of the user, and if the condition of entering the mini window is met when the user leaves the hand, the electronic device enters the mini window according to the method described in the embodiment. The electronic equipment redisplays another existing floating window according to the type and the original display position of the existing floating window. If the user does not meet the condition of entering the mini window when leaving hands, the suspension ball is switched back to the existing suspension window and displayed at the original position, and the other existing suspension window is redisplayed at the original display position, namely, 2 existing suspension windows are restored to be displayed.

Fig. 25 is a schematic diagram illustrating a process of displaying two mini-windows on a screen together according to another embodiment of the present disclosure. Taking the suspension type windows of the electronic device as the combination upper limit number is 2, and taking the electronic device as a tablet computer as an example, as shown in (a) of fig. 25, the current user is passing through the full screen window

Watching live, there is a mini window running with memo and running with electrons in the interfaceThe floating window of the mail and the floating window running with the email opens earlier than the mini window running with the memo. If the user performs the sliding operation on the bottom of the screen, the electronic device detects the operation and determines that a mini window and a floating window exist in the current interface, the electronic device firstly switches the floating window of the electronic mail into the floating ball, operates the electronic mail in the background, hides the mini window with the memo in a way that the right side gradually slides out, operates the memo in the background, and operates the memo in the process of sliding the user's finger upwards>

The window of (a) gradually moves up and down with the finger and exhibits a masking effect as shown in fig. 25 (b), in which a hover sphere is shown as 2501. The user's finger continues to slide up and when the user's finger enters the right first mini-window hot zone, the upper right hand corner of the screen displays the visual guide pattern. The user's finger continues to slide upwards and the tremble window continues to shrink, and the visual guide pattern slowly enlarges. The visual guide pattern is quickly magnified when the user's finger is slid up into the first mini-window trigger hot zone. The above process is described with reference to the embodiment of fig. 7, and will not be described again. When the user leaves hands in the first mini window triggering hot zone, the mobile phone vibrates, and the preset position of the upper right area of the screen displays that the user operates +. >

And the mini window running with memo is displayed at the preset position of the upper left area of the screen in a way that the left side gradually slides in, the bottom layer masking effect disappears, and the desktop is displayed, as shown in the (c) diagram in fig. 25.

Optionally, in the case of the electronic device with the suspension window combined with the upper limit number of several suspension windows, if the suspension ball exists in the current interface in the mini window mode according to the embodiment, the suspension ball does not influence the entry of the mini window, and the continuous display of the suspension ball is maintained. However, after entering the mini-window, if there is an overlap between the floating ball and the mini-window, the mini-window remains displayed at the uppermost layer of the interface.

According to the window display method, under the condition that the suspended window exists in the interface, a user can realize common display of a plurality of suspended windows only by one-step operation, the display state and the position of the suspended window can be automatically adjusted, simplicity and convenience are achieved, the use convenience of the user is improved, and further the user experience is improved.

4) Switching of mini window and suspending ball

In one embodiment, the mini-window is displayed at a predetermined position, and the suspending ball may be accessed by performing a mini-window flick operation consistent with the orientation of the mini-window in the horizontal direction. The azimuth in the horizontal direction includes left and right sides. Specifically, the mini window swing operation may include a mini window left swing operation and a mini window right swing operation, and when the direction of the mini window swing operation is consistent with the direction of the mini window in the current horizontal direction, the mini window is switched into the suspension ball.

For example, if the mini window is currently located in an upper right region or a lower right region of the screen, i.e., the direction in which the mini window is currently located in the horizontal direction is right, if the user performs a flick operation on the right side of the mini window, the mini window is switched to the hover ball; if the user executes the left swing operation of the mini window, the mini window is not switched to the suspending ball. Correspondingly, if the mini window is currently positioned in the upper left area or the lower left area of the screen, namely, the direction in which the mini window is currently positioned in the horizontal direction is left, if the user executes the left swing operation of the mini window, the mini window is switched into a suspension ball; if the user executes the swing operation on the right side of the mini window, the mini window is not switched to the suspension ball. Specifically, if the electronic device detects that the user presses an arbitrary position of the mini window and slides, the sliding direction is consistent with the direction of the mini window in the current horizontal direction, and the user release speed exceeds the swing speed threshold, the electronic device switches the mini window into the suspension ball.

Optionally, the position of the floating ball display may be determined according to a flick track of a flick operation of the mini window by the user. In a specific embodiment, the dropping point of the suspension ball is located such that the center point of the mini-window extends along the swing track to the intersection point with the edge of the screen, and the position of the suspension ball in the screen coincides with the swing direction (leftward or rightward). The falling point position refers to the intersection point of the edge of the U-shaped opening side of the suspension ball and the transverse midline of the suspension ball. Specifically, if the direction of the swing operation of the mini window is rightward, the suspension ball is displayed on the right side of the screen; if the direction of the mini window swing operation is leftward, the suspension ball is displayed on the left side of the screen.

Optionally, the user does not operate the suspension ball within a preset time period, and can hide and display the suspension ball. The preset time period may be, for example, 5s. The hidden display means that a half of the circular portion of the U-shaped suspending ball near the inner side of the screen is displayed at the edge of the screen, and the opacity of the suspending ball is reduced. Therefore, the influence of the suspension ball on other operations of the user can be reduced, and the user experience is improved.

Optionally, when the user clicks the hidden display suspension ball, the hidden display suspension ball is first restored to the normal display suspension ball (i.e., the U-shaped suspension ball), and then enters the suspension window. The whole process can be smoothly transited, the dynamic effect display effect is achieved, and the interaction effect of the electronic equipment and the user is improved.

Optionally, after the mini window running a certain APP is switched to the hover ball, if the user clicks the desktop icon of the APP, the hover ball expands to be full screen.

Fig. 26 is a schematic diagram illustrating interface change in a switching process of a mini-window and a suspension ball according to an embodiment of the present application. Continuing with the memo as an example, as shown in fig. 26 (a), the current memo is run in a mini window, which is displayed at a preset position in the upper right area of the screen. When the user performs the flick operation on the right side of the mini window, the flick trajectory is as shown at 2601 in fig. 26 (a), the mini window is switched to a hover ball, and the landing position 2602 of the hover ball (the intersection of the edge 2605 of the U-shaped opening side of the hover ball and the lateral centerline 2604 of the hover ball) is the intersection 2603 of the flick trajectory 2601 and the right edge of the screen, i.e., the point 2602 coincides with the point 2603, as shown in fig. 26 (b). If the user 5s does not operate the suspension ball, the suspension ball is hidden and displayed as shown in fig. 26 (c). After that, the user clicks the hidden display floating ball, and the hidden display floating ball is restored to the normal display floating ball, as shown in (d) of fig. 26, and then enters the floating window, as shown in (e) of fig. 26.

The window display method provided by the embodiment can switch the mini window into the suspension ball, is convenient for a user to further reduce the mini window, reduces the influence on other operations of the user, and improves the user experience. In addition, it can be understood that when a user operates the suspension ball, the user generally needs to check or operate the interface of the APP, and under the condition that the user clicks the suspension ball, the suspension window is unfolded by default by the method provided by the embodiment of the application, so that the user can check and operate the interface conveniently, the conventional use scene is met, the use convenience of the user is improved, and further the user experience is improved.

5) Switching between mini window and floating window

In one embodiment, the mini-window may be switched to the floating window by clicking any position of the mini-window while the mini-window is displayed in a predetermined position. Specifically, when the electronic device detects that the user clicks any position of the mini window, the mini window is unfolded into a floating window.

Optionally, if the APP running on the mini window does not run on the floating window before entering the mini window in the current running process, the floating window may be displayed at a default display position after the mini window is unfolded into the floating window, for example, in a middle position of the screen, so that a center point of the floating window coincides with a center point of the screen.

Optionally, if the APP running on the mini window runs on the floating window before entering the mini window in the current running process, the floating window can be displayed at the last display position after the mini window is unfolded into the floating window, that is, the original floating window is restored. For example, in the APP current running process, the APP current running process runs on the floating window, then drags the floating window, moves the position of the floating window, then executes the floating window bottom up-sliding operation to enter the mini window, and when the mini window is clicked to enter the floating window, the floating window can be displayed at the position after the last movement.

Fig. 27 is a schematic diagram illustrating interface change in a switching process between a mini-window and a floating window according to an embodiment of the present application. Continuing with the memo as an example, as shown in fig. 27 (a), the current memo is run in a mini window, which is displayed at a preset position in the upper right area of the screen. If the memo is not running in the floating window during the running process, the user clicks the mini window, the mini window is unfolded into the floating window, and the floating window is displayed at a default position, as shown in the (b) diagram of fig. 27.

Fig. 28 is a schematic diagram illustrating interface change of a switching process between a mini-window and a floating window according to another embodiment of the present application. Continuing with the memo as an example, as shown in fig. 28 (a), the user opens the memo suspension window. After that, the user moves the position of the floating window by the floating window top bar drag operation, and displays the floating window in the upper right area of the screen, as shown in fig. 28 (b). Then, the user enters the mini-window by a floating window bottom up operation, as shown in fig. 28 (c). In this case, if the user clicks an arbitrary position of the mini window, the mini window is expanded into a floating window, and the floating window is displayed at the position displayed last time, as shown in the (d) diagram of fig. 28. As can be seen from the figure, in the (d) view of fig. 28, the position of the floating window display after the mini-window is unfolded into the floating window is the same as the position of the (b) view of fig. 28.

According to the window display method, the mini window can be switched into the floating window, a user can conveniently enter the floating window from the mini window, a control in a user operation interface can be conveniently operated, the mini window can be switched into the floating window through clicking operation, operation is simple and convenient, and user experience is improved. Moreover, under the condition that the APP operates on the floating window, the floating window can be displayed at the last display position after the mini window is unfolded into the floating window, so that the operation result of a user can be memorized, the use habit of the user is met, and the user experience is further improved.

6) Exchange of APP in mini window and full screen window

In one embodiment, when a mini window and a full screen window are displayed in the interface, a first APP is operated in the mini window, a second APP is operated in the full screen window, if the user double clicks any position in the mini window, the APPs operated in the mini window and the full screen window are interchanged, namely, the first APP is operated in the full screen window, and the second APP is operated in the mini window.

Exemplary, FIG. 29 is a diagram illustrating an example of a mini-window and a full-screen window according to an embodiment of the present applicationInterface change schematic of the exchange of APP in the mouth. As shown in fig. 29 (a), a mini window and a full screen window are displayed in the current interface, a memo is run in the mini window, and a full screen window is run

When the user double clicks any position of the mini window, the electronic device will +.>

Running in the mini window, running the memo in the full screen window, and realizing the exchange of APP in the mini window and the full screen window, as shown in (b) diagram in fig. 29.

The embodiment provides a window display method, a user can exchange APP in a mini window and a full-screen window through double-click operation, and the window display method is simple and convenient, can be applied to various application scenes, and is high in applicability.

7) Movement and exit of mini-window

As described in the above embodiments, the mini-window may be displayed at a preset position of an upper left region, an upper right region, a lower left region, or a lower right region of the screen. As shown in fig. 5, the screen is divided into four regions by a horizontal centerline 501 and a vertical centerline 502 of the screen: the mini window may be displayed at a preset position in the upper left region, the upper right region, the lower left region, or the lower right region.

In one embodiment, after a certain mini-window is displayed at a certain preset position, the user may also move the mini-window to another preset position by slowly dragging the mini-window operation or rapidly sliding the mini-window operation.

Specifically, in one possible implementation manner, if the electronic device detects that the user drags the mini window, the user leaving-hand speed does not exceed the drag speed threshold, and the user leaving-hand position is located in one of the other three areas except the current area where the mini window is located, the mini window is displayed in a preset position in the leaving-hand area. During the drag process, the mini window follows the finger movement. If the user hand-leaving speed is smaller than the dragging speed threshold value and the user hand-leaving position is located in the current mini window area, the mini window is rebounded to the original position.

Exemplary, fig. 30 is a schematic diagram illustrating interface changes during a mobile mini-window according to an embodiment of the present application. As shown in fig. 30 (a), the mini-window is located in the upper right region, and when the user drags the mini-window to the left and the finger leaves the screen without exceeding the horizontal centerline 501 and without exceeding the vertical centerline 502, i.e., the user leaves the hand in the upper left region and the speed of the hand is less than the drag speed threshold, the electronic device displays the mini-window in the upper left region as shown in fig. 30 (b). Similarly, the user may drag down, or drag down to the left, to move the mini-window to a position in the lower left or lower right region, which will not be described again.

Fig. 31 is a schematic diagram illustrating interface changes during another mobile mini-window according to an embodiment of the present application. As shown in fig. 31 (a), the mini-window is located at a position in the upper right region, when the user drags the mini-window to the left and the user's finger leaves the screen without exceeding the vertical centerline 502 and without exceeding the horizontal centerline 501, i.e., the user's off-hand position is located in the upper right region and the off-hand speed is less than the drag speed threshold, the electronic device rebounds the mini-window to the original position, i.e., the preset position in the upper right region, as shown in fig. 31 (b).

In another possible implementation, if the electronic device detects that the user drags the mini window and the user's hand-away speed exceeds the fast-sliding speed threshold, the electronic device determines that the user is performing the fast-sliding mini window operation, and displays the mini window at a preset position in an area corresponding to the sliding track of the user's finger. The area corresponding to the sliding track refers to: connecting a starting point and a finishing point of the sliding operation of the user into a straight line, extending the straight line to one side where the finishing point is located, and obtaining a region where an intersection point of the extended straight line and the edge of the screen is located as a region corresponding to the sliding track.

Fig. 32 is a schematic diagram illustrating interface changes during a mobile mini-window according to another embodiment of the present application. As shown in fig. 32 (a), the mini window is located at a position in the upper right region, and if the user drags the mini window to the left and down a certain distance and then leaves the hand, the sliding speed is greater than or equal to the fast sliding speed threshold when leaving the hand, and the finger sliding track is shown as 3201 in fig. 32 (a), the electronic device displays the mini window at a preset position in the region corresponding to the user finger sliding track, that is, at a position in the lower left region, as shown in fig. 32 (b).

In yet another possible embodiment, if the electronic device detects that the user drags the mini window, the user leaving speed is less than the fast sliding speed threshold and greater than or equal to the drag speed threshold, and the user finger sliding distance exceeds the first preset distance, the electronic device displays the mini window at a preset position in the area corresponding to the user finger sliding track. The finger sliding distance may be a straight line distance, that is, a length of a line connecting a start point and an end point of finger sliding. The first preset distance may be, for example, 100dp. If the sliding speed of the user when the user leaves the hand is smaller than the fast sliding speed threshold value and larger than or equal to the dragging speed threshold value, and the sliding distance of the finger of the user does not exceed the first preset distance, the electronic equipment rebounds the mini window to the original position.

Fig. 33 is a schematic diagram illustrating interface changes during a mobile mini-window according to another embodiment of the present application. As shown in fig. 33 (a), if the mini window is located at a position in the upper right region, and the user drags the mini window downward a certain distance and then leaves the hand, the sliding speed is less than the fast sliding speed threshold but greater than or equal to the drag speed threshold, the finger sliding track is shown as 3301 in fig. 33 (a), the finger sliding distance m1 exceeds the first preset distance, and the electronic device displays the mini window at a preset position in the region corresponding to the finger sliding track of the user, that is, at a position in the lower right region, as shown in fig. 33 (b).

Fig. 34 is a schematic diagram illustrating interface changes during a mobile mini-window according to another embodiment of the present application. As shown in fig. 34 (a), if the mini window is located at a position in the upper right region, and the user drags the mini window downward a certain distance and then leaves the hand, the sliding speed is less than the fast sliding speed threshold but greater than or equal to the drag speed threshold, the finger sliding track is shown as 3401 in fig. 34 (a), the finger sliding distance m2 is less than the first preset distance, and the electronic device rebounds the mini window to a preset position before dragging, i.e., a position in the upper right region, as shown in fig. 34 (b).

In one embodiment, when the mini-windows are moved in the above manner for an electronic device with a number of two or more floating type windows, if the positions displayed by the mini-windows already exist after the movement, the positions of the two mini-windows are interchanged.

Exemplary, fig. 35 is a schematic diagram illustrating interface changes during a mobile mini-window according to an embodiment of the present application. As shown in fig. 35 (a), a mini window of a memo is displayed at a preset position of an upper left area of the tablet pc, and an upper right area is displayed

Is a mini window of (c). When the user drags left in the upper right area +. >

And leaves the hand at a position in the upper left region at a speed less than the drag speed threshold. The electronic device exchanges the positions of the two mini windows, i.e., displays the mini window of the memo originally displayed in the upper left area in the upper right area, and displays +_ originally displayed in the upper right area>

Is displayed in the upper left area as shown in fig. 35 (b).

It should be noted that, fig. 35 is only an example of a slow drag mode, and other moving modes provided in the above embodiment are also applicable when the mini-window position is switched, and are not repeated.

In one embodiment, the user may exit the mini-window by sliding the mini-window up or down. Exiting the mini-window closes the mini-window and closes the APP running in the mini-window.

Specifically, for a mini window displayed in the upper half of the screen (i.e., the portion above the horizontal center line of the screen), i.e., the mini window located in the upper left or upper right region, if the electronic device detects that the user presses the mini window and slides upwards beyond a second preset distance, and the speed of leaving the hand is greater than the exit speed threshold, the mini window is exited; if the user presses the mini-window and slides upward, but the sliding distance does not exceed the second preset distance, or the hands-free speed is less than or equal to the exit speed threshold, the mini-window rebounds back to the original position. The second preset distance may be equal to the first distance or may be unequal to the first distance. The exit speed threshold may or may not be equal to the drag speed threshold.

For the mini window displayed in the lower half of the screen (i.e. the part below the horizontal midline of the screen), i.e. the mini window located in the lower left or lower right region, if the electronic device detects that the user presses the mini window and slides downward beyond a second preset distance, and the speed of leaving the hand is greater than the exit speed threshold, exiting the mini window; if the user presses the mini-window and slides down, but the sliding distance does not exceed the second preset distance, or the hands-free speed is less than or equal to the exit speed threshold, the mini-window rebounds back to the original position.

Exemplary, fig. 36 is a schematic diagram illustrating an interface change during exiting of a mini-window according to an embodiment of the present application. As shown in fig. 36 (a), the mini-window is located in the upper right region, and when the user slides the mini-window upward and the sliding distance m3 exceeds the second preset distance, the hands-off speed is greater than the exit speed threshold, and the electronic device exits the mini-window, as shown in fig. 36 (b).

Exemplary, fig. 37 is a schematic diagram of an interface change during exiting a mini-window according to another embodiment of the present application. As shown in fig. 37 (a), the mini-window is located at a position in the lower left area, and when the user slides down the mini-window and the sliding distance m4 exceeds the second preset distance, the hands-off speed is greater than the exit speed threshold, and the electronic device exits the mini-window, as shown in fig. 37 (b).

The window display method provided by the embodiment can realize movement, closing or position exchange and the like of the mini window in a dragging or sliding mode, and the whole process is simple and convenient because a user only needs one step of operation, so that the use convenience of the user is improved, and the user experience is further improved.

Examples of the window display method provided in the embodiments of the present application are described above in detail. It will be appreciated that the electronic device, in order to achieve the above-described functions, includes corresponding hardware and/or software modules that perform the respective functions. Those of skill in the art will readily appreciate that the elements and algorithm steps of the examples described in connection with the embodiments disclosed herein may be implemented as hardware or combinations of hardware and computer software. Whether a function is implemented as hardware or computer software driven hardware depends upon the particular application and design constraints imposed on the solution. Those skilled in the art may implement the described functionality using different approaches for each particular application in conjunction with the embodiments, but such implementation is not to be considered as outside the scope of this application.

The embodiment of the present application may divide the functional modules of the electronic device according to the above method examples, for example, may divide each function into each functional module corresponding to each function, for example, a detection unit, a processing unit, a display unit, or the like, or may integrate two or more functions into one module. The integrated modules may be implemented in hardware or in software functional modules. It should be noted that, in the embodiment of the present application, the division of the modules is schematic, which is merely a logic function division, and other division manners may be implemented in actual implementation.

It should be noted that, all relevant contents of each step related to the above method embodiment may be cited to the functional description of the corresponding functional module, which is not described herein.

The electronic device provided in this embodiment is configured to execute the window display method, so that the same effects as those of the implementation method can be achieved.

In case an integrated unit is employed, the electronic device may further comprise a processing module, a storage module and a communication module. The processing module can be used for controlling and managing the actions of the electronic equipment. The memory module may be used to support the electronic device to execute stored program code, data, etc. And the communication module can be used for supporting the communication between the electronic device and other devices.

Wherein the processing module may be a processor or a controller. Which may implement or perform the various exemplary logic blocks, modules, and circuits described in connection with this disclosure. A processor may also be a combination that performs computing functions, e.g., including one or more microprocessors, digital signal processing (digital signal processing, DSP) and microprocessor combinations, and the like. The memory module may be a memory. The communication module can be a radio frequency circuit, a Bluetooth chip, a Wi-Fi chip and other equipment which interact with other electronic equipment.

In one embodiment, when the processing module is a processor and the storage module is a memory, the electronic device according to this embodiment may be a device having the structure shown in fig. 3.

The present application also provides a computer readable storage medium, in which a computer program is stored, which when executed by a processor, causes the processor to execute the window display method of any one of the above embodiments.

The present application also provides a computer program product, which when run on a computer, causes the computer to perform the above-mentioned related steps to implement the window display method in the above-mentioned embodiments.

In addition, embodiments of the present application also provide an apparatus, which may be specifically a chip, a component, or a module, and may include a processor and a memory connected to each other; the memory is used for storing computer-executable instructions, and when the device is operated, the processor can execute the computer-executable instructions stored in the memory, so that the chip executes the window display method in each method embodiment.

The electronic device, the computer readable storage medium, the computer program product or the chip provided in this embodiment are used to execute the corresponding method provided above, so that the beneficial effects thereof can be referred to the beneficial effects in the corresponding method provided above, and will not be described herein.

It will be appreciated by those skilled in the art that, for convenience and brevity of description, only the above-described division of the functional modules is illustrated, and in practical application, the above-described functional allocation may be performed by different functional modules according to needs, i.e. the internal structure of the apparatus is divided into different functional modules to perform all or part of the functions described above.

In the several embodiments provided in this application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of modules or units is merely a logical function division, and there may be additional divisions when actually implemented, e.g., multiple units or components may be combined or integrated into another apparatus, or some features may be omitted or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and the parts shown as units may be one physical unit or a plurality of physical units, may be located in one place, or may be distributed in a plurality of different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.

The integrated units, if implemented in the form of software functional units and sold or used as stand-alone products, may be stored in a readable storage medium. Based on such understanding, the technical solution of the embodiments of the present application may be essentially or a part contributing to the prior art or all or part of the technical solution may be embodied in the form of a software product stored in a storage medium, including several instructions to cause a device (may be a single-chip microcomputer, a chip or the like) or a processor (processor) to perform all or part of the steps of the methods of the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read Only Memory (ROM), a random access memory (random access memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

The foregoing is merely specific embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily think about changes or substitutions within the technical scope of the present application, and the changes and substitutions are intended to be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A window display method performed by an electronic device, the method comprising:

the electronic equipment displays a first window in a full screen mode, and an interface of a first application is displayed in the first window;

responding to a first operation acting on a first area at the bottom of a screen of the electronic equipment and moving upwards, wherein the first window moves and shrinks along with the first operation;

responding to the first operation to lift up in a second area in the screen, wherein the first window is reduced to a first size to obtain a second window, the second window is displayed in a floating mode, the interface of the first application is displayed in the second window, the first size is smaller than a second size, and the second size is the size of the first window before reduction;

and responding to a second operation acting on the second window, switching the second window into a third window, wherein the interface of the first application is displayed in the third window, the third window is a floating window, and the third size of the third window is larger than the first size and smaller than the second size.

2. The method of claim 1, wherein after the floating displaying the second window, the method further comprises:

displaying a fourth window in a full screen mode, wherein an interface of the second application is displayed in the fourth window;

and responding to a third operation acted on the second window, displaying the interface of the first application in the fourth window, and displaying the interface of the second application in the second window.

3. The method of claim 1 or 2, wherein the first window is reduced to a first size in response to the first operation lifting up on a second area in the screen, the method further comprising, prior to obtaining a second window:

responding to the touch point of the first operation to enter a third area in the screen, displaying a guide pattern, and enabling the guide pattern to be enlarged along with the first operation at a first speed; wherein at least a portion of the third region is closer to a lower edge of the screen than the second region;

responding to the touch point of the first operation to enter the second area, wherein the guiding pattern is enlarged along with the first operation at a second speed, and the second speed is larger than the first speed;

In response to the first operation being lifted from the second area, the guide pattern disappears.

4. A method according to claim 3, wherein the guide pattern is 1/4 circular, and the center of the guide pattern coincides with the upper left vertex or the upper right vertex of the screen.

5. The method of claim 3 or 4, wherein the third region includes a left third region and a right third region, the displaying the guide pattern comprising:

if the touch point of the first operation enters the third left area, displaying the guide pattern on the left half part of the screen;

and if the touch point of the first operation enters the third right area, displaying the guide pattern on the right half part of the screen.

6. The method of any one of claims 3 to 5, wherein the second region comprises a left second region and a right second region, the left second region being a 1/4 elliptical region centered at an upper left vertex of the screen, the right second region being a 1/4 elliptical region centered at an upper right vertex of the screen, the length of the major half axes of the left second region and the right second region each being less than the height of the screen, the length of the minor half axes of the left second region and the right second region each being less than or equal to 50% of the width of the screen.

7. The method of claim 6, wherein the length of the major half axes of the left and right second regions are each greater than 40% and less than or equal to 50% of the height of the screen; the length of the minor half axis of the left and right second regions is greater than 40% and less than or equal to 50% of the width of the screen.

8. The method of claim 6 or 7, wherein the third region comprises a left third region and a right third region, the left third region being a 1/4 elliptical region centered at an upper left vertex of the screen, the right third region being a 1/4 elliptical region centered at an upper right vertex of the screen, the length of the long half axes of the left third region and the right third region each being less than the height of the screen, the length of the short half axes of the left third region and the right third region each being less than or equal to 50% of the width of the screen, the area of the left third region being greater than the area of the left second region, the area of the right third region being greater than the area of the right second region.

9. The method of claim 8, wherein the length of the major half axes of the left and right third regions are each greater than 50% and less than or equal to 60% of the height of the screen; the length of the minor half axis of the left and right third regions is greater than 40% and less than or equal to 50% of the width of the screen.

10. The method of any one of claims 1 to 9, wherein a target object is included in the interface displayed in the screen, the second window does not overlap with the target object, and the target object includes at least one of a signal bar, a navigation bar, a preset icon, and a soft keyboard.

11. The method of any one of claims 1 to 10, wherein the second region includes a left second region and a right second region, the hovering displaying the second window, comprising:

if the first operation is lifted up in the left second area, the second window is displayed in a suspending mode on the left half part of the screen;

and if the first operation is lifted up in the second right area, displaying the second window in a floating manner on the right half part of the screen.

12. The method according to any one of claims 1 to 11, wherein during the movement and reduction of the first window with the first operation:

when the first proportion is smaller than or equal to the second proportion, the distance between the lower edge of the first window and the touch point of the first operation is equal to a first distance, and the first proportion is the proportion of the distance between the touch point of the first operation and the lower edge of the screen to the height of the screen;

in the case that the first ratio is greater than the second ratio and less than or equal to a third ratio, a distance between a lower edge of the first window and a touch point of the first operation increases with the first operation at a third rate;

in the case that the first ratio is greater than the third ratio and less than or equal to 1, a distance between a lower edge of the first window and a touch point of the first operation increases with the first operation at a fourth rate, and the fourth rate is greater than or equal to the third rate.

13. The method according to any one of claims 1 to 12, further comprising:

and displaying a mask image in the screen in the process that the first window moves and is reduced along with the first operation, wherein the first window is displayed on the upper layer of the mask image in a covering mode.

14. The method of any one of claims 1 to 13, wherein the electronic device supports displaying a fifth window in the screen at the same time, the fifth window being a floating window or a window having the first size and being displayed in a floating manner; before the first window moves and shrinks with the first operation, the method further includes:

and responding to the first operation, and if the fifth window is displayed in the screen, switching the fifth window into a suspension ball.

15. The method of any one of claims 1 to 13, wherein the electronic device supports n fifth windows displayed in the screen at the same time, the fifth windows being floating windows or windows of the first size and floating display, n being an integer greater than or equal to 2;

in response to the first operation, if m fifth windows are displayed in the screen, where m is a positive integer smaller than n, the method further includes, before the first window moves and shrinks with the first operation: hiding m fifth windows; after the floating displaying the second window, the method further includes: displaying m fifth windows;

In response to the first operation, if n fifth windows are displayed in the screen, before the first window moves and shrinks along with the first operation, the method further includes: switching the earliest displayed window in the n fifth windows into a suspension ball, and hiding other windows except the earliest displayed window in the n fifth windows; after the floating displaying the second window, the method further includes: and displaying the other windows.

16. The method of any one of claims 1 to 15, wherein after the floating displaying the second window, the method further comprises:

responsive to a fourth operation acting on the second window and sliding, the second window moves with the fourth operation;

resolving the fourth operation in response to the fourth operation lifting, determining an operation parameter of the fourth operation, the operation parameter including at least one of a lifting position of the fourth operation, a lifting speed of the fourth operation, a sliding direction when the fourth operation is lifted, and a sliding distance of the fourth operation; the sliding distance of the fourth operation refers to a distance between a touch point when the fourth operation is pressed and a touch point when the fourth operation is lifted;

And displaying the second window or exiting the second window or switching the second window into a suspending ball according to the operation parameters.

17. The method of claim 16, wherein the screen is divided into a plurality of regions, the displaying the second window according to the operating parameter comprises:

determining a fourth region among the plurality of regions according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation;

and displaying the second window in the fourth area.

18. The method of claim 17, wherein determining a fourth zone among the plurality of zones according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation comprises:

and if the lifting speed of the fourth operation is smaller than the first speed threshold value, determining the area where the lifting position of the fourth operation is located as the fourth area.

19. The method of claim 17, wherein determining a fourth zone among the plurality of zones according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation comprises:

If the lifting speed of the fourth operation is greater than or equal to the first speed threshold and less than the second speed threshold, and the sliding distance of the fourth operation is greater than the second distance, determining a region corresponding to the sliding track of the fourth operation as the fourth region; the area corresponding to the sliding track of the fourth operation is an area where an intersection point between the touch point when the fourth operation is pressed and the edge of the screen is located after the touch point when the fourth operation is lifted is connected with the touch point when the fourth operation is lifted and the connection line is extended to the direction where the touch point when the fourth operation is lifted is located;

and if the lifting speed of the fourth operation is greater than or equal to the first speed threshold and less than the second speed threshold, and the sliding distance of the fourth operation is less than or equal to the second distance, determining a fifth area as the fourth area, wherein the fifth area is the area where the second window is located before the fourth operation is pressed.

20. The method of claim 17, wherein determining a fourth zone among the plurality of zones according to at least one of a lifting speed of the fourth operation, a lifting position of the fourth operation, and a sliding distance of the fourth operation comprises:

If the lifting speed of the fourth operation is greater than or equal to a second speed threshold, determining a region corresponding to the sliding track of the fourth operation as the fourth region; the area corresponding to the sliding track of the fourth operation is an area where an intersection point between the touch point when the fourth operation is pressed and the edge of the screen is located after the touch point when the fourth operation is lifted is connected with the touch point when the fourth operation is lifted and the connection line extends in the direction where the touch point when the fourth operation is lifted is located.

21. The method of any one of claims 17 to 20, wherein the electronic device supports n fifth windows displayed in the screen at the same time, the fifth windows being floating windows or windows of the first size and floating display, n being an integer greater than or equal to 2; the method further comprises, before the second window is displayed in the fourth area:

and if the fifth window is displayed in the fourth area, displaying the fifth window in a fifth area, wherein the fifth area is an area where the second window is located before the fourth operation is pressed.

22. The method of claim 16, wherein the screen is divided into a plurality of regions, a dividing line of the plurality of regions including a first line, the second window being positioned in a first direction of the first line, the exiting the second window according to the operating parameter comprising:

And if the lifting speed of the fourth operation is greater than or equal to a third speed threshold, the sliding distance of the fourth operation is greater than or equal to a third distance, and the sliding direction of the fourth operation when lifted is the first direction, the second window is withdrawn.

23. The method of claim 22, wherein the first line is a lateral midline of the screen and the first direction is above or below.

24. The method of claim 16, wherein said switching the second window to a hover sphere according to the operating parameter comprises:

and if the sliding direction of the fourth operation when lifted is the second direction and the lifting speed of the fourth operation is greater than a fourth speed threshold, determining a floating ball display position according to the sliding direction of the fourth operation when lifted, switching the second window into the floating ball, and displaying the floating ball at the floating ball display position.

25. The method of any one of claims 1 to 24, wherein after the switching the second window to a third window, the method further comprises:

responding to a fifth operation of acting on a seventh area at the bottom of the third window or acting on a first control at the bottom of the third window and sliding upwards, wherein the third window moves and shrinks along with the fifth operation;

And responding to the fifth operation to lift up in a sixth area in the screen, wherein the lifting speed of the fifth operation is smaller than or equal to a fifth speed threshold value, switching the third window into the second window, displaying the second window in a floating mode, and displaying the interface of the first application in the second window.

26. The method of any one of claims 1 to 24, wherein after the switching the second window to a third window, the method further comprises:

responding to a sixth operation of a second control acting on the top of the third window and moving, wherein the third window moves along with the sixth operation;

and responding to the sixth operation to lift up in a seventh area in the screen, switching the third window into the second window, and displaying the second window in a floating manner, wherein the interface of the first application is displayed in the second window.

27. The method of any one of claims 1 to 24, wherein after the switching the second window to a third window, the method further comprises:

responding to a seventh operation acting on any angle of the third window and stretching towards the direction where the third window is located, wherein the third window is contracted along with the seventh operation;

And responding to the seventh operation, lifting, and reducing the third window to be smaller than or equal to a fourth size, switching the third window into the second window, displaying the second window in a floating mode, wherein the second window displays the interface of the first application, and the fourth size is smaller than the third size.

28. A window display method performed by an electronic device, the method comprising:

the method comprises the steps that a first window is displayed on a screen of the electronic equipment, an interface of a first application is displayed in the first window, and the first window is a floating window;

responding to a first operation acted on the first window, wherein the first window is subjected to a first change along with the first operation; the first variation includes at least one of a movement and a zoom out;

and responding to the first operation lifting, if a preset condition is met, switching the first window into a second window with a first size, displaying the second window in a floating mode, wherein the second window is provided with an interface for displaying the first application, the first size is smaller than a second size, the second size is the size of the first window before the first change occurs, the preset condition comprises that the first operation lifting up a first area in the screen, or the first window is reduced to be smaller than or equal to a third size, and the third size is smaller than the second size.

29. The method of claim 28, wherein the step of providing the first information comprises,

the first operation is a first sliding operation which acts on a second area at the bottom of the first window or acts on a first control at the bottom of the first window and slides upwards, the first change comprises moving and shrinking, and the preset condition is that the first operation is lifted in the first area and the lifting speed of the first operation is smaller than or equal to a first speed threshold value;

or the first operation is a second drag operation which acts on a second control at the top of the first window and moves, the first change comprises movement, and the preset condition is that the first operation is lifted in the first area;

or the first operation is a third drag operation acting on any angle of the first window and stretching towards the direction where the first window is located, the first change comprises shrinking, and the preset condition is that the first window is shrunk to be smaller than or equal to the third size.

30. The method of claim 29, wherein the first operation is the first sliding up operation or the second dragging operation, the preset condition includes that the first operation is lifted up in the first area, and the method further comprises, before switching the first window to the second window of the first size if the preset condition is met in response to the lifting up of the first operation:

Responding to the touch point of the first operation to enter a second area in the screen, displaying a guide pattern, and enabling the guide pattern to be enlarged along with the first operation at a first speed; wherein at least a portion of the second region is closer to a lower edge of the screen than the first region;

responding to the touch point of the first operation to enter the first area, wherein the guiding pattern is enlarged along with the first operation at a second speed, and the second speed is larger than the first speed;

in response to the first operation being lifted from the first region, the guide pattern disappears.

31. The method of claim 30, wherein the first operation is the first up-slide operation, the first region comprising a left first region and a right first region, the left first region being a 1/4 elliptical region centered at the upper left vertex of the screen, the right first region being a 1/4 elliptical region centered at the upper right vertex of the screen, the length of the long half-axes of the left first region and the right first region each being less than or equal to a first height, the length of the short half-axes of the left first region and the right first region each being less than or equal to 50% of the width of the screen; the first height refers to a height of a lower edge of the first window from an upper edge of the screen before the first change occurs.

32. The method of claim 31, wherein the length of the major half axes of the left and right first regions are each greater than 70% and less than or equal to 80% of the first height; the length of the minor half axis of the left side first region and the right side first region is greater than 40% and less than or equal to 50% of the width of the screen.

33. The method of claim 31 or 32, wherein the second region comprises a left second region and a right second region, the left second region being a 1/4 elliptical region centered at an upper left vertex of the screen, the right second region being a 1/4 elliptical region centered at an upper right vertex of the screen, the length of the major half axes of the left second region and the right second region each being less than or equal to the first height, the length of the minor half axes of the left second region and the right second region each being less than or equal to 50% of the width of the screen, the area of the left second region being greater than the area of the left first region, the area of the right second region being greater than the area of the right first region.

34. The method of claim 33, wherein the length of the major half axes of the left and right second regions are each greater than 90% and less than or equal to the first height; the length of the minor half axis of the left and right second regions is greater than 40% and less than or equal to 50% of the width of the screen.

35. The method of claim 30, wherein the first operation is the second drag operation, the first region comprises a left first region and a right first region, the left first region is a 1/4 circular region centered at an upper left vertex of the screen, the right first region is a 1/4 circular region centered at an upper right vertex of the screen, and a radius of each of the left first region and the right first region is less than 50% of a width of the screen.

36. The method of claim 35, wherein the radius of the left and right first regions is greater than 25% and less than or equal to 35% of the width of the screen.

37. The method of claim 35 or 36, wherein the second region comprises a left second region and a right second region, the left second region being a 1/4 elliptical region centered at an upper left vertex of the screen, the right second region being a 1/4 elliptical region centered at an upper right vertex of the screen, the length of the long half axes of the left second region and the right second region each being less than 50% of the height of the screen, the length of the short half axes of the left second region and the right second region each being less than 50% of the width of the screen, the area of the left second region being greater than the area of the left first region, the area of the right second region being greater than the area of the right first region.

38. The method of claim 37, wherein the length of the major half axis of the left and right second regions is greater than 20% and less than or equal to 30% of the height of the screen, and the length of the minor half axis of the left and right second regions is greater than 25% and less than or equal to 35% of the width of the screen.

39. The method of claim 29, wherein the first operation is the third drag operation, and the hovering displaying the second window comprises:

if the dragging angle is the left angle of the first window, suspending and displaying the second window on the left half part of the screen; the drag angle refers to an angle of the first window dragged by the third drag operation;

and if the drag angle is the right angle of the first window, suspending and displaying the second window on the right half part of the screen.

40. The method of claim 29, wherein the first operation is the second drag operation, the first change comprises moving and zooming out, the preset condition comprises the first operation lifting above the first area, the responding to the first operation acting on the first window, the first window undergoing a first change with the first operation, comprising:

Responsive to the first operation, the first window moves with the first operation;

responding to the touch point of the first operation to enter the first area, and shrinking the first window to the first size;

the first window of the first size is moved following the first operation.

41. The method of claim 29, wherein the first operation is the first up-slide operation, the method further comprising:

responding to the first operation lifting, and if the first operation lifting is out of the first area and the lifting speed of the first operation is smaller than or equal to the first speed threshold value, restoring to display the first window before the first change occurs; and closing the first window if the first operation is lifted out of the first area and the lifting speed of the first operation is greater than the first speed threshold.

42. The method of claim 29, wherein the first operation is the third drag operation, the method further comprising:

and responding to the first operation lifting, and if the current size of the first window is larger than the third size and smaller than a fourth size, displaying the first window with the fourth size, wherein the fourth size is larger than the second size and smaller than the third size.

43. An electronic device, comprising: a processor, a memory, and an interface;

the processor, the memory and the interface cooperate to cause the electronic device to perform the method of any one of claims 1 to 42.

44. A computer readable storage medium, wherein a computer program is stored in the computer readable storage medium, which when executed by a processor causes the processor to perform the method of any one of claims 1 to 42.