WO2023160349A1

WO2023160349A1 - Display method and related apparatus

Info

Publication number: WO2023160349A1
Application number: PCT/CN2023/074261
Authority: WO
Inventors: 魏康明; 叶晓贞
Original assignee: 华为技术有限公司
Priority date: 2022-02-22
Filing date: 2023-02-02
Publication date: 2023-08-31
Also published as: CN116679893A

Abstract

Disclosed in the present application are a display method and a related apparatus. When a rollable screen of an electronic device is in a first state, a visible display area of the rollable screen comprises a first area; when the rollable screen is in a second state, the visible display area of the scroll screen comprises the first area and a second area. When the rollable screen of the electronic device is in the first state, a first page and first content are displayed in the first area. After receiving a first input about the first content, the electronic device may switch the rollable screen from the first state to the second state, display the first page in the first area, and display the second page in the second area, or, display the second page in the first area, and display the first page in the second area. Therefore, a user does not need to manually unroll the rollable screen, and the electronic device can automatically unroll the rollable screen on the basis of the input of the user, and displays corresponding content in each display area of the unrolled rollable screen.

Description

A display method and related device

This application claims the priority of the Chinese patent application with the application number 202210163674.8 and the application title "A Display Method and Related Device" filed with the China Patent Office on February 22, 2022, the entire contents of which are incorporated by reference in this application .

technical field

The present application relates to the technical field of terminals, and in particular to a display method and related devices.

Background technique

With the continuous development of electronic devices, more and more electronic devices with display screens are used in people's daily life and work, such as mobile phones with display screens. And with the development of screen technology, the display screens of electronic devices are becoming larger and larger, so as to provide users with richer information and bring users a better experience. However, the display screen of an electronic device is too large, which seriously affects its portability.

Electronic devices equipped with folding screens (such as folding screen mobile phones) and electronic devices equipped with scrolling screens (such as scrolling screen mobile phones) have been proposed in recent years. Not only has a larger display screen, but also is convenient for users to carry. At present, the scroll screen can hide the screen in the electronic device, which is easy to carry. When the screen needs to be unfolded, the screen can be completely unfolded by a motor or external force. However, currently there is no display method for different screen states of the scroll screen.

Contents of the invention

The present application provides a display method and a related device. When the scroll screen of an electronic device is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state, the visible display area of the scroll screen includes the second area. area one and area two. When the scrolling screen of the electronic device is in the first state, the first page and the first content are displayed in the first area. After receiving the first input for the first content, the electronic device may switch the scrolling screen from the first state to the second state, display the first page in the first area, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area.

By implementing the display method provided by the present application, the user does not need to manually unfold the scrolling screen, and the electronic device can automatically unfold the scrolling screen based on the user's input, and display corresponding content in each display area of the unfolded scrolling screen.

In a first aspect, the present application provides a display method applied to an electronic device including a scroll screen, including: when the scroll screen is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state , the visible display area of the scroll screen includes a first area and a second area, and the visible display area of the scroll screen in the second state is larger than the visible display area of the scroll screen in the first state; the method includes:

When the scroll screen is in the first state, the electronic device displays a first page and a first window in the first area, the first page is the interface of the first application, and the first window is the window of the second application;

After the electronic device receives the first input for the first window, switch the scrolling screen from the first state to the second state;

When the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page in the second area, and the second page is the interface corresponding to the first window; or, the electronic device displays the second page in the first area. There are two pages and the first page is displayed in the second area, and the second page is the interface of the second application.

In this way, after receiving the user's input on the first window, the electronic device can automatically switch the scroll screen from the unexpanded state to the half-expanded state or the fully-expanded state without the need for the user to unfold the scroll screen, and can be in the half-expanded state or the fully-expanded state. completely The first page and the second page are simultaneously displayed on the scroll screen in the unfolded state.

In a possible implementation manner, before switching the scroll screen from the first state to the second state, the method further includes: the electronic device displays first prompt information, and the first prompt information is used to prompt the user whether to switch the scroll screen from the first state to the second state. A state is switched to a second state. In this way, the user may be prompted that the scroll screen will switch from the first state to the second state.

In a possible implementation manner, when the electronic device displays the first prompt information, it also displays a determination control; switching the scroll screen from the first state to the second state specifically includes: the electronic device receives a confirmation control After the second input, in response to the second input, the display of the first prompt information is cancelled, and the scroll screen is switched from the first state to the second state. In this way, the electronic device can confirm whether to unfold the scrolling screen based on the user input, so as to avoid the situation of accidentally touching to unfold the scrolling screen.

In a possible implementation manner, switching the scroll screen from the first state to the second state specifically includes: canceling the display of the first prompt information after the electronic device displays the first prompt information for a first duration, and turning the scroll The screen switches from the first state to the second state. In this way, the user can unfold the scrolling screen without clicking the confirmation button. Optionally, when the electronic device displays the first prompt information, it may also display a cancel expansion control, which can be used to trigger the electronic device to cancel displaying the first prompt information and keep the scrolling screen in the first state.

In a possible implementation manner, the first application is the same as the second application; or, the first application is different from the second application. In this way, the electronic device can simultaneously display two pages of the same application or two pages of different applications in the scrolling screen in the second state.

In a possible implementation manner, the second state includes a half-expanded state or a fully-expanded state, wherein the visible display area of the scrolling screen in the fully-expanded state is larger than the visible display area of the scrolling screen in the half-expanded state, and the half-expanded state The visible display area of the scroll screen in the state is larger than the visible display area of the scroll screen in the first state. In some embodiments, the first state is the initial state of the scroll screen, and the scroll screen in the first state only displays one page, and the second state includes two states, wherein the fully unfolded state is the final state of the scroll screen , the scroll screen in the fully expanded state displays 2 pages, the half-expanded state is an intermediate state between the first state and the fully expanded state, and the scroll screen in the half-expanded state displays 1 page and a part of another page, Or, another minified page. In this way, the electronic device can flexibly display the application interface.

In a possible implementation manner, when the electronic device is in a half-expanded state; the method further includes:

the electronic device displays the second page in the first area and displays the portion of the first page in the second area; or,

the electronic device displays a first page in a first area and a portion of a second page in a second area; or,

The electronic device displays the second page in the first area, and displays the first page shrunk in the scrolling screen expansion direction in the second area; or,

The electronic device displays the first page in the first area, and displays the second page shrunk in the direction in which the scrolling screen unfolds in the second area.

In a possible implementation manner, the first input is an input of dragging the first content in a first direction or a second direction, the first direction is a direction in which the scrolling screen is unfolded, and the second direction is a direction in which the scrolling screen is retracted.

In a possible implementation manner, the first area is always displayed on the side of the visible display area in the second direction; if the first input is an input to drag the first window in the first direction, when the scrolling screen is in the second state, The electronic device displays the first page in the first area and the second page in the second area; or, if the first input is an input for dragging the first window to the second direction, when the scroll screen is in the second state, the electronic device The second page is displayed in the first area and the first page is displayed in the second area. In this way, the electronic device can determine the display areas of the first page and the second page based on different inputs of the user.

Similarly, when the first area is always displayed on the side of the visible display area in the first direction, if the first input is an input to drag the first window in the first direction, when the scrolling screen is in the second state, the electronic device displaying the second page in one area and displaying the first page in the second area; or, if the first input is an input for dragging the first window to the second direction, when the scrolling screen is in the first In the second state, the electronic device displays the first page in the first area and the second page in the second area. In this way, the electronic device can determine the display areas of the first page and the second page based on different inputs of the user.

In a possible implementation manner, the first input is a drag input for the first window; receiving the first input for the first window by the electronic device specifically includes: receiving the drag input for the first window by the electronic device During the process, the hot zone for expansion is displayed; the electronic device detects that the first window is dragged into the hot zone for expansion; the hot zone for expansion displays the function introduction information of the hot zone for expansion. In this way, it is possible to prevent the user from accidentally touching the first window and unfolding the scrolling screen.

In a possible implementation manner, when the electronic device receives a drag input for the first window, the electronic device replaces the first window with the specified icon. In this way, it is convenient for the user to drag the specified icon to the vicinity of the expansion hot zone.

In a possible implementation manner, after the electronic device receives the first input for the first window, the method further includes:

In response to the first input, the electronic device displays a first scroll expansion control and a second scroll expansion control;

Switch the scroll screen from the first state to the second state, including:

After the electronic device receives the third input for the first scroll expansion control, in response to the third input, the scroll screen is switched from the first state to the second state, and when the scroll screen is in the second state, in the first area Display the first page, and display the second page in the second area;

Or, after the electronic device receives the fourth input for the second scroll expansion control, in response to the fourth input, the scroll screen is switched from the first state to the second state, and when the scroll screen is in the second state, at the One area displays the second page, and the second area displays the third page. In this way, the electronic device can receive the user's input for different scroll expansion controls, and determine the display areas of the first page and the second page.

In a possible implementation manner, the first window includes a scroll expansion control; the first input is an input for the scroll expansion control.

In a possible implementation manner, the first window includes a first scroll expansion control and a second scroll expansion control; after the electronic device receives the first input for the first window, it switches the scroll screen from the first state to the second scroll screen. status, including:

After the electronic device receives the user's first input for the first scroll expansion control, in response to the first input, the scroll screen is switched from the first state to the second state, and when the scroll screen is in the second state, in the first The first page is displayed in the area, and the second page is displayed in the second area;

Or, after the electronic device receives the user's first input for the second scrolling control, in response to the first input, the scrolling screen is switched from the first state to the second state, and when the scrolling screen is in the second state, the The first area displays the second page, and the second area displays the third page.

In a possible implementation manner, when the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page corresponding to the first window in the second area, or the electronic device displays After the region displays the second page and after the second region displays the first page, the method further includes:

After the electronic device receives the fifth input that the user opens the third page, in response to the fifth input, the electronic device displays the first page, the second page and the third page in split screens on the visible display area of the scrolling screen. In this way, the electronic device can simultaneously display three pages on the fully unfolded scroll screen.

the electronic device receives a sixth input;

In response to the sixth input, the scroll screen is switched from the second state to the first state, and when the scroll screen is in the first state, the first page or the second page is displayed. In this way, the electronic device can automatically retract the scroll screen without the need for the user to manually retract the scroll screen.

In a possible implementation manner, when the scrolling screen is in the second state, the electronic device divides the visible display area into the first area and the second area through the separation line, and the sixth input is an input for the separation line.

In a possible implementation manner, the first area is always displayed on the second direction side of the visible display area; when the electronic device is in the second state, the first page is displayed in the first area and the first window is displayed in the second area For the corresponding second page, if the sixth input is an input for dragging the dividing line in the first direction, when the scrolling screen is in the first state, the electronic device displays the first page in the first area; or,

When the electronic device is in the second state, the first page is displayed in the first area and the second page corresponding to the first window is displayed in the second area. When the screen is in the first state, the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area, if the sixth input is an input for dragging the dividing line in the first direction, when the scroll screen is in the first state , the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area, if the sixth input is an input for dragging the dividing line in the second direction, when the scroll screen is in the first state , the electronic device displays the first page in the first area. In this way, the electronic device can determine whether to keep displaying the first page or the second page based on the user's input.

In a possible implementation manner, when the scroll screen is in the second state, the electronic device further displays a scroll retract control, and the sixth input is an input for the scroll retract control. In this way, the user can switch the scrolling screen from the second state to the first state by retracting the scrolling control.

In a possible implementation manner, the scroll retracting control includes a first scroll retracting sub-control and a second scroll retracting sub-control; the scroll screen is switched from the second state to the first state, and when the scroll screen is in the first state, Display the first or second page, including:

When the sixth input is an input for retracting the first scroll sub-control, the electronic device switches the scroll screen from the second state to the first state, and displays the first page when the scroll screen is in the first state; or,

When the sixth input is an input for the second scroll retracting sub-control, the electronic device switches the scroll screen from the second state to the first state, and displays the second page when the scroll screen is in the first state. In this way, the electronic device can determine whether the scroll screen in the first state displays the first page or the second page based on the user's input for different scroll retraction sub-controls.

In a possible implementation manner, when the electronic device is in the first state on the scrolling screen, displaying the first page and the first window in the first area specifically includes: the electronic device receives the first notification message; the electronic device displays the first notification message; A window, the first window includes part of the content of the first notification message.

In some embodiments, the first notification message may be a notification message of the second application, and the second application may be the same as or different from the first application.

In some embodiments, the first notification message may be a message sent by a user or a message sent by another contact.

In a possible implementation manner, the first window displays video images.

In some embodiments, the electronic device displays a first page, and the first page includes a video playback window and a picture-in-picture playback control; when the electronic device receives an input for the picture-in-picture playback control, it displays the first page on the first page. One window, the first window includes the video picture of the video playing window.

In a second aspect, the present application provides a display method applied to an electronic device including a scroll screen, including: when the scroll screen is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state , the visible display area of the scrolling screen includes a first area and a second area; the method includes:

When the scroll screen is in the first state, the electronic device displays a first page in the first area, where the first page includes a first link or a first icon;

After the electronic device receives a seventh input for the first link or the first icon, switch the scrolling screen from the first state to the second state;

When the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page corresponding to the first link or the first icon in the second area, or the electronic device displays the second page in the first area And display the first page in the second area.

In this way, after receiving the user's input on the first link or the first icon, the electronic device can automatically switch the scroll screen from the unexpanded state to the half-expanded state or fully expanded state without the need for the user to unfold the scroll screen, and can The first page and the second page are simultaneously displayed on the scroll screen in the half-expanded state or the fully-expanded state.

In a possible implementation manner, the first page is an interface of the first application, and the second page is an interface of the second application. The first application is the same as the second application, or the first application is different from the second application. In this way, the electronic device can simultaneously display two pages of the same application or two pages of different applications in the scrolling screen in the second state.

In a possible implementation manner, when the electronic device is in a half-expanded state; the method further includes: the electronic device displays a second page in the first area, and displays a part of the first page in the second area; or, the electronic device displays the second page in the second area; The first area displays the first page, and displays a part of the second page in the second area; or, the electronic device displays the second page in the first area, and displays the first page shrunk in the scroll screen expansion direction in the second area ; Or, the electronic device displays the first page in the first area, and displays the second page in the second area that shrinks in the direction in which the scrolling screen unfolds.

In a possible implementation manner, the seventh input is an input of dragging the first content in a first direction or a second direction, the first direction is a direction in which the scrolling screen is unfolded, and the second direction is a direction in which the scrolling screen is retracted.

In a possible implementation manner, the first area is always displayed on the second direction side of the visible display area; if the seventh input The input is the input of dragging the first link or the first icon in the first direction, when the scrolling screen is in the second state, the electronic device displays the first page in the first area and the second page in the second area; or, if The seventh input is an input of dragging the first link or the first icon in the second direction. When the scrolling screen is in the second state, the electronic device displays the second page in the first area and the first page in the second area. In this way, the electronic device can determine the display areas of the first page and the second page based on different inputs of the user.

Similarly, when the first area is always displayed on the side of the visible display area in the first direction, if the first input is an input to drag the first window in the first direction, when the scrolling screen is in the second state, the electronic device Displaying the second page in one area and displaying the first page in the second area; or, if the first input is an input for dragging the first window in the second direction, when the scrolling screen is in the second state, the electronic device is in the first area Display the first page and display the second page in the second area. In this way, the electronic device can determine the display areas of the first page and the second page based on different inputs of the user.

In a possible implementation manner, the seventh input is a drag input for the first link or the first icon; receiving the seventh input for the first link or the first icon by the electronic device specifically includes: the electronic device receives During the input process of dragging the first link or the first icon, the expansion hot zone is displayed; the electronic device detects that the first link or the first icon is dragged into the expansion hot zone; the function introduction of the expansion hot zone is displayed in the expansion hot zone information. In this way, the user can be prevented from accidentally touching the first link or the first icon to unfold the scrolling screen.

In a possible implementation manner, when the electronic device receives a drag input for the first link or the first icon, the electronic device replaces the first link or the first icon with a specified icon. In this way, it is convenient for the user to drag the specified icon to the vicinity of the expansion hot zone.

In a possible implementation manner, after the electronic device receives a seventh input for the first link or the first icon, the method further includes: in response to the seventh input, the electronic device displays the first scroll expansion control and the second scroll expansion control. control;

Switching the scroll screen from the first state to the second state specifically includes: after the electronic device receives a third input for the first scroll unfolding control, switching the scroll screen from the first state to the second state in response to the third input state, and when the scrolling screen is in the second state, the first page is displayed in the first area, and the second page is displayed in the second area;

In a possible implementation manner, the first link or the first icon includes a scroll expansion control; the seventh input is an input for the scroll expansion control.

In a possible implementation manner, the first link or the first icon includes a first scroll expansion control and a second scroll expansion control; after the electronic device receives the seventh input for the first link or the first icon, the scroll screen Switching from the first state to the second state specifically includes:

After the electronic device receives the user's seventh input for the first scroll expansion control, in response to the seventh input, the scroll screen is switched from the first state to the second state, and when the scroll screen is in the second state, the first The first page is displayed in the area, and the second page is displayed in the second area;

Or, after the electronic device receives the user's seventh input for the second scroll expansion control, in response to the seventh input, the scroll screen is switched from the first state to the second state, and when the scroll screen is in the second state, the The first area displays the second page, and the second area displays the third page.

In a possible implementation manner, when the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page corresponding to the first link or the first icon in the second area, or the electronic device After the device displays the second page in the first area and the first page in the second area, the method further includes:

After the electronic device receives the user's input of opening the third page, in response to the input of opening the third page, the electronic device displays the first page, the second page and the third page in split screens on the visible display area of the scrolling screen. In this way, the electronic device can simultaneously display three pages on the fully unfolded scroll screen.

The electronic device receives a tenth input;

In response to the tenth input, the scroll screen is switched from the second state to the first state, and when the scroll screen is in the first state, the first page or the second page is displayed. In this way, the electronic device can automatically retract the scroll screen without the need for the user to manually retract the scroll screen.

In a possible implementation manner, when the scrolling screen is in the second state, the electronic device divides the visible display area into the first area and the second area through the separation line, and the tenth input is an input for the separation line.

In a possible implementation manner, the first area is always displayed on the second direction side of the visible display area; when the electronic device is in the second state, the first page is displayed in the first area and the first link is displayed in the second area or the second page corresponding to the first icon, if the tenth input is an input of dragging the dividing line in the first direction, when the scroll screen is in the first state, the electronic device displays the first page in the first area; or,

When the electronic device is in the second state, the first page is displayed in the first area and the second page corresponding to the first link or the first icon is displayed in the second area, if the tenth input is to drag the dividing line in the second direction input, when the scroll screen is in the first state, the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area. If the tenth input is an input for dragging the dividing line in the first direction, when the scroll screen is in the first state , the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area, if the tenth input is an input for dragging the dividing line in the second direction, when the scroll screen is in the first state , the electronic device displays the first page in the first area. In this way, the electronic device can determine whether to keep displaying the first page or the second page based on the user's input.

In a possible implementation manner, when the scroll screen is in the second state, the electronic device further displays a scroll retraction control, and the tenth input is an input for the scroll retraction control. In this way, the user can switch the scrolling screen from the second state to the first state by retracting the scrolling control.

When the tenth input is an input for retracting the first scroll sub-control, the electronic device switches the scroll screen from the second state to the first state, and displays the first page when the scroll screen is in the first state; or,

When the tenth input is an input for the second scroll retracting sub-control, the electronic device switches the scroll screen from the second state to the first state, and displays the second page when the scroll screen is in the first state. In this way, the electronic device can determine whether the scroll screen in the first state displays the first page or the second page based on the user's input for different scroll retraction sub-controls.

In a third aspect, the present application provides a display method, which is applied to an electronic device including a folding screen, including: the folding screen can be folded into a first screen and a second screen, and when the folding screen is in the first state, the folding screen passes through the first screen When the folding screen is in the second state, the folding screen displays the page content through the first screen and the second screen; the method includes:

The electronic device displays a first page and a first window on the first screen when the folding screen is in the first state, the first page is the interface of the first application, and the first window is the window of the second application;

After receiving the eighth input for the first window, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the first screen and the second page corresponding to the first window on the second screen, or the electronic device displays the second page on the first screen and displays the second page on the second screen. The screen displays the first page.

In this way, the electronic device can determine the display areas of the folding screen of the first page and the second page in the second state after receiving the user's input on the first window.

In a possible implementation manner, the first application is the same as the second application, or the first application is different from the second application.

In a possible implementation, after the electronic device receives the eighth input for the first window, the method further includes:

In response to the eighth input, opening prompt information is displayed, and the opening prompt information is used to prompt the user to switch the folding screen from the first state to the second state.

In a fourth aspect, the present application provides a display method, which is applied to an electronic device including a folding screen and a first screen, including: the folding screen can be folded into a second screen and a third screen, and when the folding screen is in the first state, the electronic The device displays the page content through the first screen; when the folding screen is in the second state, the folding screen displays the page content through the second screen and the third screen; the method includes:

After receiving the ninth input for the first window, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the second screen and the second page corresponding to the first window on the third screen, or the electronic device displays the second page on the second screen and displays the second page on the third screen. The screen displays the first page.

In a fifth aspect, the present application provides a display method applied to an electronic device including a folding screen, including: the folding screen can be folded into a first screen and a second screen, and when the folding screen is in the first state, the folding screen passes through the first screen When the folding screen is in the second state, the folding screen displays the page content through the first screen and the second screen; the method includes:

When the electronic device is in the first state of the folding screen, the first page and the first link or the first icon are displayed on the first screen, the first page is the interface of the first application, and the first link or the first icon is the second application window;

After receiving the eighth input for the first link or the first icon, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the first screen and the second page corresponding to the first link or the first icon on the second screen, or the electronic device displays the second page on the first screen And display the first page on the second screen.

In this way, the electronic device may determine the display area of the folding screen of the first page and the second page in the second state after receiving the user's input on the first link or the first icon.

In a possible implementation manner, after the electronic device receives the eighth input for the first window, the method further includes: in response to the eighth input, displaying opening prompt information, where the opening prompt information is used to prompt the user to fold the screen Switch from the first state to the second state.

In a sixth aspect, the present application provides a display method, which is applied to an electronic device including a folding screen and a first screen, including: the folding screen can be folded into a second screen and a third screen; when the folding screen is in the first state, the electronic The device displays the page content through the first screen; when the folding screen is in the second state, the folding screen displays the page content through the second screen and the third screen; the method includes:

After receiving the ninth input for the first link or the first icon, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the second screen and the second page corresponding to the first link or the first icon on the third screen, or the electronic device displays the second page on the second screen And display the first page on the third screen.

In a possible implementation manner, after the electronic device receives an eighth input for the first link or the first icon, the method further includes: in response to the eighth input, displaying opening prompt information, where the opening prompt information is used to prompt The user switches the folding screen from the first state to the second state.

In a seventh aspect, the present application provides an electronic device, including: one or more processors, a scrolling screen, and one or more memories. Wherein, the scroll screen, one or more memories are coupled with the one or more processors, the one or more memories are used to store computer program codes, the computer program codes include computer instructions, when the one or more processors When the computer instruction is executed, the first electronic device is made to execute the display method in the possible implementation manners of any one of the above first aspect or any one of the second aspect.

In the eighth aspect, the embodiment of the present application provides a computer-readable storage medium, including computer instructions, and when the computer instructions are run on the first electronic device, the first electronic device executes any one of the above-mentioned first aspect or the second aspect. A display method in any possible implementation of the aspect.

In a ninth aspect, the present application provides an electronic device, including: one or more processors, a folding screen, and one or more memories. Wherein, the folding screen, one or more memories are coupled with the one or more processors, the one or more memories are used to store computer program codes, the computer program codes include computer instructions, when the one or more processors When the computer instruction is executed, the first electronic device is made to execute the display method in any possible implementation manner of any one of the above third aspect or any one of the fifth aspect.

In the tenth aspect, the embodiment of the present application provides a computer-readable storage medium, including computer instructions, and when the computer instructions are run on the first electronic device, the first electronic device executes any one of the above-mentioned third aspects or the fifth aspect. A display method in any possible implementation of the aspect.

In an eleventh aspect, the present application provides an electronic device, including: one or more processors, a folding screen, a first screen, one or more stores. Wherein, the folding screen, the first screen, and one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program codes, and the computer program codes include computer instructions. When the one or more When the multiple processors execute the computer instructions, the first electronic device executes the display method in any possible implementation manner of any one of the fourth aspect or any one of the sixth aspects.

In the twelfth aspect, the embodiment of the present application provides a computer-readable storage medium, including computer instructions. When the computer instructions are run on the first electronic device, the first electronic device executes any one of the fourth aspect or the first electronic device. A display method in a possible implementation of any one of the six aspects.

Description of drawings

FIG. 1 is a schematic diagram of a product form of an electronic device 100 with a scrolling screen provided in an embodiment of the present application;

FIG. 2A is a schematic diagram of a hardware structure of an electronic device provided in an embodiment of the present application;

FIG. 2B is a schematic diagram of a software structure of an electronic device provided in an embodiment of the present application;

FIG. 3A is a schematic flowchart of a display method provided by an embodiment of the present application;

FIG. 3B is a schematic diagram of a process of unfolding a scroll screen provided by an embodiment of the present application;

FIG. 3C is a schematic diagram of another unfolding scroll screen provided by the embodiment of the present application;

Figure 4A-Figure 4I are a set of schematic diagrams of the interface provided by the embodiment of the present application;

Fig. 5A-Fig. 5E are another set of schematic interface diagrams provided by the embodiment of the present application;

Figures 6A-6D are schematic diagrams of another set of interfaces provided by the embodiment of the present application;

Fig. 7A-Fig. 7F are another set of interface diagrams provided by the embodiment of the present application;

8A-8B are schematic diagrams of another set of interfaces provided by the embodiment of the present application;

Fig. 9 is a schematic interface diagram provided by the embodiment of the present application;

Figures 10A-10E are schematic diagrams of another set of interfaces provided by the embodiment of the present application;

Figures 11A-11F are another set of schematic diagrams of interfaces provided by the embodiment of the present application;

12A-12D are schematic diagrams of another set of interfaces provided by the embodiment of the present application;

13A-13D are schematic diagrams of another set of interfaces provided by the embodiment of the present application;

14A-14D are another set of schematic diagrams of interfaces provided by the embodiment of the present application.

Detailed ways

The technical solutions in the embodiments of the present application will be described clearly and in detail below in conjunction with the accompanying drawings. Among them, in the description of the embodiments of this application, unless otherwise specified, "/" means or means, for example, A/B can mean A or B; "and/or" in the text is only a description of associated objects The association relationship of indicates that there may be three kinds of relationships, for example, A and/or B may indicate: A exists alone, A and B exist simultaneously, and B exists independently.

Hereinafter, the terms "first" and "second" are used for descriptive purposes only, and cannot be understood as implying or implying relative importance or implicitly specifying the quantity of indicated technical features. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of these features. In the description of the embodiments of the present application, unless otherwise specified, the "multiple" The meaning is two or more.

An embodiment of the present application provides a display method, which can be applied to an electronic device with a scrolling screen. The scrolling screen of the electronic device can be pulled out or rolled back along the direction perpendicular to the scrolling shaft, and the screen length of the scrolling screen perpendicular to the scrolling shaft direction can be changed.

For example, FIG. 1 shows a schematic diagram of a product form of an electronic device 100 with a scrolling screen provided in an embodiment of the present application. The form of the scroll screen can be divided into an unfolded state, a half-expanded state and a fully unfolded state. Wherein, (a) in FIG. 1 is a schematic diagram of an unexpanded state of the scroll screen. When the scrolling screen is in the unexpanded state, a part of the screen of the scrolling screen is hidden in the body of the electronic device 100, and the electronic device 100 can display the interface of the application on another part of the screen that is unfolded. At this time, the length of the screen is the first length . The part of the screen hidden in the fuselage of the scrolling screen can be extended in a specified direction (for example, the direction of the arrow shown in the figure). When the screen of the scrolling screen is not fully unfolded, the scrolling screen is in a half-expanded state, as shown in (b) in FIG. 1 . When the scrolling screen is half unfolded, the part of the scrolling screen hidden in the fuselage decreases, and the part of the screen exposed on the fuselage surface increases until all the scrolling screens are exposed on the fuselage surface. When all the scrolling screens are exposed on the surface of the fuselage, the scrolling screen is in a fully unfolded state, as shown in (c) in FIG. 1 , and the length of the screen at this time is the second length. Wherein, the second length is greater than the first length. It can be understood that when the length of the screen is greater than the first length and less than the second length, the scrolling screen is in a half-expanded state.

It should be noted that, in the embodiment of the present application, the scrolling screen can be unfolded along a first direction perpendicular to the scrolling axis, from an undeployed state, through a half-expanded state, to a fully unfolded state. Similarly, the scroll screen can also retract the screen along the second direction perpendicular to the scroll, from a fully unfolded state, through a half-expanded state, to an unexpanded state. Wherein, the first direction is opposite to the second direction.

It should also be noted that the scrolling screen is divided into a visible display area and an invisible display area, wherein the visible display area is a display area on a part of the screen that is revealed by the scrolling screen. The invisible display area is the display area on the part of the screen that is hidden by the scrolling screen. Wherein, the visible display area includes a first area, which is always displayed on a fixed direction side of the visible display area, and has a constant size. Wherein, the fixed direction may be the first direction or the second direction. When the scrolling screen is in the first state, the visible display area is the same as the first area, and the first state is an unfolded state. When the scrolling screen is in the second state, the visible display area of the scrolling screen includes a first area and a second area, and the second state includes a half-expanded state and a fully-expanded state. Wherein, the second area may be a display area in the visible display area except the first area. It should be further explained that when the scroll screen is fully unfolded, the second area can be called the third area, that is, the third area is larger than the second area, and the second area is when the electronic device in the first state unfolds a part of the scroll screen. The third area is the display area other than the first area in the visible display area when the electronic device in the first state fully unfolds the scrolling screen. Exemplarily, FIG. 1 shows a first area, a second area and a third area of a scroll screen of the electronic device 100 . Next, the following embodiments will be written by taking the first region located on the second direction side of the display region as an example.

It should be noted that the specific orientations of the first area and the third area are not limited in this embodiment of the present application. For example, the first area may be the left half area of the scrolling screen, and the third area may be the right half area of the scrolling screen. For another example, the first area may be the right half area of the scrolling screen, and the third area may be the left half area of the scrolling screen. For another example, the first area may be the upper half area of the scrolling screen, and the third area may be the lower half area of the scrolling screen. For another example, the first area may be the lower half area of the scrolling screen, and the third area may be the upper half area of the scrolling screen.

The embodiment of the present application provides a display method. When the scroll screen of the electronic device is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state, the visible display area of the scroll screen includes the first area and the second area. When the scrolling screen of the electronic device is in the first state, the first page and the first content are displayed in the first area. After receiving the first input for the first content, the electronic device may switch the scrolling screen from the first state to the second state, display the first page in the first area, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, the user does not need to manually unfold the scrolling screen, the electronic device can automatically unfold the scrolling screen based on the user's input, and display corresponding content in each display area of the unfolded scrolling screen. In this way, the user does not need to manually unfold the scrolling screen, the electronic device can automatically unfold the scrolling screen based on the user's input, and Each display area of the subsequent scrolling screen displays corresponding content. Further, the electronic device may determine the display areas of the first page and the second page on the unfolded scroll screen based on the first input, and the user may, during the unfolding process of the scroll screen, pass through the unfolded part of the scroll screen, Browse more important page content unaffected.

Wherein, the first content may be used to trigger the electronic device to display a second page corresponding to the first content, and the second page corresponding to the first content is different from the first page currently displayed by the electronic device. For example, the first content may include but not limited to an application icon, a notification message, a hyperlink (uniform resource locator, URL), a widget (widget), a component, etc. When the first content is a part of the first page, the electronic The first page displayed by the device 100 in the fully expanded state or the half-expanded state includes the first content. When the first content is suspended and displayed on the first page, the first page displayed by the electronic device 100 in the fully expanded state or the half-expanded state The page does not include the first content. The first state may be an unexpanded state, and the second state may be a half-expanded state or a fully-expanded state.

A schematic diagram of a hardware structure of an electronic device provided in an embodiment of the present application is introduced below.

The electronic device 100 may be a tablet computer, a cell phone, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, as well as a cellular phone, a personal digital assistant (personal digital assistant) digital assistant (PDA), augmented reality (augmented reality, AR) device, virtual reality (virtual reality, VR) device, artificial intelligence (artificial intelligence, AI) device, wearable device, vehicle-mounted device, smart home device and/or For smart city equipment, the embodiment of the present application does not specifically limit the specific type of the electronic equipment 100 .

FIG. 2A shows a schematic structural diagram of the electronic device 100 .

The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, and an antenna 2 , mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and A subscriber identification module (subscriber identification module, SIM) card interface 195 and the like. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, bone conduction sensor 180M, etc.

It can be understood that, the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the electronic device 100 . In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine certain components, or separate certain components, or arrange different components. The illustrated components can be realized in hardware, software or a combination of software and hardware.

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

Wherein, the controller may be the nerve center and command center of the electronic device 100 . The controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in 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 use the instruction or data again, it can be called directly from the memory. avoid repetition The access reduces the waiting time of the processor 110, thus improving the efficiency of the system.

In some embodiments, processor 110 may include one or more interfaces. The interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transmitter (universal asynchronous receiver/transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input and output (general-purpose input/output, GPIO) interface, subscriber identity module (subscriber identity module, SIM) interface, and /or universal serial bus (universal serial bus, USB) interface, etc.

It can be understood that the interface connection relationship between the modules shown in the embodiment of the present invention is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 . In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.

The charging management module 140 is configured to receive a charging input from a charger. Wherein, the charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from the wired charger through the USB interface 130 . In some wireless charging embodiments, the charging management module 140 may receive a wireless charging input through a wireless charging coil of the electronic device 100 . While the charging management module 140 is charging the battery 142 , it can also supply power to the electronic device 100 through the power management module 141 .

The power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 . The power management module 141 receives the input from the battery 142 and/or the charging management module 140 to provide power for the processor 110 , the internal memory 121 , the display screen 194 , the camera 193 , and the wireless communication module 160 . The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 may also be disposed in the processor 110 . In some other embodiments, the power management module 141 and the charging management module 140 may also be set in the same device.

The wireless communication function of the electronic device 100 can be realized by the antenna 1 , the antenna 2 , the mobile communication module 150 , the wireless communication module 160 , a modem processor, a baseband processor, and the like.

Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 may be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas. For example: Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

The mobile communication module 150 can provide wireless communication solutions including 2G/3G/4G/5G applied on the electronic device 100 . The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like. The mobile communication module 150 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation. The mobile communication module 150 can also amplify the signals modulated by the modem processor, and convert them into electromagnetic waves and radiate them through the antenna 1 . In some embodiments, at least part of the functional modules of the mobile communication module 150 may be set in the processor 110 . In some embodiments, at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be set in the same device.

A modem processor may include a modulator and a demodulator. Wherein, the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing. The low-frequency baseband signal is passed to the application processor after being processed by the baseband processor. The application processor outputs sound signals through audio equipment (not limited to speaker 170A, receiver 170B, etc.), or displays images or videos through display screen 194 . In some embodiments, the modem processor may be a stand-alone device. In some other embodiments, the modem processor may be independent from the processor 110, and be set in the same device as the mobile communication module 150 or other functional modules.

The wireless communication module 160 can provide the wireless local area network (wireless local area network) that is applied on the electronic device 100. networks, WLAN) (such as wireless fidelity (Wi-Fi) network), Bluetooth (bluetooth, BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), short distance Wireless communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 . The wireless communication module 160 can also receive the signal to be sent from the processor 110 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.

In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (general packet radio service, GPRS), code division multiple access (code division multiple access, CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), BT, GNSS, WLAN, NFC , FM, and/or IR techniques, etc. The GNSS may include a global positioning system (global positioning system, GPS), a global navigation satellite system (global navigation satellite system, GLONASS), a Beidou navigation satellite system (beidou navigation satellite system, BDS), a quasi-zenith satellite system (quasi -zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).

The electronic device 100 realizes the display function through the GPU, the display screen 194 , and the application processor. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

The display screen 194 is used to display images, videos and the like. The display screen 194 may be a flexible screen, for example, the aforementioned scroll screen, folding screen and the like.

The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194 , where N is a positive integer greater than 1.

The electronic device 100 can realize the shooting function through the ISP, the camera 193 , the video codec, the GPU, the display screen 194 and the application processor.

The ISP is used for processing the data fed back by the camera 193 . For example, when taking a picture, open the shutter, the light is transmitted to the photosensitive element of the camera through the lens, and the light signal is converted into an electrical signal, and the photosensitive element of the camera transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on image noise, brightness, etc. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, the ISP may be located in the camera 193 .

Camera 193 is used to capture still images or video. The object generates an optical image through the lens and projects it to the photosensitive element. The photosensitive element may be a charge coupled device (charge coupled device, CCD) or a complementary metal-oxide-semiconductor (complementary metal-oxide-semiconductor, CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. DSP converts digital image signals into standard RGB, YUV and other image signals. In some embodiments, the electronic device 100 may include 1 or N cameras 193 , where N is a positive integer greater than 1.

Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.

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 can play or record videos in various encoding formats, for example: moving picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4 and so on.

The NPU is a neural-network (NN) computing processor. By referring to the structure of biological neural networks, such as the transfer mode between neurons in the human brain, it can quickly process input information and continuously learn by itself. Applications such as intelligent cognition of the electronic device 100 can be realized through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.

The external memory interface 120 can be used to connect an external non-volatile memory, so as to expand the storage capacity of the electronic device 100 . The external non-volatile memory communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music and video are stored in an external non-volatile memory.

The internal memory 121 may be used to store computer-executable program codes including instructions. The processor 810 executes various functional applications and data processing of the electronic device 100 by executing instructions stored in the internal memory 121 . The internal memory 121 may include an area for storing programs and an area for storing data. Wherein, the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like. The storage data area can store data created during the use of the electronic device 100 (such as audio data, phonebook, etc.) and the like. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like.

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

The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signal.

Speaker 170A, also referred to as a "horn", is used to convert audio electrical signals into sound signals.

Receiver 170B, also called "earpiece", is used to convert audio electrical signals into sound signals.

The microphone 170C, also called "microphone" or "microphone", is used to convert sound signals into electrical signals.

When the pressure sensor 180A is used to sense the pressure signal, it can convert the pressure signal into an electrical signal. In some embodiments, pressure sensor 180A may be disposed on display screen 194 . The gyro sensor 180B can be used to determine the motion posture of the electronic device 100 . The air pressure sensor 180C is used to measure air pressure. The magnetic sensor 180D includes a Hall sensor, and the magnetic sensor 180D can be used to detect the opening and closing of the flip leather case. The acceleration sensor 180E can detect the acceleration of the electronic device 100 in various directions (generally three axes). The distance sensor 180F is used to measure the distance. The proximity light sensor 180G can also be used in leather case mode, automatic unlock and lock screen in pocket mode. The ambient light sensor 180L is used for sensing ambient light brightness. The fingerprint sensor 180H is used to collect fingerprints. The temperature sensor 180J is used to detect temperature. Touch sensor 180K, also known as "touch panel". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a “touch screen”. The touch sensor 180K is used to detect a touch operation on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to touch operations can be provided through the display screen 894 . In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 , which is different from the position of the display screen 194 . The bone conduction sensor 180M can acquire vibration signals. The keys 190 include a power key, a volume key and the like. The indicator 192 can be an indicator light, and can be used to indicate charging status, power change, and can also be used to indicate messages, missed calls, notifications, and the like. The SIM card interface 195 is used for connecting a SIM card.

Wherein, the motor 191 can generate a vibration prompt. The motor 191 can be used for incoming call vibration prompts, and can also be used for touch Vibration feedback. For example, touch operations applied to different applications (such as taking pictures, playing audio, etc.) may correspond to different vibration feedback effects. The motor 191 may also correspond to different vibration feedback effects for touch operations acting on different areas of the display screen 194 . Different application scenarios (for example: time reminder, receiving information, alarm clock, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

In the embodiment of the present application, the display screen 194 of the electronic device 100 can be unfolded or rolled up to change the size of the screen. The electronic device 100 may be provided with a motor 191 and a scroll structure. The electronic device 100 can use the motor 191 to drive the scroll structure to unfold or roll up the display screen 194 . For details, refer to the above-mentioned embodiment shown in FIG. 1 , which will not be repeated here. The processor 110 may notify the motor 191 to unfold the scroll screen based on the user's first input for the first content in the first area of the scroll screen in the unexpanded state, and determine the unfolded scroll screen of the second page corresponding to the first content. on the specified display area. The processor 110 may also notify the display screen 194 to display the second page corresponding to the first content in the specified display area. The display screen 194 can be used to display the second page corresponding to the first content.

The methods in the following embodiments can all be implemented in the electronic device 100 having the above hardware structure.

The software structure diagram of the electronic device 100 provided by the embodiment of the present application is introduced below.

The software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. In the embodiment of the present invention, the software structure of the electronic device 100 is illustrated by taking a mobile operating system with a layered architecture as an example.

The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate through software interfaces. In some embodiments, the mobile operating system is divided into four layers, which are application program layer, application program framework layer, runtime (runtime) and system library, and kernel layer from top to bottom.

The application layer can consist of a series of application packages. As shown in FIG. 2B , the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.

The application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

As shown in FIG. 2B , the application framework layer may include a content provider, a view system, a resource manager, a notification manager, a window management service (windowmanagerservice, WMS) module, an activity management service (activitymanagerservice, AMS) module, and the like.

Among them, the content provider is used to store and obtain data, and make these data accessible by applications. Said data may include video, images, audio, calls made and received, browsing history and bookmarks, phonebook, etc.

The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on. The view system can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.

The resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.

The notification manager enables the application to display notification information in the status bar, which can be used to convey notification-type messages, and can automatically disappear after a short stay without user interaction. For example, the notification manager is used to notify the download completion, message reminder, etc. The notification manager can also be a notification that appears on the top status bar of the system in the form of a chart or scroll bar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is prompted in the status bar, a prompt sound is issued, the electronic device 100 vibrates, an indicator light flashes, and the like.

The window management service module can be used to detect the user's input on the first content on the first page, and based on the input, determine the display area of the second page corresponding to the first page and the first content. When the window management service module determines the first page When the display area of the first page or the second page exceeds the screen range of the current scrolling screen, the scrolling screen driver may be notified to expand the scrolling screen. At the same time, the window management service module may also notify the activity management service module to create a new activity (activity), that is, to open the application corresponding to the first content.

After the activity management service module starts the application corresponding to the first content, it can notify the window management service module. The window management service module can acquire the page (ie, the second page) of the application. The window management service module can display the first page and the second page in split screens on the expanded scrolling screen.

Runtime can refer to all the code libraries, frameworks, etc. required for the program to run. For example, for the C language, the runtime includes a series of function libraries required for the operation of the C program. For the Java language, the runtime includes a core library and a virtual machine, and the core library may include functions that the Java language needs to call. The application layer and the application framework layer run in virtual machines. The virtual machine executes the Java files of the application program layer and the application program framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

A system library can include multiple function modules. For example: surface manager (surface manager), media library (Media Libraries), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.

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

The media library supports playback and recording of various commonly used audio and video formats, as well as still image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H. 264, MP3, AAC, AMR, JPG, PNG, etc.

The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing, etc.

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

The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, scroll screen driver, audio driver, sensor driver and so on. Wherein, the scroll screen drive can be used to control the scroll screen motor to unfold or retract the scroll screen.

Next, a schematic flowchart of a display method provided in the embodiment of the present application is introduced.

As shown in Figure 3A, the display method includes the following steps:

S301. The scroll screen of the electronic device 100 is in a first state, and a first page and first content are displayed in a first area of the scroll screen.

When the scroll screen of the electronic device is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state, the visible display area of the scroll screen includes the first area and the second area. Here, the scrolling screen of the electronic device is in a first state, and a first page and first content are displayed in a first area.

It should be noted that the second state includes a half-deployed state and a fully-deployed state. When the scrolling screen is in a fully-deployed state, the second area can be called a third area, and the size of the third area in the fully-deployed state is larger than that in the half-deployed state. The size of the second region.

Wherein, the first content may include but not limited to a first window, a first icon, a first link and the like. Wherein, the first window may be used to point to a certain subpage of the application, for example, the first window may include but not limited to a message pop-up window, a window that pulls down a message bar, a floating window, and the like. For example, the floating window may be a zoomed-out video playback window (also called picture-in-picture), a floating application window, and the like.

It should be noted that, when the scroll screen of the electronic device 100 is in the first state, a first page is displayed, and the first page is an interface of the first application. After receiving the notification message, the electronic device 100 may display a first window on the first page, and the first window may include part of the content of the notification message. Wherein, the notification message may be a message of the first application, or, the notification message may be a message of other applications (excluding the first application). In some embodiments, when the notification message comes from a communication application (for example, a short message), the content of the notification message may be a message sent by the user or other contacts.

The first icon can be used to point to the main page of the application. For example, the first icon may include, but not limited to, an application icon displayed on the desktop.

The first link can be used to point to a target, which can be another webpage, or a different location on the same webpage, or a picture, an email address, a file, or even an application program. For example, the first link may include, but is not limited to, a webpage link, a text hyperlink, an image hyperlink, a multimedia file link, and the like. In some embodiments, the first link may be a card component (also called a card) corresponding to the application. The card component can display part of the function information of the specified application, and the part of the function information can be used to trigger the electronic device 100 to display a specified page of the specified application. That is, the electronic device 100 may display a specified page in the specified application in full screen in response to the user's input (for example, click) on the card of the specified application. Cards can be displayed on the desktop or other specified shortcut interfaces (such as negative one screen, service center, etc.), and cards can be added or deleted by users. Some cards may be called widgets. Optionally, the card can display partial functional information of multiple specified applications.

It should be noted that, when the first content is the first window, the first window is floatingly displayed on the top of the first page, and the first page does not include the first window. When the first content is the first icon or the first link, the first page includes the first content.

S302. The electronic device 100 receives a user's input on the first content.

Wherein, the input for the first content in the first area may include but not limited to dragging, clicking, long pressing, sliding, voice command input and so on.

The input may also be a collection of user operations, for example, the input may be an input of dragging the first content after long pressing the first content. In this way, the electronic device 100 may expand the scrolling screen based on the user's input on the first content, and simultaneously display the first page and the second page corresponding to the first content on the expanded scrolling screen.

Optionally, the input for the first content in the first area may also be an input for components other than the scroll screen of the electronic device 100 (for example, a power key, a volume key, etc.). For example, when the first content is displayed, the electronic device 100 may receive a user's input on components (for example, sliding or pressing a power button), and expand the scrolling screen. For another example, when the first content is displayed, the electronic device 100 may receive an input from the user to select the first content (for example, a long press), and then receive an input from the user on components, and expand the scrolling screen. The input of the first content is a set of selected input and input for components.

Wherein, the electronic device 100 may determine the display areas of the first page and the second page on the unfolded scrolling screen based on the user's input. In this way, the user can decide the display content of the first area and the second area by himself, which is convenient for the user to operate. Moreover, during the unfolding process of the scrolling screen, the user can browse the pages displayed in the first area of the scrolling screen without being affected. For example, when the first page is displayed in the first area, the user can continue to browse the content of the first page, and when the second page is displayed in the first area, the user can preferentially browse the content of the second page.

The electronic device 100 may store a preset input set for the first content. Wherein, the preset input set may include a correspondence between user input and operations performed by the electronic device 100 . For example, the click input corresponds to an operation of the electronic device 100 jumping to display a second page corresponding to the first content on the current display screen. That is to say, a click input for the first content may trigger the electronic device 100 to display the second page on the current display screen. For another example, the input of dragging the first content in the first direction corresponds to the electronic device 100 unfolding the scrolling screen, displaying the first page in the first area of the scrolling screen, and displaying the second page in the second or third area of the scrolling screen. In the operation of the page, the first direction may be the direction in which the scrolling screen unfolds, for example, the direction from the first area to the second area as shown in FIG. 1 . Also for example, the input of dragging the first content in the second direction corresponds to the electronic device 100 unfolding the scroll screen, and displaying the second page in the first area of the scroll screen, and displaying the first page in the second or third area of the scroll screen. The operation of the page, wherein, the second direction is opposite to the first direction.

After receiving the user's input on the first content, the electronic device 100 may determine an operation corresponding to the input based on the stored preset input set, and execute the operation. Here, the operation corresponding to the input is shown in step S303.

It can be understood that when the first area is always displayed on the side of the second direction of the visible display area, the input of dragging the first content to the first direction corresponds to the electronic device 100 unfolding the scroll screen, and displaying in the first area of the scroll screen The first page, and the operation of displaying the second page in the second area or the third area on the side of the scroll screen in the first direction is just an example provided by the embodiment of this application, and is not limited to the operation of dragging the first content in the first direction. For input, the electronic device 100 can also be set so that the double-clicking input for the first content corresponds to the operation, or it is set so that the sliding input for the first content corresponds to the operation, or it is set as the two-finger sliding input for the first content corresponds to the The operation is set so that the tap input for the first content corresponds to the operation, etc., which is not limited in this application.

By analogy, the input of dragging the first content in the second direction corresponds to the electronic device 100 unfolding the scrolling screen, and displaying the second page in the first area on the side of the second direction of the scrolling screen, and displaying the second page in the second area of the scrolling screen or The operation of displaying the first page in the third area is only an example provided by the embodiment of the present application, and the embodiment of the present application can also be set so that other inputs correspond to the operation, which is not limited in the present application. It can be understood that the first page is displayed in the first area and the input corresponding to the second page is displayed in the second area or the third area and the second page is displayed in the first area and the first page is displayed in the second area or the third area. The input corresponding to the page is different.

Optionally, the electronic device 100 may include an input for expanding the scrolling screen and displaying the first page in the first area and displaying the second page in the second area or the third area, and does not include expanding the scrolling screen and displaying the first page in the first area. The second page and display the input of the first page in the second area or the third area. Alternatively, the electronic device 100 may include an input for expanding the scrolling screen and displaying the second page in the first area and displaying the first page in the second area or the third area, and does not include expanding the scrolling screen and displaying the first page in the first area. page and display the input of the second page in the second area or the third area.

Optionally, the electronic device 100 may receive a user's input, and set the user's input corresponding to the operation of unfolding the scrolling screen. In this way, the user can set by himself what kind of user input is used to expand the scrolling screen, and the display areas of the first page and the second page corresponding to different user inputs. In this way, different page contents can be displayed in different display areas of the unfolded scrolling screen according to the usage habits of the user.

S303. In response to the input, the electronic device 100 switches the scrolling screen from the first state to the second state, and the electronic device may display the first page in the first area and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area.

Further, the electronic device 100 may determine that the first page is displayed in the first area and the second page is displayed in the second area or the third area based on the input for the first content, or that the first page is displayed in the second area or The third area and the second page are displayed in the first area.

For example, after the electronic device 100 receives the user's input of dragging the first content in the first direction, the scroll screen may be unfolded, and during the process of unfolding the scroll screen, the first page may be displayed in the first area of the half-expanded scroll screen. , and display the second page in the second area of the half-expanded scroll screen. When the scrolling screen is fully expanded, the first page is displayed in the first area of the fully expanded scrolling screen, and the second page is displayed in the third area of the fully expanded scrolling screen.

It should be noted that, when the scrolling screen is in a half-expanded state, the size of the second area changes as the scrolling screen is unfolded. That is to say, the page content displayed in the second area will be affected by the size of the second area.

In some embodiments, the electronic device 100 may display a part of the page in the second area with the same size as the third area. That is to say, the page displayed in the second area is a part of the page displayed in the third area. In other words, the page displayed in the second area is a part of the page displayed in the third area in the rolling direction. As shown in FIG. 3B , the electronic device 100 may first display (a) in FIG. 3B , and as the scrolling screen unfolds, the electronic device 100 sequentially displays (b) and (c) as shown in FIG. 3B . The page content displayed in the second area of the electronic device 100 increases as the screen expands. When the scroll screen of the electronic device 100 is unfolded to a fully unfolded state, (d) in FIG. 3B may be displayed. At this time, the complete page content is displayed in the third area of the electronic device 100 . During the unwinding of the reel shown in Figure 3B, the first region The displayed content is not affected.

In some other embodiments, the electronic device 100 may display in the second area the page that has been shrunk in the unfolding direction of the scrolling screen. That is to say, the page displayed in the second area is the page obtained after shrinking the page displayed in the third area. As shown in FIG. 3C , the electronic device 100 may first display (a) in FIG. 3C , and as the scrolling screen unfolds, the electronic device 100 sequentially displays (b) and (c) as shown in FIG. 3C . The content of the page displayed in the second area of the electronic device 100 remains unchanged, and the page is stretched along with the expansion of the screen. When the scroll screen of the electronic device 100 is unfolded to a fully unfolded state, (d) in FIG. 3C may be displayed. At this time, unshrunk pages are displayed in the third area of the electronic device 100 .

It should be noted that it is not limited to the manner in which pages are displayed in the display area that changes in size as the scrolling screen is unfolded during the scrolling screen unfolding process described above. The electronic device 100 may also display other content in the changed display area during the process of unfolding the scrolling screen. For example, the electronic device 100 may display a prompt page in a display area whose size changes as the scroll screen unfolds. This prompt page can be used to prompt the user that the scrolling screen is unfolding. For example, the prompt page can be a solid color page. For another example, the prompt page may include prompt information prompting the user that the scroll screen is unfolding. The prompt information may include but not limited to text prompt information, animation prompt information, etc., which is not limited in this embodiment of the present application.

In some embodiments, the electronic device 100 may use the WMS module to detect the user's drag input for the first content in the first direction, when the WMS module of the electronic device 100 detects that the edge of the first content exceeds the first direction of the scroll screen When the scrolling screen is on the edge, notify the scrolling screen driver to expand the scrolling screen. And notify the AMS module to create a new activity, and open the application corresponding to the first content. The WMS module of the electronic device 100 may display the first page in the first area of the unfolded scrolling screen, and display the second page corresponding to the first content in the second area or the third area. Similarly, the electronic device 100 can use the WMS module to detect the user's drag input for the first content in the second direction. When the WMS module of the electronic device 100 detects that the edge of the first content exceeds the edge of the scroll screen in the second direction, Notify the scroller driver to expand the scroller. And notify the AMS module to create a new activity, and open the application corresponding to the first content. The WMS module of the electronic device 100 may display the second page in the first area of the unfolded scrolling screen, and display the first page in the second area or the third area.

It should be noted that when the first content is the first window or the first link, when the WMS module of the electronic device 100 detects that the edge of the first window or the first link does not exceed the first direction or the second direction of the scroll screen When the edge is active, the WMS module of the electronic device 100 may notify the AMS module to create a new activity, and open the application corresponding to the first window or the first link. The WMS module of the electronic device 100 may also display the second page in full screen on the scrolling screen. Alternatively, the WMS module of the electronic device 100 may also display the first page in full screen on the scrolling screen, and display a floating window on the first page, where the floating window includes the second page.

It should also be noted that when the first content is the first icon, when the WMS module of the electronic device 100 detects that the edge of the first icon does not exceed the edge in the first direction or the second direction of the scroll screen, the electronic device 100 The WMS module can move the position of the first icon on the reel screen.

A display method provided by an embodiment of the present application is specifically introduced below in combination with application scenarios.

In some application scenarios, the scrolling screen of the electronic device 100 is in an unexpanded state, and the scrolling screen includes a first area in which a first page and a first window are displayed. The electronic device 100 may expand the scroll screen after receiving an input from the user to drag the first window of the scroll screen in the unexpanded state to the first direction. Wherein, the first direction may be the direction in which the reel is unfolded. The electronic device 100 may display the first page in the first area of the scroll screen in the half-expanded state and display the second page in the second area of the scroll screen in the half-expanded state during the process of unfolding the scroll screen. When the scrolling screen is fully expanded, the first page is displayed in the first area of the scrolling screen in the fully expanded state, and the second page is displayed in the third area of the scrolling screen in the fully expanded state. In this way, the electronic device 100 may display the second page corresponding to the first window in the second area or the third area on the side of the first direction based on the input of dragging the first window in the first direction. The electronic device 100 may also, during the process of unfolding the scrolling screen, The first page is still displayed in the first area, that is, the user can browse the first page without being affected.

Exemplarily, as shown in FIG. 4A , the scroll screen of the electronic device 100 is in an unfolded state, and the electronic device 100 may display a desktop 401 in full screen on the scroll screen. Wherein, the desktop 401 may include multiple application icons (for example, a video application icon 402, a news application icon 403, a chat application icon 404, a clock application icon, etc.). Among them, the video application icon 402 can be used to trigger the display of the interface of the video application (for example, the video application page 411 shown in FIG. To trigger displaying the interface of the chat application. Optionally, a status bar including icons such as a time mark icon may also be displayed on the top of the desktop 401 . Here, the scrolling screen includes a display area 405, which is a screen area corresponding to the original screen of the scrolling screen. That is to say, the display area 405 can be understood as the first area shown in FIG. 1 . Here, the display area 405 includes a desktop 401 .

The electronic device 100 detects the user's input on the video application icon 402, and may display a video application page 411 as shown in FIG. 4B in the display area 405 of the unexpanded scroll screen. The video application page 411 may include a video display area and the like. The video display area may include multiple video options, and the multiple video options may be used to trigger the electronic device 100 to display a corresponding video playback page. Here, the plurality of video options includes a video option 412 .

After the electronic device 100 receives the user's input on the video option 412, in response to the input, the video playing page 421 as shown in FIG. 4C may be displayed in the display area 405 of the unexpanded scroll screen. Wherein, the video playing page 421 may include a video playing window, a video playing control, a video selection list, and the like. Wherein, the video playing window can be used to display a video picture (for example, the video of episode 7 of "Stride"). The video playback control is used to trigger the electronic device 100 to play/pause/fast forward/rewind the video. The video selection list can be used to display the video playback page corresponding to the selection.

When the chat application of the electronic device 100 receives a message from a contact, the electronic device 100 may display a window 431 as shown in FIG. 4D on the video playing page 421 . Window 431 may include, but is not limited to, the contact's name (eg, "Lisa"), the contact's avatar, and the like. Window 431 may be used to alert the user that electronic device 100 has received a message. The window 431 can also be used to trigger the electronic device 100 to display a chat page. It should be noted that the video playing page 421 does not include the window 431 . It should be noted that, not limited to messages from contacts, the chat application of the electronic device 100 may also display a window corresponding to the message on the video play page 421 after receiving the message sent by the user.

As shown in FIG. 4E , the electronic device 100 may move the position of the window 431 on the video playing page 421 when receiving the user's input of dragging the window 431 in the first direction. When the electronic device 100 detects that the user drags the window 431 to the side of the original position in the first direction and releases the window 431 , the electronic device 100 can unfold the scrolling screen. It can be understood that the input of dragging the window toward the first direction and then releasing the window is equivalent to the input of dragging the window toward the first direction. The electronic device 100 may display the first page in the first area of the unfolded scroll screen, that is, area 405 , and display the second page in the second area or the third area of the unfolded scroll screen.

In a possible implementation manner, the electronic device 100 may replace the first window with a specified icon when receiving an input that the user drags the first window. That is to say, the electronic device 100 may display a specified icon at the point touched by the user, and the specified icon moves along with the movement track of the point touched by the user. Wherein, the designated icon may be a preset icon or an icon of an application corresponding to the first window. For example, when the electronic device 100 receives the user's input of dragging the window 431 to the first direction, cancel the display of the window 431, and display the icon of the chat application corresponding to the window 431 (for example, the chat application icon 404 shown in FIG. 4A ). In this way, the dragged first window can be displayed more beautifully and concisely. In some embodiments, the size of the specified icon is smaller than the size of the first window.

Further, in order to avoid touching and dragging the first window by mistake, the electronic device 100 may replace the first window with a specified icon after receiving the user's long press operation. Afterwards, the electronic device 100 may receive the user's dragging input for the specified icon, and expand the scrolling screen.

In some embodiments, the electronic device 100 may detect a distance by which the user drags the first window or the specified icon. when the distance When the distance is greater than or equal to the preset distance, the electronic device 100 can unfold the scrolling screen. When the distance is less than the preset distance, the electronic device 100 does not unfold the scrolling screen, and continues to display the first window on the current display screen.

Wherein, when the scroll screen of the electronic device 100 is unfolded from the unexpanded state to the half-expanded state, the electronic device 100 may display the display area 405 and the display area 445 as shown in FIG. 4F . Wherein, the display area 405 displays a video play page 421 , and the display area 445 displays a chat page 441 . Wherein, the chat page 441 may include dialog boxes, input boxes and so on. The chat page 441 can be used to chat with the contact "Lisa". Optionally, the chat page 441 may also include emoticon controls, voice controls, more controls and the like. It should be noted that, since the scrolling screen is currently in a half-expanded state and not yet fully unfolded, the display area 445 only displays a part of the chat page 441 in the scrolling direction. As the expanded portion of the scrolling screen increases, the content of the chat page 441 displayed in the display area 445 by the electronic device 100 also increases accordingly. In this way, the electronic device 100 can display a complete video playing page 421 , and the user can continue to operate the video playing page 421 . For example, when the video playing window of the video playing page 421 is playing a video, the scrolling screen may continue to play the video during the unfolding process. Wherein, the display area 445 can be understood as the second area shown in FIG. 1 .

Optionally, a separation line may also be displayed between the display area 405 and the display area 445 of the electronic device 100 . The separation line can be used to adjust the lengths of the display area 405 and the display area 445 in the roll rolling direction. In this way, the user can adjust the size of the two display areas of the scrolling screen by himself through the dividing line.

When the scroll screen of the electronic device 100 is unfolded from a half-expanded state to a fully unfolded state, the electronic device 100 may display a display area 405 and a display area 455 as shown in FIG. 4G . Wherein, the range of the display area 455 includes the range of the display area 445 . Wherein, the display area 405 displays a video play page 421 , and the display area 455 displays a chat page 441 . It should be noted that since the scroll screen is currently in a fully unfolded state, the display area 455 is displaying a complete chat page 441 in the first direction. In this way, the electronic device 100 can determine the display areas of the first page and the second page based on the user's input of dragging the window in the first direction, which is convenient for the user to operate. Wherein, the display area 455 can be understood as the third area shown in FIG. 1 .

Optionally, the electronic device 100 may display the second page that is shrunk in the scroll unfolding direction when the scroll screen is in a half-expanded state. In this way, the user can view the content of the second page when the scrolling screen is not fully unfolded.

Exemplarily, the electronic device 100 may unfold the scrolling screen after receiving an input that the user drags the window 431 shown in FIG. 4D to the first direction. Wherein, when the scroll screen of the electronic device 100 is unfolded from the unexpanded state to the half-expanded state, the electronic device 100 may display the display area 405 and the display area 465 as shown in FIG. 4H . Wherein, the display area 405 displays a video play page 421 , and the display area 465 displays a chat page 441 . It should be noted that, since the scroll screen is currently in a half-expanded state and not yet fully expanded, the chat page 441 displayed in the display area 465 has shrunk in the direction in which the scroll screen unfolds. As the expanded portion of the scrolling screen increases, the chat page 441 displayed in the display area 445 by the electronic device 100 also expands accordingly. Until the scroll screen changes from the half-expanded state to the fully-expanded state, at this time, the electronic device 100 may display the display area 455 as shown in FIG. 4G . In this way, the electronic device 100 can display a complete chat page 441 during the rolling scrolling process, and the user can check the content of the chat page 441 in advance.

In a possible implementation manner, the electronic device 100 may include a preset shrink ratio. When the scroll screen of the electronic device 100 is in a half-expanded state, when the shrink ratio of the page displayed in the second area of the electronic device 100 is smaller than the preset shrink ratio When scaling, the electronic device 100 may display a prompt page. This prompt page can be used to prompt the user that the scrolling screen is unfolding. When the shrinkage ratio of the page displayed in the second area of the electronic device 100 is greater than or equal to the preset shrinkage ratio, the electronic device 100 may display the shrunk page. In this way, it is possible to prevent the electronic device 100 from displaying excessively shrunk unclear pages.

In a possible implementation, after receiving the user's input on the first window, the electronic device 100 may display first prompt information, the first prompt information is used to prompt the user that the scroll screen will switch from the unexpanded state to the fully expanded state. . electricity The sub-device 100 may cancel display of the first prompt information after displaying the first prompt information for a first duration, and switch the scrolling screen from the first state to the second state.

Optionally, when the electronic device 100 displays the first prompt information, a confirmation control may be displayed, and the confirmation control may be used to trigger the electronic device 100 to cancel displaying the first prompt information and expand the scrolling screen. Further, the electronic device 100 may also display a cancel control, and the cancel control may be used to trigger the electronic device 100 to cancel displaying the first prompt information and cancel the unfolding of the scrolling screen.

For example, after the electronic device 100 receives the user's input of dragging the first window to the first direction, it may display a prompt window 471 as shown in FIG. 4I . Wherein, the prompt window 471 may include but not limited to prompt information, a confirmation control 472 and a cancel control 473 . Wherein, the prompt information may include but not limited to text prompt information, voice prompt information, animation prompt information and the like. The prompt information may be used to prompt the user that the electronic device 100 will unfold the scroll screen and display the second page. Wherein, the confirmation control 472 may be used to trigger the electronic device 100 to unfold the scrolling screen. The cancel control 473 can be used to trigger the electronic device 100 to cancel the unfolding of the scrolling screen. In this way, the situation that the scrolling screen is unfolded due to a user's mistaken touch can be avoided. For example, when the confirmation control 472 is triggered, the electronic device 100 may display the display area 445 as shown in FIG. 4F , or the display area 465 as shown in FIG. 4H . When the cancel control 473 is triggered, the electronic device 100 can cancel the display of the prompt window 471 , that is, display the video playing page 421 as shown in FIG. 4C .

optional,

In some application scenarios, the scrolling screen of the electronic device 100 is in an unexpanded state, and the scrolling screen includes a first area in which a first page and a first window are displayed. The electronic device 100 may expand the scroll screen after receiving an input from the user to drag the first window of the scroll screen in the unexpanded state to the second direction. Wherein, the second direction may be a direction in which the scroll screen retracts (for example, a direction from the second area to the first area shown in FIG. 1 ). The electronic device 100 may display the second page in the first area of the scroll screen in the half-expanded state during the process of unfolding the scroll screen, and display the first page in the second area of the scroll screen in the half-expanded state. When the scrolling screen is fully unfolded, the second page is displayed in the first region of the scrolling screen in the fully unfolded state, and the first page is displayed in the third region of the scrolling screen in the fully unfolded state. In this way, the electronic device 100 may display the second page corresponding to the first window in the first area on the side of the second direction based on the input of dragging the first window in the second direction. The electronic device 100 may also alternately display the second page in the first area during the process of unfolding the scrolling screen, that is, the user may browse the second page without being affected.

Exemplarily, as shown in FIG. 4D , the scrolling screen of the electronic device 100 is in an unfolded state, and the electronic device 100 may display a video playing page 421 as shown in FIG. 4D in the display area 405 of the scrolling screen. A window 431 as shown in FIG. 4D is displayed on the video playing page 421 . Here, the descriptions of the video playing page 421 and the window 431 can refer to the above-mentioned embodiments shown in FIG. 4C and FIG. 4D , which will not be repeated here.

As shown in FIG. 5A , the electronic device 100 may move the position of the window 431 on the video playing page 421 when receiving an input that the user drags the window 431 shown in FIG. 4D to the second direction. When the electronic device 100 detects that the user drags the window 431 to the second direction side of the original position and releases the window 431 , the electronic device 100 can unfold the scrolling screen. It can be understood that the input of dragging the window toward the second direction and then releasing the window is equivalent to the input of dragging the window toward the second direction. The electronic device 100 may display the second page in the first area of the unfolded scroll screen, that is, area 405 , and display the first page in the second area or the third area of the unfolded scroll screen.

Optionally, the electronic device 100 may replace the first window with a designated icon when receiving an input from the user to drag the first window. For details, reference may be made to the embodiment shown in FIG. 4E , which will not be repeated here.

When the scroll screen of the electronic device 100 is unfolded, when the scroll screen of the electronic device 100 is unfolded from the unexpanded state to the half-expanded state, the electronic device 100 may display the display area 405 and the display area 505 as shown in FIG. 5B . in, The display area 405 displays a chat page 441 , and the display area 505 displays a video play page 421 . It should be noted that, since the scrolling screen is currently in a half-expanded state and not yet in a fully-expanded state, only a part of the video play page 421 is displayed in the display area 505 . As the expanded portion of the scrolling screen increases, the content of the video playing page 421 displayed in the display area 505 by the electronic device 100 also increases accordingly. In this way, the electronic device 100 can display a complete chat page 441, and the user can view/reply messages on the chat page 441 before scrolling is unfolded. Wherein, the display area 505 can be understood as the second area shown in FIG. 1 .

Optionally, a separation line may also be displayed between the display area 405 and the display area 505 of the electronic device 100 . The separation line can be used to adjust the lengths of the display area 405 and the display area 505 in the direction in which the scroll roll is unfolded. In this way, the user can adjust the size of the two display areas of the scrolling screen by himself through the dividing line.

When the scrolling screen of the electronic device 100 is unfolded from the half unfolded state to the fully unfolded state, the electronic device 100 may display the display area 405 and the display area 515 as shown in FIG. 5C . Wherein, the range of the display area 515 includes the range of the display area 505 . Wherein, the display area 405 displays a chat page 441 , and the display area 515 displays a video play page 421 . It should be noted that since the scrolling screen is currently in a fully unfolded state, a complete video playback page 421 is displayed in the display area 515 . In this way, the electronic device 100 can determine the display areas of the first page and the second page based on the user's input of dragging the window in the second direction, which is convenient for the user to operate. Wherein, the display area 515 can be understood as the third area shown in FIG. 1 .

Optionally, the electronic device 100 may display the first page that has been shrunk in the scroll unfolding direction when the scroll screen is in a half-expanded state. In this way, the user can view the content of the first page when the scrolling screen is not fully unfolded.

Exemplarily, the electronic device 100 may unfold the scrolling screen after receiving an input that the user drags the window 431 shown in FIG. 4D to the second direction. Wherein, when the scroll screen of the electronic device 100 is unfolded from the unexpanded state to the half-expanded state, the electronic device 100 may display the display area 405 and the display area 525 as shown in FIG. 5D . Wherein, the display area 405 displays a chat page 441 , and the display area 525 displays a video play page 421 . It should be noted that, since the scroll screen is currently in a half-expanded state and not yet fully expanded, the video playback page 421 displayed in the display area 525 has shrunk in the direction in which the scroll screen unfolds. As the expanded portion of the scrolling screen increases, the video play page 421 displayed in the display area 525 by the electronic device 100 also expands accordingly. In this way, the electronic device 100 can display all the content of the chat page 441 and the video play page 421 during the rolling scrolling process, and the user can check the content of the video play page 421 in advance.

Optionally, before the electronic device 100 unfolds the scrolling screen, prompt information may be displayed. The prompt information may be used to prompt the user that the electronic device 100 is about to unfold the scrolling screen. For example, the electronic device 100 may display a prompt window 471 as shown in FIG. 4I before unfolding the scrolling screen. For details, reference may be made to the embodiment shown in FIG. 4I , which will not be repeated here.

It should be noted that, the division manner of the display area of the screen of the electronic device 100 is not limited to the division manner shown in FIG. 1 . For example, when the scrolling screen of the electronic device 100 is not unfolded, the part of the screen visible to the user of the scrolling screen of the electronic device 100 is the first area. The side of the unfolding direction of the screen, that is, the first area may always be displayed in the unfolding direction of the scrolling screen in the visible display area along with the unfolding of the scrolling screen. When the scrolling screen is in a half-expanded state, the visible display area of the scrolling screen includes a first area and a second area. Wherein, the size of the second area is elongated with the unfolding of the scrolling screen. In this way, the first area is always on the unfolding direction side of the scroll screen, and the second The area stretches toward the unfolding direction of the scroll screen until the scroll screen stretches from the half-expanded state to the fully-expanded state. At this time, the second area may be referred to as a third area.

In a possible implementation manner, the scrolling screen of the electronic device 100 is in an unexpanded state, and the scrolling screen includes a first area, and a first page and a first window are displayed in the first area. The electronic device 100 may unfold the scroll screen after receiving an input of the user dragging the first window of the scroll screen in the unexpanded state to the third direction. Wherein, the third direction is opposite to the unrolling direction of the reel. The electronic device 100 may display the first page in the first area of the scroll screen in the half-expanded state during the process of unfolding the scroll screen, and display the second page corresponding to the first window in the second area of the scroll screen in the half-expanded state. Wherein, the second page in the second area is a shrunk second page or only a part of the second page is displayed in the second area. When the scroll screen is fully unfolded, the electronic device 100 may display the first page in the first area of the fully unfolded scroll screen, and display the second page in the third area of the fully unfolded scroll screen. In this way, the electronic device 100 can completely display the first page during the process of unfolding the scrolling screen. At the same time, the second page can also be completely displayed on the scroll screen as the scroll screen unfolds. It needs to be explained again that the first area and the second area described here are different from those shown in FIG. 1 . In the description of the embodiment other than that shown in FIG. The description can refer to the area division shown in Figure 1.

Exemplarily, as shown in FIG. 5E , the electronic device 100 may unfold the scrolling screen after receiving an input that the user drags the window 431 shown in FIG. 4D to the second direction. Wherein, when the scroll screen of the electronic device 100 is unfolded from the unexpanded state to the half-expanded state, the electronic device 100 may display the display area 535 and the display area 545 as shown in FIG. 5E . Wherein, the chatting page 441 is displayed in the display area 535 , and the video playing page 421 is displayed in the display area 545 . It should be noted that, since the scrolling screen is currently in a semi-expanded state and not yet in a fully unfolded state, the chat page 441 displayed in the display area 535 is cut in the direction in which the scroll screen is unfolded, and the chat page 441 displayed in the display area 535 Content can grow as the expanded portion of the scroll screen increases.

It can be understood that, the scrolling screen of the electronic device 100 is in an unfolded state, and the scrolling screen includes a first area in which a first page and a first window are displayed. The electronic device 100 may unfold the scroll screen after receiving an input of the user dragging the first window of the scroll screen in the unexpanded state to the fourth direction. Wherein, the fourth direction is the same as the scroll rolling direction. The electronic device 100 may display the second page corresponding to the first window in the first area of the half-expanded state of the scroll screen during the process of unfolding the scroll screen, and display the first page in the second area of the half-expanded state of the scroll screen. Wherein, the first page in the second area is the first page after contraction or only a part of the first page is displayed in the second area. When the scroll screen is fully unfolded, the electronic device 100 may display the second page in the first area of the fully unfolded scroll screen, and display the first page in the third area of the fully unfolded scroll screen. In this way, the electronic device 100 can completely display the second page during the process of unfolding the scrolling screen. At the same time, the first page can also be completely displayed on the scroll screen as the scroll screen unfolds.

It should be noted that it is not limited to the above-mentioned manner of dragging the first window in the first direction or the second direction, unfolding the scrolling screen, and displaying the first page and the second page corresponding to the first window on the scrolling screen. The electronic device 100 may receive other input from the user, expand the display screen, and determine the display areas of the first page and the second page.

In a possible implementation, during the process of dragging the first window, the electronic device 100 may display one or two or more expansion hot areas (for example, the display area of the electronic device 100 in the direction in which the scrolling screen is expanded) area near the edges of both screens). When the electronic device 100 detects that the first window is dragged near the expansion hot area, in response to this operation, the electronic device 100 can switch the scrolling screen from the first state to the second state, and the electronic device can display the first window in the first area. One page, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, not only can more operation gestures be supported to unfold the scrolling screen, but also avoid the scene of unfolding the scrolling screen by mistaken touch.

For example, the electronic device 100 may only display an expanded hot zone, and when the electronic device 100 detects that the user expands the first window When dragging to the vicinity of the expansion hot spot, the scrolling screen is expanded, and the first page is displayed in the first area of the expanded scrolling screen, and the second page is displayed in the second or third area of the expanded scrolling screen. Alternatively, the electronic device 100 may display the second page in the first area of the expanded scroll screen, and display the first page in the second area or the third area of the expanded scroll screen.

For another example, the electronic device 100 may display two expansion hot areas, and the two expansion hot areas include an expansion hot area A and an expansion hot area B. When the electronic device 100 detects that the user drags the first window to the vicinity of the expanded hot area A, the scrolling screen is expanded, and the first page is displayed in the first area of the expanded scrolling screen, and the second page is displayed in the expanded scrolling screen. area or third area displays the second page. When the electronic device 100 detects that the user drags the first window to the vicinity of the expanded hot zone B, the scrolling screen is expanded, and the second page is displayed in the first area of the expanded scrolling screen, and the second page is displayed in the second area of the expanded scrolling screen. area or third area displays the first page.

Further, the electronic device 100 may display expansion prompt information on the expansion hot area, and the expansion prompt information may be used to prompt the user that the electronic device 100 will expand the display screen and display the second page in a specific display area. In this way, it is convenient for the user to unfold the scrolling screen and determine the display area of the second page.

Optionally, the electronic device 100 may display the expansion hotspot when receiving the user's input (for example, long press, double click, etc.) on the first window.

Exemplarily, the electronic device 100 may display the expanded hotspot 601 and the expanded hotspot 602 as shown in FIG. 6A after receiving the user's input (eg, long press) as shown in FIG. 4D . Wherein, when the electronic device 100 receives the user's input of dragging the window 431 to the expansion hot area 601, in response to the input, the electronic device 100 can expand the scroll screen to display the second page in the first area, and display the second page in the second area or The third area displays the first page. Specifically, reference may be made to the embodiments shown in FIG. 5B-FIG. 5E , which will not be repeated here. Wherein, the expansion hot area 601 may further include expansion prompt information, and the expansion prompt information is used to prompt the user that when the window 431 is dragged near the expansion hot area 601 , the electronic device 100 may display the second page in the first area. Wherein, when the electronic device 100 receives the user's input of dragging the window 431 to the expansion hot area 602, in response to the input, the electronic device 100 can expand the scrolling screen, display the second page in the second area or the third area, and display the second page in the second area or the third area. The first area displays the first page. Specifically, reference may be made to the embodiments shown in FIG. 4F-FIG. 4I , which will not be repeated here. Wherein, the expansion hot area 602 may also include expansion prompt information, and the expansion prompt information is used to prompt the user that when the window 431 is dragged near the expansion hot area 602, the electronic device 100 may display the second window 431 in the second area or the third area. page.

It can be understood that when the electronic device 100 detects that the position to which the user drags the first window is not near the expansion hot area, the electronic device 100 may cancel the display of the expansion hot area.

Optionally, the expanded hot zone may be a transparent display area that is suspended and displayed above the first page displayed by the electronic device 100 . Optionally, the expansion hot zone may be an area other than the edge of the scrolling screen.

Optionally, when the electronic device 100 displays an expanded hot zone, the electronic device 100 may perform blurring/blurring processing on the first page, and display the blurred/blurring first page.

Optionally, the electronic device 100 may, after receiving the user's input (for example, dragging, long-pressing, etc.) on the first window, display the expanded hotspot and display the floating window hotspot at the same time. When the electronic device 100 detects that the user drags the first window to the vicinity of the floating hot area, the floating window may be displayed on the first page, and the second page may be displayed in the floating window.

In a possible implementation manner, a scroll unfolding control may be displayed in the first window of the electronic device 100 . When the electronic device 100 detects the user's input (such as clicking) on the scroll expansion control of the first window, in response to the input, the electronic device 100 can switch the scroll screen from the first state to the second state, and the electronic device can be in the second state. The first area displays the first page, and the second area displays the second page. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, it is convenient for the user to expand the scroll screen more conveniently by using the scroll scroll to expand the control.

Exemplarily, as shown in FIG. 6B, the electronic device 100 displays a video play page 421 and a window 431, and the electronic device For a specific description of the content displayed at 100, reference may be made to the embodiment shown in FIG. 4D above, and details are not repeated here. Wherein, the window 431 also includes a function control 621 . Wherein, the function control 621 may include a scroll expansion control 621A and a scroll expansion control 621B. Among them, the scroll unfolding control 621A can be used to trigger the electronic device 100 to unfold the scroll screen, display the chat page 441 corresponding to the window 431 in the display area 405, and display the video playback page 421 in the display area of the part of the screen expanded from the scroll screen, specifically , the electronic device 100 expands the scroll screen to display the chatting page 441 and the video playing page 421. For detailed description, refer to the embodiment shown in FIG. 5B-FIG. Among them, the scroll unfolding control 621B can be used to trigger the electronic device 100 to unfold the scroll screen, display the video playback page 421 in the display area 405, and display the chat page 441 corresponding to the window 431 in the display area of the partially unfolded screen of the scroll screen, specifically , the electronic device 100 expands the scrolling screen to display the chatting page 441 and the video playing page 421. For detailed description, refer to the embodiment shown in FIG. 4F-FIG. 4I , which will not be repeated here.

Optionally, the function control 621 may also include a floating opening control 621C, which may be used to trigger the electronic device 100 to display a floating window on the video playing page 421 . And display the chat page 441 in the floating window.

In another possible implementation manner, the electronic device 100 may, after receiving the user's input on the first window, display the scroll expansion control in response to the input.

Exemplarily, the electronic device 100 may display the function control window 631 as shown in FIG. 6C in response to the user input (for example, long press, double-click, etc.) on the window 431 shown in FIG. 4D after receiving the input. The function control window 631 may include one or more function controls. For example, scroll expand control 631A, scroll expand control 631B, hover open control 631C. Wherein, the description of these functional controls can refer to the embodiment shown in FIG. 6B , which will not be repeated here.

Exemplarily, after the electronic device 100 receives the user's input (for example, long press, double-click, etc.) on the window 431 shown in FIG. Scroll unwind control 642 . Wherein, the functions of the scroll expansion control 641 and the scroll expansion control 621A shown in FIG. 6B are the same, but the styles are different. The functions of the scroll expansion control 642 and the scroll expansion control 621B shown in FIG. 6B are the same, but the styles are different. It can be understood that the scroll unfolding control may not be limited to the display styles and display positions mentioned in the above embodiments, as long as the scroll unfolding control can be used to trigger the electronic device 100 to unfold the scroll screen, the scroll unfolding control may include text, pictures, animations, etc. , which is not limited in this embodiment of the present application.

It should be noted that, the above described a variety of scenarios in which the scrolling screen is unfolded and the second page is displayed in different display areas of the unfolded scrolling screen. Not limited to the above-mentioned input methods, the electronic device 100 may also receive other user inputs, unfold the scrolling screen, and determine the display area of the second page, which is not limited in this application. Optionally, the electronic device 100 may provide a function of setting a user's input, opening a scrolling screen, and determining a corresponding relationship between the display area of the second page. In this way, the electronic device 100 can receive the user's input, and flexibly set the input mode of opening the scroll screen and the display area of the second page.

In some application scenarios, the scrolling screen of the electronic device 100 is in a fully unfolded state. The electronic device 100 includes a first area and a third area. The first page is displayed in the first area of the electronic device 100 , the second page is displayed in the second area, and the first window is also displayed on the scrolling screen of the electronic device 100 . The electronic device 100 may, after receiving the user's input for the first window (for example, an input for sliding up the first window), in response to the input, display on the side screen of the first area of the scroll screen the corresponding The third page, or the third page is displayed on one side of the second area of the scrolling screen, or the third page is displayed in the middle area of the scrolling screen. In this way, the electronic device 100 can display more pages on the unfolded scroll screen, which is convenient for the user to perform multi-application operations.

In a possible implementation manner, the electronic device 100 may receive the user's input on the first window (for example, After dragging the input of the first window), in response to the input, the side lengths of the first area and the second area in the direction of unfolding (rolling up) the scroll screen are reduced. The electronic device 100 may also add a third area on a side of the first area away from the second area, and display a third page in the third area. Alternatively, the electronic device 100 may also add a fourth area on a side of the second area away from the first area, and display the third page corresponding to the first window in the fourth area. Alternatively, a fifth area is added between the second area and the first area, and the third page corresponding to the first window is displayed in the fifth area.

Optionally, the electronic device 100 may receive a user's input and determine to display the third page in the third area, the fourth area or the fifth area.

In some embodiments, after the electronic device 100 receives the user's input A for the first window (for example, the input of dragging the first window to the side of the first area), in response to the input A, the first area can be reduced. and the side length of the second area in the direction of expanding (rolling up) the scroll screen, and adding a third area on the side of the first area away from the second area, and displaying a third page in the third area. Similarly, after receiving the user's input B for the first window (for example, an input of dragging the first window to the side of the second area), the electronic device 100 may reduce the size of the first area and the second area in response to the input B. Expand (roll up) the side length in the direction of the scrolling screen, and add a fourth area on the side of the second area away from the first area, and display the third page corresponding to the first window in the fourth area. Similarly, after receiving the user's input C for the first window (for example, an input of dragging the first window to the bottom of the screen), the electronic device 100 may reduce the expansion of the first area and the second area in response to the input C. (roll up) the side length in the scroll screen direction, and add a fifth area in the middle of the second area and the first area, and display the third page corresponding to the first window in the fifth area. Wherein, input A, input B and input C are all different.

Exemplarily, the electronic device 100 may display a display area 405 and a display area 455 as shown in FIG. 4G . When the electronic device 100 receives a message from another application, it can display the message window of the application on the overlapped side of the display area 405 and the display area 455 . For example, when the electronic device 100 receives a news application message, it may display a window 701 as shown in FIG. 7A on the overlapped side of the display area 405 and the display area 455 . Window 701 can be used to prompt the user that there is a news message. The window 701 can be used to trigger the electronic device 100 to display the news details page corresponding to the window 701 .

As shown in FIG. 7B , the electronic device 100 may move the position of the window 701 on the display screen after receiving an input that the user drags the window 701 toward the display area 405 . When the electronic device 100 detects that the user drags the window 701 to the side of the first area of the original position and releases the window 701, the electronic device 100 may unfold the scrolling screen. It can be understood that the input of dragging the window toward the side of the first area and then releasing the window is equivalent to the input of dragging the window toward the side of the first area. The electronic device 100 may reduce the side lengths of the display area 405 and the display area 455 in the direction of unfolding (rolling up) the scroll screen, and add a display area 715 on the side of the scroll screen display area 405 away from the display area 455 . Wherein, a page news detail page 711 is displayed in the display area 715 .

As shown in FIG. 7C , the scroll screen of the electronic device 100 is in a fully unfolded state. The scrolling screen of the electronic device 100 includes a display area 715 , a display area 405 and a display area 455 . Wherein, a news detail page 711 is displayed in the display area 715 . The news detail page 711 may include but not limited to news titles, news content and so on. The display area 405 displays a video play page 421 , and the display area 455 displays a chat page 441 . Wherein, the display area 715 , the display area 405 and the display area 455 divide the scrolling screen into three equal parts and display respective page contents. The size of the display area 405 shown in FIG. 7B is larger than that of the display area 405 shown in FIG. 7C , and the size of the display area 455 shown in FIG. 7B is larger than that of the display area 455 shown in FIG. 7C . Optionally, a separation line may be displayed between two adjacent display areas among the display area 715 , the display area 405 and the display area 455 . The separation line can be used to trigger the electronic device 100 to adjust the relative sizes of two adjacent display areas.

Optionally, after the electronic device 100 receives the user's input of dragging the first window, one or two or more hot areas are displayed on the scroll screen (for example, the electronic device 100 is displayed on the scroll screen in the scroll screen unfolding direction The hot zone is displayed near the two screen edges of the window), when the electronic device 100 detects that the first window is dragged to the vicinity of the expanded hot zone, in response to this operation, the electronic device 100 The device 100 may display the third page in the display area corresponding to the hot zone. Wherein, the display area corresponding to the hot zone may be the third area, the fourth area or the fifth area. It should be noted that when the electronic device 100 displays multiple hotspots, each hotspot may correspond to the same display area, or each hotspot may correspond to a different display area.

In a possible implementation manner, the scroll screen of the electronic device 100 is in a fully unfolded state. The electronic device 100 includes a first area and a third area. The first page is displayed in the first area of the electronic device 100 , the second page is displayed in the second area, and the first window is displayed on the first area and the second area of the electronic device 100 . The electronic device 100 may divide the first area into a first sub-area and a second sub-area in response to the input after receiving the user's input (for example, an input of dragging the first window to the side of the first area), and The first page is displayed in the first sub-area, and the third page is displayed in the second sub-area. Alternatively, the second area is divided into a third sub-area and a fourth sub-area, and the second page is displayed in the third sub-area, and the third page is displayed in the fourth sub-area.

Optionally, the electronic device 100 may receive a user's input and determine to display the third page in the second subarea or the fourth subarea.

In some embodiments, the electronic device 100 may divide the first area into It is the first sub-area and the second sub-area, and the first page is displayed in the first sub-area, and the third page is displayed in the second sub-area. The electronic device 100 may divide the second area into the third sub-area and the second sub-area in response to the input B after receiving the user's input B for the first window (for example, an input of dragging the first window to the side of the second area). Four sub-areas, and display the second page in the third sub-area, and display the third page in the fourth sub-area. Wherein, input A and input B are different.

Exemplarily, the electronic device 100 may display the display area 725, the display area 735 and the display area 735 shown in FIG. Display area 455 . Wherein, the video play page 421 is displayed in the display area 725 , the news detail page 711 is displayed in the display area 735 , and the chat page 441 is displayed in the display area 455 . It should be noted that the display area 725 and the display area 735 are obtained by dividing the display area 405 shown in FIG. 7A . The content of the video playing page 421 displayed in the display area 725 is less than that of the video playing page 421 displayed in the display area 405 .

Optionally, a separation line may be included between the display area 725 and the display area 735 , and the separation line may be used to adjust the relative size between the display area 725 and the display area 735 . A separation line may also be included between the display area 725 and the display area 735 and the display area 455 , and the separation line may be used to adjust the relative size between the display area 725 and the display area 735 and the display area 455 .

In some embodiments, the first area may be the left half area of the display screen, and the second area may be the right half area of the display screen. The first sub-area may be the upper half of the first area, and the second sub-area may be the lower half of the first area. The third sub-area may be the upper half of the second area, and the fourth sub-area may be the lower half of the second area.

Optionally, after receiving the user's input A for the first window (for example, the input of dragging the first window to the side of the first area), the electronic device 100 may display the third window in the first area in response to the input. page. Similarly, after receiving the user's input B for the first window (for example, an input of dragging the first window to the side of the second area), the electronic device 100 may display the third page in the second area in response to the input. Wherein, input A and input B are different.

Exemplarily, after the electronic device 100 receives an input that the user drags the window 701 shown in FIG. 7A toward the first area, the electronic device 100 may display the display area 405 and the display area 455 as shown in FIG. 7E . Wherein, a news detail page 711 is displayed in the display area 405 , and a chat page 441 is displayed in the display area 455 .

Optionally, the scroll screen of the electronic device 100 is in a fully unfolded state. The electronic device 100 includes a first area and a third area. The first page is displayed in the first area of the electronic device 100, and the second page is displayed in the second area. When the electronic device 100 receives a message from another application, it may display the first window on the first area or the second area, The first window may be used to trigger the electronic device 100 to display a page of a corresponding application.

Exemplarily, the electronic device 100 may display a display area 405 and a display area 455 as shown in FIG. 4G . After receiving a message from another application, the electronic device 100 may display the message window of the application on the display area 405 or the display area 455 . For example, when the electronic device 100 receives a news application message, it may display a window 751 as shown in FIG. 7F on the display area 405 . For a detailed description of the window 751, reference may be made to the window 701 shown in FIG. 7A , which will not be repeated here.

Further optionally, when the electronic device 100 displays the first window in the first area, after the electronic device 100 receives the user's input on the first window, in response to the input, it may display the first window corresponding to the first window on the side of the first area. the third page of . For example, when the electronic device 100 displays the window 751 as shown in FIG. 7F , after receiving the user's input (such as clicking) on the window 751, the news details corresponding to the window 751 can be displayed on the scroll screen on the side of the display area 405. Page 711. Specifically, the description of the electronic device 100 displaying the news details page 711 on the scroll screen at the side of the display area 405 may refer to the embodiments shown in FIGS. 7C-7E , and details are not repeated here.

Optionally, the electronic device 100 may provide a function of setting a corresponding relationship between the display position of the first window in the fully unfolded scroll screen and the display area of the third page corresponding to the first window. In this way, the electronic device 100 can flexibly set the display positions of the first window and the third page by receiving the user's input. For example, when the electronic device 100 is configured to display the first window in the second area, the electronic device 100 will display the third page on the scroll screen at the side of the second area.

It should be noted that it is not limited to electronic devices including scrolling screens, and the display method of how to display the third page above can also be applied to other electronic devices that can display two or more pages at the same time, such as electronic devices including folding screens.

In a possible implementation manner, the scroll screen of the electronic device 100 is in a fully unfolded state. The electronic device 100 includes a first area and a second area. A first page is displayed in the first area of the electronic device 100, and a second page is displayed in the second area. The electronic device 100 may receive the user's input and retract the scrolling screen. After the scroll screen of the electronic device 100 changes from a fully expanded state to an unexpanded state, the electronic device 100 may display the first page or the second page in full screen on the scroll screen. In this way, the user does not need to manually roll back the scroll screen, and the electronic device can automatically retract the scroll screen based on the user's input.

In some embodiments, after the electronic device 100 retracts the scroll screen, the first page is displayed when the scroll screen of the electronic device 100 returns to the unexpanded state. Wherein, the process of retracting the scroll screen by the electronic device 100 can refer to step (d)-step (a) shown in FIG. 3B , or step (d)-step (a) shown in FIG. 3C , etc., in This will not be repeated here.

In some other embodiments, after the electronic device 100 retracts the scroll screen, the electronic device 100 may first replace the display content in the first area and the second area, that is, display the second page in the first area and display the first page in the second area. Afterwards, the electronic device 100 can retract the scroll screen. Wherein, the process of retracting the scroll screen by the electronic device 100 may refer to step (d)-step (a) shown in FIG. 3B , and may also refer to step (d)-step (a) shown in FIG. 3C and so on. Alternatively, the electronic device 100 may keep the size of the second area unchanged, and reduce the size of the first area as the scroll screen retracts until the scroll screen returns to the unexpanded state. At this time, the scroll screen of the electronic device 100 Only the second region is included. Wherein, the description of the gradual reduction of the first area as the scroll screen retracts can refer to the embodiment of the gradual reduction of the third area in step (d)-step (a) in FIG. 3B and FIG. 3C , which will not be repeated here.

Optionally, the electronic device 100 may receive user input, and set whether to continue to display the first page or the second page when the scroll screen returns from the fully expanded state to the unexpanded state.

In some other embodiments, when the electronic device 100 is in the fully unfolded state, after the electronic device 100 receives the user's input A, in response to the input A, retract the scroll screen, and return to the unexpanded state on the scroll screen of the electronic device 100 when all The screen displays the first page. When the electronic device 100 is in the fully unfolded state, after the electronic device 100 receives the input B from the user, it retracts the scroll screen in response to the input B, and when the scroll screen of the electronic device 100 returns to the unexpanded state, the second page is displayed in full screen . Wherein, input A and input B are different.

In some embodiments, the scroll screen of the electronic device 100 is in a fully unfolded state, and the scroll screen includes a first area, a second area and a separation line. The electronic device 100 may receive a user's input on the separation line, and retract the scroll screen in response to the input, and display the first page or the second page on the scroll screen when the scroll screen is from a fully unfolded state to an unexpanded state. For example, the electronic device 100 may receive the user's sliding input (for example, sliding up) on the separation line, retract the scroll screen, and display the first page or the second page on the scroll screen returned to the unexpanded state. Wherein, the process of retracting the scroll screen by the electronic device 100 may refer to the foregoing embodiments, and details are not repeated here.

Further, the electronic device 100 may retract the scroll screen in response to different input from the user on the separation line, and determine to reserve the first page or the second page based on the input. In this way, based on the user's input, the electronic device can determine the displayed content on the scroll screen in the unexpanded state, and the user can reserve the pages to be used by himself. For example, the electronic device 100 may receive the user's input of sliding to the first area with respect to the dividing line, withdraw the scrolling screen, and display the second page in the second area in full screen when the scrolling screen returns to the unexpanded state. The electronic device 100 may also receive the user's input of sliding to the second area with respect to the dividing line, withdraw the scrolling screen, and display the first page of the first area in full screen when the scrolling screen returns to the unexpanded state.

In some other embodiments, the scroll screen of the electronic device 100 is in a fully unfolded state, and the scroll screen includes a first area and a second area. The side frame of the electronic device 100 includes a sensor (such as a pressure sensor) or a device (such as a touchpad) capable of receiving user input. The electronic device 100 may receive a user's input on the side frame of the electronic device 100, and retract the scroll screen in response to the input, and display the first page or the second page on the scroll screen when the scroll screen is from a fully unfolded state to an unexpanded state. . For example, the electronic device 100 may receive a user's sliding input on the side frame (for example, sliding up), retract the scrolling screen, and display the first page or the second page on the scrolling screen returning to the unfolded state. Wherein, the process of retracting the scroll screen by the electronic device 100 may refer to the foregoing embodiments, and details are not repeated here.

Further, the electronic device 100 may retract the scrolling screen in response to different input from the user on the side frame, and determine to reserve the first page or the second page based on the input. For example, the electronic device 100 may receive the user's input of sliding upward on the side frame, retract the scroll screen, and display the second page in the second area in full screen when the scroll screen returns to the unexpanded state. The electronic device 100 may also receive the user's input of sliding down the side frame, retract the scroll screen, and display the first page in the first area in full screen when the scroll screen returns to the unexpanded state.

In some other embodiments, the scroll screen of the electronic device 100 is in a fully unfolded state, and the scroll screen includes a first area, a second area and a scroll retraction control. The electronic device 100 may receive the user's input for retracting the scrolling control, and retract the scrolling screen in response to the input, and display the first page or the second page on the scrolling screen when the scrolling screen is from a fully unfolded state to an unexpanded state.

Exemplarily, the electronic device 100 may display the scroll retraction control when the scroll screen changes from the unexpanded state to the fully expanded state. For example, the electronic device 100 may unfold the scrolling screen after receiving an input that the user drags the window 431 shown in FIG. 4D to the first direction. When the scroll screen changes from a half-expanded state to a fully-expanded state, a scroll retract control 801 as shown in FIG. 8A is displayed. Wherein, the scroll retracting control 801 can be used to trigger the electronic device 100 to retract the scroll screen, and display the video play page 421 or the chat page 441 when the scroll screen returns to the unexpanded state.

Further, the electronic device 100 may retract the scroll screen in response to different user input on the scroll retract control, and determine to reserve the first page or the second page based on the input. For example, the electronic device 100 may receive the user's input of sliding the scroll retraction control to the first area, retract the scroll screen, and display the second page in the second area in full screen when the scroll screen returns to the unexpanded state. The electronic device 100 may also receive the user's input of sliding the scroll retraction control to the second area, retract the scroll screen, and display the first page in the first area in full screen when the scroll screen returns to the unexpanded state. example For example, when the electronic device 100 displays the interface shown in FIG. 8A , when receiving the user's input of sliding the scroll retraction control to the display area 455 , retract the scroll screen in response to the input. During the process of retracting the scroll screen, the electronic device 100 may display an interface as shown in FIG. 4F or FIG. 4H . When the scroll screen of the electronic device 100 returns to the unfolded state, an interface as shown in FIG. 4C may be displayed.

Optionally, the scroll retracting control may be suspended and displayed on the interface displayed by the electronic device 100 . The electronic device 100 may receive a user's drag input on the scroll retracting control, and change the display position of the scroll retracting control on the scroll screen.

Optionally, the reel retraction controls may include a reel retraction control A and a reel retraction control B. Wherein, the scroll retracting control A can be used to trigger the electronic device 100 to retract the scroll screen, and when the scroll screen returns to the unexpanded state, the first page is displayed in full screen, for example, the scroll retracting control A can be the scroll retracting as shown in FIG. 8B Control 811. Wherein, the scroll retracting control B can be used to trigger the electronic device 100 to retract the scroll screen, and when the scroll screen returns to the unexpanded state, the second page is displayed in full screen, for example, the scroll retracting control B can be the scroll retracting as shown in FIG. 8B Control 812 .

Optionally, the electronic device 100 may receive user input, and set the user input corresponding to the operation of retracting the scroll screen. In this way, the user can set what kind of user input is used to retract the scroll screen, and different user inputs trigger the electronic device 100 to continue displaying the first page or the second page. In this way, it can fit the user's usage habits and retain the pages that the user still needs to use. Optionally, the electronic device 100 may provide the user with the above-mentioned several methods of retracting the scroll screen, and the electronic device 100 may receive an input from the user to determine the manner in which the electronic device 100 retracts the scroll screen. For example, when the display area division method of the scroll screen of the electronic device 100 is as shown in the embodiment shown in FIG. 5E , the electronic device 100 may keep the size of the first area unchanged and gradually reduce the The size of the second area, retract the scroll screen.

It should be noted that the above-mentioned sliding operation, dragging operation, and the style of the control are only examples, and should not limit the input method of the scroll screen.

In some embodiments, the first window of the electronic device 100 is in the message bar of the electronic device 100, and the electronic device 100 may expand the scrolling screen after receiving the user's input on the first window in the message bar, and determine the The display content of the expanded scroll screen.

Exemplarily, the electronic device 100 may display the message bar 901 as shown in FIG. 9 when receiving the user's swipe down operation on the top frame in FIG. 4C . A window 902 is displayed in the message bar 901 , and the window 902 can be used to trigger the electronic device 100 to display the chat page 441 . When the electronic device 100 receives the user's input on the window 902, in response to the input, the scroll screen is expanded, and the video playback page 421 shown in FIG. Page 441, for details, refer to the embodiment shown in Fig. 4F-Fig. 4I. Alternatively, the electronic device 100 unfolds the scrolling screen, and displays the chat page 441 in the display area 405, and displays the video playing page 421 on the partially unfolded screen of the scrolling screen. For details, refer to the embodiment shown in FIG. 5B-FIG. This will not be repeated here.

In some application scenarios, the scrolling screen of the electronic device 100 is in an unexpanded state, and the scrolling screen includes a first area in which a first page and a first icon are displayed. The electronic device 100 may switch the scrolling screen from the first state to the second state after receiving the user's input on the first icon on the scrolling screen, and the electronic device may display the first page in the first area and display the page in the second area. second page. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, the electronic device 100 can display the pages in the first area during the process of unfolding the scrolling screen, and the user can browse the pages in the first area without being affected. It should be noted that the first page includes a first icon.

In some embodiments, the electronic device 100 may unfold the scrolling screen after receiving an input of the user dragging the first icon on the first page of the scrolling screen in the unexpanded state toward the first direction. Wherein, the first direction may be the direction in which the reel is unfolded. The electronic device 100 may display the first page in the first area of the scroll screen in the half-expanded state during the process of unfolding the scroll screen, And display the second page in the second area of the scroll screen in the half-expanded state. When the scrolling screen is fully expanded, the first page is displayed in the first area of the scrolling screen in the fully expanded state, and the second page is displayed in the third area of the scrolling screen in the fully expanded state. In this way, the electronic device 100 can display the first page in the first area during the process of unfolding the scrolling screen, that is, the user can continue to browse the first page. The electronic device 100 may unfold the scrolling screen after receiving an input of the user dragging the first icon on the first page of the scrolling screen in the unexpanded state to the second direction. Wherein, the second direction may be a direction in which the reel is retracted. The electronic device 100 may display the second page in the first area of the scroll screen in the half-expanded state during the process of unfolding the scroll screen, and display the first page in the second area of the scroll screen in the half-expanded state. When the scrolling screen is fully unfolded, the second page is displayed in the first region of the scrolling screen in the fully unfolded state, and the first page is displayed in the third region of the scrolling screen in the fully unfolded state. In this way, the electronic device 100 can alternately display the second page in the first area during the process of unfolding the scroll screen, that is, the user can browse the second page without waiting for the scroll screen to unfold.

In some embodiments, after the electronic device 100 receives the user's input of dragging the first icon, it may display one or two or more expanded hot zones. (For example, the areas near the two screen edges of the display screen of the electronic device 100 in the unfolding direction of the scrolling screen). When the electronic device 100 detects that the first icon is dragged near the expansion hot area, in response to this operation, the electronic device 100 may switch the scrolling screen from the first state to the second state, and the electronic device may display the first icon in the first area. One page, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, not only can more operation gestures be supported to unfold the scrolling screen, but also avoid the scene of unfolding the scrolling screen by mistaken touch.

For example, the electronic device 100 may display only one expansion hot area, and when the electronic device 100 detects that the user drags the first icon near the expansion hot area, the scroll screen is expanded, and the first icon is displayed in the first area of the expanded scroll screen. a page, and display the second page in the second or third area of the expanded scroll screen. Alternatively, the electronic device 100 may display the second page in the first area of the expanded scroll screen, and display the first page in the second area or the third area of the expanded scroll screen.

For another example, the electronic device 100 may display two expansion hot areas, and the two expansion hot areas include an expansion hot area A and an expansion hot area B. When the electronic device 100 detects that the user drags the first icon to the vicinity of the expanded hot zone A, the scrolling screen is expanded, and the first page is displayed in the first area of the expanded scrolling screen, and the second page is displayed in the expanded scrolling screen. area or third area displays the second page. When the electronic device 100 detects that the user drags the first icon to the vicinity of the expanded hot zone B, the scrolling screen is expanded, and the second page is displayed in the first area of the expanded scrolling screen, and the second page is displayed in the second area of the expanded scrolling screen. area or third area displays the first page.

Further, the electronic device 100 may display expansion prompt information on the expansion hot area, and the expansion prompt information may be used to prompt the user that the electronic device 100 will expand the display screen and display the second page in a specific display area.

Exemplarily, the electronic device 100 displays a desktop 401 as shown in FIG. 4A . When the electronic device 100 receives the user's drag input for the chat application icon 404, in response to the drag input, the electronic device 100 displays the expansion hot area 1001 and the expansion hot area 1002 as shown in FIG. 10A. Wherein, when the electronic device 100 receives the input that the user drags the chat application icon 404 to the expansion hot area 1001, in response to the input, the electronic device 100 can expand the scrolling screen, display the second page in the first area, and display the second page in the second area. area or third area displays the first page. Wherein, the expansion hot area 1001 may further include expansion prompt information, and the expansion prompt information is used to prompt the user that when the chat application icon 404 is dragged near the expansion hot area 1001 , the electronic device 100 may display the second page in the first area.

Wherein, when the electronic device 100 receives the input that the user drags the chat application icon 404 to the expansion hot area 1002, in response to the input, the electronic device 100 can expand the scrolling screen and display the second page in the second area or the third area , to display the first page in the first area. Wherein, the expansion hot area 1002 may also include expansion prompt information, and the expansion prompt information is used to prompt the user that when the chat application icon 404 is dragged near the expansion hot area 1002, the electronic device 100 may display the information in the second area or the third area. second page.

After the electronic device 100 receives the input that the user drags the chat application to the expansion hot zone 1002, in response to the input, Expand the scroll screen. Wherein, when the electronic device 100 unfolds the scrolling screen, when the scrolling screen is in a half-expanded state, the display area 405 and the display area 1015 as shown in FIG. 10B may be displayed. Wherein, a desktop 401 is displayed in the display area 405 , and a chat page 441 is displayed in the display area 1015 . It should be noted that, since the scroll screen is currently in a half-expanded state and not fully expanded, the chat page 441 displayed in the display area 1015 is cut in the direction in which the scroll screen is unfolded. The content of the chat page 441 displayed in the display area 1015 increases as the expanded portion of the scrolling screen increases.

When the scroll screen is in a fully unfolded state, the display area 405 and the display area 1015 as shown in FIG. 10C may be displayed. Wherein, a desktop 401 is displayed in the display area 405 , and a complete chat page 441 is displayed in the display area 1015 .

Optionally, when the electronic device 100 is in the half-expanded state, it displays the second page shrunk in the unfolding direction of the scroll. For example, when the electronic device 100 is in a half-expanded state, a chat page 441 as shown in FIG. 10D may be displayed. Wherein, the chatting page 441 is in a contracted state, and the chatting page 441 can be stretched along with the unfolding of the scrolling screen. When the electronic device 100 is in a fully expanded state, the chat page 441 is not in a contracted state. Wherein, the specific description of the electronic device 100 unfolding the scrolling screen and displaying the second page in the second area or the third area can refer to the embodiment shown in FIG. 4F-FIG. 4I , which will not be repeated here.

It should be noted that, not limited to the input of dragging the first icon, the electronic device 100 may display the expansion hotspot when receiving other input (for example, long press, double click, etc.) from the user on the first icon.

In some embodiments, the electronic device 100 may receive user input for the first icon, and in response to the input, display the scroll rollout control. When the electronic device 100 detects the user's input (for example, click) on the scroll expansion control, in response to the input, the electronic device 100 can switch the scroll screen from the first state to the second state, and the electronic device can display in the first area first page, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, it is convenient for the user to expand the scroll screen more conveniently by using the scroll scroll to expand the control.

Exemplarily, the electronic device 100 displays a desktop 401 as shown in FIG. 4A . When the electronic device 100 receives the user's input (for example, long press) on the chat application icon 404, in response to the input, the electronic device 100 displays the menu bar 1021 as shown in FIG. 10E . The menu bar 1021 may include a scroll expansion control 1021A. Among them, the scroll unfolding control 1021A can be used to trigger the electronic device 100 to unfold the scroll screen, display the chat page 441 corresponding to the chat application icon 404 in the display area 405, and display the desktop 401 in the display area of the part of the scroll screen unfolded, specifically , the electronic device 100 expands the scroll screen to display the chat page 441 and the description of the desktop 401, you can refer to the embodiment shown in FIG. 5B-FIG. .

Wherein, the menu bar 1021 may also include a scroll scroll control 1021B. The scroll unfolding control 1021B can be used to trigger the electronic device 100 to unfold the scroll screen, display the desktop 401 in the display area 405, and display the chat page 441 corresponding to the chat application icon 404 in the display area of the partially unfolded screen of the scroll screen. The device 100 unfolds the scrolling screen to display the chatting page 441 and the video playing page 421. For a detailed description, refer to the embodiment shown in FIG. 10B-FIG. 10D , which will not be repeated here.

It should be noted that the above described a variety of scenarios in which the scrolling screen is unfolded and the second page corresponding to the first icon is displayed in different display areas of the unfolded scrolling screen. Not limited to the above-mentioned input methods, the electronic device 100 may also receive other user inputs, unfold the scrolling screen, and determine the display area of the second page, which is not limited in this application. Optionally, the electronic device 100 may provide a function of setting a user's input, opening a scrolling screen, and determining a corresponding relationship between the display area of the second page. In this way, the electronic device 100 can receive the user's input, and flexibly set the input mode of opening the scroll screen and the display area of the second page. It should also be noted that the electronic device 100 receives the user's input for the first icon, and the description of expanding the scrolling screen can refer to the relevant description of the above-mentioned first window. Input an icon, display the third page corresponding to the first icon, and the electronic device 100 retracts the scroll screen, etc. For the description of the above-mentioned first window, please refer to the relevant description of the above-mentioned first window, and will not repeat them here.

In some application scenarios, the scrolling screen of the electronic device 100 is in an unexpanded state, and the scrolling screen includes a first area in which a first page and a first link are displayed. The electronic device 100 may switch the scrolling screen from the first state to the second state after receiving the user's input of the first link on the scrolling screen, and the electronic device may display the first page in the first area and display the link in the second area. second page. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, the electronic device 100 can display the pages in the first area during the process of unfolding the scrolling screen, and the user can browse the pages in the first area without being affected. It should be noted that the first page includes the first link.

In some embodiments, the electronic device 100 may unfold the scrolling screen after receiving an input that the user drags the first link of the first page of the scrolling screen in the unexpanded state to the first direction. Wherein, the first direction may be the direction in which the reel is unfolded. The electronic device 100 may display the first page in the first area of the unfolded scroll screen, and display the second page in the second area or the third area of the scroll screen. The electronic device 100 may unfold the scrolling screen after receiving the user's input of dragging the first link on the first page of the scrolling screen in the unexpanded state to the second direction. Wherein, the second direction may be a direction in which the reel is retracted. The electronic device 100 may display the second page in the first area of the unfolded scroll screen, and display the first page in the second area or the third area of the scroll screen.

Exemplarily, the electronic device 100 displays a desktop 401 as shown in FIG. 4A . After the electronic device 100 receives the user's input (for example, click) on the chat application icon 404, in response to the input, the electronic device 100 may display the contact page 1101 as shown in FIG. 11A. The contact page 1101 may include a contact display area 1102 . The contact display area 1102 can display a plurality of contact icons (for example, a contact icon 1102A), and the contact icon can be used to trigger the display of the chat page corresponding to the contact icon. Optionally, the contact page may also include icons such as a search bar.

The electronic device 100 may display a chat page 1111 as shown in FIG. 11B in response to a user's input (eg, click) on the contact icon 1102A. The chat page 1111 can include a chat box, which can be used to display messages sent by users or contacts, and the messages can include but not limited to text messages, link messages, picture messages, animation messages, voice messages, etc. wait. Here, the message displayed in the chat box 1112 includes a link 1113 . The link 1113 may be used to display and trigger the electronic device 100 to display the corresponding page.

The electronic device 100 may receive the user's input of dragging the link 1113 to the unfolding direction of the scrolling screen, and in response to the input, unfold the scrolling screen, display a chat page 1111 in the display area 405, and display the link 1113 on a part of the scrolling screen that is subsequently expanded. corresponding page. The electronic device 100 may receive the user's input that the user drags the link 1113 in the retracting direction of the scrolling screen, and in response to the input, unfold the scrolling screen, and display the page corresponding to the link 1113 in the display area 405, and display it on the part of the screen that is subsequently expanded on the scrolling screen. Chat page 1111.

In some embodiments, the electronic device 100 may display one or two or more expanded hotspots in response to the user's input (for example, long press, drag, etc.) on the first link. When the electronic device 100 detects that the first link is dragged near the expansion hot area, in response to this operation, the electronic device 100 can switch the scrolling screen from the first state to the second state, and the electronic device can display the first link in the first area. One page, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, not only can more operation gestures be supported to unfold the scrolling screen, but also avoid the scene of unfolding the scrolling screen by mistaken touch.

In some embodiments, the electronic device 100 may display the scroll expansion control in response to the user's input on the first link. When the electronic device 100 detects the user's input (such as clicking) on the scroll expansion control, in response to the input, the electronic device 100 can switch the scroll screen from the first state to the second state, and the electronic device can display the second state in the first area. One page, and display the second page in the second area. Alternatively, display the second page in the first area, and display the first page in the second area. In this way, it is convenient for the user to expand the scroll screen more conveniently by using the scroll scroll to expand the control.

For example, after receiving an input (for example, a long press) for the link 1113 shown in FIG. 11B , the electronic device 100 may display a function control window 1121 as shown in FIG. 11C in response to the input. The function control window 1121 may include one or more function controls. For example, scroll expansion control 1121A, scroll expansion control 1121B. Among them, the scroll unfolding control 1121A can be used to trigger the electronic device 100 to unfold the scroll screen, display the page corresponding to the link 1113 in the display area 405 , and display the chat page 1111 on the part of the scroll screen expanded subsequently. Among them, the scroll unfolding control 1121B can be used to trigger the electronic device 100 to unfold the scroll screen, display the chat page 1111 in the display area 405 , and display the page corresponding to the link 1113 on the part of the screen that is subsequently expanded on the scroll screen.

Optionally, the function control window 1121 may also include a direct opening control 1121C, which may be used to trigger the electronic device 100 to display the chat page 1111 in the display area 405 .

In a possible implementation manner, the electronic device 100 displays the function prompt information of the scroll expansion control while displaying the scroll expansion control. The function prompt information may be used to prompt the user electronic device 100 of the function of the scroll unfolding control. In this way, it is convenient for the user to unfold the scrolling screen and determine the display area of the second page.

Exemplarily, after receiving an input (for example, click) for the link 1113 shown in FIG. 11B , the electronic device 100 may display a prompt window 1131 as shown in FIG. 11D in response to the input. The prompt window 1131 may include one or more functional controls. For example, scroll expansion control 1131A, scroll expansion control 1131B. Among them, the scroll unfolding control 1131A can be used to trigger the electronic device 100 to unfold the scroll screen, display the page corresponding to the link 1113 in the display area 405 , and display the chat page 1111 on the part of the screen that is subsequently expanded from the scroll screen. The scroll unfolding control 1131A includes function prompt information, which may be used to indicate the function of the scroll unfold control 1131A, for example, the function prompt information may be text-type prompt information: "left side unfolding display".

Among them, the scroll unfolding control 1131B can be used to trigger the electronic device 100 to unfold the scroll screen, display the chat page 1111 in the display area 405 , and display the page corresponding to the link 1113 on the part of the screen that is subsequently expanded from the scroll screen. The scroll unfolding control 1131B includes function prompt information, which may be used to indicate the function of the scroll unfold control 1131B, for example, the function prompt information may be text-type prompt information: "Show on the right side".

Optionally, the prompt window 1131 may include a direct opening control 1131C, and the direct opening control 1131C may be used to trigger the electronic device 100 to display the chat page 1111 in the display area 405 . The direct opening control 1131C includes function prompt information, which may be used to indicate the function of the direct opening control 1131C, for example, the function prompt information may be text type prompt information: "current page display".

In some embodiments, after receiving the user's input on the first page, the electronic device 100 may display a text extraction area in response to the input, and the text extraction area may be used to display text content in the first page. When the electronic device 100 receives the user's input of the text content in the text extraction area, it can select the corresponding text content, and perform operations (for example, copy, search, read aloud, translate, etc.) on the selected text content. When the electronic device 100 receives the user's input for the selected text content, the scroll screen is switched from the first state to the second state, and the electronic device can display the first page in the first area and the second page in the second area . Alternatively, display the second page in the first area, and display the first page in the second area. Wherein, when the selected text content is a link, the second page is the page corresponding to the link; when the selected text content is text, the second page is a search page, and the search page is used to display search results for the selected text content .

For example, when the electronic device 100 displays a chat page 1111 as shown in FIG. 11B , the electronic device 100 may receive an input from the user on the chat page 1111 (for example, press and hold with two fingers), and display a text extraction area 1141 as shown in FIG. 11E . The text extraction area 1141 may include one or more text blocks, and each text block is used to display one or a string of text content. For example, text block 1142 displays a link. The electronic device 100 may receive an input that the user drags the text block 1142 in the scroll screen unfolding direction. The page corresponding to the link in the text block 1142 is displayed on a part of the screen that is subsequently expanded on the axis screen (for example, the page may be the video playing page 421). The electronic device 100 may receive the user's input that the user drags the link 1113 in the retracting direction of the scrolling screen. In response to the input, the scrolling screen is unfolded, and the page corresponding to the link in the text block 1142 is displayed in the display area 405 . A chat page 1111 is displayed on the partial screen.

It should be noted that the display style of the first link may have multiple display forms. For example, it may be in the form of an IP address (for example, the link 1113 shown in Figure 11B), or it may be all or part of the content of the page indicated by the link (for example, the link 1151 shown in Figure 11F), etc. This is not limited.

It should be noted that the above described a variety of scenarios where the scrolling screen is unfolded and the second page corresponding to the first link is displayed in different display areas of the unfolded scrolling screen. Not limited to the above-mentioned input methods, the electronic device 100 may also receive other user inputs, unfold the scrolling screen, and determine the display area of the second page, which is not limited in this application. Optionally, the electronic device 100 may provide a function of setting a user's input, opening a scrolling screen, and determining a corresponding relationship between the display area of the second page. In this way, the electronic device 100 can receive the user's input, and flexibly set the input mode of opening the scroll screen and the display area of the second page. It should also be noted that the electronic device 100 receives the user's input for the first link, and the description of expanding the scrolling screen can refer to the relevant description of the above-mentioned first window. For descriptions of inputting a link, displaying the third page corresponding to the first link, and retracting the scrolling screen of the electronic device 100, please refer to the related description of the above-mentioned first window, which will not be repeated here.

It should also be noted that as long as the scrolling screen of the electronic device is in the first state, only one page is displayed. After the scrolling screen of the electronic device is switched from the first state to the second state, the electronic device displays two pages, and the size of the visible display area of the scrolling screen in the second state is larger than that of the visible display area of the scrolling screen in the first state size. The length of the scroll screen in the first state of the electronic device in the scroll unfolding direction may be any length (including the minimum length) between the minimum length and the maximum length of the visible display area.

For example, when the scroll screen is in the first state, the length of the scroll screen may be the same as the length of the scroll screen described in FIG. For example, the video playing page 421 shown in FIG. 4E ) and the first content (for example, the window 431 shown in FIG. 4E ). When the scroll screen is in the second state, the length of the scroll screen may be the same as that of any one of the scroll screens in FIG. 4F , FIG. 4G and FIG. 4H . The visible display area of the scroll screen in the second state includes a first area and a second area, the first area displays a first page (for example, the video play page 421 shown in FIG. 4E ) and the second area displays a second page. Two pages (for example, the chat page 441 shown in Figure 4F, the chat page 441 shown in Figure 4G or the chat page 441 shown in Figure 4H), or, the first area displays a second page (for example, the chat page 441 shown in Figure 5B The chatting page 441 shown) and the second area displays the first page (for example, the video playing page 421 shown in FIG. 5B , the video playing page 421 shown in FIG. 5C or the video playing page 421 shown in FIG. 5D ).

For another example, when the scrolling screen is in the first state, the length of the scrolling screen may be the same as the length of the scrolling screen shown in FIG. and first content. When the scroll screen is in the second state, the length of the scroll screen may be the same as the length of the scroll screen shown in FIG. 4G , and the visible display area of the scroll screen includes a first area and a second area, and the first area displays the first page And the second area displays the second page, or, the first area displays the second page and the second area displays the first page.

In the embodiment of the present application, the display screen of the electronic device 100 is a folding screen. The folding methods of the folding screen on the electronic device can be divided into two categories. One type is a folding screen that is folded outward (abbreviated as an outward folding screen), and the other is a folding screen that is folded inward (abbreviated as an inward folding screen). Wherein, it is taken as an example that the folding screen can be folded (for example, the folding screen can be folded along a folding edge or a folding axis) to form a first display screen and a second display screen. After the outwardly folding folding screen is folded, the first display screen and the second display screen are opposite to each other. After the inward folding screen is folded, the first display screen is opposite to the second display screen. In the following embodiments of this application, the first display screen can be called A screen, the second display screen may be referred to as a B screen. Therefore, the form of the folding screen can be divided into a folded state and an unfolded state. When the foldable screen is in the folded state, the foldable screen can be folded into an A screen and a B screen. When the folding screen is in the unfolded state, the folding screen is a complete screen, including A screen and B screen. It should be noted that screen A and screen B are two display areas of the folding screen, or are two independent display screens.

For example, please refer to FIG. 12A-FIG. 12D , which show a schematic diagram of a product form of an electronic device 100 with an inwardly folded screen provided by an embodiment of the present application. Among them, FIG. 12D is a schematic diagram of the fully unfolded shape of the inwardly folded screen. The inwardly folded screen can be folded along the folded edge, and the A screen and the B screen can be folded toward each other to form the A screen and the B screen in a half-folded form as shown in FIG. 12C . The outward-folding folding screen can be folded continuously along the folding edge to form a completely folded-outward folding screen as shown in FIG. 12A or FIG. 12B . As shown in FIG. 12A or FIG. 12B , after the folding screen of the electronic device 100 is completely folded, screen A and screen B face each other and are invisible to the user.

It should be noted that the electronic device 100 with an inward-folding screen provided in the embodiment of the present application further includes a display screen, which may be called a C-screen. The C screen is on the back of the inward-folding screen. When the folding screen is in the unfolded state, the folding screen can be used to display the interface of the application. At this time, the C screen is on the back of the folding screen. When the folding screen is in the folded state, the folding screen is folded and cannot be used by the user, and the C screen can be used to display the interface of the application. It should also be noted that the C screen may be located at the back of the A screen or the B screen, which is not limited in this application. Next, in this embodiment of the application, writing is performed with screen C on the back of screen A. It can be understood that, in other application scenarios, if the C screen is on the back of the B screen, the descriptions of the A screen and the B screen in the following embodiments can be replaced.

For another example, please refer to FIG. 13A-FIG. 13C , which show a schematic view of a product form of an electronic device 100 with an outwardly folding screen provided by an embodiment of the present application. Wherein, FIG. 13C is a schematic diagram of a fully unfolded outward folding screen. The outward-folding folding screen can be folded along the folding edge in the direction where the A screen and the B screen are facing away from each other, and the A screen and the B screen in a half-folded form as shown in FIG. 13B can be formed. The outward-folding folding screen can be folded continuously along the folding edge to form the outward-turning folding screen in the folded state shown in FIG. 13A . As shown in FIG. 13A , after the folding screen of the electronic device 100 is completely folded, the A screen and the B screen face each other and are visible to the user.

It can be understood that, for an electronic device with an outwardly folding screen, when the folding screen is in a fully folded state or a half folded state, the electronic device 100 may display interface content on screen A or screen B. When the folding screen is in the unfolded state, the electronic device 100 can display interface content on the A screen and the B screen. Next, in the embodiment of the present application, the electronic device 100 in the folded state displays interface content on the screen A to compose. It can be understood that, in other application scenarios, if the electronic device 100 displays interface content on screen B in the folded state, the descriptions of screen A and screen B in the following embodiments may be replaced.

It should be noted that the present application does not limit the positions of the A screen and the B screen in the folded screen in the expanded state. For example, screen A may be the left half area of the folding screen, and screen B may be the right half area of the folding screen. For another example, screen A may be the right half area of the folding screen, and screen B may be the left half area of the folding screen. For another example, screen A may be the upper half of the folding screen, and screen B may be the lower half of the folding screen. For another example, screen A may be the lower half of the folding screen, and screen B may be the upper half of the folding screen.

In a possible implementation manner, the electronic device 100 includes a folding screen, and the folding screen can be folded into a first screen and a second screen. The folding screen of the electronic device 100 is in a first state, and a first page and a first content are displayed on the first screen. When the electronic device 100 receives the user's input on the first content of the electronic device 100, when the folding screen is in the second state, it can display the first page on the first screen and display the second page corresponding to the first content on the second screen. page. Alternatively, display the second page on the first screen, and display the first page on the second screen. In this way, the electronic device 100 can determine the display areas of the first page and the second page on the foldable screen in the expanded state based on the user's input, and the user can determine the layout of the first page and the second page on the foldable screen in the unfolded state . For the description of the first content, reference may be made to the foregoing embodiments, and details are not repeated here. It should be noted that, when the first content is the first icon or the first link, the first page includes the first content. When the first content is the first window, the first page does not include the first content. Wherein, the first state may be a folded state, and the second state may be an unfolded state or half-open state. The first screen is A screen, and the second screen is B screen.

Optionally, the electronic device 100 may display prompt information after receiving the user's input on the first content. The prompt information may be used to prompt the user to unfold the folding screen.

Next, taking the first window as an example, a scenario in which the display method provided by the embodiment of the present application is applied to a folding screen device is introduced with reference to the following interface diagram.

In some application scenarios, the electronic device 100 includes an inward-folding folding screen. When the foldable screen of the electronic device 100 is in the folded state and displays the first page and the first window, the electronic device 100 may, after receiving the user's input of dragging the first window The second page corresponding to the first window is displayed on the screen, and the first page is displayed on screen B of the folding screen in the unfolded state. In this way, the electronic device 100 can determine the display content of screen A and screen B of the folding screen before unfolding the folding screen.

Exemplarily, as shown in FIG. 12A , the inward-folding screen of the electronic device 100 is in a folded state, and a desktop 1201 is displayed on the screen C of the electronic device 100 . The description of the desktop 1201 can refer to the embodiment shown in FIG. 4A . This will not be repeated here. A window 1202 is displayed on the desktop 1201 of the electronic device 100, and the window 1202 can be used to prompt the user that the electronic device 100 has received a message. The window 1202 can also be used to trigger the electronic device 100 to display a chat page.

The electronic device 100 may display a prompt window 1211 as shown in FIG. 12B in response to the input of the user dragging the window 1202 shown in FIG. 12A to the folding edge after receiving the input. As shown in FIG. 12B , the prompt window 1211 may include prompt information, and the prompt information may be used to prompt the user to unfold the folding screen, and the electronic device 100 will display the page corresponding to the window 1202 on the folding screen. Wherein, the prompt information displayed in the prompt window 1211 may include but not limited to text prompt information, animation prompt information, and the like. For example, the prompt window 1211 may display text-type prompt information: "The 'chat' application is about to be opened on the inner screen, please manually switch to the inner screen of the foldable screen to view the redirected page".

When the electronic device 100 receives the input from the user to open the folding screen, it can gradually unfold the folding screen according to the user's input, and transform the folding screen from the folded state to the half-folded state, wherein the shape of the electronic device 100 in the half-folded state can be Refer to Figure 12C. As shown in FIG. 12C , when the folding screen is in a half-folding state, the electronic device 100 may continue to display the desktop 1201 on the C screen.

Optionally, when the folding screen is in a half-folding state, the electronic device 100 may cancel displaying the desktop 1201 on the C screen, and display pages corresponding to the desktop 1201 and the window 1202 on the folding screen.

After the folding screen of the electronic device 100 is transformed from the half-folded state to the unfolded state, an interface as shown in FIG. 12D may be displayed. Wherein, the foldable screens of the electronic device 100 include a screen A and a screen B, and the electronic device 100 may display the chat page 1221 corresponding to the window 1202 on the A screen, and display the desktop 1201 on the B screen. Wherein, the description of the chat page 1221 may refer to the embodiment shown in FIG. 4F , and the description of the desktop 1201 may refer to the embodiment shown in FIG. 4A , which will not be repeated here.

It can be understood that the electronic device 100 may display the first page on screen A of the foldable screen in the unfolded state after receiving the user's input of dragging the first window of the first page in the opposite direction of the folded edge; Screen B of the folding screen displays the second page corresponding to the first window. For example, when the electronic device 100 displays the window 1202 shown in FIG. 12A , in response to the input of the user dragging the first window to the opposite direction of the folded edge, the chat page 1221 is displayed on screen B of the unfolded folded screen, and A desktop 1201 is displayed on screen A.

In a possible implementation manner, the electronic device 100 includes a folding screen and a first screen, and the folding screen can be folded into a second screen and a third screen. The folding screen of the electronic device 100 is in a first state, and a first page and a first content are displayed on the first screen. When the electronic device 100 receives the user's input on the first content of the electronic device 100, it can display the first page on the second screen when the folding screen is in the second state, and display the second page corresponding to the first content on the third screen. page. Alternatively, display the second page on the second screen and display the first page on the third screen. In this way, the electronic device 100 can, based on the user's input, After determining the display areas of the first page and the second page on the foldable screen in the unfolded state, the user can determine the layout of the first page and the second page on the foldable screen in the unfolded state. For the description of the first content, reference may be made to the foregoing embodiments, and details are not repeated here. It should be noted that, when the first content is the first icon or the first link, the first page includes the first content. When the first content is the first window, the first page does not include the first content. Wherein, the first state may be a folded state, and the second state may be an unfolded state or a half-expanded state. The first screen is C screen, the second screen is A screen, and the third screen is B screen.

In some application scenarios, the electronic device 100 includes an outward-folding folding screen. When the foldable screen of the electronic device 100 is in the folded state and displays the first page and the first window, the electronic device 100 may, after receiving the user's input of dragging the first window The second page corresponding to the first window is displayed on the screen, and the first page is displayed on screen A of the folding screen in the unfolded state. In this way, the electronic device 100 can determine the display content of screen A and screen B of the folding screen before unfolding the folding screen.

Exemplarily, as shown in FIG. 13A , the outward-folding screen of the electronic device 100 is in a folded state, and a desktop 1301 is displayed on the screen A of the electronic device 100 . The description of the desktop 1301 can refer to the embodiment shown in FIG. 4A . This will not be repeated here. A window 1302 is displayed on the desktop 1301 of the electronic device 100, and the window 1302 can be used to prompt the user that the electronic device 100 has received a message. The window 1302 can also be used to trigger the electronic device 100 to display a chat page.

The electronic device 100 may display a prompt window 1311 as shown in FIG. 13B in response to the input of the user dragging the window 1302 shown in FIG. 13A to the folded edge after receiving the input. As shown in FIG. 13B , the prompt window 1311 may include prompt information, and the prompt information may be used to prompt the user to unfold the folding screen, and the electronic device 100 will display the page corresponding to the window 1302 on the folding screen. Wherein, the prompt information displayed in the prompt window 1311 may include but not limited to text prompt information, animation prompt information, and the like. For example, the prompt window 1311 may display a text-type prompt message: "The 'chat' application will be opened on the unfolded screen, please manually open the folding screen to view the redirected page".

When the electronic device 100 receives the input from the user to open the folding screen, it can gradually unfold the folding screen according to the user's input, and transform the folding screen from the folded state to the half-folded state, wherein the shape of the electronic device 100 in the half-folded state can be Refer to Figure 13C. As shown in FIG. 13C , when the folding screen is in a half-folding state, the electronic device 100 may continue to display the desktop 1301 on screen A.

After the folding screen of the electronic device 100 is transformed from the half-folded state to the unfolded state, an interface as shown in FIG. 13D may be displayed. Wherein, the folding screen of the electronic device 100 includes a screen A and a screen B, and the electronic device 100 may display a chat page 1321 corresponding to the window 1302 on the B screen, and display a desktop 1301 on the A screen. Wherein, the description of the chat page 1321 may refer to the embodiment shown in FIG. 4F , and the description of the desktop 1301 may refer to the embodiment shown in FIG. 4A , which will not be repeated here.

It can be understood that the electronic device 100 may display the first page on screen A of the foldable screen in the unfolded state after receiving the user's input of dragging the first window of the first page in the opposite direction of the folded edge; Screen B of the folding screen displays the second page corresponding to the first window. For example, when the electronic device 100 displays the window 1302 shown in FIG. 13A , in response to the input that the user drags the first window to the opposite direction of the folding edge, the chat page 1321 is displayed on screen A of the unfolded folding screen, and A desktop 1301 is displayed on screen B.

It should be noted that, the foregoing introduces a variety of methods for determining the display area of the second page in the unfolded folding screen based on user input. Not limited to the above input, the electronic device 100 may also receive other user input. For example, the display area of the second page may be determined by referring to the method mentioned above in the embodiment of rolling out the scroll screen, which is not limited in this application. Optionally, the electronic device 100 may provide a function of setting a corresponding relationship between the user's input and the display area of the second page. In this way, the electronic device 100 can flexibly set the display area of the second page by receiving the user's input.

It should also be noted that the electronic device 100 receives the user's input for the first content in the fully unfolded state, displays the third page corresponding to the first content, and the folding screen of the electronic device 100 returns from the unfolded state to the folded state, etc. can participate See the embodiment of the above-mentioned scroll screen, which will not be repeated here.

In a possible implementation manner, the electronic device 100 displays a first page, where the first page includes a picture-in-picture playback control and a video playback window. The electronic device 100 may receive the user's input on the picture-in-picture play control, and transform the video play window into a minimized window icon. Wherein, the minimized window icon is suspended and displayed on the first page, and the minimized window icon does not include the display content of the video playback window. The minimized window icon may be used to trigger the electronic device 100 to expand the scrolling screen, display the first page in the first area of the expanded scrolling screen, and display the display content of the playing widget in the second area. Alternatively, the display content of the play widget is displayed in the first area, and the first page is displayed in the second area.

It should be noted that the electronic device 100 receives the user's input for minimizing the window icon, expands the scroll screen, and displays the first page and the display content of the small playback window on the expanded scroll screen. For the description, please refer to the above-mentioned FIG. 10A-FIG. 10E The illustrated embodiment will not be repeated here. That is, in some embodiments, the first icon includes a minimized window icon.

Exemplarily, as shown in FIG. 14A, after the electronic device 100 receives the user's input (for example, click) on the video option 412 in the display area 405 shown in FIG. 4B, in response to the input, display the The displayed video playback page 1401. The video playing page 1401 may include but not limited to a video playing window 1402 and a picture-in-picture playing control 1403 . Wherein, the video playing window 1402 may be used to display video images.

When the electronic device 100 receives the user's input on the picture-in-picture play control 1403, in response to the input, the minimized window icon 1412 as shown in FIG. 14B may be displayed.

As shown in FIG. 14B , the electronic device 100 displays a minimized window icon 1412, which can be used to trigger the electronic device 100 to expand the scrolling screen, and display the video playback window 1402 in the display area 405 of the scrolling screen. The video picture, or the video picture in the video play window 1402 is displayed in the display area of the scroll screen except the display area 405 . Here, the minimized window icon 1412 can be regarded as the first icon, that is, the electronic device 100 receives the user's input for the minimized window icon 1412, and the description of the operation performed can refer to the electronic device 100 receives the user's input for the first icon The input and the operation performed will not be repeated here.

Exemplarily, the electronic device 100 may receive the user's input of dragging the minimized window icon 1412 in the opening direction of the scroll, and expand the scroll screen. When the scrolling screen of the electronic device 100 is shown in FIG. 14C, a video playing page 1401 is displayed in the display area 405, and a playing page 1421 is displayed in another display area 1425 on the side of the opening direction of the scroll, and the playing page 1421 includes a video playing window. video screen. It should be noted that, in the display area 1425, the video frame of the reduced video playback window may be displayed, or a part of the video frame of the video playback window may be displayed. It should also be noted that when the scrolling screen shown in FIG. 14C is in a half-deployed state, the scrolling screen can continue to unfold until it is in a fully unfolded state. When the scrolling screen is fully unfolded, the video frame of the video play window may continue to be displayed, and the size of the video frame is larger than the size of the video frame in the play page 1421 .

Similarly, the electronic device 100 may receive the user's input of dragging the minimized window icon 1412 in the scroll retracting direction, expand the scroll screen, and display the display content of the video playback window in the display area 405 on the side of the scroll retracting direction, and in the display area 1425 A video playing page 1401 is displayed.

In some embodiments, the electronic device 100 may display the scroll expansion control in response to the user's input on the minimized window icon. When the electronic device 100 detects the user's input (for example, click) on the scroll expansion control, in response to the input, the electronic device 100 can expand the scroll screen, display the first page in the first area, and display the video playback in the second area. The display content of the window. Alternatively, the display content of the video playback window is displayed in the first area, and the first page is displayed in the second area. In this way, it is convenient for the user to expand the scroll screen more conveniently by using the scroll scroll to expand the control.

Exemplarily, the electronic device 100 may receive the user's response to the minimized window icon 1412 shown in FIG. 14B After input (for example, click), in response to the input, a prompt window 1431 as shown in FIG. 14D is displayed. The prompt window 1431 may include one or more functional controls. For example, scroll expansion control 1431A, scroll expansion control 1431B. Among them, the scroll unfolding control 1431A can be used to trigger the electronic device 100 to unfold the scroll screen, display the page corresponding to the link 1113 in the display area 405 , and display the chat page 1111 on the part of the screen that is subsequently expanded from the scroll screen. The scroll unfolding control 1431A includes function prompt information, and the function prompt information may be used to indicate the function of the scroll unfold control 1431A, for example, the function prompt information may be a text type prompt information: "Display on the left". Wherein, the scroll unfolding control 1431B can be used to trigger the electronic device 100 to unfold the scroll screen, display the chat page 1111 in the display area 405 , and display the page corresponding to the link 1113 on the part of the screen that is subsequently expanded on the scroll screen. The scroll unfolding control 1431B includes function prompt information, which may be used to indicate the function of the scroll unfold control 1431B, for example, the function prompt information may be text-type prompt information: "Show on the right side".

Optionally, the minimized window icon may also be used to trigger the electronic device 100 to display the video playback window. Wherein, the small playing window is suspended and displayed on the first page, and the display content in the small playing window includes the display content of the video playing window. For example, the prompt window 1431 may include a floating display control 1431C, and the floating display control 1431C may be used to trigger the electronic device 100 to display a small playback window in the display area 405, and the display content of the small playback window is the same as that of the video playback window 1402. The floating display control 1431C includes function prompt information, which may be used to indicate the function of the floating display control 1431C, for example, the function prompt information may be text-type prompt information: "display in floating window".

Optionally, the electronic device 100 may transform the video playback window into a small playback window after receiving the user's input (for example, click) on the picture-in-picture playback control. Wherein, the small playing window is suspended and displayed on the first page, and the display content in the small playing window includes the display content of the video playing window. The electronic device 100 may receive the user's input on the playback widget, and in response to the input, expand the scrolling screen, display the first page in the first area of the expanded scrolling screen, and display the display content of the playback widget in the second area . Alternatively, the displayed content of the play widget is displayed in the first area, and the first page is displayed in the second area. Specifically, for the description of unfolding the scroll screen by the electronic device 100, reference may be made to the above-mentioned embodiment corresponding to the first window, which will not be repeated here.

As mentioned above, the above embodiments are only used to illustrate the technical solutions of the present application, and are not intended to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: it can still understand the foregoing The technical solutions described in each embodiment are modified, or some of the technical features are replaced equivalently; and these modifications or replacements do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the various embodiments of the application.

Claims

A display method, applied to an electronic device including a scroll screen, characterized in that, when the scroll screen is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state , the visible display area of the scroll screen includes the first area and a second area, and the visible display area of the scroll screen in the second state is larger than that of the scroll screen in the first state a visible display area; the method comprising:

When the scroll screen is in the first state, the electronic device displays a first page and a first window in the first area, the first page is an interface of a first application, and the first window is the window of the second application;

Switching the scroll screen from the first state to the second state after the electronic device receives the first input for the first window;

When the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page in the second area, and the second page is the the interface corresponding to the first window; or, the electronic device displays the second page in the first area and displays the first page in the second area, and the second page is the second page App's interface.
The method according to claim 1, wherein before the switching of the scroll screen from the first state to the second state, the method further comprises:

The electronic device displays first prompt information, and the first prompt information is used to prompt the user whether to switch the scrolling screen from the first state to the second state.
The method according to claim 2, wherein when the electronic device displays the first prompt information, it also displays a determination control; switching the scroll screen from the first state to the second state Two states, including:

After the electronic device receives the second input for the determination control, in response to the second input, cancels the display of the first prompt information, and switches the scroll screen from the first state to the second state.
The method according to claims 1-3, wherein the first application is the same as the second application; or, the first application is different from the second application.
The method according to any one of claims 1-4, wherein the second state includes a half-expanded state or a fully-expanded state, wherein the visible display area of the scrolling screen in the fully-expanded state larger than the visible display area of the scroll screen in the half-unfolded state, the visible display area of the scroll screen in the half-unfolded state is larger than the visible display area of the scroll screen in the first state.
The method according to claim 5, wherein when the electronic device is in the semi-expanded state; the method further comprises:

the electronic device displays the second page in the first area and displays a portion of the first page in the second area; or,

the electronic device displays the first page in the first area, and displays a portion of the second page in the second area; or,

The electronic device displays the second page in the first area, and displays the first page shrunk in the scrolling screen unfolding direction in the second area; or,

The electronic device displays the first page in the first area, and displays the page expanded on the scrolling screen in the second area. Orientation to zoom out on the second page.
The method according to any one of claims 1-6, wherein the first input is an input of dragging the first content in the first direction or the second direction, and the first One direction is a direction in which the scrolling screen is unfolded, and the second direction is a direction in which the scrolling screen is retracted.
The method according to claim 5 or 6, wherein the first area is always displayed on the side of the visible display area in the second direction; if the first input is dragging in the first direction When the scroll screen is in the second state, the electronic device displays the first page in the first area and the second page in the second area. page; or,

If the first input is an input of dragging the first window to the second direction, when the scroll screen is in the second state, the electronic device displays the first window in the first area. two pages and display the first page in the second area.
The method according to any one of claims 1-6, wherein the first input is a drag input for the first window; the electronic device receives the first drag input for the first window - Input, specifically including:

When the electronic device receives the dragging input for the first window, it displays the expanded hot zone;

The electronic device detects that the first window is dragged into the expansion hot zone;

The function introduction information of the expanded hot area is displayed in the expanded hot area.
The method according to claim 9, characterized in that the method further comprises:

When the electronic device receives a drag input for the first window, the electronic device replaces the first window with a specified icon.
The method according to any one of claims 1-6, wherein after the electronic device receives the first input for the first window, the method further comprises:

In response to the first input, the electronic device displays a first scroll expansion control and a second scroll expansion control;

Switching the scroll screen from the first state to the second state specifically includes:

After the electronic device receives a third input for the first scroll expansion control, in response to the third input, switch the scroll screen from the first state to the second state, and When the scroll screen is in the second state, the first page is displayed in the first area, and the second page is displayed in the second area;

Or, after the electronic device receives a fourth input for the second scroll expansion control, switching the scroll screen from the first state to the second state in response to the fourth input, And when the scroll screen is in the second state, the second page is displayed in the first area, and the third page is displayed in the second area.
The method according to any one of claims 1-6, wherein the first window includes a scroll expansion control; and the first input is an input for the scroll expansion control.
The method according to any one of claims 1-6, wherein the first window includes a first scroll expansion control and a second scroll expansion control; the electronic device receives the After the first input, switching the scroll screen from the first state to the second state specifically includes:

After the electronic device receives a user's first input for the first scroll expansion control, in response to the first input, switch the scroll screen from the first state to the second state, and When the scroll screen is in the second state, displaying the first page in the first area, and displaying the second page in the second area;

Or, after the electronic device receives a user's first input for the second scroll expansion control, in response to the first input, switch the scroll screen from the first state to the second state , and when the scrolling screen is in the second state, displaying the second page in the first area, and displaying the third page in the second area.
The method according to any one of claims 1-13, wherein when the scrolling screen is in the second state, the electronic device displays the first page in the first area and The second area displays a second page corresponding to the first window, or, after the electronic device displays the second page in the first area and the first page in the second area, The method also includes:

After the electronic device receives a fifth input from the user to open the third page, in response to the fifth input, the electronic device displays the first page in split screens on the visible display area of the scroll screen, the second page and the third page.
The method according to any one of claims 1-14, wherein when the scroll screen is in the second state, the electronic device displays the first page in the first area and The second area displays a second page corresponding to the first window, or, after the electronic device displays the second page in the first area and the first page in the second area, The method also includes:

the electronic device receives a sixth input;

In response to the sixth input, switch the scroll screen from the second state to the first state, and when the scroll screen is in the first state, display the first page or the second page.
The method according to claim 15, wherein when the scroll screen is in the second state, the electronic device divides the visible display area into the first area and the second area by a dividing line , the sixth input is an input for the separation line.
The method according to claim 16, wherein the first area is always displayed on the side of the visible display area in the second direction; when the electronic device is in the second state, in the The first area displays the first page and the second area displays a second page corresponding to the first window, if the sixth input is an input for dragging the dividing line in the first direction, When the scroll screen is in the first state, the electronic device displays the first page in the first area; or,

When the electronic device is in the second state, the first page is displayed in the first area and the second page corresponding to the first window is displayed in the second area, if the sixth input For the input of dragging the separation line in the second direction, when the scroll screen is in the first state, the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area, if the sixth input is to the first Dragging the dividing line in one direction, when the scrolling screen is in the first state, the electronic device displays the second page in the first area; or,

When the electronic device is in the second state, the second page is displayed in the first area and the first page is displayed in the second area, if the sixth input is to the first Two-way dragging the divider input, when the When the scroll screen is in the first state, the electronic device displays the first page in the first area.
The method according to claim 15, wherein when the scroll screen is in the second state, the electronic device further displays a scroll retraction control, and the sixth input is an input for the scroll retraction control.
The method according to claim 18, wherein said reel retracting control comprises a first reel retracting sub-control and a second reel retracting sub-control; said switching said reel screen from said second state to said The first state, and when the scroll screen is in the first state, displaying the first page or the second page specifically includes:

When the sixth input is an input for the first scroll retract sub-control, the electronic device switches the scroll screen from the second state to the first state, and when the scroll screen is in In the first state, displaying the first page; or,

When the sixth input is an input for the second scroll retracting sub-control, the electronic device switches the scroll screen from the second state to the first state, and when the scroll screen is in In the first state, the second page is displayed.
The method according to any one of claims 1-19, wherein when the electronic device is in the first state on the scroll screen, displaying the first page and the second page in the first area One window, specifically including:

The electronic device receives a first notification message;

The electronic device displays the first window, where the first window includes part of the content of the first notification message.
The method according to any one of claims 1-19, wherein a video picture is displayed in the first window.
A display method, applied to an electronic device including a scroll screen, characterized in that, when the scroll screen is in the first state, the visible display area of the scroll screen includes the first area; when the scroll screen is in the second state , the visible display area of the scroll screen includes the first area and the second area; the method includes:

When the scroll screen is in the first state, the electronic device displays a first page in the first area, where the first page includes a first link or a first icon;

After the electronic device receives a seventh input for the first link or the first icon, switch the scrolling screen from the first state to the second state;

When the scroll screen is in the second state, the electronic device displays the first page in the first area and displays the second page corresponding to the first link or the first icon in the second area. page, or the electronic device displays the second page in the first area and displays the first page in the second area.
A display method applied to an electronic device including a folding screen, wherein the folding screen can be folded into a first screen and a second screen, and when the folding screen is in the first state, the folding screen passes through the The first screen displays the page content, and when the folding screen is in the second state, the folding screen displays the page content through the first screen and the second screen; the method includes:

When the folding screen is in the first state, the electronic device displays a first page and a first window on the first screen, the first page is an interface of a first application, and the first window is the window of the second application;

After receiving the eighth input for the first window, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the first screen and displays a second page corresponding to the first window on the second screen, or, The electronic device displays the second page on the first screen and displays the first page on the second screen.
A display method applied to an electronic device including a folding screen and a first screen, wherein the folding screen can be folded into a second screen and a third screen, and when the folding screen is in the first state, the electronic The device displays page content through the first screen; when the folding screen is in the second state, the folding screen displays page content through the second screen and the third screen; the method includes:

When the folding screen is in the first state, the electronic device displays a first page and a first window on the first screen, the first page is an interface of a first application, and the first window is the window of the second application;

After receiving the ninth input for the first window, the electronic device receives an input for switching the folding screen from the first state to the second state;

When the folding screen is in the second state, the electronic device displays the first page on the second screen and displays a second page corresponding to the first window on the third screen, or, The electronic device displays the second page on the second screen and displays the first page on the third screen.
An electronic device, characterized in that it includes: one or more processors, a scroll screen, and one or more memories; wherein the scroll screen, one or more memories are coupled to the one or more processors, The one or more memories are used to store computer program codes, the computer program codes include computer instructions, and when the one or more processors execute the computer instructions, the electronic device performs the following steps: - the method of any one of 21 or 22.
A computer-readable storage medium, comprising instructions, characterized in that, when the instructions are run on an electronic device, the electronic device is made to execute the method described in any one of claims 1-21 or 22. method.
An electronic device, characterized by comprising: one or more processors, a folding screen, and one or more memories; wherein, the folding screen and the one or more memories are coupled to the one or more processors, The one or more memories are used to store computer program codes, the computer program codes include computer instructions, and when the one or more processors execute the computer instructions, the electronic device performs the functions described in claim 23. Or the method described in any one of 24.
A computer-readable storage medium, comprising instructions, wherein, when the instructions are run on an electronic device, the electronic device is made to execute the method according to any one of claims 23 or 24.