Page display control method and apparatus, and electronic device

Abstract

A page display control method and apparatus, and an electronic device. The method comprises: controlling a graphical user interface to display a first page (S302); in response to a display instruction for a second page, delimiting display areas in the graphical user interface, and controlling the first page and the second page to display in different display areas (S304); and in response to a display area of a target page meeting a preset condition, laying out page objects on the target page according to a layout mode corresponding to the preset condition (S306), wherein the target page comprises the first page and / or the second page, and the layout mode comprises: a landscape layout mode or a portrait layout mode. In the method, by means of displaying a plurality of pages in a split-screen manner, and controlling on the basis of display areas the pages to lay out in a landscape or portrait orientation, a user can learn about content in the plurality of pages at the same time. In addition, a rational layout mode is also more conducive to the user operating objects on the page, thereby improving the operational experience of the user.

Description

The page displays control methods, devices, and electronic equipment.

[0001] Cross-reference to related applications

[0002] This application claims priority to Chinese Patent Application No. 202411448834.9, filed on October 16, 2024, entitled “Page Display Control Method, Apparatus and Electronic Device”, the entire contents of which are incorporated herein by reference. Technical Field

[0003] This disclosure relates to the field of page display technology, and in particular to a page display control method, apparatus and electronic device. Background Technology

[0004] In mobile applications, taking game operation as an example, if the user opens other pages while the terminal device is displaying the game screen, such as the inventory page or the store page, these pages will obscure the game screen. This prevents the user from keeping up with the game's progress and performing any actions while viewing the newly opened pages, thus affecting the user's operating experience. Summary of the Invention

[0005] In view of this, the purpose of this disclosure is to provide a page display control method, apparatus and electronic device, so that users can view the content of multiple pages at the same time, which is more conducive to users operating objects on the page and improving the user's operating experience.

[0006] In a first aspect, embodiments of this disclosure provide a page display control method, which provides a graphical user interface through a terminal device; the method includes: controlling the display of a first page in the graphical user interface; responding to a display instruction for a second page, dividing a display area in the graphical user interface, and controlling the first page and the second page to be displayed in different display areas; responding to a display area of ​​a target page satisfying preset conditions, arranging page objects in the target page according to a layout method corresponding to the preset conditions; wherein the target page includes the first page and / or the second page; the layout method includes: a landscape layout or a portrait layout.

[0007] Secondly, embodiments of this disclosure provide a page display control device that provides a graphical user interface through a terminal device. The device includes: a page display module configured to control the display of a first page in the graphical user interface; a partitioned display module configured to respond to a display instruction for a second page, divide the graphical user interface into display areas, and control the first page and the second page to be displayed in different display areas; and an object layout module configured to respond to a preset condition that the display area of ​​the target page meets the preset condition, and layout the page objects in the target page according to the layout method corresponding to the preset condition. The target page includes the first page and / or the second page; the layout method includes a landscape layout or a portrait layout.

[0008] Thirdly, embodiments of this disclosure provide an electronic device, including a processor and a memory, wherein the memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the above-described page display control method.

[0009] Fourthly, embodiments of this disclosure provide a computer-readable storage medium storing computer-executable instructions. When the computer-executable instructions are invoked and executed by a processor, the computer-executable instructions cause the processor to implement the above-described page display control method.

[0010] The embodiments disclosed herein bring the following beneficial effects:

[0011] The aforementioned page display control method, apparatus, and electronic device provide a graphical user interface (GUI) through a terminal device; control the display of a first page on the GUI; respond to a display command for a second page, divide the GUI into display areas, and control the first and second pages to be displayed in different display areas; respond to a target page's display area meeting preset conditions, and arrange the page objects on the target page according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout. In this method, multiple pages are displayed in a split-screen manner, and the pages are controlled to be laid out in landscape or portrait mode according to the display area. Users can view the content of multiple pages simultaneously, and a reasonable layout method is more conducive to user operation of objects on the page, improving the user's operating experience.

[0012] Other features and advantages of this disclosure will be set forth in the following description and will be apparent in part from the description or may be learned by practicing the disclosure. The objects and other advantages of this disclosure are realized and obtained through the structures particularly pointed out in the description, claims and drawings.

[0013] To make the above-mentioned objects, features and advantages of this disclosure more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description

[0014] To more clearly illustrate the technical solutions in the specific embodiments or related technologies of this disclosure, the accompanying drawings used in the description of the specific embodiments or related technologies will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this disclosure. For those skilled in the art, other drawings can be obtained from these drawings without creative effort.

[0015] Figure 1 is a schematic diagram of a page display method in related technologies;

[0016] Figure 2 is a schematic diagram of displaying a page via a floating window in related technologies;

[0017] Figure 3 is a flowchart of one of the page display control methods provided in the embodiments of this disclosure;

[0018] Figure 4 is a schematic diagram of one of the embodiments of this disclosure, in which split-screen display is triggered by a split-screen control;

[0019] Figure 5 is a schematic diagram of one of the embodiments of this disclosure, in which split-screen display is triggered by selecting a control through a display method;

[0020] Figure 6 is a schematic diagram of one of the embodiments of this disclosure, in which the first page is displayed in portrait mode and the second page is displayed in landscape mode;

[0021] Figure 7 is a schematic diagram of one of the embodiments of this disclosure, in which both the first page and the second page are displayed in landscape mode;

[0022] Figure 8 is a schematic diagram of one of the embodiments of this disclosure, in which the first page is displayed in landscape mode and the second page is displayed in portrait mode;

[0023] Figure 9 is a schematic diagram showing only the first page after canceling split-screen display according to one of the embodiments of this disclosure;

[0024] Figure 10 is a schematic diagram of displaying a second page on top of a first page after canceling split-screen display according to one of the embodiments of this disclosure;

[0025] Figure 11 is a schematic diagram of the structure of one of the page display control devices provided in the embodiments of this disclosure;

[0026] Figure 12 is a schematic diagram of one of the electronic devices provided in the embodiments of this disclosure. Detailed Implementation

[0027] To make the objectives, technical solutions, and advantages of the embodiments of this disclosure clearer, the technical solutions of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this disclosure, and not all embodiments. Based on the embodiments of this disclosure, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this disclosure.

[0028] In mobile games, when the game screen is displayed, opening other pages, such as the item page or chat page, will obscure part of the game screen, as shown in Figure 1. When switching between multiple applications on a mobile device, the screen of the newly opened application will obscure the screen of the previously displayed application.

[0029] In related technologies, to avoid obscuring the game screen, a floating window is used to display the game screen, as shown in Figure 2. The game screen is displayed in a floating window on top of the newly opened screen so that the user can understand the game status in real time. In addition, when the user switches applications, the original application screen can also be displayed in a floating window.

[0030] However, the display area of ​​a floating window is usually very small, which may make it difficult for users to see the screen content clearly and to clearly display the game status. Floating windows can also obscure the content of newly opened pages, making it difficult for users to view and operate new pages. In addition, when users operate on the floating window, it is difficult to distinguish whether they are operating on the floating window itself or on an object in the screen within the floating window, making the operation more difficult. For example, a drag operation may be identified as dragging the floating window or dragging an object in the screen within the floating window.

[0031] Based on the above problems, the present disclosure provides a page display control method, device, and electronic device that can be applied to the display control between multiple pages in a game, or to the display control of program screens of multiple applications.

[0032] In one embodiment of this disclosure, the page display control method can run on a local terminal device or a server. When the page display control method runs on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.

[0033] In an optional implementation, various cloud applications, such as cloud gaming, can run under the cloud interaction system. Taking cloud gaming as an example, cloud gaming refers to a gaming method based on cloud computing. In the cloud gaming operating mode, the game program's execution and the game screen presentation are separated. The storage and execution of the page display control method are completed on the cloud gaming server. The client device is used for data reception, transmission, and game screen presentation. For example, the client device can be a display device with data transmission capabilities located close to the user, such as a mobile terminal, television, computer, or PDA; however, the information processing is performed by the cloud gaming server in the cloud. When playing the game, the user operates the client device to send operation commands to the cloud gaming server. The cloud gaming server runs the game according to the operation commands, encodes and compresses the game screen and other data, returns it to the client device via the network, and finally, the client device decodes and outputs the game screen.

[0034] In an optional implementation, taking a game as an example, the local terminal device stores the game program and is used to display the game screen. The local terminal device is used to interact with the user through a graphical user interface, that is, conventionally downloading, installing, and running the game program via an electronic device. The local terminal device can provide the graphical user interface to the user in various ways, such as rendering it on the terminal's display screen or providing it to the user through holographic projection. For example, the local terminal device can include a display screen for displaying the graphical user interface, which includes game screens, and a processor for running the game, generating the graphical user interface, and controlling the display of the graphical user interface on the display screen.

[0035] In one possible implementation, this disclosure provides a page display control method that provides a graphical user interface through a terminal device, wherein the terminal device may be the aforementioned local terminal device or a client device in the aforementioned cloud interaction system.

[0036] As shown in Figure 3, this page displays the control method, which includes the following steps:

[0037] Step S302: Control the display of the first page on the graphical user interface;

[0038] The first page can be a game screen, a game lobby page, or the page of the currently used application, such as a video playing in a video application. When the graphical user interface displays the first page, it can be understood that the interface only displays this first page, and this first page does not obscure other pages.

[0039] Step S304: In response to the display command for the second page, divide the display area in the graphical user interface and control the first page and the second page to be displayed in different display areas;

[0040] The purpose of this display instruction is to control the split-screen display of the first and second pages, ensuring they do not obscure each other. The display instruction for the second page can be generated through various display trigger operations; for example, the first page may display a display trigger control for the second page, which can be triggered to generate the display instruction; alternatively, the second page may be displayed on top of the first page, and then a specific trigger operation for the second page can be executed to generate the display instruction.

[0041] Alternatively, the first page is the page of the currently displayed application. When the user performs an application switching operation, a display instruction for the second page is generated. This second page can be the main page of the newly switched application or another page.

[0042] A graphical user interface can be divided into multiple display areas, for example, at least two display areas, or three or more display areas, with the first page and the second page occupying a portion of the display area.

[0043] In one example, the graphical user interface can be divided into two display areas, which can be arranged horizontally, vertically, or otherwise; for the first page and the second page, each page occupies a display area, so that the first page and the second page do not obscure each other.

[0044] If the display area of ​​the first page is smaller than the display area of ​​the first page in the graphical user interface, it is usually necessary to shrink the first page before displaying it in the first page's display area. For example, if the graphical user interface displays the first page in full screen, and then receives a display instruction for the second page, the first page needs to be shrunk and then displayed in the corresponding display area.

[0045] Step S306: Responding to the display area of ​​the target page meeting the preset conditions, the page objects in the target page are laid out according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout.

[0046] The preset conditions can be set according to the size of the display area, such as parameters like width, length, and area. For example, the preset conditions may include a range of parameters for a specific area size; if the characteristic area size parameter of the display area falls within this range, it means that the display area of ​​the target page meets the preset conditions. The preset conditions can also be set according to the shape of the display area. For example, the preset conditions may include a condition to determine whether the display area belongs to a specific shape; a specific shape could be, for example, a rectangle, a square, or a trapezoid.

[0047] Multiple preset conditions can be set, and different preset conditions correspond to different layout methods. The correspondence between preset conditions and layout methods can be set in advance. If the display area of ​​the target page meets preset condition A, then the target page will be laid out according to the layout method corresponding to preset condition A.

[0048] In actual implementation, when initially dividing the display area, the default method can be used. For example, if display area 1 is used to display the first page and the division of display area 1 meets preset condition 1, then the first page will be laid out according to the layout method corresponding to preset condition 1; if display area 2 is used to display the second page and the division of display area 2 meets preset condition 2, then the second page will be laid out according to the layout method corresponding to preset condition 2.

[0049] In one example, the graphical user interface is divided into two display areas. The display area for displaying the first page meets preset condition A, and the layout corresponding to preset condition A is a portrait layout. The display area for displaying the second page meets preset condition B, and the layout corresponding to preset condition B is a landscape layout.

[0050] It should be noted that the target page can be the first page, the second page, or both. In addition to the display area automatically defined by the graphical user interface, users can also adjust the display area through operations, thereby changing the preset conditions that the display area meets. At this time, the layout of the target page within the display area will also switch accordingly.

[0051] Landscape layout can be understood as the horizontal length of the target page being greater than its vertical length; portrait layout can be understood as the horizontal length of the target page being less than its vertical length.

[0052] The aforementioned page display control method provides a graphical user interface (GUI) through a terminal device; controls the display of a first page on the GUI; responds to a display command for a second page, divides the GUI into display areas, and controls the first and second pages to be displayed in different display areas; responds to a target page's display area meeting preset conditions, and lays out the page objects on the target page according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout. In this method, multiple pages are displayed in a split-screen manner, and the layout of the pages is controlled according to the display area, allowing users to view the content of multiple pages simultaneously. A reasonable layout also facilitates user interaction with objects on the page, improving the user experience.

[0053] In one specific implementation, in response to a display trigger operation for the second page, the display mode pre-set for the second page and the first page is obtained; the display mode is determined to instruct the second page and the first page to be displayed in a split-screen manner; the display area is divided in the graphical user interface; and the first page and the second page are controlled to be displayed in different display areas.

[0054] In actual implementation, the display methods for the first and second pages can be preset. For example, in the settings page, the display methods for the first and second pages can be set, such as split-screen display, obscuring display, etc. When the first and second pages are set to split-screen display, when the user performs a display trigger operation, the first and second pages are displayed in the split-screen mode. That is, the display area is divided in the graphical user interface, and the first and second pages are controlled to be displayed in different display areas.

[0055] When the first and second pages are set to be displayed in an overlapping manner, when the user performs a display trigger operation, the second page will be displayed on top of the first page, meaning the second page will obscure at least part of the first page.

[0056] The display trigger operation can be an operation applied to the trigger control corresponding to the second page, or a preset operation that triggers the display of the second page, such as a swipe operation. When the display trigger operation is executed, the display method of the second page and the first page is determined by the preset display method. That is, after executing the same display trigger operation, different preset display methods will result in different display methods for the second page and the first page.

[0057] In the above method, the display mode of the second page and the first page can be controlled by the preset display mode. Users do not need to perform specific operations to control the split-screen display of multiple pages, which is convenient and efficient.

[0058] In another implementation, in response to a display trigger operation for the second page, the operation parameters of the display trigger operation are obtained; the operation parameters are determined to instruct the second page and the first page to be displayed in a split-screen manner; the display area is divided in the graphical user interface; and the first page and the second page are controlled to be displayed in different display areas.

[0059] Different display trigger operations generate different operation parameters. If the operation parameter indicates that the second page and the first page are displayed in a split-screen manner, the graphical user interface divides the display area and controls the first page and the second page to be displayed in different display areas. Specifically, the operation parameter can be the control selected by the display trigger operation. If a control for split-screen display is selected, the operation parameter indicates that the second page and the first page are displayed in a split-screen manner; if a control for floating window display is selected, the operation parameter indicates that the first page is also displayed on top of the second page in a floating window manner.

[0060] The operation parameter can also be the specific operation type of the display trigger operation. For example, if the display trigger operation is a sliding operation on the display trigger control, the operation parameter indicates that the second page and the first page are displayed in a split screen; if the display trigger operation is a clicking operation on the display trigger control, the operation parameter indicates that the second page is displayed on top of the first page, partially obscuring the first page.

[0061] Specifically, the first page includes a display trigger control for the second page; in response to a first trigger operation on the display trigger control, split-screen operation information is displayed; in response to a trigger operation on the split-screen operation information, operation parameters indicating split-screen display of the second page and the first page are generated.

[0062] The display shows different trigger operations for the trigger controls. The aforementioned first trigger operation can be a double-click operation, a long-press operation, a swipe operation, etc. After executing the first trigger operation, split-screen operation information is displayed. This split-screen operation information is used to indicate and control the operation mode of split-screen display between the second page and the first page. Specifically, this split-screen operation information can be operation controls that control the split-screen display between the second page and the first page, or it can control the type of operation for split-screen display between the second page and the first page, such as indicating the execution of a double-click operation, a swipe operation in a specific direction, etc.

[0063] After the split-screen operation information is displayed, if the user executes the trigger operation corresponding to the split-screen operation information, operation parameters will be generated to indicate the split-screen display of the second page and the first page, thus controlling the split-screen display of the second page and the first page.

[0064] In one specific operation, in response to a long press operation on the display trigger control, a split-screen control is displayed at a specified position relative to the display trigger control; in response to a swipe operation starting from the display trigger control and a swipe end operation acting on the split-screen control, operation parameters indicating the split-screen display of the second page and the first page are generated.

[0065] The aforementioned specified position can be a position surrounding the display trigger control, such as the left, right, or top position. Referring to the example in Figure 4, the split-screen control is displayed above the display trigger control. The dashed arrow in Figure 4 shows the trajectory of the swipe operation. After the user long-presses the display trigger control without lifting their finger, they begin the swipe operation. The swipe direction is the direction of the split-screen control relative to the display trigger control. After the swipe reaches the split-screen control, the user lifts their finger, thus ending the swipe operation. At this point, operation parameters indicating the split-screen display of the second and first pages are generated. Alternatively, the operation parameters indicating the split-screen display of the second and first pages can also be generated by clicking the split-screen control.

[0066] In another approach, in response to a first trigger operation on a display trigger control, a second page is displayed on top of a first page; wherein the second page obscures at least part of the first page; in response to a second trigger operation on the second page, operation parameters of the second trigger operation are obtained.

[0067] The first trigger operation is usually a regular trigger operation for displaying the trigger control, such as a click operation or a swipe operation; after the first trigger operation is executed, the second page is displayed on the first page, that is, the second page covers all or part of the first page; when the second trigger operation is no longer executed, the second page covers all or part of the first page, and the display mode no longer changes.

[0068] When the second page obscures all or part of the first page during display, and then the second trigger operation is executed, the operation parameters of the second trigger operation are obtained. The display mode of the second page is determined according to the change of the operation parameters of the second trigger operation. The second trigger operation can be an operation to trigger a specific control, or an operation to select a display mode, etc.

[0069] Furthermore, in response to a second trigger operation on the second page, at least one display mode selection control is controlled to be displayed; wherein, the display mode selection control includes a split-screen mode selection control; in response to a selection operation on the display mode selection control, operation parameters for the second trigger operation are generated based on the target display mode indicated by the selected display mode selection control.

[0070] For example, the second trigger operation can be a long press operation, double-click operation, single-click operation, etc., applied to the second page; the display mode selection control includes: split-screen mode selection control, floating window mode selection control, occlusion mode selection control, etc.; in order to achieve split-screen display, the display mode selection control includes at least a split-screen mode selection control, and may also include a floating window mode selection control, occlusion mode selection control, etc.

[0071] By performing click or swipe operations on the display mode selection control, the aforementioned selection operation is achieved. The target display mode indicated by the selected display mode selection control is used as the operation parameter for the second trigger operation, thereby controlling the second page to display according to the target display mode.

[0072] In one specific operation method, in response to a long press operation on the second page, at least one display mode selection control is controlled to be displayed; in response to a swipe operation starting from the second page and a swipe end operation acting on the first display mode selection control, operation parameters for a second trigger operation are generated based on the target display mode indicated by the first display mode selection control.

[0073] In Figure 1, the first page uses a game screen as an example, and the second page uses an item screen as an example; the second page is displayed on top of the first page, meaning the second page obscures the first page. Based on Figure 1, performing a long-press operation on the second page, for example, a long-press operation on the top area of ​​the second page, will display the aforementioned display mode selection control; as shown in the example in Figure 5, two display mode selection controls are displayed, one for split-screen display and one for floating window display.

[0074] Referring to Figure 5, after long-pressing the second page, a swipe operation starting from the second page is performed. When the swipe operation begins, the second page is displayed in a smaller size. The smaller second page moves with the touch point of the swipe operation. As shown in Figure 5, the dashed arrow represents the swipe trajectory. At the beginning of the swipe operation, the second page is displayed in a smaller size. The second page before the swipe operation is displayed as a dashed line, indicating that the second page is no longer displayed. Only the smaller second page is displayed.

[0075] The slide-to-end operation is the user's finger lifting action. When the touch point of the slide operation is located at the first display mode selection control, the slide-to-end operation is executed, the first display mode selection control is selected, and the target display mode corresponding to the first display mode selection control is used as the operation parameter for the second trigger operation. The second page is displayed according to the target display mode.

[0076] When the touch point of the swipe operation is located at the first display mode selection control, or when the second page contacts or overlaps with the first display mode selection control, the first display mode selection control can be displayed in a specified display format, such as highlighting or flashing, to prompt the user that if the swipe operation is performed at this time, the first display mode selection control can be selected.

[0077] For example, if the target display method is split-screen display, the first page and the second page will be displayed in different display areas; or if the target display method is floating window display, the second page will still be displayed on top of the first page, and at the same time, a floating window will be generated on top of the second page, in which the first page will be displayed.

[0078] Referring to Figure 5, slide the swipe operation to the 'split screen' display mode selection control, and then execute the slide end operation, and the first page and the second page will be displayed in split screen.

[0079] In the above method, the display mode of the second page and the first page can be controlled by the operation mode. Users can change the display mode in real time according to actual needs, making the control mode more convenient and flexible.

[0080] Furthermore, to enhance interactivity, in response to a long press operation on the second page, the display state of the second page is updated; wherein, the display state includes: page display size and / or page transparency; in response to a swipe operation starting from the second page, the updated second page is controlled to move following the touch point of the swipe operation.

[0081] This display state can include both page display size and page transparency, or only one of them. For example, after a long press, the transparency of the second page increases; as an example, before the long press, the transparency of the second page is zero, and after the long press, the transparency of the second page is 50%.

[0082] For example, after performing a long press, the display size of the second page is reduced.

[0083] In practice, after performing a long press, you can update only the display size of the second page, only the page transparency, or both the display size and transparency.

[0084] In one implementation, after a long press, the transparency of the second page is increased while the page size remains unchanged; after a swipe operation starting from the second page, the page size of the second page is reduced, and then the updated second page moves following the touch point of the swipe operation.

[0085] In the above method, updating the display status of the second page based on the user's operation can create interaction with the user's operation, providing clear feedback prompts and improving user operation efficiency and experience.

[0086] In one specific implementation, in response to a display instruction for the second page, a first display area and a second display area are divided in the graphical user interface; the first page is controlled to be displayed in the first display area, and the second page is controlled to be displayed in the second display area; wherein, the first display area satisfies a first preset condition corresponding to the portrait layout mode, and the second display area satisfies a second preset condition corresponding to the landscape layout mode.

[0087] The display instruction is an instruction to control the split-screen display of the second page and the first page, that is, the second page and the first page are displayed in different display areas; based on this, the graphical user interface is divided into a first display area and a second display area; considering that users may be more concerned about the content of the second page, in this embodiment, the first display area satisfies the first preset condition corresponding to the portrait layout mode, and the second display area satisfies the second preset condition corresponding to the landscape layout mode.

[0088] Upon receiving the display instruction for the second page, the first page will arrange its page objects in a portrait layout, while the second page will arrange its page objects in a landscape layout. Page objects include controls, images, scene frames, video frames, etc.

[0089] It is understandable that the first display area is usually smaller than the second display area. The first page is displayed in a portrait layout in the smaller first display area, while the second page is displayed in a landscape layout in the larger second display area, so as to facilitate users to view and operate the second page.

[0090] In other implementations, upon receiving a display instruction for the second page, it can be configured such that both the first and second display areas meet the second preset conditions corresponding to the landscape layout; or, it can be configured such that both the first and second display areas meet the second preset conditions corresponding to the portrait layout.

[0091] Specifically, the aforementioned preset conditions include the area size of the display area; in response to the area size of the display area of ​​the target page being within a first size range, the page objects in the target page are laid out in a landscape layout; in response to the area size of the display area of ​​the target page being within a second size range, the page objects in the target page are laid out in a portrait layout.

[0092] The specific dimensions of this area can be the display area's size, width, length, etc.; and the aforementioned first and second size ranges are set. The display area's dimensions can be preset by the system or adjusted and generated by the user.

[0093] For example, if the system pre-sets the display area size to be within the first size range, then after receiving the aforementioned display instruction, the page objects in the target page will be laid out in a landscape layout. As another example, if the user adjusts the area size, causing the display area size to change from the second size range to the first size range, then the target page will switch from a portrait layout to a landscape layout.

[0094] In one specific operation method, the display area size of the target page is controlled and adjusted so that the page size of the target page changes with the change of the area size; in response to the adjustment of the display area size of the target page from a first size range to a second size range, the target page is controlled to switch from a landscape layout to a portrait layout; or, in response to the adjustment of the display area size of the target page from a second size range to a first size range, the target page is controlled to switch from a portrait layout to a landscape layout.

[0095] For example, the display area can be scaled by sliding or by using a scaling control, thus adjusting the area size. When the area size changes, the page size of the target page within the display area adapts accordingly; for instance, when the area size increases, the target page size also increases, and when the area size decreases, the target page size also decreases.

[0096] During the process of changing the size of the area, the size range to which the current area size belongs can be monitored in real time, and the layout of the target page will change when the size range changes.

[0097] Referring to Figure 6, in response to the display command for the second page, considering that users are more inclined to view or operate the second page, the second page is displayed in landscape mode, allowing it to occupy a larger display area, while the first page is displayed in portrait mode, allowing it to occupy a smaller display area. In this case, the display area size of the second page meets the first size range, and the display area size of the first page meets the second size range.

[0098] Then, the user zooms in or out of the display area of ​​the first or second page. Referring to Figure 7, the size of the display area of ​​the first page is adjusted from the second size range to the first size range. Therefore, the first page switches from portrait display mode to landscape display mode. At the same time, from the change from Figure 6 to Figure 7, the size of the display area of ​​the second page is always within the first size range, and the second page is always in landscape display mode.

[0099] Furthermore, the user continues to zoom in and out on the display area of ​​the first or second page. Referring to Figure 8, the size of the display area of ​​the second page is adjusted from the first size range to the second size range. Therefore, the second page switches from landscape display mode to portrait display mode. At the same time, from the changes in Figure 7 to Figure 8, the size of the display area of ​​the first page is always within the first size range, and the first page is always in landscape display mode.

[0100] In Figures 6, 7, and 8, the graphical user interface of the terminal device is displayed in landscape mode, so it is displayed in a split-screen manner as shown in Figures 6, 7, and 8. In addition, when the graphical user interface of the terminal device is displayed in portrait mode, the first page and the second page can be displayed in a split-screen manner.

[0101] In one specific operation method, in response to a scaling control operation targeting the display area of ​​the target page, the size of the display area of ​​the target page is adjusted. In this method, the scaling control operation directly acts on the target page. For example, the scaling control operation is a swipe operation where two fingers move away from each other to shrink the area size, or a swipe operation where two fingers move closer together to enlarge the area size. When the target page is a first page, in response to a scaling control operation targeting the display area of ​​the first page, the size of the display area of ​​the first page is adjusted; when the target page is a second page, in response to a scaling control operation targeting the display area of ​​the second page, the size of the display area of ​​the second page is adjusted.

[0102] Alternatively, in response to scaling control operations on the display area of ​​the current page other than the target page, adjust the size of the display area of ​​the current page and control the size of the display area of ​​the target page to follow the size of the display area of ​​the current page; wherein the size of the display area of ​​the target page is negatively correlated with the size of the display area of ​​the current page.

[0103] This method indirectly adjusts the display area of ​​the target page by adjusting the display area of ​​other pages. For example, if the target page is the first page and the current page is the second page, in response to scaling control operations on the display area of ​​the second page, the size of the second page's display area is adjusted. This controls the size of the first page's display area to follow the size of the second page's display area; that is, when the second page's display area enlarges, the first page's display area shrinks, and vice versa.

[0104] For example, when the target page is the second page and the current page is the first page, the scaling control operation for the display area of ​​the first page is responded to, the area size of the display area of ​​the first page is adjusted, and the area size of the display area of ​​the second page is controlled to follow the change of the area size of the display area of ​​the first page. That is, when the display area of ​​the first page is enlarged, the display area of ​​the second page is shrunk, and when the display area of ​​the first page is shrunk, the display area of ​​the second page is enlarged.

[0105] In one specific operation, in response to a dragging operation of an adjustment control between the display areas of the first page and the display areas of the second page, the size of the display areas of the first page and the second page is adjusted. When the display area of ​​the first page is enlarged, the display area of ​​the second page is shrunk, and vice versa.

[0106] In the above method, the size of the display area is adjusted by scaling control, thereby controlling the page layout to switch between landscape and portrait display modes. This makes the page layout match the size of the display area, which facilitates page operation and content viewing for users and improves user efficiency.

[0107] In one specific implementation, when the display area of ​​the target page meets specified conditions, the division of the display area is canceled; the first page is displayed in the graphical user interface, or the second page is displayed on top of the first page.

[0108] This specified condition can be understood as the condition for canceling split-screen display. After canceling split-screen display, only the first page is displayed, or the first page is displayed on top of the second page, with the second page obscuring at least part of the first page.

[0109] After the display area is undivided, the content displayed in the graphical user interface is determined based on the specific conditions that the display area of ​​the target page must meet. For example, if the target page includes a first page, the specified condition could be that the display area size of the first page is larger than a specified area size. In this case, after undividing the display area, the graphical user interface will only display the first page. If the target page includes a second page, the specified condition could be that the display area size of the second page is larger than a specified area size. In this case, after undividing the display area, the first page will be displayed on top of the second page.

[0110] In one specific approach, if the size of the display area of ​​the second page is smaller than the size of the first specified area, the display area is undivided, and the first page is displayed in the graphical user interface.

[0111] The size of this area can be the length, width, area, etc. of the display area. Referring to Figure 8, the display area of ​​the second page in Figure 8 is relatively small. If the display area of ​​the second page is further reduced, it means that the user is not interested in the content of the second page. When the display area of ​​the second page is reduced to less than the size of the first specified area, the split-screen display is canceled and only the first page is displayed, as shown in Figure 9.

[0112] It should be noted that shrinking the display area of ​​the second page can be performed by shrinking the display area of ​​the second page or by enlarging the display area of ​​the first page.

[0113] In another approach, if the size of the display area for the second page is larger than the size of the second specified area, the display area is undivided, and the second page is displayed on top of the first page.

[0114] Referring to Figure 6, the display area of ​​the second page in Figure 6 is relatively large. If the display area of ​​the second page is further enlarged, it indicates that the user is very interested in the content of the second page. When the display area of ​​the second page is enlarged to a size larger than the second specified area, the split-screen display is canceled, and the second page is displayed on top of the first page, while the first page is obscured, as shown in Figure 10.

[0115] Enlarging the display area of ​​the second page can be done by performing an enlargement operation on the display area of ​​the second page, or by performing a shrinking operation on the display area of ​​the first page.

[0116] Another approach is to respond to a page close command for the second page, canceling the split display area and displaying the first page in the graphical user interface. In split-screen mode, the user can activate the page close control on the second page, or specify a page close operation, thus issuing a page close command; once the second page is closed, the split-screen display automatically cancels, displaying only the first page.

[0117] In the above method, canceling the split-screen display is convenient and can meet the user's personalized viewing needs.

[0118] Corresponding to the above method embodiments, referring to the structural schematic diagram of a page display control device shown in Figure 11, a graphical user interface is provided through a terminal device; the device includes:

[0119] Page display module 110 is configured to execute control to display the first page in the graphical user interface;

[0120] The partitioned display module 112 is configured to execute a display command in response to the second page, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas;

[0121] The object layout module 114 is configured to execute a response to the display area of ​​the target page meeting preset conditions, and to lay out the page objects in the target page according to the layout method corresponding to the preset conditions; wherein, the target page includes a first page and / or a second page; the layout method includes: landscape layout or portrait layout.

[0122] The aforementioned page display control device provides a graphical user interface (GUI) through a terminal device; controls the display of a first page on the GUI; responds to a display command for a second page, divides the GUI into display areas, and controls the first and second pages to be displayed in different display areas; responds to a target page's display area meeting preset conditions, and lays out the page objects on the target page according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout. In this method, multiple pages are displayed in a split-screen manner, and the layout of the pages is controlled according to the display area in a landscape or portrait manner. Users can view the content of multiple pages simultaneously, and a reasonable layout method is more conducive to user operation of objects on the page, improving the user's operating experience.

[0123] The aforementioned partitioned display module is configured to: respond to a display trigger operation for the second page, obtain the display mode pre-set for the second page and the first page; determine the display mode to instruct the second page and the first page to be displayed in a split-screen manner, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0124] The aforementioned partitioned display module is configured to: respond to a display trigger operation for the second page, obtain the operation parameters of the display trigger operation; determine the operation parameters to instruct the second page and the first page to be displayed in a split-screen manner, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0125] The first page mentioned above includes a display trigger control for the second page; the partitioned display module is configured to: respond to a first trigger operation for the display trigger control and display split-screen operation information; respond to a trigger operation for the split-screen operation information indication and generate operation parameters indicating split-screen display of the second page and the first page.

[0126] The aforementioned partitioned display module is configured to: respond to a long press operation on the display trigger control and display the split-screen control at a specified position relative to the display trigger control; respond to a swipe operation starting from the display trigger control and a swipe end operation acting on the split-screen control and generate operation parameters indicating the split-screen display of the second page and the first page.

[0127] The first page includes a display trigger control for the second page; the partitioned display module is configured to: respond to a first trigger operation for the display trigger control, display the second page on top of the first page; wherein the second page obscures at least part of the first page; and respond to a second trigger operation for the second page, obtain the operation parameters of the second trigger operation.

[0128] The aforementioned partitioned display module is configured to: respond to a second trigger operation for the second page, control the display of at least one display mode selection control; wherein the display mode selection control includes a split-screen mode selection control; and respond to a selection operation for the display mode selection control, generate operation parameters for the second trigger operation based on the target display mode indicated by the selected display mode selection control.

[0129] The aforementioned partitioned display module is configured to: respond to a long press operation on the second page and control the display of at least one display mode selection control; respond to a swipe operation starting from the second page and a swipe end operation acting on the first display mode selection control, and generate operation parameters for a second trigger operation based on the target display mode indicated by the first display mode selection control.

[0130] The aforementioned device also includes a state update module configured to perform: in response to a long press operation on the second page, update the display state of the second page; wherein the display state includes: page display size and / or page transparency; and in response to a swipe operation starting from the second page, control the second page after the state update to move following the touch point of the swipe operation.

[0131] The aforementioned partitioned display module is configured to: respond to a display instruction for the second page, divide the graphical user interface into a first display area and a second display area; control the first page to be displayed in the first display area and the second page to be displayed in the second display area; wherein the first display area satisfies a first preset condition corresponding to the portrait layout mode and the second display area satisfies a second preset condition corresponding to the landscape layout mode.

[0132] The aforementioned preset conditions include the area size of the display area; the aforementioned object layout module is configured to perform the following: in response to the area size of the display area of ​​the target page being within a first size range, lay out the page objects in the target page in a landscape layout; in response to the area size of the display area of ​​the target page being within a second size range, lay out the page objects in the target page in a portrait layout.

[0133] The aforementioned device further includes an adjustment module configured to: control the adjustment of the area size of the display area of ​​the target page so that the page size of the target page changes with the change of the area size; control the target page to switch from a landscape layout to a portrait layout in response to the adjustment of the area size of the display area of ​​the target page from a first size range to a second size range; or control the target page to switch from a portrait layout to a landscape layout in response to the adjustment of the area size of the display area of ​​the target page from a second size range to a first size range.

[0134] The aforementioned adjustment module is configured to: respond to a scaling control operation on the display area of ​​the target page and adjust the area size of the display area of ​​the target page; or respond to a scaling control operation on the display area of ​​the current page other than the target page and adjust the area size of the display area of ​​the current page, controlling the area size of the display area of ​​the target page to follow the change in the area size of the display area of ​​the current page; wherein the area size of the display area of ​​the target page is negatively correlated with the area size of the display area of ​​the current page.

[0135] The aforementioned device also includes a cancellation module, configured to: cancel the partitioning of the display area in response to the display area of ​​the target page meeting specified conditions; display the first page in the graphical user interface, or display the second page on top of the first page.

[0136] The aforementioned unpartitioning module is configured to: respond to the fact that the size of the display area of ​​the second page is smaller than the size of the first specified area, unpartition the display area, and display the first page in the graphical user interface.

[0137] The aforementioned undivided area module is configured to: respond to the fact that the size of the display area of ​​the second page is larger than the size of the second specified area, undivide the display area, and display the second page on top of the first page.

[0138] The aforementioned device also includes a page closing module configured to: in response to a page closing command for the second page, cancel the division of the display area and display the first page in the graphical user interface.

[0139] This embodiment also provides an electronic device, including a processor and a memory. The memory stores computer-executable instructions that can be executed by the processor, and the processor executes the computer-executable instructions to implement the above-described page display control method. This electronic device can be a server or a terminal device.

[0140] Referring to Figure 12, the electronic device includes a processor 100 and a memory 101. The memory 101 stores computer-executable instructions that can be executed by the processor 100. The processor 100 executes the computer-executable instructions to implement the above-described page display control method.

[0141] Furthermore, the electronic device shown in FIG12 also includes a bus 102 and a communication interface 103, and the processor 100, the communication interface 103 and the memory 101 are connected through the bus 102.

[0142] The memory 101 may include high-speed random access memory (RAM) or non-volatile memory, such as at least one disk storage device. Communication between this system network element and at least one other network element is achieved through at least one communication interface 103 (which can be wired or wireless), such as the Internet, wide area network, local area network, or metropolitan area network. The bus 102 may be an ISA bus, PCI bus, or EISA bus, etc. The bus can be divided into address bus, data bus, control bus, etc. For ease of illustration, only a single bidirectional arrow is used in Figure 12, but this does not indicate that there is only one bus or one type of bus.

[0143] The processor 100 may be an integrated circuit chip with signal processing capabilities. In implementation, each step of the above method can be completed by the integrated logic circuitry in the hardware of the processor 100 or by instructions in software form. The processor 100 may be a general-purpose processor, including a Central Processing Unit (CPU), a Network Processor (NP), etc.; it may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable Gate Array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. It can implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of this disclosure. The general-purpose processor may be a microprocessor or any conventional processor. The steps of the methods disclosed in the embodiments of this disclosure can be directly manifested as execution by a hardware decoding processor, or execution by a combination of hardware and software modules in the decoding processor. The software module can reside in a readily available storage medium in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, or registers. This storage medium is located in memory 101, and the processor 100 reads the information from memory 101 and, in conjunction with its hardware, completes the steps of the method described in the foregoing embodiments.

[0144] The processor in the aforementioned electronic device, by executing computer-executable instructions, can perform the following operations in the aforementioned page display control method:

[0145] A page display control method includes providing a graphical user interface (GUI) through a terminal device; controlling the display of a first page in the GUI; responding to a display command for a second page, dividing the GUI into display areas and controlling the first and second pages to be displayed in different display areas; and responding to a target page's display area meeting preset conditions, laying out page objects in the target page according to the layout method corresponding to the preset conditions; wherein the target page includes the first page and / or the second page; and the layout method includes a landscape layout or a portrait layout.

[0146] Responding to the display trigger operation for the second page, obtain the display mode pre-set for the second page and the first page; determine the display mode to instruct the second page and the first page to be displayed in a split screen, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0147] In response to a display trigger operation for the second page, obtain the operation parameters of the display trigger operation; determine the operation parameters to instruct the second page and the first page to be displayed in a split-screen manner, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0148] The first page includes a display trigger control for the second page; in response to a first trigger operation on the display trigger control, it displays split-screen operation information; in response to a trigger operation on the split-screen operation information, it generates operation parameters indicating the split-screen display of the second page and the first page.

[0149] In response to a long press operation on the display trigger control, the split-screen control is displayed at a specified position relative to the display trigger control; in response to a swipe operation starting from the display trigger control and a swipe end operation acting on the split-screen control, operation parameters are generated to indicate the split-screen display of the second page and the first page.

[0150] A page includes a display trigger control for a second page; in response to a first trigger operation on the display trigger control, the second page is displayed on top of the first page; wherein the second page obscures at least part of the first page; in response to a second trigger operation on the second page, the operation parameters of the second trigger operation are obtained.

[0151] In response to a second trigger operation on the second page, control the display of at least one display mode selection control; wherein the display mode selection control includes a split-screen mode selection control; in response to a selection operation on the display mode selection control, generate operation parameters for the second trigger operation based on the target display mode indicated by the selected display mode selection control.

[0152] In response to a long press operation on the second page, control the display of at least one display mode selection control; in response to a swipe operation starting from the second page and a swipe end operation acting on the first display mode selection control, generate operation parameters for a second trigger operation based on the target display mode indicated by the first display mode selection control.

[0153] In response to a long press operation on the second page, update the display state of the second page; wherein the display state includes: page display size and / or page transparency; in response to a swipe operation starting from the second page, control the second page after the state update to move following the touch point of the swipe operation.

[0154] In response to a display command for the second page, the graphical user interface is divided into a first display area and a second display area; the first page is displayed in the first display area and the second page is displayed in the second display area; wherein the first display area satisfies a first preset condition corresponding to the portrait layout mode and the second display area satisfies a second preset condition corresponding to the landscape layout mode.

[0155] The preset conditions include the area size of the display area; if the area size of the display area of ​​the target page is within the first size range, the page objects in the target page are laid out in a landscape layout; if the area size of the display area of ​​the target page is within the second size range, the page objects in the target page are laid out in a portrait layout.

[0156] Control the adjustment of the display area size of the target page so that the page size of the target page changes with the change of the area size; in response to the adjustment of the display area size of the target page from the first size range to the second size range, control the target page to switch from landscape layout to portrait layout; or, in response to the adjustment of the display area size of the target page from the second size range to the first size range, control the target page to switch from portrait layout to landscape layout.

[0157] In response to a scaling control operation on the display area of ​​the target page, adjust the size of the display area of ​​the target page; or, in response to a scaling control operation on the display area of ​​the current page (excluding the target page), adjust the size of the display area of ​​the current page, and control the size of the display area of ​​the target page to follow the size of the display area of ​​the current page; wherein the size of the display area of ​​the target page is negatively correlated with the size of the display area of ​​the current page.

[0158] If the display area of ​​the target page meets the specified conditions, cancel the division of the display area; display the first page in the graphical user interface, or display the second page on top of the first page.

[0159] If the size of the display area of ​​the second page is smaller than the size of the first specified area, the display area division is canceled, and the first page is displayed in the graphical user interface.

[0160] If the size of the display area of ​​the second page is larger than the size of the second specified area, the display area division is canceled, and the second page is displayed on top of the first page.

[0161] In response to the page close command for the second page, the display area division is canceled, and the first page is displayed in the graphical user interface.

[0162] In the above method, multiple pages are displayed in a split-screen manner, and the layout of the pages is controlled according to the display area to be in landscape or portrait mode. Users can view the content of multiple pages at the same time. The reasonable layout also makes it easier for users to operate on the objects on the page, thus improving the user's operating experience.

[0163] This embodiment also provides a computer-readable storage medium storing computer-executable instructions. When the computer-executable instructions are called and executed by a processor, the computer-executable instructions cause the processor to implement the above-described page display control method.

[0164] The computer-executable instructions stored in the aforementioned computer-readable storage medium can, by executing the aforementioned computer-executable instructions, perform the following operations in the aforementioned page display control method:

[0165] A page display control method includes providing a graphical user interface (GUI) through a terminal device; controlling the display of a first page in the GUI; responding to a display command for a second page, dividing the GUI into display areas and controlling the first and second pages to be displayed in different display areas; and responding to a target page's display area meeting preset conditions, laying out page objects in the target page according to the layout method corresponding to the preset conditions; wherein the target page includes the first page and / or the second page; and the layout method includes a landscape layout or a portrait layout.

[0166] Responding to the display trigger operation for the second page, obtain the display mode pre-set for the second page and the first page; determine the display mode to instruct the second page and the first page to be displayed in a split screen, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0167] In response to a display trigger operation for the second page, obtain the operation parameters of the display trigger operation; determine the operation parameters to instruct the second page and the first page to be displayed in a split-screen manner, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas.

[0168] The first page includes a display trigger control for the second page; in response to a first trigger operation on the display trigger control, it displays split-screen operation information; in response to a trigger operation on the split-screen operation information, it generates operation parameters indicating the split-screen display of the second page and the first page.

[0169] In response to a long press operation on the display trigger control, the split-screen control is displayed at a specified position relative to the display trigger control; in response to a swipe operation starting from the display trigger control and a swipe end operation acting on the split-screen control, operation parameters are generated to indicate the split-screen display of the second page and the first page.

[0170] A page includes a display trigger control for a second page; in response to a first trigger operation on the display trigger control, the second page is displayed on top of the first page; wherein the second page obscures at least part of the first page; in response to a second trigger operation on the second page, the operation parameters of the second trigger operation are obtained.

[0171] In response to a second trigger operation on the second page, control the display of at least one display mode selection control; wherein the display mode selection control includes a split-screen mode selection control; in response to a selection operation on the display mode selection control, generate operation parameters for the second trigger operation based on the target display mode indicated by the selected display mode selection control.

[0172] In response to a long press operation on the second page, control the display of at least one display mode selection control; in response to a swipe operation starting from the second page and a swipe end operation acting on the first display mode selection control, generate operation parameters for a second trigger operation based on the target display mode indicated by the first display mode selection control.

[0173] In response to a long press operation on the second page, update the display state of the second page; wherein the display state includes: page display size and / or page transparency; in response to a swipe operation starting from the second page, control the second page after the state update to move following the touch point of the swipe operation.

[0174] In response to a display command for the second page, the graphical user interface is divided into a first display area and a second display area; the first page is displayed in the first display area and the second page is displayed in the second display area; wherein the first display area satisfies a first preset condition corresponding to the portrait layout mode and the second display area satisfies a second preset condition corresponding to the landscape layout mode.

[0175] The preset conditions include the area size of the display area; if the area size of the display area of ​​the target page is within the first size range, the page objects in the target page are laid out in a landscape layout; if the area size of the display area of ​​the target page is within the second size range, the page objects in the target page are laid out in a portrait layout.

[0176] Control the adjustment of the display area size of the target page so that the page size of the target page changes with the change of the area size; in response to the adjustment of the display area size of the target page from the first size range to the second size range, control the target page to switch from landscape layout to portrait layout; or, in response to the adjustment of the display area size of the target page from the second size range to the first size range, control the target page to switch from portrait layout to landscape layout.

[0177] In response to a scaling control operation on the display area of ​​the target page, adjust the size of the display area of ​​the target page; or, in response to a scaling control operation on the display area of ​​the current page (excluding the target page), adjust the size of the display area of ​​the current page, and control the size of the display area of ​​the target page to follow the size of the display area of ​​the current page; wherein the size of the display area of ​​the target page is negatively correlated with the size of the display area of ​​the current page.

[0178] If the display area of ​​the target page meets the specified conditions, cancel the division of the display area; display the first page in the graphical user interface, or display the second page on top of the first page.

[0179] If the size of the display area of ​​the second page is smaller than the size of the first specified area, the display area division is canceled, and the first page is displayed in the graphical user interface.

[0180] If the size of the display area of ​​the second page is larger than the size of the second specified area, the display area division is canceled, and the second page is displayed on top of the first page.

[0181] In response to the page close command for the second page, the display area division is canceled, and the first page is displayed in the graphical user interface.

[0182] In the above method, multiple pages are displayed in a split-screen manner, and the layout of the pages is controlled according to the display area to be in landscape or portrait mode. Users can view the content of multiple pages at the same time. The reasonable layout also makes it easier for users to operate on the objects on the page, thus improving the user's operating experience.

[0183] The computer program products of the page display control method, apparatus and electronic device provided in this disclosure include a computer-readable storage medium storing program code. The instructions included in the program code can be used to execute the methods described in the preceding method embodiments. For specific implementation, please refer to the method embodiments, which will not be repeated here.

[0184] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working process of the system and apparatus described above can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0185] Furthermore, in the description of the embodiments of this disclosure, unless otherwise expressly specified and limited, the terms "installation," "connection," and "linking" should be interpreted broadly. For example, they can refer to a fixed connection, a detachable connection, or an integral connection; they can refer to a mechanical connection or an electrical connection; they can refer to a direct connection or an indirect connection through an intermediate medium; and they can refer to the internal connection of two components. Those skilled in the art can understand the specific meaning of the above terms in this disclosure based on the specific circumstances.

[0186] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this disclosure, in essence, or the part that contributes to related technologies, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this disclosure. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0187] In the description of this disclosure, it should be noted that the terms "center," "upper," "lower," "left," "right," "vertical," "horizontal," "inner," and "outer," etc., indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings, and are only for the convenience of describing this disclosure and simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation, and therefore should not be construed as a limitation of this disclosure. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance.

[0188] Finally, it should be noted that the above embodiments are merely specific implementations of this disclosure, used to illustrate the technical solutions of this disclosure, and not to limit it. The protection scope of this disclosure is not limited thereto. Although this disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features, within the scope of the technology disclosed in this disclosure. Such modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this disclosure, and should all be covered within the protection scope of this disclosure. Therefore, the protection scope of this disclosure should be determined by the protection scope of the claims.

Claims

1. A page display control method, providing a graphical user interface through a terminal device; the method includes: Control the display of the first page on the graphical user interface; In response to a display command for the second page, the graphical user interface is divided into display areas, and the first page and the second page are controlled to be displayed in different display areas; When the display area of ​​the target page meets preset conditions, the page objects in the target page are laid out according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout.

2. The method of claim 1, wherein, The steps of responding to a display command for a second page, dividing the display area in the graphical user interface, and controlling the first page and the second page to be displayed in different display areas include: In response to a display trigger operation for the second page, obtain the display method pre-set for the second page and the first page; The display mode is determined to indicate that the second page and the first page are displayed in a split-screen manner. The graphical user interface is divided into display areas, and the first page and the second page are controlled to be displayed in different display areas.

3. The method of claim 1, wherein, The steps of responding to a display command for a second page, dividing the display area in the graphical user interface, and controlling the first page and the second page to be displayed in different display areas include: In response to a display trigger operation for the second page, obtain the operation parameters of the display trigger operation; The operation parameters are determined to instruct the second page and the first page to be displayed in a split-screen manner. The graphical user interface is divided into display areas, and the first page and the second page are controlled to be displayed in different display areas.

4. The method of claim 3, wherein, The first page includes a display trigger control for the second page; The step of obtaining the operation parameters of the display trigger operation in response to the display trigger operation of the second page includes: In response to the first trigger operation of the display trigger control, split-screen operation information is displayed; In response to the trigger operation indicated by the split-screen operation information, operation parameters are generated to indicate the split-screen display of the second page and the first page.

5. The method of claim 4, wherein, The step of displaying split-screen operation information in response to a first trigger operation on the display trigger control includes: In response to a long press operation on the display trigger control, a split-screen control is displayed at a specified position relative to the display trigger control; The step of responding to the trigger operation indicated by the split-screen operation information and generating operation parameters indicating the split-screen display of the second page and the first page includes: In response to a swipe operation originating from the display trigger control and a swipe end operation applied to the split-screen control, operation parameters are generated to indicate the split-screen display of the second page and the first page.

6. The method of claim 3, wherein, The first page includes a display trigger control for the second page; The step of obtaining the operation parameters of the display trigger operation in response to the display trigger operation of the second page includes: In response to a first trigger operation on the display trigger control, a second page is displayed on top of the first page; wherein the second page obscures at least a portion of the first page; In response to the second triggering operation for the second page, obtain the operation parameters of the second triggering operation.

7. The method of claim 6, wherein, The steps of responding to a second triggering operation on the second page and obtaining the operation parameters of the second triggering operation include: In response to a second trigger operation on the second page, control the display of at least one display mode selection control; wherein, the display mode selection control includes a split-screen mode selection control; In response to a selection operation of the display mode selection control, operation parameters for the second trigger operation are generated based on the target display mode indicated by the selected display mode selection control.

8. The method of claim 7, wherein, The step of controlling the display of at least one display mode selection control in response to a second trigger operation on the second page includes: controlling the display of at least one display mode selection control in response to a long press operation on the second page; The step of responding to the selection operation of the display mode selection control and generating operation parameters for the second trigger operation based on the target display mode indicated by the selected display mode selection control includes: In response to a swipe operation starting from the second page and a swipe end operation acting on the first display mode selection control, operation parameters for the second trigger operation are generated based on the target display mode indicated by the first display mode selection control.

9. The method of claim 8, wherein, The method further includes: In response to a long press operation on the second page, update the display state of the second page; wherein, the display state includes: page display size and / or page transparency; In response to a swipe operation originating from the second page, the second page, after its control state is updated, moves following the touch point of the swipe operation.

10. The method of claim 1, wherein, The steps of responding to a display command for a second page, dividing the display area in the graphical user interface, and controlling the first page and the second page to be displayed in different display areas include: In response to a display command for the second page, the graphical user interface is divided into a first display area and a second display area; The first page is controlled to be displayed in the first display area, and the second page is displayed in the second display area; wherein the first display area satisfies the first preset condition corresponding to the portrait layout mode, and the second display area satisfies the second preset condition corresponding to the landscape layout mode.

11. The method of claim 1, wherein, The preset conditions include the area size of the display area; the step of laying out the page objects in the target page according to the layout method corresponding to the preset conditions when the display area of ​​the target page meets the preset conditions includes: In response to the display area size of the target page being within a first size range, the page objects in the target page are laid out in a landscape layout. In response to the display area size of the target page being within the second size range, the page objects in the target page are laid out in a portrait layout.

12. The method of claim 11, wherein, The method further includes: Control and adjust the size of the display area of ​​the target page so that the page size of the target page changes with the size of the area; In response to the adjustment of the display area size of the target page from a first size range to a second size range, the target page is controlled to switch from a landscape layout to a portrait layout; or, in response to the adjustment of the display area size of the target page from a second size range to a first size range, the target page is controlled to switch from a portrait layout to a landscape layout.

13. The method of claim 12, wherein, The steps of controlling and adjusting the area size of the display area of ​​the target page include: In response to a scaling control operation on the display area of ​​the target page, adjust the size of the display area of ​​the target page; Alternatively, in response to a scaling control operation on the display area of ​​the current page other than the target page, the size of the display area of ​​the current page is adjusted, and the size of the display area of ​​the target page is controlled to follow the size of the display area of ​​the current page; wherein the size of the display area of ​​the target page is negatively correlated with the size of the display area of ​​the current page.

14. The method of claim 1, wherein, The method further includes: In response to the display area of ​​the target page meeting specified conditions, the division of the display area is canceled; the first page is displayed in the graphical user interface, or the second page is displayed on top of the first page.

15. The method of claim 14, wherein, If the display area of ​​the target page meets the specified conditions, the division of the display area is canceled. The step of displaying the first page in the graphical user interface includes: If the size of the display area of ​​the second page is smaller than the size of the first specified area, the division of the display area is canceled, and the first page is displayed in the graphical user interface.

16. The method of claim 14, wherein, If the display area of ​​the target page meets the specified conditions, the division of the display area is canceled. The steps of displaying the second page on top of the first page include: If the size of the display area of ​​the second page is larger than the size of the second specified area, the division of the display area is canceled, and the second page is displayed on top of the first page.

17. The method of claim 1, wherein, The method further includes: In response to a page close command for the second page, the display area is undivided, and the first page is displayed in the graphical user interface.

18. A page display control device that provides a graphical user interface via a terminal device; the device comprising: The page display module is configured to execute control to display a first page in the graphical user interface; The partitioned display module is configured to execute a display instruction for the second page, divide the display area in the graphical user interface, and control the first page and the second page to be displayed in different display areas; The object layout module is configured to execute a response to the display area of ​​the target page meeting preset conditions, and to lay out the page objects in the target page according to the layout method corresponding to the preset conditions; wherein, the target page includes the first page and / or the second page; the layout method includes: landscape layout or portrait layout.

19. An electronic device comprising a processor and a memory, the memory storing computer executable instructions that are executable by the processor, the processor executing the computer executable instructions to implement the page display control method of any one of claims 1-17.

20. A computer readable storage medium storing computer executable instructions that, when called and executed by a processor, cause the processor to implement the page display control method of any one of claims 1-17.

Images